/*
 * Style by Datagif 
 * 
 */

/* @group RESETS */

	/* Eric Meyer reset.css v2.0 20110126 -- & -- normalize.css v3.0.0 git.io/normalize --- merge v1.2 */
	
	/** GFA **/

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video 
	{
	margin: 0; 
	padding: 0; 
	border: 0; 
	font-size: 100%; 
	vertical-align: baseline;}


	*, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

	html {font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}

	article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block;}
	audio, canvas, progress, video {display: inline-block; vertical-align: baseline;}
	audio:not([controls]) {display: none; height: 0;}

	[hidden], template {display: none;}

	a {background: transparent;}
	a:active, a:hover {outline: 0;}

	abbr[title] {border-bottom: 1px dotted;}
	strong {font-weight: bold;}
	em, dfn {font-style: italic;}
	mark {background: #ff0; color: #000;}
	small {font-size: 80%;}
	sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
	sup {top: -0.5em;}
	sub {bottom: -0.25em;}

	img {border: 0;}
	svg:not(:root) {overflow: hidden;}

	ol, ul {list-style: none;}

	hr {-moz-box-sizing: content-box; box-sizing: content-box; height: 0;}
	pre {overflow: auto;}
	code, kbd, pre, samp {font-family: monospace, monospace; font-size: 1em;}

	button, input, optgroup, select, textarea {color: inherit; font: inherit; margin: 0;}
	button {overflow: visible;}
	button, select {text-transform: none;}
	button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer;}
	button[disabled], html input[disabled] {cursor: default;}
	button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}
	input {line-height: normal;}
	input[type="checkbox"], input[type="radio"] {padding: 0;}
	input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto;}
	input[type="search"] {-webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
	input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
	textarea {overflow: auto;}
	optgroup {font-weight: bold;}

	table {border-collapse: collapse; border-spacing: 0;}
	td, th {padding: 0;}

	/* Personal & h5bp defaults */

	a[role="button"] {
		-webkit-user-select: none;
		   -moz-user-select: none;
		    -ms-user-select: none;
		      /*user-select: none;*/ /* not supported yet */
	}

	audio, canvas, img, svg, video {vertical-align: middle;}

	img {display: block;}
	textarea {resize: vertical;}

	:lang(fr) {quotes: "\00ab\00a0" "\00a0\bb" "\201c" "\201d";} /* �?«�? â�?�¦ â�?��?â�?�¦â�?�� â�?�¦�? �?» */
	:lang(en) {quotes: "\201c" "\201d" "\2018" "\2019";} /* â�?��?�? â�?�¦ â�?��?â�?�¦â�?��?� â�?�¦�? â�?�� */
	q::before, blockquote > p::before {content: open-quote;}
	q::after, blockquote > p::after {content: close-quote;}

	:focus {outline: 0 none;}

/* @end RESETS */

/* @group BASE */

	html {
		height: 100%;
		color: #222;
		font: 1em/1.4 "adelle-sans", sans-serif;
	}

	html {
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	body {
		min-height: 100%;
		background-color: #f4f4f4;
	}

	.no-scroll {
		overflow: hidden;
	}

	a {
		color: inherit;
		cursor: pointer;
	}

	a:hover {
		
	}

	a:active {
		
	}

	a:focus {outline: thin dotted;}
	a:active, a:hover {outline: 0 none;}

	/* Helpers / utils */

	.hidden,
	.template {
		display: none !important;
		visibility: hidden;
	}

	.visuallyhidden {
		border: 0;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}

	.visual-ir {
		border: 0;
		font: 0/0 a;
		text-shadow: none;
		color: transparent;
		background-color: transparent;
	}

	.clearfix::before, .clearfix::after {
		content: " ";
		display: block;
	}
	.clearfix::after {clear: both;}

/* @end BASE */

/* @group LAYOUTS */

	/* Global wrapers */

	.width-wrap {
		max-width: 1240px;
		/*max-width: 1180px;*/
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		padding-left: 20px;
		padding-right: 20px;
		z-index:10;
		/*position: relative;*/
	}

		@media (max-width: 600px) {
			.width-wrap {
				padding-left: 0;
				padding-right: 0;
			}
		}

	/* Centering */

	.v-centerer {
		
	}

		.v-centerer::before {
			content: "";
			display: inline-block;
			height: 100%;
			vertical-align: middle;
			width: 0.1em;
			margin-right: -0.4em;
		}
		
		.v-centered {
			display: inline-block;
			vertical-align: middle;
		}

	.abs-centered {
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
	}

	.table {
		display: table;
	}

	.v-centering-cell {
		display: table-cell;
		width: 100%;
		height: 100%;
		vertical-align: middle;
	}

	/* Image */

	.image-rounded {
		display: block;
		overflow: hidden;
		border-radius: 50%;
		background-clip: padding-box;
		-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
	}

		.image-rounded img {
			/*
			width: auto;
			height: 100%;
			*/
		}

	/* Responsive */


	@media (min-width: 800px) {

		.tablet-visible {
			display: none !important;
		}
		
	}

	@media (max-width: 800px) {

		.tablet-hidden {
			display: none !important;
		}
		
	}

	@media (min-width: 600px) {

		.mobile-visible {
			display: none !important;
		}
		
	}

	@media (max-width: 600px) {

		.mobile-hidden {
			display: none !important;
		}
		
	}

/* @end LAYOUTS */

/* @group TEXTS & COLORS */

	/* Color classes */

	.type-icon {
		background-color: #e10613;
	}

	.type-icon.movie { background-color: #890b66; }

	/* Utils */

	.underline {
		text-decoration: none;
		background-image: linear-gradient(to bottom, rgba(0,0,0,0) 50%, currentColor 50%);
		background-position: 0 95%;
		background-repeat: no-repeat;
		background-size: 100% 0.12em;
		padding-bottom: 0.1em;
	}

	.article-body p > a,
	.comment-item .item-body a,
	.article-body a,
	.article-body i a
	 {
		text-decoration: underline;
		-moz-text-decoration-color: #e10613; /* Code for Firefox */
    	text-decoration-color: #e10613;
		/*
		background-image: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #e10613 50%);
		background-position: 0 95%;
		background-repeat: no-repeat;
		background-size: 100% 0.12em;
		padding-bottom: 0.1em;
*/
	}

	.ellipsis {
		/*white-space: nowrap;*/
		text-overflow: ellipsis;
		/*overflow: hidden;*/
	}

	/* http://www.mobify.com/blog/multiline-ellipsis-in-pure-css/ */
	.pellipsis {
		overflow: hidden;
	}

		.pellipsis:before {
			content: "";
			float: left;
			width: 5px;
			height: 100%;
			max-height: 100%;
		}

		.pellipsis > *:first-child {
			float: right;
			width: 100%;
			margin-left: -5px;
		}		

		.pellipsis:after {
			content: "\02026";  
			box-sizing: content-box;
			-webkit-box-sizing: content-box;
			-moz-box-sizing: content-box;
			float: right;
			position: relative;
			top: -1.05em;
			left: 100%; 
			width: 2.5em;
			margin-left: -2.5em;
			padding-right: 5px;
			text-align: right;
			background: -webkit-gradient(linear, left top, right top,
				from(rgba(255, 255, 255, 0)), to(white), color-stop(50%, white));
			background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);			
			background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
			background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
			background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
		}

	.highlight {
		display: inline;
		color: #fff;
		box-shadow: -6px 0 0 4px #1d1d1d, 6px 0 0 4px #1d1d1d;
		-webkit-box-decoration-break: clone;
		    -ms-box-decoration-break: clone;
		     -o-box-decoration-break: clone;
		        box-decoration-break: clone;
	}

		.highlight > .hl-inner {
			display: inline;
			background-color: #1d1d1d;
			position: relative;
		}
		
		.highlight-padding,
		.highlight-h-padding {
			padding-left: 12px;
			padding-right: 12px;
		}
		
		.highlight-padding,
		.highlight-v-padding {
			padding-top: 12px;
			padding-bottom: 12px;
		}

	#svg-effects {
		display: none;
	}

	.blur {
		cursor:pointer;
	/*	-webkit-filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur-effect'><feGaussianBlur stdDeviation='2.5' /></filter></svg>#blur-effect");
		        filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur-effect'><feGaussianBlur stdDeviation='2.5' /></filter></svg>#blur-effect");*/
		filter: blur(5px);
        -webkit-filter: blur(5px);
        -moz-filter: blur(5px);
        -o-filter: blur(5px);
        -ms-filter: blur(5px);
		filter: url("data:image/svg+xml;utf9,<svg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'><filter%20id='blur'><feGaussianBlur%20stdDeviation='3'%20/></filter></svg>#blur");
		/*filter: url(blur.svg#blur);*/
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		  filter: alpha(opacity=50);*/
		/*background-image: url('http://f.cl.ly/items/1J0T0L3q1h1a0c3Q0W0I/meatloaf.jpg');
		background-repeat:no-repeat;*/
		
	}

	/* icomoon */

	@font-face {
		font-family: 'icomoon';
		src:url('fonts/icomoon.eot?-g7aj2y');
		src:url('fonts/icomoon.eot?#iefix-g7aj2y') format('embedded-opentype'),
			url('fonts/icomoon.ttf?-g7aj2y') format('truetype'),
			url('fonts/icomoon.woff?-g7aj2y') format('woff'),
			url('fonts/icomoon.svg?-g7aj2y#icomoon') format('svg');
		font-weight: normal;
		font-style: normal;
	}

	[class^="icon-"], [class*=" icon-"] {
		font-family: 'icomoon';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;

		/* Better Font Rendering =========== */
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	.icon-time:before {
		content: "\e600";
		color: #9d9d9d;
		font-size: 14px;
	}

/* @end TEXTS & COLORS */

/* @group jsSlider */

	.jSlider {
		white-space: nowrap;
		font-size: 0rem;
		overflow: hidden;
	}

		.jSlider > * {
			display: inline-block;
			font-size: 1rem;
			white-space: normal;
			vertical-align: top;
		}

	.jSlider-control {
		z-index: 1;
	}
	
	.jSlider-control.hide {
		display: none;
	}

/* @end jsSlider */

/* @group FORM */

	.sr-only {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0,0,0,0);
		border: 0;
	}

	.form-button {
		display: inline-block;
		font-size: 0.88em;
		padding: 10px 20px;
		text-transform: uppercase;
		background-color: #515151;
		border: none;
		color: #fff;
		border-radius: 2px;
		background-clip: padding-box;
		height: 40px;
		vertical-align: top;
		text-decoration: none;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		max-width: 100%;
	}

	.form-button:hover,
	.form-button:focus {
		background-color: #333333;
	}

	.form-field {
		height: 40px;
		border: 1px solid #e2e2e2;
		background-color: #fff;
		padding: 0 15px;
		font-size: 0.87em;
		margin-right: 4px;
		margin-bottom: 5px;
		vertical-align: top;
	}
	.form-field.js-meteo-search{margin-bottom:0px;}
	.form-field::-webkit-input-placeholder {color: inherit; padding-top: 0px;}
	.form-field::-moz-placeholder          {color: inherit; padding-top: 0px;}
	.form-field:-ms-input-placeholder      {color: inherit; padding-top: 0px;}

	.form-field:focus {
		border-color: #747474;
	}

	.form-field.fill-parent {
		width: 100%;
	}

	textarea.form-field {
		height: 180px;
		max-height: 500px;
		width: 100%;
		max-width: 100%;
		background-color: #f9f9f9;
		padding: 15px;
		font-size: 0.9em;
	}

	.form-temp-field {
		display: inline-block;
		position: relative;
		text-align: right;
		margin-right: 4px;
	}

		.form-temp-field .form-field,
		.form-temp-field .form-field-suffix {
			font-family: "jubilat", serif;
			font-size: 1.5em;
			font-weight: 300;
		}

		.form-temp-field .form-field {
			position: relative;
			z-index: 1;
			text-align: right;
			margin-right: 0;
			width: 85px;
			vertical-align: middle;
			padding-right: 26px;
			padding-left: 10px;
			background-color: transparent;
		}

		.form-temp-field .form-field-suffix {
			position: absolute;
			top: 0;
			right: 15px;
			height: 40px;
			line-height: 40px;
		}

	.form-select {
		position: relative;
		height: 40px;
		border: 1px solid #e2e2e2;
		background-color: #fff;
		margin-right: 4px;
		margin-bottom: 5px;
		vertical-align: top;
	}

	.form-select::before {
		content: '';
		position: absolute;
		z-index: 1;
		top: 0;
		bottom: 0;
		right: 0;
		display: block;
		width: 38px;
		border-left: 1px solid #e2e2e2;
		background-color: #fff;
		pointer-events: none;
	}

	.form-select::after {
		content: '';
		position: absolute;
		z-index: 2;
		top: 50%;
		right: 14px;
		display: block;
		width: 8px;
		height: 8px;
		margin-top: -5px;
		border-right: 2px solid #a0a0a0;
		border-bottom: 2px solid #a0a0a0;
		pointer-events: none;
		-webkit-transform: rotate(45deg);
		    -ms-transform: rotate(45deg);
		        transform: rotate(45deg);
	}

		.form-select .select-field {
			position: relative;
			height: 100%;
			width: 100%;
			border: none;
			background-color: transparent;
			padding: 0 15px;
			font-size: 0.87em;
			-webkit-appearance: none;
			-webkit-border-radius: 0px;
		}

/* @end FORM */

/* @group HEADER */

	.header {
		position: fixed;
		height:150px;
		z-index:16000;
		top: 0;
		max-width: 3000px;
		width: 100%;

	}
	.header-bar-container{
	}
	.header-bar-container,
	.header-bar {
		background-color: #e10613;
	}

	.header-bar-container {
		height: 100px;
		z-index: 13000;
		position: absolute;
	}

	.header-bar {
		position: fixed;
		/*z-index: 1000;*/
		top: auto;
		left: 0;
		right: 0;
		height: 100px;
		transition: height 0.2s ease-out;
	}

	.header-bar.minified {
		height: 70px;
	}

	.header-bar.fixed {
		position: fixed;
		z-index: 1000;
		top: 0;
		left: 0;
		right: 0;
	}

		.header-bar .wrap-button {
			max-width: 1538px;
			margin-left: auto;
			margin-right: auto;
			height: 0px;
		}

		.header-bar .width-wrap {
			height: 100%;
		}

		.header-bar .menu-button {
			width: 38px;
			height: 38px;
			display: block;
			float: left;
			margin-top: 31px;
			margin-left: 20px;
			margin-right: 20px;
			border: 2px solid #fff;
			position: relative;
			transition: margin 0.2s ease-out;
		}

		.header-bar .menu-button:hover {
			background-color: #D30713;
		}

		.header-bar.minified .menu-button {
			margin-top: 16px;
		}

			.header-bar .menu-button > span {
				position: absolute;
				top: 50%;
				left: 50%;
				display: block;
				width: 24px;
				margin-left: -12px;
				margin-top: -1px;
				height: 0;
				border-top: 2px solid #fff;
				transition: margin 0.2s ease, border 0.1s linear 0.2s;
			}

				.header-bar .menu-button > span::before,
				.header-bar .menu-button > span::after {
					content: '';
					position: absolute;
					display: block;
					width: 100%;
					height: 0;
					border-top: 2px solid #fff;
					margin-top: -10px;
					transition: margin 0.2s ease 0.2s, transform 0.2s ease;
				}

				.header-bar .menu-button > span::after {
					margin-top: 6px;
				}

			.header-bar .menu-button.active > span {
				border-color: transparent;
			}

				.header-bar .menu-button.active > span::before,
				.header-bar .menu-button.active > span::after {
					transition: margin 0.2s ease, transform 0.2s ease 0.22s;
				}

				.header-bar .menu-button.active > span::before {
					margin-top: -2px;
					-webkit-transform: rotate(45deg);
					    -ms-transform: rotate(45deg);
					        transform: rotate(45deg);
				}

				.header-bar .menu-button.active > span::after {
					margin-top: -2px;
					-webkit-transform: rotate(-45deg);
					    -ms-transform: rotate(-45deg);
					        transform: rotate(-45deg);
				}

		.header-logo {
			display: inline-block;
			float: left;
			margin-top: 30px;
			transition: margin 0.2s ease-out, transform 0.2s ease-out;
			-webkit-transform-origin: top left;
			    -ms-transform-origin: top left;
			        transform-origin: top left;
		}

		a.header-logo:active {
			opacity: 0.9;
		}

		.header-bar.minified .header-logo {
			margin-top: 17px;
			-webkit-transform: scale(0.8);
			    -ms-transform: scale(0.8);
			        transform: scale(0.8);
		}

		.header-bar .header-user.tablet {
			display: none  ;
		}

		.header-bar .header-user {
			height: 100%;
			padding: 15px 0;
			float: right;
		}

			.header-bar .login-info {
				float: right;
				height: 100%;
				border-right: 1px solid #e8535d;
				border-left: 1px solid #e8535d;
			}

				.header-bar .subscriber-box {
					display: block;
					color: #fff;
					text-align: right;
					padding-right: 34px;
					padding-left: 20px;
					height: 100%;
					width: 210px;
					text-decoration: none;
				}

					.header-bar .subscriber-box a {
						text-decoration: none;
					}

					.header-bar a.subscriber-box:hover .user-account {
						border-bottom: 1px solid #fff;
					}

					.header-bar .subscriber-box .user-name {
						font-size: 0.95em;
						font-weight: 700;
						display: block;
						margin-bottom: -4px;
						max-width:150px;

					}

					.header-bar .subscriber-box .user-account {
						font-size: 0.75em;
						text-transform: uppercase;
						font-weight: 600;
						                        position: relative;
					                    }
				                        .header-bar .subscriber-box .user-account::after {
					                            content: "";
						                            position: absolute;
						                            top: 5px;
						                            margin-left:10px;
					                            width: 0;
					                            height: 0;
					                            border-left: 5px solid transparent;
				                            border-right: 5px solid transparent;
					                            border-top: 10px solid #fff;        
						                        }
						
						                    .header-bar .user-menu {
						                        position: relative;
				                        background-color: #fff;
					                        border: 1px solid #d3d3d3;
				                        border-radius: 5px;
			                        background-clip: padding-box;
			                        display: none;
					                        transition: margin-top 0.2s ease-out;
					                       max-width: 220px;
					}

                        .header-bar .user-menu li {
                            border-bottom: 1px solid #d3d3d3;     
	                        }
	                        
                        .header-bar .user-menu li:last-child {
                            border-bottom:transparent;
                        }

                        .header-bar .user-menu li a {
                            text-decoration: none;
                            padding: 10px 20px;
                            display: block;
                            font-size:.95em;
                        }

                        .header-bar .user-menu li a:hover{
                            color: #4D4D4D;
                        }

                        .header-bar .user-menu::before {
                            content: "";
	                            position: absolute;
                            top: -10px;
                            right: 10px;
                            width: 0;
                            height: 0;
	                            border-left: 7px solid transparent;
	                            border-right: 7px solid transparent;
                            border-bottom: 10px solid #fff;        
	                        }
	
                    .user-menu.show{
	                        display: block;
	                    }
	
	                    .user-menu .icon {
	                        margin-top:-3px;
	                        margin-right: 5px;
	                    }
	
	                    .header-bar.minified .user-menu {
	                        margin-top:7px;
	                    }
	
	


			.header-bar .connect-box {
				float: right;
 				height: 100%;
			}

				.header-bar .connect-box a.connect-button {
					text-decoration: none;
					text-transform: uppercase;
					font-size: 0.75em;
					padding: 8px 25px;
					border-radius: 2px;
					background: #fff;
					border-bottom: 3px solid #f7ced1;
				}
				a.abonner-button {
					text-decoration: none;
					text-transform: uppercase;
					font-size: 0.75em;
					padding: 8px 25px;
					border-radius: 2px;
					background: #e0ad01;
					border-bottom: 3px solid #C69900;
					color:#FFF;
				}

				.header-bar .connect-box a.connect-button:hover {
					background: #ebebeb;
				}
				a.abonner-button:hover {
					background: #C69900;
				}

			.header-bar .search-box {
				float: right;
				height: 100%;
				padding: 0 23px;
			}

				.search-bar {
					position: relative;
					color: #fff;
					display: inline-block;
					width: 100%;
					max-width: 240px;
				}

					.search-bar-field {
						border: 2px solid #fff;
						background-color: transparent;
						border-radius: 16px;
						background-clip: padding-box;
						font-size: 0.85em;
						padding-bottom: 2px;
						height: 34px;
						width: 100%;
						padding-left: 22px;
						padding-right: 37px;
						transition: background-color 0.1s ease;
					}

					.search-bar-field::-webkit-input-placeholder {color:#fff; padding-top: 0px;}
					.search-bar-field::-moz-placeholder          {color:#fff; padding-top: 0px;}
					.search-bar-field:-ms-input-placeholder      {color:#fff; padding-top: 0px;}

					.search-bar-field:focus {
						background-color: rgba(0,0,0,0.1);
					}

					.search-bar-button {
						position: absolute;
						top: 0;
						right: 0;
						height: 100%;
						background: transparent;
						border: none;
						padding: 0;
						width: 37px;
						text-align: left;
						padding-left: 7px;
						border-radius: 0 16px 16px 0;
						background-clip: padding-box;
						border: 2px solid transparent;
					}

						.search-bar-button:active,
						.search-bar-button:focus {
							background-color: rgba(0,0,0,0.2);
						}

						.search-bar-button .icon {
							vertical-align: -3px;
						}

		.login-section {
			position: fixed;
			padding-top:1px!important;
			top: 130px;
			width: 100%;
			height: 600px;
			padding-top: 100px;
			background: #282828;
			z-index:15000;
			display: none;
			overflow: auto;
			max-height: 100vh;
		}

		.login-section.show {
			display: block;
		}

		.login-section.wide {
			height: 100%;
			padding-top: 0;
			z-index: 12000;
			max-height: 100vh;
		}

			.login-section .connect-close {
				display: none;
			}

			.login-section.wide .connect-close {
				display: block;
				float: right;
				margin-right: 40px;
				margin-top: 20px;
			}

			.login-section.wide .connect-close:hover {
				cursor: pointer;
			}

				.login-section .connect-close .icon{
					fill: #fff;
					width: 20px;
					height: 20px;
				}

			.login-section .box-container {
				padding-top: 70px;
				clear: both;
				display: -webkit-box;
				display: -ms-flexbox;
				display: -webkit-flex;
				display: flex;
				-webkit-justify-content: center;
				-ms-flex-justify-content: center;
				justify-content: center;
			}

				.login-section .article-card {
					max-width: 420px;
					display: inline-block;
					position: relative;
					border: 0;
				}

				.login-section.wide .article-card {
					max-width: 100%;
				}

					.login-section .article-card .card-header{
						border-bottom: 1px solid #e9e9e9;
						padding: 15px 25px 10px 25px;
					}

					.gold-box.article-card .card-header::before {
						content: '';
						top: 0;
						left: 0;
						right: 0;
						height: 7px;
						position: absolute;
						background: #C79900;
					}

						.login-section .card-header .card-header-title {
							font-family: "jubilat", serif;
							font-size: 1.5em;
							font-weight: 300;
						}

					.login-section .article-card .card-body{
						height: auto;
						padding: 0;
					}

				.login-section .connect-box {
					
				}

					.login-section .connect-box .first-visit {
						height: 60px;
						background: #f6f7f8;
						border-bottom: 1px solid #e9e9e9;
						padding: 15px 25px 10px 25px;
					}

						.login-section .first-visit p {
							float: left;
						}

						.login-section .first-visit .box-button {
							float: right;
							background-color: #fff;
						}

						.login-section .first-visit .box-button:hover {
							background: #f6f7f8;
						}

					.login-section .connect-box .login-form {
						padding: 15px 25px 10px 25px;
					}

						.login-section .login-form fieldset label {
							display: block;
							margin-bottom: 10px;
						}

						.login-section .login-form label .small-link {
							font-size: 0.85em;
							color: #7f8081;
							margin-left: 20px;
							background-image: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #7f8081 50%);
						}

						.login-section .login-form .form-field {
							width: 90%;
							margin-bottom: 20px;
						}

						.login-section .login-form .form-check {
							margin-right: 10px;
						}

						.checkbox-checked {
							position: relative;
							margin-left: 30px;
						}

						.login-section .login-form input[type="checkbox"]:checked + .checkbox-checked:after {
							background: url('../images/checked.png');
							background-repeat: no-repeat;
							background-position: center center;
						} 

						.checkbox-checked::before {
							content: "";
							position: absolute;
							width: 20px;
							height: 20px;
							background-position: center center;
							top: 1px;
							right: 5px;
							left: -30px;
							border: 2px solid #515151;
						}

						.checkbox-checked::after {
							content: "";
							position: absolute;
							width: 20px;
							height: 20px;
							top: 1px;
							right: 5px;
							left: -30px;
							border: 2px solid #515151;
						}

						.login-section .login-form .form-button {
							display: block;
							margin: 25px 0 20px 0 ;
						}

				.login-section .subscribe-box {
					
				}

					.login-section .subscribe-box .subscribe-offer {
						display: inline-block;
						width: 100%;
						border-bottom: 1px solid #e9e9e9;
						padding: 15px 85px 20px 25px;
					}

					.login-section .subscribe-box .subscribe-offer:last-child {
						border-bottom: 0;					
					}

						.login-section .subscribe-offer .start-price {
							float: left;
						}

							.gold-number {
								font-family: "jubilat", serif;
								font-size: 2.5em;
								font-weight: 300;
								color: #C79900;
								margin-left: 10px;
							}

						.login-section .subscribe-offer .form-button {
							float: right;
							margin-top: 10px;
						}



		.totem-banner{
			/*margin:20px auto;*/
			width : 100%;
			height:100%;
			max-height:400px;
			max-width: 200px;
			/*padding-top:5px;*/
			margin-bottom: 5px;
		}
		
		.totem-title{
			/*margin:20px auto;*/
			width : 100%;
			max-height:55px;
			height:100%;
			max-width: 200px;
			padding-top:5px;
			margin-bottom: 5px;
		}

		.page-top-banner{
			margin:10px auto 0 auto;
			padding:10px 0 0 0;
		}
		
	@media (max-width: 600px) {
		.floor-ad-banner+div img{
			display:none;	
		}
	}
		
		#sas-fixedDiv_5163029
		

		.header-nav-bar.minified{
			top:70px;
		}

		@media (max-width: 960px) {
		
			.header-bar .header-user {
				display: none;
			}

			.header-bar .header-user.tablet {
				display: block;
			}

			.header-bar .header-user.tablet .user-subscribe-icon {
				opacity: 0.6;
			}
			
			.account-page-container .logout .form-button{
				display:block !important;
				margin-top:6px;
			}
			.account-page-container .logout{
				text-decoration:none;
			}
			
		}

		@media (max-width: 860px) {
			
			.login-section .subscribe-ads .form-button {
				float: none;
			}
		}

		@media (max-width: 800px) {

			.header {
				height:100px;			
			}
			.page-top-banner {
				margin: 30px auto;
			}
	
			.header-bar {
				height: 70px;
			}
			

			.header-bar .header-user.tablet {
				position: absolute;
				right: 20px;
			}
		
			.header-bar-container {
				height: 70px;
				background-color: transparent;
			}

				.header-bar .menu-button {
					margin-top: 16px;
				}

				.header-bar .header-logo {
					margin-top: 17px;
					-webkit-transform: scale(0.8);
					    -ms-transform: scale(0.8);
					        transform: scale(0.8);
				}

			.login-section {
				height: auto;
			}

				.login-section .box-container {
					flex-direction: column;
				}

					.login-section .box-container .article-card {
						margin: auto;
						width: 80%;
						margin-bottom: 10px;
					}

						.login-section .connect-box .first-visit {
							height: auto;
						}

						.login-section .first-visit p {
							margin-right: 20px;
							margin-bottom: 10px;
						}

						.login-section .first-visit .box-button {
							float: none;
						}
			
		}

		@media (max-width: 600px) {

			.login-section.wide .box-container .article-card {
				width: 90%;
			}
		}

		@media (max-width: 520px) {
		
			.header {
				height:80px;			
			}
			.page-top-banner {
				margin: 30px auto;
			}

			.header-nav-bar.minified{
				top:50px;
			}

			.header-bar-container,
			.header-bar,
			.header-bar.minified {
				height: 50px;
			}

			.header-bar .width-wrap {
				padding-right: 6px;
			}

			.header-bar .menu-button,
			.header-bar.minified .menu-button {
				margin-top: 6px;
				margin-left: 6px;
			}

			.header-bar .header-logo,
			.header-bar.minified .header-logo {
				position: absolute;
				top: 0;
				left: 60px;
				margin-top: 14px;
				-webkit-transform: scale(0.5);
				    -ms-transform: scale(0.5);
				        transform: scale(0.5);
			}

			.header-bar .header-user {
				position: absolute;
				top: 0;
				right: 6px;
				padding: 0px;
			}

			.header-bar .connect-box a.connect-button {
				padding: 2px 10px;
				font-size: 0.7em;
			}

			.login-section.wide .box-container {
				padding-top: 20px;
			}

				.login-section.wide .card-header {
					padding: 10px 0 10px 0;
				}

					.login-section.wide .connect-box .first-visit,
					.login-section.wide .connect-box .login-form {
						padding: 15px 0 10px 0;
					}

					.login-section.wide .subscribe-box .subscribe-offer {
						padding: 15px 20px 20px 0;
					}

					.login-section.wide .subscribe-offer .form-button {
						float: none;
					}
			
		}

	.header-nav-bar {
		background-color: #282828;
		color: #fff;
		margin:0;
		transition: transform 0.2s ease-in;
	}
	.header-nav-bar-container {
		height: 50px;
		z-index: 600;
		position: relative;
		margin-top: 100px;
	}
	
	.header-nav-bar-container .header-nav-bar{
		left: 0px;
		right: 0;
		top: 100px;
		/*z-index:500;*/
	}
	
	.header-nav-bar-container .header-nav-bar.minified{
		top: 70px;
	}
	
	.header-nav-bar-container .header-nav-bar.fixed {
	    position: fixed;
	}
	
		@media (max-width: 800px) {
			.header-nav-bar-container .header-nav-bar,
			.header-nav-bar-container .header-nav-bar.minified{
				top:70px;
				display:absolute;
			}
		}
		@media (max-width: 520px) {
			.header-nav-bar-container .header-nav-bar,
			.header-nav-bar-container .header-nav-bar.minified{
				top:50px;

			}
		}
	
	.header-nav-bar.close {
		transform: translateY(-50px);
	}

		.header-nav-bar .main-nav {
			font-size: 0em;
			border-left: 1px solid #484848;
			float: left;
		}

			.header-nav-bar .main-nav > a {
				/*font-size: 1rem;*/
				font-size:16px;
				display: inline-block;
				text-decoration: none;
				opacity: 0.7;
				text-transform: uppercase;
				border-right: 1px solid #484848;
				height: 50px;
				padding-left: 6px;
				padding-right: 6px;
				line-height: 50px;
				transition: background 0.1s ease;
			}

			.header-nav-bar .main-nav > a:hover,
			.header-nav-bar .main-nav > a.active {
				opacity: 1;
			}

			.header-nav-bar .main-nav > a:active {
				background-color: #1a1a1a;
			}

				.header-nav-bar .main-nav .icon {
					vertical-align: -3px;
					/*margin-right: 10px;*/
					fill: #fff
				}

			.header-nav-bar .main-nav > a.active {
				color: #fff;
				position: relative;
			}

			.header-nav-bar .main-nav > a.active::before {
				content: '';
				display: block;
				height: 6px;
				background-color: #fff;
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
			}

		.header-nav-bar .social-nav {
			float: right;
			padding-top: 10px;
			padding-bottom: 10px;
		}

			.social-button {
				display: inline-block;
				background-color: #3b5997;
				height: 30px;
				min-width: 45px;
				border-radius: 15px;
				background-clip: padding-box;
				margin-left: 5px;
				text-align: center;
				color: #fff;
				text-decoration: none;
				padding-left: 13px;
				padding-right: 13px;
				line-height: 26px;
			}

				.social-button .icon {
				}

				.social-button .social-button-label {
					font-size: 0.88em;
					line-height: 29px;
					font-weight: 600;
					padding-right: 20px;
				}
				.social-button .social-button-label .icon{
					margin-right: 10px;
				}

			.social-button:hover,
			.social-button:focus {
				background-color: #324B80;
			}

			.social-button.tw {
				background-color: #55abed;
			}

			.social-button.tw:hover,
			.social-button.tw:focus {
				background-color: #4C97D0;
			}

	@media (max-width: 1120px) {
		
		.header-nav-bar .social-nav {
			display: none;
		}

		.header-nav-bar .main-nav {
			width: 100%;
		}

			.header-nav-bar .main-nav > a {
				/*width: 20%;*/
			}
		
	}

	@media (max-width: 970px) {
		
		.header-nav-bar .main-nav > a {
			width: 20%;
		}
		
	}

	@media (max-width: 640px) {

		.header-nav-bar .width-wrap {
			padding: 0;
		}

		.header-nav-bar .main-nav  {
			text-align: center;
			border-left: none;
		}

			.header-nav-bar .main-nav > a {
				padding: 0;
				height: 40px;
				line-height: 41px;
			}

			.header-nav-bar .main-nav > a:last-child {
				border-right: none;
			}
		
			.header-nav-bar .main-nav .icon  {
				margin: 0;
			}

			.header-nav-bar .main-nav .label  {
				display: none;
			}
			
		/* Text personnalis� CM */
	    /*.txt-temporaire{
			
			
			font-size: 1.06em;
			font-weight: 600;
			
		}
		.rate-market-page-container .rate-box-title{
			color:green;
			height: 800px;
		}*/
		
		
	}

/* @end HEADER */

/* @group MENU */

	.main-menu {
		position: fixed;
		z-index: 15000;
		top: 130px;
		left: 0;
		bottom: 0;
		background-color: #282828;
		max-width: 400px;
		width: 100%;
		color: #fff;
		overflow-x: hidden;
		padding-top: 40px;
		padding-bottom: 40px;
		padding-left: 30px;
		padding-right: 30px;
		transition: transform 0.2s ease, top 0.2s ease-out;
		-webkit-transform: translateX(-100%);
		    -ms-transform: translateX(-100%);
		        transform: translateX(-100%);
	}

	.main-menu.open {
		-webkit-transform: translateX(0%);
		    -ms-transform: translateX(0%);
		        transform: translateX(0%);
	}
	
	.menu-overlay{
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		height: 100vh;
		background-color: rgba(0,0,0,0.6);
		z-index: 10000;
	}
	.menu-overlay.show{
		display:block;
	}

	.main-menu.touch-header {
		top: 70px;
	}

		.main-menu ul {
			border-top: 1px solid #484848;
			max-width: 320px;
			width: 100%;
		}

			.main-menu ul > li {}

			.main-menu ul > li a {
				text-decoration: none;
				display: block;
				height: 71px;
				width: 100%;
				border-bottom: 1px solid #484848;
				text-transform: uppercase;
				padding: 10px 0;
				padding-right: 10px;
				color: rgba(255,255,255,0.7);
				line-height: 51px;
			}

			.main-menu ul > li a:hover {
				color: rgba(255,255,255,1);
			}

			.main-menu ul > li a:active .menu-icon {
				opacity: 0.8;
			}

			.main-menu ul > li a:active {
				/*background-color: #1a1a1a;*/
			}

			.main-menu ul > li .menu-icon {
				display: inline-block;
				vertical-align: middle;
				width: 50px;
				height: 50px;
				border-radius: 50%;
				background-clip: padding-box;
				background-color: #e10613;
				overflow: hidden;
				text-align: center;
				line-height: 50px;
				margin-right: 25px;
			}

				.main-menu ul > li .menu-icon .icon {
					margin-top: -4px;
					fill: #fff;
				}

			.main-menu .menu-icon.movie {
				background-color: #890b66;
			}

		.main-menu .menu-social {
			display: none;
			margin-top: 20px;
		}

		.main-menu .search-bar {
			display: none;
			margin-top: 20px;
		}

	@media (max-width: 1120px) {
		
		.main-menu .menu-social {
			display: block;
		}

	}

	@media (max-width: 960px) {

		.main-menu .search-bar {
			display: block;
			max-width: 100%;
		}

			.search-bar-field {
				height: 40px;
				border-radius: 20px;
			}
			
	}

	@media (max-width: 800px) {

		.main-menu {
			top: 70px;
		}
		
	}

	@media (max-width: 520px) {

		.main-menu,
		.main-menu.touch-header {
			top: 50px;
		}

		.main-menu {
			padding-top: 15px;
			padding-bottom: 25px;
			padding-left: 10px;
			padding-right: 10px;
		}
		
	}

/* @end MENU */

/* @group FOOTER */

	.footer {
	}

	.footer-bar {
		background-color: #e10613;
		height: 60px;
	}

		.footer-logo {
			display: inline-block;
			margin-top: 14px;
		}

			.footer-logo > img {
				height: 36px;
				width: auto;
			}

	.footer-nav-container {
		background-color: #282828;
		color: #fff;
		padding-top: 50px;
		padding-bottom: 50px;
	}

		.footer-nav-container .width-wrap {
			display: -webkit-flex;
			display:         flex;
		}

		.footer-nav {
			float: left;
			border-top: 3px solid #fff;
			width: 18%;
		}

			.footer-nav .nav-title {
				height: 60px;
				display: block;
				font-size: 1.35em;
				padding: 14px 12px;
			}

			.footer-nav .nav-list {
				border-top: 1px solid #3e3e3e;
			}

				.footer-nav .nav-list a {
					display: block;
					min-height: 41px;
					border-bottom: 1px solid #3e3e3e;
					padding: 9px 12px;
					text-decoration: none;
					color: #d4d4d4;
				}

				.footer-nav .nav-list a:hover {
					background-color: rgba(0,0,0,0.05);
				}

		.footer-nav-container .nav-col {
			width: 46%;
			display: -webkit-flex;
			display:         flex;
		}

		.footer-nav.nav-contact,
		.footer-nav.nav-services {
			margin-right: 5%;
			width: 45%;
		}

		.footer-nav.nav-contact {
			display: -webkit-flex;
			display:         flex;
			-webkit-flex-direction: column;
			        flex-direction: column;
		}

			.footer-nav.nav-contact .nav-list {
				-webkit-flex: 1;
				        flex: 1;
			}

			.footer-nav.social-nav {
				margin-top: 15px;
			}

			.footer-nav.nav-services .social-nav {
				display: none;
			}

				.footer-nav.nav-contact .social-nav .social-button {
					margin-bottom: 14px;
					margin-left: 0;
					margin-right: 5px;
				}

		.footer-nav.nav-group-websites {
			width: 54%;
		}

			.footer-nav.nav-group-websites .nav-list {
				width: 50%;
				float: left;
				padding-right: 10px;
				border-top: none;
			}

			.footer-nav.nav-group-websites .nav-list:last-child {
				padding-right: 0px;
				padding-left: 10px;
			}

				.footer-nav.nav-group-websites .nav-list > li:first-child {
					border-top: 1px solid #3e3e3e;
				}

	.footer-publications-container {
		background-color: #424141;
		color: #fff;
		padding: 0 35px;
		padding-top: 35px;
		padding-bottom: 35px;
	}

		.footer-publications {
			border-top: 3px solid #fff;
		}

			.footer-publications .publications-title {
				min-height: 60px;
				display: block;
				font-size: 1.35em;
				padding: 14px 0px;
			}

			.mag-slider {
				position: relative;
				margin-top: 10px;
			}

				.mag-slider .mag {
					padding-right: 21px;
					max-width:14.5%;
					overflow:hidden;
				}

					.mag-slider .mag > a {
						display: block;
						text-decoration: none;
					}

					.mag-slider .mag > a:hover .mag-title {
						border-bottom: 1px solid #fff;
					}

					.mag-slider .mag-picture {
						width: 153px;
						height: 207px;
						background-color: #fff;
						margin-bottom: 5px;
						overflow: hidden;
					}
					
					.mag-slider .mag-picture img{
						width: 153px;
						border-radius:4px;
					}

					.mag-slider .mag-title {
						display: inline-block;
						font-size: 0.85em;
						border-bottom: 1px solid transparent;
					}

					.mag-slider .mag-info {
						font-size: 0.85em;
						color: #8e8d8d;
						margin-bottom: 2px;
					}

				.mag-slider-button {
					position: absolute;
					top: 0;
					left: 0;
					margin-left: -45px;
					margin-top: 80px;
					width: 30px;
					height: 50px;
					display: block;
					opacity: 0.7;
				}

					.mag-slider-button::before,
					.mag-slider-button::after {
						content: '';
						display: block;
						position: absolute;
						top: 50%;
						left: 50%;
						width: 30px;
						margin-left: -14px;
						margin-top: -11px;
						height: 4px;
						background: #fff;
						border-radius: 4px;
						background-clip: padding-box;
						-webkit-transform: rotate(-45deg);
						    -ms-transform: rotate(-45deg);
						        transform: rotate(-45deg);
					}

					.mag-slider-button::after {
						margin-left: -14px;
						margin-top: 8px;
						-webkit-transform: rotate(45deg);
						    -ms-transform: rotate(45deg);
						        transform: rotate(45deg);
					}

				.mag-slider-button.next {
					position: absolute;
					left: auto;
					right: 0;
					margin-left: 0px;
					margin-right: -40px;
				}

					.mag-slider-button.next::before {
						-webkit-transform: rotate(45deg);
						    -ms-transform: rotate(45deg);
						        transform: rotate(45deg);
					}

					.mag-slider-button.next::after {
						-webkit-transform: rotate(-45deg);
						    -ms-transform: rotate(-45deg);
						        transform: rotate(-45deg);
					}

				.mag-slider-button:hover {
					opacity: 1;
				}

				.mag-slider-button:active {
					-webkit-transform: scale(0.95);
					    -ms-transform: scale(0.95);
					        transform: scale(0.95);
				}

	@media (max-width: 800px) {

		.footer-nav-container .nav-col {
			display: block;
		}

		.footer-nav.nav-contact, 
		.footer-nav.nav-services {
			width: 92%;
			margin-bottom: 30px;
		}

		.footer-nav.nav-group-websites .nav-list {
			width: 100%;
		}
		
	}

	@media (max-width: 600px) {

		.footer-nav-container {
			padding-top: 25px;
			padding-bottom: 25px;
		}

		.footer-nav-container .width-wrap {
			padding: 0 10px;
		}

		.footer-nav-container .nav-col {
			width: 100%;
		}

		.footer-nav.nav-services {
			width: 100%;
			margin: 0;
		}

		.footer-nav.nav-services .social-nav {
			display: block;
			margin-top: 25px;
		}
		
	}

/* @end FOOTER */

/* @group LAYOUT */

	.wide-column {
		width: 71.667%;
		width: calc(100% - 3.333% - 300px);
		float: left;
		margin-right: 3.333%;
	}

	.wide-column.left-aside {
		margin-right: 0;
		margin-left: 3.333%;
	}

	.aside-column {
		width: 25%;
		width: 300px;
		float: left;
	}

	@media (max-width: 750px) {

		.wide-column {
			width: 100%;
			margin-right: 0;
		}

		.wide-column.left-aside {
			margin-left: 0;
		}

		.aside-column {
			width: 100%;
		}

		.aside-banner {
			display: none;
		}

	}

/* @end LAYOUT */

/* @group SECONDARY NAV */
	

	.secondary-nav {
		position: relative;
		background-color: #fff;
		border: 1px solid #e2e2e2;
		border-top: none;
		padding-top: 3px;
		margin-bottom: 20px;
	}

		.secondary-nav::before {
			content: '';
			display: block;
			position: absolute;
			top: 0;
			left: -1px;
			right: -1px;
			border-top: 3px solid #282828;
		}

		.secondary-nav > li {

		}

			.secondary-nav > li a {
				text-decoration: none;
				display: block;
				padding: 15px 20px;
			}

			.secondary-nav > li a:hover .nav-title {
				opacity: 0.7;
			}

			.secondary-nav > li a:active .nav-title {
				opacity: 1;
			}

			.secondary-nav .nav-title {
				text-transform: uppercase;
				font-size: 0.82em;
			}

			.secondary-nav .nav-info {
				color: #bebebe;
				font-size: 0.86em;
			}

		.secondary-nav .nav-weather {
			position:relative;
		}

			.secondary-nav .weather-icon {
				width: 65px;
				height: 65px;
				display: inline-block;
				margin-left: -6%;
				margin-top: -3px;
				margin-right: 5px;
			}

			.secondary-nav .weather-info {
				font-family: "jubilat", serif;
				font-size: 2.19em;
				font-weight: 300;
				vertical-align: middle;
			}
			
			
		@media (max-width:400px){
		
			.secondary-nav .weather-icon {
				width: 50px;
				height: 50px;
				display: inline-block;
				margin-left: -6%;
				margin-top: -3px;
				margin-right: 5px;
			}

			.secondary-nav .weather-info {
				font-family: "jubilat", serif;
				font-size: 2.0em;
				font-weight: 300;
				vertical-align: middle;
			}
		
		
		}

		.secondary-nav .nav-rate {
			position:relative;
		}

			.secondary-nav .rate-data {

			}

			.secondary-nav table.rate-data td{
				display:none;
			}
			
			.secondary-nav table.rate-data td:nth-child(1){
				display:block;
			    font-size: 0.82em;
   				 text-transform: uppercase;
			}
			.secondary-nav table.rate-data td:nth-child(1) .item-label{
				white-space: nowrap;
				  overflow: hidden;
				  text-overflow: ellipsis;
			}
			
			.secondary-nav table.rate-data td:nth-child(1) .item-date{
				display:none;
			}

			
			.secondary-nav table.rate-data td:nth-child(2){
				display:block;
				color: #bebebe;
				font-size: 0.86em;
			}

			.secondary-nav table.rate-data td:nth-last-child(2){
				display:block;
				font-size: 1.75em;
				margin-top: 3px;
			}

			.secondary-nav .rate-data .good { color: #18c48a; }
			.secondary-nav .rate-data .same { color: #ff5600; }
			.secondary-nav .rate-data .bad { color: #e10613; }

				.secondary-nav .rate-data .data-indicator {
					font-size: 2.4em;
					font-weight: 100;
					line-height: 30px;
					vertical-align: top;
				}

				.secondary-nav .rate-data .data-text {
					vertical-align: top;
				}

		.secondary-nav .nav-mag {}

			.secondary-nav .mag-picture {
				position: relative;
				width: 106px;
				height: 121px;
				overflow: hidden;
				float: left;
				margin-right: 16px;
				background-color: #fff;
				margin-bottom: 7px;
				box-shadow: 0px 2px 0px -1px #c0c0c0, 0px 3px 0px -1px #fff, 0px 4px 0px -1px #c0c0c0, 0px 5px 0px -1px #fff, 0px 6px 0px -1px #c0c0c0;
			}

				.secondary-nav .mag-picture img {
					width: 100%;
					height: auto;
				}

			.secondary-nav .mag-read-button {
				margin-top: 10px;
				color: #808080;
				font-size: 0.8em;
				height: 27px;
				border: 1px solid rgba(0,0,0,0.15);
				background-color: #fff;
				border-radius: 13px;
				background-clip: padding-box;
				padding: 0 19px;
				line-height: 25px;
				margin:0;
			}
			
			.secondary-nav .mag-read-button.weather-button {
				margin:0 10px 15px 0;
				position:absolute;
				bottom:0px;
				right:0px;
				width:50%;
				max-width:125px;
			}
			
			.secondary-nav .mag-read-button.rate-button {
				margin:0 10px 15px 0;
				position:absolute;
				bottom:0px;
				right:0px;
				width:50%;
				max-width:125px;
			}
			
			@media (max-width: 1200px) {
				.secondary-nav .mag-read-button.weather-button {
					display:none;
				}
				.secondary-nav .mag-read-button.rate-button {
					display:none;
				}
			}
			

			.secondary-nav .mag-subscribe-button {
				margin-top: 10px;
				color: #fff;
				font-size: 0.81em;
				height: 27px;
				border: 0;
				background-color: #C79900;
				border-radius: 13px;
				background-clip: padding-box;
				padding: 0 19px;
				line-height: 25px;
			}

			.secondary-nav .mag-subscribe-button:hover {
				background-color: #DBA900;
			}

			.secondary-nav .nav-mag .mag-read-button:hover {
				background-color: #F4F4F4;
			}

			.secondary-nav .nav-mag .mag-read-button:active {
				background-color: #E8E8E8;
			}

		.secondary-nav > a:hover .nav-title {
			opacity: 0.7;
		}

		.secondary-nav > a:active .nav-title {
			opacity: 1;
		}

	/* HORIZONTAL */

	.secondary-nav.horizontal {
		display: -webkit-flex;
		display:         flex;
	}

		.secondary-nav.horizontal > li {
			position: relative;
			-webkit-flex: 1;
			        flex: 1;
			float: left;
		}

		.secondary-nav.horizontal > li::after {
			content: '';
			display: block;
			position: absolute;
			top: 8px;
			right: 0;
			bottom: 8px;
			border-right: 1px dashed #b2b2b2;
		}

			.secondary-nav.horizontal > li:last-child::after {
				display: none;
			}


			.secondary-nav.horizontal > li a {
				text-decoration: none;
				display: block;
				padding-top: 0px;
				padding-bottom: 5px;
				padding-right: 10px;
				transition: background 0.1s ease;
			}

		.secondary-nav.horizontal .nav-mag > a {
			padding-left: 20px;
			padding-bottom: 10px;
		}

		.secondary-nav.horizontal .mag-picture {
			margin-top: -35px;
		}

	.secondary-nav.horizontal.no-weather {
		width: 417px;
	}

	@media (max-width: 1205px) {

		.secondary-nav.horizontal .mag-picture {
			width: 60px;
			height: auto;
			margin-top: 0;
		}
	}

	@media (max-width: 990px) {

		.secondary-nav.horizontal .mag-picture {
			display: none;
		}
	}

	@media (max-width: 830px) {

		.news-section .secondary-nav.horizontal {
			/*display: none;*/
		}

		.news-section .secondary-nav.vertical {
			display: block;
			margin-bottom: 0px;
			margin-top: 10px;
		}

	}

	/* VERTICAL */

	.secondary-nav.vertical {

	}

		.secondary-nav.vertical > li {
			border-bottom: 1px solid #e2e2e2;
		}

		.secondary-nav.vertical > li:last-child {
			border-bottom: none;
		}

			.secondary-nav.vertical > li a {
				overflow: hidden;
				padding: 15px 9%;
				min-height: 115px;
			}

		.secondary-nav.vertical .nav-weather > a {
			padding-bottom: 5px;
		}

			.secondary-nav.vertical .mag-picture {
				height: 72px;
				width: 94px;
				margin-top: 5px;
			}

			.secondary-nav.vertical .nav-mag .nav-title {
				margin-top: 5px;
			}


	@media (max-width: 600px) {

		.secondary-nav.vertical > li a {
			padding: 9px 6%;
			min-height: 78px;
		}

	}

/* @end SECONDARY NAV */

/* @group INNER HEADER */

	.inner-page-header {
		margin-top: 28px;
		margin-bottom: 25px;
		min-height: 105px;
	}
		.inner-page-header .inner-page-title {
			float: left;
		}

		.inner-page-header .secondary-nav + .inner-page-title {
			max-width: 560px;
		}

		.inner-page-title .page-title-icon {
			display: inline-block;
			vertical-align: middle;
			margin-right: 28px;
			margin-top: 18px;
			background-image: url(images/border-page-title-icon.svg);
			width: 55px;
			height: 62px;
			font-size: 0em;
			line-height: 65px;
			text-align: center;
		}

			.inner-page-title .page-title-icon .icon {
				display: inline-block;
				font-size: 1rem;
				vertical-align: -0.49em;
				-webkit-transform: scale(1.5);
				    -ms-transform: scale(1.5);
				        transform: scale(1.5);
			}

		.inner-page-title .page-title {
			font-size: 3.44em;
			display: inline-block;
			vertical-align: middle;
			margin-left: -10px;
			margin-top: 15px;
			font-weight:normal;
		}
		.inner-page-title .page-title:first-letter{
			text-transform: uppercase; 
		}

		.page-title.page-title-small {
			font-size: 2.5em;
		}

		.inner-page-header .secondary-nav {
			float: right;
			vertical-align: top;
			height: 105px;
			width: 623px;
			margin-bottom: 6px;;
		}

			.inner-page-header .secondary-nav .mag-picture{
				height: 73px;
				width: 56px;
				float: left;
				margin-top: -3px;
				margin-right: 10px;
				margin-left: -10px;
			}

		.inner-page-header + .section {
			margin-top: 0;
		}

		.inner-page-header .select-panel-nav {
			width: 100%;
			margin: 10px 0;
		}

	@media (max-width: 1240px) {
		
		.inner-page-header .inner-page-title {
			float: none;
		}

		.inner-page-header .secondary-nav {
			float: none;
			margin-top: 20px;
		}
	}

	@media (max-width: 960px) {

		.inner-page-header .secondary-nav {
			display: none;
		}
	}

	@media (max-width: 760px) {
		.tractor-page-header .page-title{
			font-size: 3em;
		}
	}

	@media (max-width: 600px) {

		.inner-page-header {
			margin-top: 0;
			min-height: 0;
			margin-bottom: 10px;
			overflow: hidden;
			padding: 0 15px;
		}
			.inner-page-header .inner-page-title {
				margin-top: 10px;
				margin-left: 0px;
			}

				.inner-page-title .icon{
					margin-top: 0;
				}

				.inner-page-title .page-title {
					font-size: 1.6em;
					margin-top: 0;
				}

				.inner-page-title .page-title-icon {
					width: 27px;
					height: 30px;
					line-height: 30px;
					margin-top: 0;
					background-size: contain;
					margin-right: 20px;
				}

					.inner-page-title .page-title-icon .icon {
						-webkit-transform: scale(0.7);
						    -ms-transform: scale(0.7);
						        transform: scale(0.7);
					}
	}

/* @end INNER HEADER */

/* @group HOME PAGE */

	.page-container {
		/*background-color: #f6f6f6;*/
		/*padding-bottom: 25px;*/
		padding-top: 1px;
		position:relative;
	}
	
	.page-container .banner{
		margin-bottom: 45px;
		margin-top: -45px;
	}
	
	@media (max-width: 600px){
		.page-container .banner{
			margin-bottom: 20px;
			margin-top: 10px;
		}
		.page-container .banner img{
			width: 100%;
			height: auto;
		}
	}
	
		.page-container .banner img{
			margin: 0 auto;
		}
	
		.black-bg-container	{
			margin-top: 50px;
			background: #343536;
			position: relative;
			/*margin-top: -32px;
			padding-top:32px;*/
			z-index: 0;
			width: 1200px;
			margin-left: auto;
			margin-right: auto;
		}

			.black-bg-container .article-content {
				border: 0;
			}

			.black-bg-container .inner-page-title {
				color: #fff;
				fill: #fff;
			}

			.black-bg-container .inner-page-title .page-title-icon {
				background-image: url(images/border-page-title-icon-white.svg);
			}

			.black-bg-container .news-videos .event-list-title {
				color: #fff;
			}
			

			.page-top-banner {
				max-width: 970px;
				max-height:415px;
				width: 100%;
				margin-bottom:20px;
				/*overflow: hidden;*/
			}

			@media (max-width: 750px) {

				.page-container .width-wrap {
					max-width: 660px;
				}

			}

			@media (max-width: 600px) {

				.page-container {
					padding-bottom: 70px;
				}

				.page-top-banner-container {
					display: none;
				}

				.page-container .section {
					padding: 0;
					margin-top: 0px;
					margin-bottom: 10px;
				}

					.page-container .section .width-wrap {
						padding: 0;
					}

			}

	/* @group COMMON */

		.section .card-body .article-time{
			position: relative;
			/*bottom: 20px;*/
		}
		
		.section .aside-column .card-body .article-time{
			position:static;
		}

		.article-time {
			font-size: 0.75rem;
			color: #858585;
		}

			.article-time .icon-time {
				vertical-align: -0.15em;
				margin-right: 9px;
			}
		
		/* common margin section */
		.section {
			margin-top: 30px;
			/*margin-bottom: 70px;*/
		}

	/* @end COMMON */

	/* @group NEWS SECTION */

		.news-section {}

		.news-gestion {
			margin-top: 80px;
		}

			.news-section .inner-page-title {
				margin-bottom: 40px;
			}

			.news-section .section-header {
				margin-bottom: 41px;
			}

			.news-section .wide-column {
				width: 71.667%;
				width: calc(100% - 3.333% - 300px);
				float: left;
				margin-right: 3.333%;
			}

			.news-gestion .wide-column {
				width: 80.834%;
				margin-left: 3.333%;
				margin-right: 0;
			}

			.news-section.news-videos .aside-column {
				width: 15.833%;
  				float: left;
			}
				.news-section.news-videos .aside-column .event-column {
					width: 100%;
				}

			.news-videos .wide-column {
				width: 80.834%;
				float: left;
				margin-left: 3.333%;
				margin-right: 0;
			}

				

				.news-section .event-column {
					width: 23.041%;
					/*border-top: 1px dashed #b2b2b2;*/
					float: left;
					margin-right: 4.4%;
				}

					.news-section .event-list-title {
						text-transform: uppercase;
						font-size: 0.82em;
						margin-top: 15px;
						margin-bottom: 10px;
						display: inline-block;
						font-weight: bold;
						padding-left: 8px;
					}

					.news-section .event-list {}

						.news-section .event-list > li {
							margin-bottom: 6px;
						}

						.news-section .event-list > li a {
							display: block;
							background-color: #fff;
							/*border: 1px solid #e2e2e2;*/
							min-height: 40px;
							text-decoration: none;
							transition: color 0.1s ease;
						}

						.news-section .event-list .list-picture {
							display: block;
							height: 50px;
							/*overflow: hidden;*/
							width: 100%;
							background-color: #ebebeb;
							text-align: center;
						}

							.news-section .event-list .list-picture img {
								width: auto;
								height: 98%;
								display: inline-block;
							}

						.news-section .event-list .list-icon {
							display: inline-block;
							height: 100%;
							width: 36px;
							height: 38px;
							border-right: 1px solid #e2e2e2;
							text-align: center;
							vertical-align: top;
							background-color: #fff;
							font-size: 1rem;
						}

							.news-section .event-list .list-icon::before {
								content: "";
								display: inline-block;
								height: 100%;
								vertical-align: middle;
								width: 0.1em;
							}

							.news-section .event-list .list-icon .icon {
								vertical-align: middle;
							}

							.news-section .event-list .list-label {
								padding-left: 5px;
								font-weight: 600;
								line-height: 38px;
								height: 38px;
								font-size: 1rem;
							}

						.news-section .event-list > li a:hover {
							color: #797979; /* #9D9D9D */
						}

						.news-section .event-list > li a:active {

						}

				.news-section .news-articles {
					width: 72.559%;
					float: left;
				}

					/* @group ARTICLE CARD */

						.article-card-container {
							margin-left: -3.1%;
							/*margin-top: -20px;*/
						}

						.article-card {
							float: left;
							border: 1px solid #e2e2e2;
							background-color: #fff;
							width: 47%;
							margin-left: 3%;
							margin-bottom: 3%;
						}

							.wide-card .card-top {
								position: relative;
								background-color: #ebebeb;
								/*overflow: hidden;*/
								height: 180px!important;
							}						
							
							.article-card .card-top {
								position: relative;
								background-color: #ebebeb;
								overflow: hidden;
								height: 143px;
							}

								/*.article-card .card-top::before {
									content: '';
									display: block;
									padding-top: 60.46%;
								}*/

								.article-card .card-top .card-top-img {
									width: 100%;
									height: 100%;
									object-fit: cover;
									transition: transform 0.8s ease;
								}

								.search-articles .wide-card .card-top .card-top-img {
									/*width: auto !important;
									height: auto !important;*/
									margin : auto;
								}

								@media (min-width: 600px){
									.article-card a:hover .card-top-img {
										-webkit-transform: scale(1.05);
										    -ms-transform: scale(1.05);
										        transform: scale(1.05);
									}
								}

								.article-card .card-top .type-icon {
									position: absolute;
									left: 0;
									bottom: 0;
								}

							.article-card .card-img {
								height: 181px;
								position: relative;
								overflow: hidden;
							}

								.article-card .card-img img{
									position: absolute;
								}

							.article-card .card-body {
								padding: 20px;
								padding-top: 12px;
								height: 200px;
							}
							
							.article-card.wide-card .card-body {
								height:auto;
							}

								.article-card .card-body a {
									text-decoration: none;
								}

								.article-card .card-tag {
									font-size: 0.82em;
									font-weight: 700;
									text-transform: uppercase;
									color: #e10613;
									margin-bottom: 7px;
								}

								.article-card .card-tag a:hover {
									color: #BD0B15;
								}

								.article-card .card-title {
									font-family: "jubilat", serif;
									font-size: 1.5em;
									line-height: 1.05em;
									font-weight: 500;
									margin-bottom: 20px;
									height: 4.2em;
									transition: color 0.1s ease;
								}

								.article-card .card-title a:hover {
									color: #4D4D4D;
								}

									.article-card .card-title .folder {
										font-weight: 300;
									}

						.article-card.wide-card {
							width: 97%;
						}

							.article-card.wide-card .card-title {
								font-size: 1.84em;
								height: auto;
								overflow: hidden;
							}


						.article-card.simple-card {

						}

							.article-card.simple-card .card-body {
								height: 381px;
								position:relative;
							}

								.article-card.simple-card .card-title {
									font-size: 2em;
									height: 8.4em;
									margin-bottom: 30px;
								}

						.twins-card-container {
							float: left;
							width: 47%;
							margin-left: 3%;
							margin-bottom: 1.5%;
						}
						
						 .twins-card-containe:nth-child(2n+2){
						}

							.twins-card-container .article-card {
								float: none;
								width: 100%;
								margin-left: 0%;
							}

								.twins-card-container .card-body {
									height: 185px;
									position:relative;
								}

								.twins-card-container .article-card .card-title {
									margin-bottom: 5px;
								}

						.article-card-container.three-column {
							margin-left: -2%;
							padding-right: 0;
						}

							.three-column .article-card,
							.three-column .column {
								float: left;
								width: 31.3333%;
								width: calc((100% / 3) - 2%);
								margin-left: 2%;
								margin-bottom: 2%;
							}

							.three-column .article-card.wide-card {
								width: 64.6666%;
								width: calc((100% / 3) * 2 - 2%);
							}

							.three-column .twins-card-container {
								width: 31.3333%;
								width: calc((100% / 3) - 2%);
								margin: 0;
								margin-left: 2%;
								margin-bottom: 1%;
							}

								.three-column .twins-card-container .article-card {
									float: none;
									width: 100%;
									margin-left: 0%;
									margin-bottom: 3%;
								}

						.partnership-card {
							
						}

							.partnership-card .card-tag {
								color: #00b96c;
							}

							.partnership-card .card-title {
								font-family: inherit;
								font-weight: 700;
							}

							.partnership-card .card-top .partnership-title {
								color: #fff;
								font-size: 0.75em;
								font-weight: 600;
								text-transform: uppercase;
								background-color: #00b96c;
								height: 26px;
								line-height: 26px;
								padding-left: 8px;
								padding-right: 10px;
								max-width: 100%;
								display: block;
								position: absolute;
								top: 0;
								left: 0;
								z-index: 1;
							}

							.partnership-card .card-top .type-icon {
								background-color: #00b96c;
							}
						
					/* @end ARTICLE CARD */

			.news-section .aside-column {
				width: 25%;
				width: 300px;
				float: left;
			}

			.news-gestion .aside-column {
				width: 15.833%;
			}
				.news-gestion .aside-column .news-title {
					font-family: "jubilat", serif;
					font-size: 1.5em;
					line-height: 1.62em;
					font-weight: 300;
				}

				.aside-column .live {
					/*border-top: 1px dashed #b2b2b2;*/
					padding-top: 5px;
					margin-bottom: 10px;
				}

					.black-bg-container .live .live-title {
						color: #fff;
					}

					.live .live-title {
						font-family: "jubilat", serif;
						font-weight: 300;
						font-size: 1.6em;
						margin-bottom: 5px;
					}

					.live .live-title .icon {
						vertical-align: -3px;
					}

					.live .live-container {
						/*height: 810px;*/
						height:350px;
						max-height: 80vh;
						overflow-x: hidden;
					}

						.live-card {
							position: relative;
							border: 1px solid #e2e2e2;
							background-color: #fff;
							margin-bottom: 4px;
							padding-left: 6px;
							/*min-height:90px;*/
							font-size:14px;
						}

						.live-card::before {
							content: '';
							position: absolute;
							top: -1px;
							left: -1px;
							bottom: -1px;
							width: 7px;
							background-color: #ff6700;
						}

							.live-card .card-body {
								padding: 12px 15px 5px 15px;
								position:relative;
							}
							
							.movie-card .card-body{
								width:180px;
							}

							.live-card a {
								text-decoration: none;
							}

							.live-card .card-tag {
								font-size: 0.82em;
								font-weight: 700;
								text-transform: uppercase;
								color: #ff6700;
								margin-bottom: 2px;
								width:100%;
								float:left;
							}

							.live-card .card-tag a:hover {
								color: #CB5200;
							}

							.live-card .card-title {
								font-weight: 600;
								/*margin-bottom: 10px;*/
								transition: color 0.1s ease;
								float:left;
								width:100%;
							}

							.live-card .card-title a:hover {
								color: #4D4D4D;
							}

							.live-card .card-top {
								float: right;
								/*margin-left: 10px;*/
								max-width: 90px;
								max-height: 88px;
							}

						.movie-card {
						    min-height: 102px;
						}

						.movie-card::before {
							background-color: #890b66;
						}

							.movie-card .movie-bar {
								background-color: #890b66;
								display: block;
								height: 40px;
								padding: 6px;
								transition: background 0.1s ease;
							}

							.movie-card .card-top a:hover .movie-bar {
								background-color: #620849;
							}

							.movie-card .card-tag {
								color: #890b66;
							}

							.movie-card .card-tag a:hover {
								color: #620849;
							}

				.news-section .aside-banner {
					/*overflow: hidden;*/
					width: 300px;
					float: left;
				}

		@media (max-width: 1100px) {

			.news-section .wide-column {
				width: 71.667%;
			}

			.news-section.news-videos .wide-column {
				width: 80.834%;
			}

			.news-section .aside-column {
				width: 25%;
				float: left;
			}
		}

		@media (max-width: 1000px) {

			.news-section .event-column {
				display: none;
			}

			.news-section.news-videos .wide-column {
				width: 100%;
				margin-left: 0;
			}

			.news-section .news-articles {
				width: 100%;
			}

		}

		@media (max-width: 950px) {

			.news-section .wide-column {
				width: 61.667%;
			}

			.news-section .aside-column {
				width: 35%;
				float: left;
			}
		}

		@media (max-width: 800px) {

			.news-gestion .wide-column {
				width: 100%;
				margin-left: 0;
			}
		}


		@media (max-width: 750px) {

			.news-section .wide-column {
				width: 100%;
			}

			.news-section .aside-column {
				width: 100%;
			}

			.live .live-container {
				height: 534px;
				max-height: 60vh;
			}

			.news-section .aside-banner {
				display: none;
			}

		}

		@media (max-width: 600px) {

			.mobile-one-card .article-card:nth-child(n+2),
			.mobile-two-card .article-card:nth-child(n+3),
			.mobile-three-card .article-card:nth-child(n+7) {
				display: none;
			}
			.section .card-body .article-time{
				position: static;
			}
	
			.news-section .section-header {
				margin-bottom: 0;
			}

				.news-section.news-videos .wide-column {
					width: 100%;
					margin-left: 0;
				}

				.news-gestion .wide-column {
					margin-left: 0;
				}

				.article-card {
					width: 97%;
				}

					.legal-chronicle .card-img {
						float: left;
						width: 90px;
						height: 90px;
						margin-right: 12px;
					}

					.legal-chronicle a.legal-issue-title {
						font-size: 1.1em;
					}

				.twins-card-container {
					width: 100%;
					margin-left: 0;
					margin-bottom: 0;
				}

			.news-section .aside-column .live {
				border-top: 0;
				padding-top: 0;
			}

		}

	/* @end NEWS SECTION */

	/* @group FOLDER SECTION */

		.folder-section {}
		
		.folder-section .article-card-container .wide-card .card-body{
			height:163px !important;
		}

			.section-header {
				position: relative;
				height: 80px;
				background-color: #fff;
				border-bottom: 1px solid #e2e2e2;
				border-top: 6px solid #1a1a1a;
				overflow: hidden;
			}
				.folder-section .folder-title {
					font-family: "jubilat", serif;
					font-size: 1.5em;
					line-height: 1.05em;
					font-weight: 300;
				}
				
				.folder-section .folder-title a{
					text-decoration:none;
				}

					.folder-section .folder-title .big-number {
						font-size: 2.9em;
						font-weight: 100;
						line-height: 0.9em;
					}

				.section-title {
					display: inline-block;
					font-size: 1.6em;
					text-decoration: none;
					font-weight: 700;
					height: 100%;
					padding: 11px 15px;
				}

				a.section-title:hover {
					color: #4D4D4D;
				}

					.section-title .title-icon {
						display: inline-block;
						width: 50px;
						height: 50px;
						background-color: #1a1a1a;
						border-radius: 50%;
						background-clip: padding-box;
						overflow: hidden;
						margin-right: 10px;
						vertical-align: -15px;
						text-align: center;
						line-height: 50px;
						font-size: 0em;
					}

						.section-title .title-icon .icon {
							fill: #fff;
							vertical-align: middle;
							font-size: 1rem;
						}

					.section-title .sub-title {
						font-weight: 400;
						font-size: 0.96em;
						margin-left: 5px;
					}

				.section-info-update {
					color: #959595;
					font-size: 0.75em;
					vertical-align: 3px;
				}

				.section-header .box-button {
					float: right;
					margin-top: 22px;
					margin-right: 10px;
				}

				.box-button {
					display: inline-block;
					text-decoration: none;
					border: 1px solid #e2e2e2;
					color: #808080;
					font-size: 0.8em;
					line-height: 27px;
					height: 29px;
					padding: 0 20px;
					border-radius: 16px;
					background-clip: padding-box;
					max-width: 100%;
					white-space: nowrap;
					text-overflow: ellipsis;
					overflow: hidden;
				}
				
				.news-videos .box-button{
					float:right;
				}
				
				
				.live-container .box-button{
					display:block;
					border-radius:0px;
					margin:0;
					text-align:center;
					background:#ffffff;
				}

				a.box-button:hover {
					background-color: #F4F4F4;
				}

				a.box-button:active {
					background-color: #E8E8E8;
				}

			.folder-section .aside-column {
				width: 15.833%;
				float: left;
				margin-top: 40px;
			}

				.list-rubrics {
					border-top: none;
				}

					.list-rubrics li.active {
	  					background: #f6f6f6;
	  					
	  				}
	  				
	  				.list-rubrics li.active a{
		  				color: #000;
	  					column-fill: #000;
	  					
	  				}

					.folder-section .list-rubrics li.active {
						background: #fff;
					} 

				.list-rubrics.videos-list-rubrics {
					margin-top: 10px;
					margin-bottom: 10px;
				}

				.list-rubrics.videos-list-rubrics li a{
					padding-left: 10px;
					color: #fff;
				}

					.list-rubrics li a {
						color: #9e9e9f;
						display: block;
						text-decoration: none;
						padding: 11px 5px;
						min-height: 45px;
						border-bottom: 1px solid #e9e9e9;
						font-weight: 600;
						transition: color 0.1s ease;
					}

					.list-rubrics li a:hover {
						color: #797979;
					}
					
					.rate-section .wide-column{
						display:none;
					}
					
					.rate-section .wide-column.show{
						display:block;
					}

			.folder-section .wide-column {
				width: 80.834%;
				float: left;
				margin-left: 3.333%;
				margin-top: 40px;
				margin-right: 0;
			}

				.folder-section .article-card-container {
					padding-right: 0;
				}

					.folder-section .wide-column .tractor-wide {
						width: 100%;
						height: auto;
					}

					.folder-section .article-card .card-title {
						font-size: 1.45em;
					}

					.folder-section .article-card.wide-card .card-title {
						font-size: 2em;
					}

					.folder-section .article-card.simple-card .card-title {
						font-size: 2em;
					}

				.folder-section .banner {
					max-width: 970px;
					width: 100%;
					margin: 0 auto;
					margin-top: 20px;
					overflow: hidden;
				}

		@media (max-width: 800px) {

			.folder-section .aside-column {
				display: none;
			}

			.folder-section .wide-column {
				margin-left: 0;
				
				width: 100%;
			}
				
			.folder-section .article-card-container {
				padding-right: 0;
			}

				.folder-section .article-card .card-top .card-top-img {
					width: 100%;
					height: auto;
				}

			.article-card .card-top .card-top-img{
				height: 100%;
				width: 100%;
				object-fit: cover;
			}

			.three-column .article-card {
				width: 49.8%;
				width: calc((100% / 2) - 2%);
			}

			.three-column .twins-card-container {
				width: 98%;
				margin-bottom: 2%;
			}

			.weeknews-section .three-column .red-card {
				width: 98%;
			}

			.three-column .article-card.wide-card {
				width: 98%;
			}

		}

		@media (max-width: 600px) {

			.folder-section {}

			.folder-section .wide-column {
				margin-top: 0;
			}

				.folder-section .article-card-container > *:nth-child(n+2) {
					display: none;
				}

				.folder-section .article-card .card-title,
				.folder-section .article-card.wide-card .card-title {
					font-size: 1.1em;
				}

					.folder-section .article-card .card-top .card-top-img {
						width: auto;
						height: 100%;
					}

			.weeknews-section .three-column .red-card {
				width: 100%;
			}

		}
	
	/* @end FOLDER SECTION */

	/* @group NEWS TRACTOR SECTION */

		.news-tractor-section {

		}

		.tractor-section .media-card-container{
			margin-top: 20px;
		}

			.news-tractor-section .aside-column {
				float: left;
				margin-top: 40px;
			}

				.news-tractor-section .news-tractor-title {
					font-family: "jubilat", serif;
					font-size: 1.5em;
					line-height: 1.05em;
					font-weight: 300;
				}

			.news-tractor-section .wide-column {
				margin-top: 40px;
			}

			.big-text {
				font-size: 2em;
			}

		.banner-tractor {
			margin-top: 33px;
		}

		.banner-tractor img {
			margin: auto;
		}
		
		@media (max-width: 840px) {

			.news-tractor-section .wide-column {
				margin-left: 0;
  				width: 100%;
			}

			.news-tractor-section .aside-column {
				display: none;
			}

			.news-tractor-section .article-card {
				width: calc((100% / 2) - 2%);
			}

			.news-tractor-section .article-card .card-top-img {
				width: 100%;
				height: auto;
			}
		}

		@media (max-width: 600px) {

			.news-tractor-section, 
			.banner-tractor {
				margin-top: 20px;
			}

			.news-tractor-section .wide-column {
				margin-top: 0;
			}

				.news-tractor-section .article-card .card-top-img {
					height: 100%;
					width: auto;
				}
		}

	/* @end NEWS TRACTOR SECTION */

	/* @group TRIAL TRACTOR SECTION */

		.trial-tractor-section {}

			.trial-tractor-section .section-header .box-button {
				display: none;
			}

			.trial-tractor-section .aside-column {
				float: left;
				margin-top: 40px;
			}

				.trial-tractor-section .tractor-list-rubrics {
					width: 250px;
				}

			.trial-tractor-section .wide-column {
				margin-top: 40px;
			}

		@media (max-width: 840px) {

			.trial-tractor-section .wide-column {
				margin-left: 0;
  				width: 100%;
			}

			.trial-tractor-section .aside-column {
				display: none;
			}

				.trial-tractor-section .article-card {
					width: calc((100% / 2) - 2%);
				}

					.trial-tractor-section .article-card .card-top-img {
						width: 100%;
						height: auto;
					}
		}

		@media (max-width: 600px) {

			.trial-tractor-section {
				margin-bottom: 10px;
				margin-top: 20px;
			}

					.trial-tractor-section .section-header .box-button {
						display: block;
					}

				.trial-tractor-section .wide-column {
					margin-top: 0;
				}

					.trial-tractor-section .article-card:nth-child(n+2) {
						display: none;
					}

						.trial-tractor-section .article-card .card-top-img {
							height: 100%;
							width: auto;
						}
			}
		
	/* @end TRIAL TRACTOR SECTION */

	/* @group BREEDING SECTION */

		.breeding-section .media-card-container {
			margin-top: 20px;
		}

	/* @end BREEDING SECTION */

	/* @group CULTURES SECTION */

		.cultures-section .media-card-container {
			margin-top: 20px;
		}

	/* @end CULTURES SECTION */


	/* @group NEWS EVENTS SECTION */

		.news-events-section .media-card-container {
			margin-top: 20px;
		}

	/* @end NEWS EVENTS SECTION */

	/* @group POP SECTION */

		.pop-section {
			background: url(images/bg-pattern-pop.svg) repeat;
		}

			.pop-section.pop-section-videos .wide-column{
				width: calc(100% - 3.333% - 300px);
				margin-left: 0;
			}

				.pop-section.pop-section-videos .wide-column .aside-video {
					width: 23.041%;
					float: left;
					margin-right: 4.4%;
				}

				.pop-section.pop-section-videos .aside-column {
					float: right;
					width: 300px;
				}

				.pop-section-videos .videos-pop-cards {
					width: 72.559%;
					float: left;
				}
					.pop-section-videos .videos-pop-cards .pop-card-container {
						margin-left: -4%;
					}

						.pop-section-videos .videos-pop-cards .pop-card.wide-card {
							width: 97%;
						}

						.pop-section-videos .videos-pop-cards .pop-card{
							width: 47%;
							margin-left: 3%;
							margin-bottom: 3%;
						}

			.pop-section .aside-column {
				width: 15.833%;
				float: left;
				margin-top: 20px;
			}

				.pop-section .pop-title {
					color: #fff;
					border-top: 7px solid #fff;
					font-size: 1.6em;
					line-height: 1.05em;
					text-transform: uppercase;
					padding-top: 15px;
					overflow: hidden;
				}

			.pop-section .wide-column {
				width: 80.834%;
				float: left;
				margin-left: 3.333%;
				margin-top: 20px;
				margin-right: 0;
			}

				.pop-card-container {
					margin-left: -2%;
				}

					.pop-card {
						float: left;
						background-color: #fff;
						width: 31.3333%;
						width: calc((100% / 3) - 2%);
						margin-left: 2%;
						margin-bottom: 2%;
						height: 280px;
						padding: 20px;
					}

					.pop-card.wide-card {
						width: 31.3333%;
						width: calc((100% / 3) * 2 - 2%);
					}

						.pop-card .card-top {
							position: relative;
							width: 90px;
							height: 90px !important;
							background-color:#fff;
							display: block;
						}

							.pop-card .card-top-bubble {
								position: relative;
								display: block;
								width: 90px;
								height: 90px;
								overflow: hidden;
								border-radius: 50%;
								background-clip: padding-box;
								-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
							}

								.pop-card .card-top-bubble .card-top-img {
									position: absolute;
									top: 0;
									left: 50%;
									width: auto;
									height: 100%;
									-webkit-transform: translateX(-50%);
									    -ms-transform: translateX(-50%);
									        transform: translateX(-50%);
								}

								.pop-card .card-top .icon {
									position: absolute;
									right: -20px;
									top: 0;
									width: 42px;
									height: 42px;
									background-color: #e10613;
									overflow: hidden;
									border-radius: 50px;
									background-clip: padding-box;
								}

								.pop-card .card-top a:hover .icon {
									background-color: #BD0B15;
								}

								.pop-card .card-top .icon.type-movie,
								.pop-card .card-top .icon.type-camera {
									background-color: #890b66;
								}

								.pop-card .card-top a:hover .icon.type-movie,
								.pop-card .card-top a:hover .icon.type-camera {
									background-color: #620849;
								}

						.pop-card .card-body {
							padding-top: 15px;
							position: relative;
						}

							.pop-card .card-body a {
								text-decoration: none;
							}

							.pop-card .card-body a:hover {
							 	color: #4D4D4D;
							}

							.pop-card .card-title {
								font-family: "jubilat", serif;
								font-size: 1.45em;
								line-height: 1.05em;
								font-weight: 500;
								margin-bottom: 12px;
								height: 4.8em;
								height: calc(4.2em + 14px);
								padding-top: 14px;
								transition: color 0.1s ease;
							}

								.pop-card .card-body .counter {
									font-family: "jubilat", serif;
								 	font-weight: 100;
								 	font-size: 3rem;
								 	float: left;
								 	margin-top: -8px;
								 	vertical-align: bottom;
								 	margin-right: 10px;
								}

		@media (max-width: 1240px) {

			.pop-section-videos .videos-pop-cards .pop-card-container {
				margin-left: -2%;
			}
		}

		@media (max-width: 930px) {

			.pop-section .aside-column {
				width: 100%;
			}

			.pop-section .wide-column {
				margin-left: 0;
				width: 100%;
			}

				.pop-section.pop-section-videos .wide-column {
					width: 100%;
				}

				.pop-section.pop-section-videos .aside-column {
					display: none;
				}

			
		}

		@media (max-width: 800px) {
			
			.pop-section .aside-banner {
				display: none;
			}

			.pop-section-videos .wide-colum{
				width: 100%;
			}

			.pop-section.pop-section-videos .wide-column {
				width: 100%;
			}
				
				.pop-section.pop-section-videos .videos-pop-cards {
					width: 100%;
				}
		}

		@media (max-width: 530px) {

			.pop-card {
				width: 49.8%;
				width: calc((100% / 2) - 2%);
			}

			.pop-card.wide-card {
				width: 98%;
			}

		}

		@media (max-width: 600px) {
			
		}
	
	/* @end POP SECTION */

	/* @group FEATURE SECTION */

		.feature-section {}

			.feature-section .aside-column {
				width: 15.833%;
				float: left;
			}

				.feature-section .feature-title {
					font-family: "jubilat", serif;
					font-size: 1.5em;
					line-height: 1.05em;
					font-weight: 300;
				}

					.feature-section .feature-title .big-number {
						font-size: 2.4em;
						font-weight: 100;
						line-height: 0.9em;
					}

					.feature-section .feature-title .little-number {
						font-size: 2.2em;
						font-weight: 100;
						line-height: 0.9em;
					}

			.feature-section .wide-column {
				width: 80.834%;
				float: left;
				margin-left: 3.333%;
				margin-right: 0;
			}

			/* @group FEATURE BOX */

				.feature-box {
					position: relative;
					border: 1px solid #e2e2e2;
					background-color: #fff;
					padding-top: 7px;
					margin-bottom: 20px;
				}

					.feature-box::before {
						content: '';
						display: block;
						position: absolute;
						top: -1px;
						left: -1px;
						right: -1px;
						height: 8px;
						background-color: #1a1a1a;
					}

					.feature-box .box-header {
						height: 48px;
						border-bottom: 1px solid #e2e2e2;
						overflow: hidden;
					}

						.feature-box .box-header .box-title {
							font-family: "jubilat", serif;
							font-size: 1.5em;
							font-weight: 300;
							text-decoration: none;
							padding: 7px 20px;
							display: inline-block;
						}

						.feature-box .box-header .box-button {
							text-decoration: none;
							float: right;
							border: 1px solid #e2e2e2;
							color: #808080;
							font-size: 0.8em;
							line-height: 27px;
							height: 29px;
							padding: 0 15px;
							border-radius: 16px;
							background-clip: padding-box;
							margin-top: 9px;
							margin-right: 10px;
						}

						.feature-box .box-header a.box-button:hover {
							background-color: #F4F4F4;
						}

						.feature-box .box-header a.box-button:active {
							background-color: #E8E8E8;
						}

				.feature-box.aside-box {
					margin: 20px 0;
					padding-top: 2px;
				}

				.feature-box.aside-box::before {
					height: 3px;
				}

				.feature-box.aside-box::after {
					content: '';
					z-index: 0;
					display: block;
					width: 14px;
					height: 14px;
					border: 1px solid #e2e2e2;
					background-color: #fff;
					position: absolute;
					top: 20px;
					left: -6px;
					-webkit-transform: rotate(45deg);
					    -ms-transform: rotate(45deg);
					        transform: rotate(45deg);
				}

					.feature-box.aside-box .box-header,
					.feature-box.aside-box .box-body {
						position: relative;
						z-index: 1;
						background-color: #fff;
						height: auto;
					}

					.feature-box.aside-box .box-header .box-text {
						padding: 10px;
						text-decoration: none;
						text-align: center;
						max-width: 210px;
						width: 100%;
						display: block;
						margin: 0 auto;
					}

						.feature-box.aside-box .archives-mag {
							max-width: 165px;
							width: 100%;
							margin: 20px auto;
							float: none;
							display: block;
							text-align: center;
						}

						.feature-box.aside-box .archives-mag .mag-info {
							text-align: center;
							display: inline-block;
						}
			
			/* @end FEATURE BOX */

			/* @group FEATURE ARCHIVES */

				.archives-mag {
					display: block;
					float: left;
					text-decoration: none;
					margin: 2%;
					margin-right: 0;
					width: 22.5%;
				}

					.archives-mag .mag-picture {
						width: 100%;
						height: auto;
						background-color: #fff;
						margin-bottom: 5px;
					}

					.archives-mag .mag-info {
						font-size: 0.85em;
						text-transform: uppercase;
						margin-bottom: 2px;
					}

						.archives-mag .mag-date {
							color: #8e8d8d;
						}

					a.archives-mag:hover .mag-info {
						border-bottom: 1px solid;
					}
			
			/* @end FEATURE ARCHIVES */

			/* @group FEATURE POOL */

				.feature-pool-column {
					width: 62.4%;
					float: left;
					margin-right: 2%;
				}

				.poll-box .box-start { display: block; }
				.poll-box .box-result { display: none; }

				.poll-box.show-result .box-start { display: none; }
				.poll-box.show-result .box-result { display: block; }

					.poll-top {
						height: 110px;
						overflow: hidden;
					}

						.poll-top .poll-top-img {
							height: 100%;
							width: auto;
						}

					.poll-body {
						padding: 30px;
					}

						.poll-body .poll-title {
							font-family: "jubilat", serif;
							font-size: 2.5em;
							line-height: 1em;
							font-weight: 500;
						}

						.poll-body .poll-surtitre {
						    font-size: 0.82em;
						    font-weight: 700;
						    text-transform: uppercase;
						    color: #e10613;
						    margin-bottom: 7px;
						}

						
						.poll-body .poll-response {
							margin-top: 30px;
							border-top: 1px solid #e2e2e2;
						}

							.poll-body .poll-response li {
								border-bottom: 1px solid #e2e2e2;
							}

							.poll-body .poll-response .radio {
								padding: 10px 15px;
							}

								.poll-body .radio {
									position: relative;
								}

									.poll-body .radio input {
										opacity: 0;
										position: absolute;
										top: 50%;
										left: 18px;
									}

									.poll-body .radio label {
										position: relative;
										font-size: 1.12em;
										font-weight: 600;
										padding-left: 40px;
										display: block;
										cursor: pointer;
									}

									.poll-body .radio label::before {
										content: '';
										display: block;
										position: absolute;
										top: 50%;
										left: 0;
										width: 20px;
										height: 20px;
										margin-top: -9px;
										border: 2px solid #e10613;
										border-radius: 50%;
										background-clip: padding-box;
									}

									.poll-body .radio input + label::after {
										content: '';
										display: block;
										position: absolute;
										top: 50%;
										left: 7px;
										margin-top: -2px;
										opacity: 0;
										width: 6px;
										height: 6px;
										background-color: #e10613;
										border-radius: 50%;
										background-clip: padding-box;
									}

									.poll-body .radio label:hover,
									.poll-body .radio input:focus + label {
										color: #7E7D7D;
									}

									.poll-body .radio input:focus + label::after {
										opacity: 1;
										background-color: #EAEAEA;
									}

									.poll-body .radio input:checked + label::after {
										opacity: 1;
										background-color: #e10613;
									}

						.poll-body .inline-button {
							margin-top: 20px;
							margin-left: 15px;
						}

						.inline-button {
							display: inline-block;
							font-size: 0.88em;
							padding: 10px 20px;
							text-transform: uppercase;
							background-color: #333333;
							border: none;
							color: #fff;
						}

						a.inline-button:hover,
						a.inline-button:focus {
							background-color: #1a1a1a;
						}

						.box-result .result {
							padding: 10px 0px;
							overflow: hidden;
						}

							.box-result .result-label {
								width: 35%;
								float: left;
								padding-left: 15px;
								font-weight: 600;
							}

							.box-result .result-meter {
								position: relative;
								float: left;
								width: 65%;
								padding-right: 62px;
							}

								.box-result .result-meter .meter {
									background-color: #f1f1f1;
									height: 12px;
									position: relative;
									border-radius: 6px;
									background-clip: padding-box;
									display: inline-block;
									width: 100%;
								}

									.box-result .result-meter .meter span {
										background-color: #e10613;
										display: block;
										height: 100%;
										border-radius: 6px;
										background-clip: padding-box;
										position: relative;
									}

								.box-result .result-meter .meter-info {
									position: absolute;
									right: 0;
									top: -4px;
									font-family: "jubilat", serif;
									background-color: #1a1a1a;
									color: #fff;
									font-size: 1.0em;
									font-weight: 500;
									height: 30px;
									width: 50px;
									text-align: center;
									line-height: 30px;
									padding: 0 6px;
									border-radius: 4px;
									background-clip: padding-box;
									white-space: nowrap;
								}

								.box-result .result-meter .meter-info::before {
									content: '';
									position: absolute;
									display: block;
									top: 50%;
									left: -5px;
									margin-top: -4px;
									width: 0;
									height: 0;
									border-style: solid;
									border-width: 4px 5px 4px 0;
									border-color: transparent #1a1a1a transparent transparent;
								}
			
			/* @end FEATURE POOL */

			/* @group FEATURE SOCIAL */

				.feature-social-column {
					width: 35.6%;
					float: left;
				}

					.social-box.fb::before {
						background-color: #3d5b99;
					}

					.social-box.tw::before {
						background-color: #55abed;
					}

					.social-body {
						text-align: center;
						padding: 30px 10px;
					}

					.social-body .social-title {
						font-family: "jubilat", serif;
						font-size: 1.5em;
						line-height: 1.05em;
						font-weight: 300;
						margin-top: 10px;
					}

						.social-body .social-title .number {
							font-weight: 500;
							display: inline-block;
						}

					.social-body .social-button {
						margin-top: 25px;
					}
			
			/* @end FEATURE SOCIAL */

			/* @group BEFORE FOOTER */

				.before-footer {}

				.before-footer .feature-box {
					
				}

					.before-footer .box-bar {
						font-size: 1.12em;
						border-bottom: 1px solid #e2e2e2;
						text-align: center;
						padding: 10px 30px;
					}

					.before-footer .box-body {
						padding: 20px;
						padding-bottom: 20px;
						text-align: center;
					}

					.before-footer .archives-mag {
						max-width: 165px;
						width: 100%;
						margin: 0 auto;
						float: none;
						display: block;
						margin-bottom: 10px;
					}

					.before-footer .poll-body {
						padding: 20px 0;
					}

						.before-footer .poll-body .poll-title {
							padding: 0 20px;
							font-size: 1.3em;
							line-height: 1.2em;
						}

						.before-footer .poll-body .poll-response {
							margin-top: 20px;
						}

						.before-footer .box-result .result {
							padding-right: 10px;
						}

							.before-footer .box-result .result-label {
								float: none;
								margin-bottom: 5px;
							}
							
							.before-footer .box-result .result-meter {
								float: none;
								padding-left: 15px;
								width: auto;
							}

					.before-footer .weeknews-section {
						margin-top: 20px;
					}

					.before-footer .weeknews-section .article-card-container {
						margin-top: 0;
					}

					.before-footer .weeknews-section .red-card .card-body {
						height: auto;
						position:relative;
					}
			
			/* @end BEFORE FOOTER */
					


		@media (max-width: 840px) {

			.feature-section .aside-column {
				display: none;
			}

			.feature-section .wide-column {
				width: 100%;
				margin-left: 0;
			}

			.feature-pool-column {
				width: 100%;
				margin-right: 0;
			}

				.feature-box {
					margin-bottom: 3%;
				}

			.feature-social-column {
				width: auto;
				margin-left: -2%;
				float: none;
			}

				.feature-social-column .feature-box {
					width: 48%;
					float: left;
					margin-left: 2%;
					margin-bottom: 2%;
				}

			.poll-body {
				padding: 20px;
			}

				.poll-body .poll-title {
					font-size: 1.7em;
				}

				.poll-top .poll-top-img {
					width: 100%;
					height: auto;
				}

		}

		@media (max-width: 600px) {

			.feature-box .box-header {
				height: auto;
			}

			.poll-top {
				display: none;
			}
			
			.poll-body {
				padding: 20px 0;
			}

				.poll-body .poll-title {
					padding: 0 20px;
					font-size: 1.3em;
					line-height: 1.2em;
				}

				.poll-body .poll-response {
					margin-top: 20px;
				}

				.box-result .result {
					padding-right: 10px;
				}

					.box-result .result-label {
						float: none;
						margin-bottom: 5px;
					}
					
					.box-result .result-meter {
						float: none;
						padding-left: 15px;
						width: auto;
					}


			.feature-social-column .feature-box {
				width: 98%;
			}

				.social-body {
					padding: 20px 10px;
				}

		}
					
	/* @end FEATURE SECTION */

	/* @group MEDIA SECTION */

		.media-section {}

			.media-section .section-header {
				border-bottom: none;
			}

			.media-section .media-container {
				background-color: #282828;
				padding-top: 50px;
				padding-bottom: 20px;
			}

			.media-section .aside-column {
				width: 15.833%;
				float: left;
			}

				.media-section .media-title {
					font-family: "jubilat", serif;
					font-size: 1.5em;
					line-height: 1.05em;
					font-weight: 300;
					color: #fff;
				}
				
				.media-section .media-title a{
					text-decoration:none;
				}

					.media-section .media-title .big-number {
						font-size: 2.9em;
						font-weight: 100;
						line-height: 0.9em;
					}

				.media-section .list-rubrics {
					color: #fff;
					border-top-color: #555555;
					margin-top: 40px;
				}

					.media-section .list-rubrics li a {
						border-bottom-color: #555555;
					}

			.media-section .wide-column {
				width: 80.834%;
				float: left;
				margin-left: 3.333%;
				margin-right: 0;
			}

				.media-card-container {
					margin-left: -2%;
				}

					.media-card-container .article-card {
						border: none;
						padding: 10px;
						width: 31.3333%;
						width: calc((100% / 3) - 2%);
						margin-left: 2%;
						margin-bottom: 2%;
					}

						.media-card-container .article-card .card-top {
							height: 296px !important;
						}

							.media-card-container .article-card .media-movie-time {
								color: #fff;
								position: absolute;
								bottom: 0;
								right: 0;
								background-color: rgba(0,0,0,0.7);
								font-size: 0.87em;
								padding: 2px 12px;
							}

						.media-card-container .article-card .card-body {
							padding: 10px;
							padding-top: 13px;
							height: 144px;
							position:relative;
						}

						.media-card-container .article-card .card-tag {
							color: #660a64;
						}

						.media-card-container .article-card .card-tag a:hover {
						  color: #890b66;
						}

						.media-card-container .article-card .card-title {
							height: 3.15em;
							font-size: 1.25em;
						}

					.media-card-container .article-card.wide-card {
						width: 64.6666%;
						width: calc((100% / 3) * 2 - 2%);
					}

						.media-card-container .article-card.wide-card .card-title {
							height: 2.1em;
							font-size: 2em;
						}

		@media (max-width: 1200px) {

			.tractor-section .media-card-container .article-card {
				width: 31.3333%;
			}

			.breeding-section .media-card-container .article-card {
				width: 31.3333%;
			}

			.cultures-section .media-card-container .article-card {
				width: 31.3333%;
			}

			.news-events-section .media-card-container .article-card {
				width: 31.3333%;
			}

			.media-card-container .article-card {
				width: 31.3333%;
				width: calc((100% / 4) * 1.5 - 2%);
			}

			.media-card-container .article-card.wide-card {
				width: 64.6666%;
				width: calc((100% / 4) * 2.5 - 2%);
			}

		}

		@media (max-width: 900px) {

			.tractor-section .media-card-container .article-card {
				width: calc((100% / 2) - 2%);
			}

			.breeding-section .media-card-container .article-card {
				width: calc((100% / 2) - 2%);
			}

			.cultures-section .media-card-container .article-card {
				width: calc((100% / 2) - 2%);
			}

			.news-events-section .media-card-container .article-card {
				width: calc((100% / 2) - 2%);
			}

			.media-section .aside-column {
				display: none;
			}

			.media-section .wide-column {
				width: 100%;
				margin-left: 0;
			}

		}

		@media (max-width: 600px) {

			.media-section .media-container {
				padding-bottom: 0;
			}
		}

	/* @end MEDIA SECTION */

	/* @group WEATER SECTION */

		.weather-section {
			display:none;
		}
		
		.weather-section.show{
			display:block;
		}

			.weather-section .wide-column {
				width: 72.466%;
				float: left;
				margin-right: 1.7%;
				margin-top: 40px;
			}

				.weather-box {
					border: 1px solid #e9e9e9;
					background-color: #fff;
					overflow: hidden;
				}
				
				.weather-map-player {
					background-image: url('../images/meteonews/player/bg-buttons.png');
					background-repeat: repeat-x;
					text-align: center;
				}
					.weather-map-player > li {
						display: inline-block;
						margin: 0 3px;
						margin-bottom: 10px;
					}
				
				.weather-map-rain {
					position: relative;
				}

					.weather-map-rain > .layer {
						position: absolute;
						left: 0;
						top: 0;
						width: 100%;
						height: 100%;
					}

					.weather-map-rain .layer:nth-child(1) {
						position: relative;
					}
					
						.weather-map-rain .layer img {
							width: 100%;
						}
						
						.weather-map-rain .radar_date {
							position: absolute;
							bottom: 0;
							left: 0;
							color: white;
						}

				.weather-table {
					width: 100%;
				}

					.weather-table td,
					.weather-table th {
						border: 1px solid #e9e9e9;
						text-align: center;
						vertical-align: middle;
					}

					.weather-table tr:first-child th {
					  border-top: 0;
					}

					.weather-table tr:last-child td {
					  border-bottom: 0;
					}
					.weather-table tr td:first-child,
					.weather-table tr th:first-child {
					  border-left: 0;
					}
					.weather-table tr td:last-child,
					.weather-table tr th:last-child {
					  border-right: 0;
					}

					.weather-table .table-row-label {
						width: 25%;
						text-align: left;
						font-size: 0.86em;
						padding: 2px 15px;
						max-width: 200px;
					}

						.weather-table .table-row-label .icon {
							margin-right: 7%;
							display: inline-block;
							vertical-align: middle;
						}

						.weather-table .table-row-label .label-text {
							display: inline-block;
							vertical-align: middle;
							width: 60%;
							width: calc(100% - 7% - 40px);
							line-height: 1.1em;
						}

					.weather-table th {
						height: 38px;
						font-weight:normal;
					}

					.weather-table td {
						font-size: 1.25em;
						padding: 10px 15px;
					}

					.weather-table .weather-icon {
						display: inline-block;
					}


					.weather-table .wind-text {
						display: block;
						text-align: center;
						font-size: 0.94rem;
						text-transform: uppercase;
					}

					.wind-icon.n {
						-webkit-transform: rotate(135deg);
						    -ms-transform: rotate(135deg);
						        transform: rotate(135deg);
					}
					.wind-icon.nne {
						-webkit-transform: rotate(157.5deg);
						    -ms-transform: rotate(157.5deg);
						        transform: rotate(157.5deg);
					}
					.wind-icon.ne {
						-webkit-transform: rotate(180deg);
						    -ms-transform: rotate(180deg);
						        transform: rotate(180deg);
					}
					.wind-icon.ene {
						-webkit-transform: rotate(202.5deg);
						    -ms-transform: rotate(202.5deg);
						        transform: rotate(202.5deg);
					}
					.wind-icon.e {
						-webkit-transform: rotate(225deg);
						    -ms-transform: rotate(225deg);
						        transform: rotate(225deg);
					}
					.wind-icon.ese {
						-webkit-transform: rotate(247.5deg);
						    -ms-transform: rotate(247.5deg);
						        transform: rotate(247.5deg);
					}
					.wind-icon.se {
						-webkit-transform: rotate(270deg);
						    -ms-transform: rotate(270deg);
						        transform: rotate(270deg);
					}
					.wind-icon.sse {
						-webkit-transform: rotate(292.5deg);
						    -ms-transform: rotate(292.5deg);
						        transform: rotate(292.5deg);
					}
					.wind-icon.s {
						-webkit-transform: rotate(315deg);
						    -ms-transform: rotate(315deg);
						        transform: rotate(315deg);
					}
					.wind-icon.sso {
						-webkit-transform: rotate(337.5deg);
						    -ms-transform: rotate(337.5deg);
						        transform: rotate(337.5deg);
					}
					.wind-icon.so {
						-webkit-transform: rotate(360deg);
						    -ms-transform: rotate(360deg);
						        transform: rotate(360deg);
					}
					.wind-icon.oso {
						-webkit-transform: rotate(382.5deg);
						    -ms-transform: rotate(382.5deg);
						        transform: rotate(382.5deg);
					}
					.wind-icon.o {
						-webkit-transform: rotate(405deg);
						    -ms-transform: rotate(405deg);
						        transform: rotate(405deg);
					}
					.wind-icon.ono {
						-webkit-transform: rotate(427.5deg);
						    -ms-transform: rotate(427.5deg);
						        transform: rotate(427.5deg);
					}
					.wind-icon.no {
						-webkit-transform: rotate(450deg);
						    -ms-transform: rotate(450deg);
						        transform: rotate(450deg);
					}
					.wind-icon.nno {
						-webkit-transform: rotate(472.5deg);
						    -ms-transform: rotate(472.5deg);
						        transform: rotate(472.5deg);
					}

			.weather-section .aside-column {
				width: 25.834%;
				float: left;
				margin-top: 40px;
			}

				.weather-box-top {
					border-bottom: 1px solid #e9e9e9;
					height: 39px;
				}

				.weather-box-top .box-title {
					font-size: 1.06em;
					padding: 8px 14px;
					display: inline-block;
					width: 100%;
				}

				.weather-box .box-body {
					padding: 10px;
				}

				.weather-map {
					width: 100%;
					height: 255px;
					background-image: url('../images/meteonews/maps/mini-carte-radar.jpg');
					background-color: #ebebeb;
				}

				.weather-map-caption {
					margin-top: 20px;
					text-align: center;
				}

					.weather-map-caption > li {
						display: inline-block;
						margin: 0 3px;
						margin-bottom: 10px;
					}

					.weather-map-caption .map-caption-item {
						width: 45px;
						height: 45px;
						display: inline-block;
						border-radius: 50%;
						background-clip: padding-box;
						background-color: #ebebeb;
						text-align: center;
						line-height: 43px;
						font-size: 0.88em;
					}

					.weather-box .weather-map-caption > li:nth-child(1) .map-caption-item { background-color: #caf7eb; }
					.weather-box .weather-map-caption > li:nth-child(2) .map-caption-item { background-color: #98dbd2; }
					.weather-box  .weather-map-caption > li:nth-child(3) .map-caption-item { background-color: #83b9e9; }
					.weather-box  .weather-map-caption > li:nth-child(4) .map-caption-item { background-color: #8db0b7; }
					.weather-box  .weather-map-caption > li:nth-child(5) .map-caption-item { background-color: #7675ce; }
					.weather-box  .weather-map-caption > li:nth-child(6) .map-caption-item { background-color: #f8a464; }
					.weather-box  .weather-map-caption > li:nth-child(7) .map-caption-item { background-color: #fb796e; }
					.weather-box  .weather-map-caption > li:nth-child(8) .map-caption-item { background-color: #cb6fda; }
					.weather-box  .weather-map-caption > li:nth-child(9) .map-caption-item { background-color: #ba97d0; }
					.weather-box  .weather-map-caption > li:nth-child(10) .map-caption-item { background-color: #bca0ad; }

					#weather-rain-01 .weather-map-caption > li:nth-child(1) .map-caption-item { background-color: #caf7eb;color:#ffffff; }
					#weather-rain-01 .weather-map-caption > li:nth-child(2) .map-caption-item { background-color: #98dbd2;color:#ffffff; }
					#weather-rain-01 .weather-map-caption > li:nth-child(3) .map-caption-item { background-color: #83b9e9;color:#ffffff; }
					#weather-rain-01 .weather-map-caption > li:nth-child(4) .map-caption-item { background-color: #8db0b7;color:#ffffff; }
					#weather-rain-01 .weather-map-caption > li:nth-child(5) .map-caption-item { background-color: #7675ce;color:#ffffff; }
					#weather-rain-01 .weather-map-caption > li:nth-child(6) .map-caption-item { background-color: #f8a464; }
					#weather-rain-01 .weather-map-caption > li:nth-child(7) .map-caption-item { background-color: #fb796e; }
					#weather-rain-01 .weather-map-caption > li:nth-child(8) .map-caption-item { background-color: #cb6fda; }
					#weather-rain-01 .weather-map-caption > li:nth-child(9) .map-caption-item { background-color: #ba97d0; }
					#weather-rain-01 .weather-map-caption > li:nth-child(10) .map-caption-item { background-color: #bca0ad; }

					#weather-rain-02 .weather-map-caption > li:nth-child(1) .map-caption-item { background-color: #5C8526; }
					#weather-rain-02 .weather-map-caption > li:nth-child(2) .map-caption-item { background-color: #88B179; }
					#weather-rain-02 .weather-map-caption > li:nth-child(3) .map-caption-item { background-color: #769495; }
					#weather-rain-02 .weather-map-caption > li:nth-child(4) .map-caption-item { background-color: #5A74BC; }
					#weather-rain-02 .weather-map-caption > li:nth-child(5) .map-caption-item { background-color: #3357C8; }
					#weather-rain-02 .weather-map-caption > li:nth-child(6) .map-caption-item { background-color: #64148C; }
					#weather-rain-02 .weather-map-caption > li:nth-child(7) .map-caption-item { background-color: #5741C8; }
					#weather-rain-02 .weather-map-caption > li:nth-child(8) .map-caption-item { background-color: #FF96FF; }
					#weather-rain-02 .weather-map-caption > li:nth-child(9) .map-caption-item { background-color: #FF0000; }

					#weather-rain-03 .weather-map-caption > li:nth-child(1) .map-caption-item { background-color: rgb(180,255,180); }
					#weather-rain-03 .weather-map-caption > li:nth-child(2) .map-caption-item { background-color: rgb(0,255,0); }
					#weather-rain-03 .weather-map-caption > li:nth-child(3) .map-caption-item { background-color: rgb(160,245,0); }
					#weather-rain-03 .weather-map-caption > li:nth-child(4) .map-caption-item { background-color: rgb(255,255,0); }
					#weather-rain-03 .weather-map-caption > li:nth-child(5) .map-caption-item { background-color: rgb(255,215,0); }
					#weather-rain-03 .weather-map-caption > li:nth-child(6) .map-caption-item { background-color: rgb(255,180,0); }
					#weather-rain-03 .weather-map-caption > li:nth-child(7) .map-caption-item { background-color: rgb(255,120,0); }
					#weather-rain-03 .weather-map-caption > li:nth-child(8) .map-caption-item { background-color: rgb(255,80,0); }
					#weather-rain-03 .weather-map-caption > li:nth-child(9) .map-caption-item { background-color: rgb(255,0,50); }
					#weather-rain-03 .weather-map-caption > li:nth-child(10) .map-caption-item { background-color: rgb(110,0,30); }
					#weather-rain-03 .weather-map-caption > li:nth-child(11) .map-caption-item { background-color: rgb(0,0,0); }
		@media (max-width: 1120px) {
		
			.weather-table .table-row-label {padding: 2px 10px;}
			.weather-table .table-row-label .icon {margin-right: 4%;}
			
		
		}
		
		@media (max-width: 930px) and (min-width: 830px) {
			
			.weather-table .table-row-label {padding: 2px 5px; text-align: center;}
			.weather-table .table-row-label .icon {margin-right: 0;}
			.weather-table .table-row-label .label-text {width: auto;}

		}

		@media (max-width: 600px) {
			
			.weather-table .table-row-label {
				padding: 2px 5px; 
				text-align: center;
				width: calc(100% / 8);
			}

			.weather-table .table-row-label .icon {
				margin-right: 0;
				width: 27px;
				height: 27px;
			}

			.weather-table .table-row-label .label-text {
				width: auto;
				font-size: 0.5em;
			}

			.weather-table .weather-icon {
				width: 35px;
				height: 35px;
			}

			.weather-table td {
				font-size: 0.94em;
				height: 44px;
				padding:9px 7px;
			}

		}
		
		@media (max-width: 930px) {
			
			.weather-section .wide-column {
				width: 100%;
				margin-right: 0;
			}
		
			.weather-section .aside-column {
				display: none;
				margin-top: 20px;
				width: 100%;
				max-width: 310px;
			}
		
		}
		
		@media (max-width: 830px) {
		
			.weather-page-container .wide-column {
				width: 100%;
				margin-right: 0;
			}
		
			.weather-page-container .wide-column.left-aside {
				margin-left: 0;
			}
		
			.weather-page-container .aside-column {
				width: 100%;
			}
		
			.weather-page-container .aside-banner {
				display: none;
			}
		
		}

		@media (max-width: 800px) {

			.weather-section {
				margin-top: 20px;
			}

			.weather-section .section-title .sub-title {
				font-size: 0.5em;
				vertical-align: 3px;
			}

			.weather-section .section-info-update {
				display: none;
			}

		}

		@media (max-width: 600px) {

		}

	/* @end WEATER SECTION */

	/* @group RATE SECTION */

		.rate-section {}

			.rate-section .aside-column {
				width: 15.833%;
				float: left;
				margin-top: 40px;
			}

				.rate-section .items-list-title {
					text-transform: uppercase;
					font-size: 0.81em;
					margin-bottom: 10px;
					display: inline-block;
				}

				.rate-section .list-rubrics a {
					padding-left: 5px;
					
				}

					.rate-section .list-rubrics .icon {
						margin-right: 7px;
						vertical-align: -6px;
					}

			.rate-section .wide-column {
				width: 80.834%;
				float: left;
				margin-left: 3.333%;
				margin-top: 40px;
				margin-right: 0;
			}

				.rate-section .rate-box {
					border: 1px solid #e9e9e9;
					background-color: #fff;
					margin-bottom: 20px;
					overflow: hidden;
				}

				.graph-box {
					padding: 10px 5px;
				}

					.graph-box .rate-info-column {
						border-right: 1px solid #e9e9e9;
						width: 30%;
						float: left;
						padding-right: 5px;
					}

					.rate-market-page-container .rate-box.graph-box .rate-info-column{
						border-right: none;
					}

						.graph-box .rate-box-title {
							border-bottom: 1px solid #e9e9e9;
							font-size: 1.06em;
							height: 40px;
							padding: 4px 10px;
							font-weight: 600;
						}

						.graph-box .box-body {
							padding: 20px 10px 10px;
						}

						.graph-box .box-body a {
							text-decoration: none;
						}

						.graph-box .graph-info-tag {
							font-size: 0.82em;
							text-transform: uppercase;
							margin-bottom: 7px;
						}

						.graph-box .graph-info-tag a:hover {
							color: #4D4D4D;
						}

						.graph-box .graph-info-title {
							font-family: "jubilat", serif;
							font-size: 1.5em;
							line-height: 1.05em;
							font-weight: 500;
							margin-bottom: 8px;
							transition: color 0.1s ease;
						}

						.graph-box .graph-info-text {
							margin-bottom: 20px;
							height: 9.8em;
							overflow-x: hidden;
							display: block;
						}

						.graph-box .article-time {
							display: block;
							margin-bottom: 20px;
						}

					.graph-box .rate-graph {
						width: 70%;
						float: left;
						padding: 25px 30px;
					}

						.graph-box .graph-title {
							font-size: 0.95em;
							color: #989898;
							margin-bottom: 10px;
						}

						.graph-box .graph-view {
							display: block;
							width: 100%;
							height: 330px;
							/*background-color: #ebebeb;*/
							border: 1px solid #e9e9e9;
						}
						
						 .graph-view.graph-non-abo{
						  	position:relative;
						  	cursor:pointer;
						 }
						 
						  .graph-view.graph-non-abo .slideLeft,
						  .graph-view.graph-non-abo .slideRight,
						  .graph-view.graph-non-abo .zoomChart
						  {
						  	display:none;
						  }
						 
						 .graph-view.graph-non-abo .graph-hidden{
						 	width:100%;
						 	height:100%;
						 	position:absolute;
						 	z-index:2;
						 }
						 .graph-view.graph-non-abo .graph-home{
							 position:absolute;
							 z-index:1;
						 }

						
						

						.graph-caption {
							margin-top: 15px;
						}

							.graph-caption li {
								display: inline-block;
								font-size: 0.75em;
								text-transform: uppercase;
								font-weight: 600;
								margin-right: 15px;
							}

							.graph-caption .caption-item {
								width: 18px;
								height: 18px;
								display: inline-block;
								margin-right: 7px;
								border-radius: 50%;
								background-clip: padding-box;
								background-color: #ebebeb;
								vertical-align: -5px;
							}

							.graph-caption li:nth-child(1) .caption-item { background-color: #171f8c; }
							.graph-caption li:nth-child(2) .caption-item { background-color: #2f5eb2; }
							.graph-caption li:nth-child(3) .caption-item { background-color: #34a4d6; }

				.rate-table {
					width: 100%;
				}

					.rate-table td,
					.rate-table th {
						border: 1px solid #e9e9e9;
						text-align: left;
						vertical-align: middle;
						padding: 10px 15px;
					}

					.rate-table tr:first-child th {
					  border-top: 0;
					}

					.rate-table tr:last-child td {
					  border-bottom: 0;
					}
					.rate-table tr td:first-child,
					.rate-table tr th:first-child {
					  border-left: 0;
					}
					.rate-table tr td:last-child,
					.rate-table tr th:last-child {
					  border-right: 0;
					}

					.rate-table th {
						height: 50px;
						text-transform: uppercase;
						font-size: 0.75em;
					}

					.rate-table td {
						font-size: 0.87em;
						height: 75px;
					}

					.rate-table .item-label {
						font-size: 1rem;
						font-weight: 600;
						display: block;
					}

					.rate-table .item-price,
					.rate-table .item-rate {
						font-size: 1.27rem;
						font-weight: 500;
					}

					.rate-table .item-unit{
						width: 100%;
						display: block;
						font-size: 1rem;
						text-align: center;
					}

					.rate-table tbody tr td:nth-child(n+4) {
						text-align: center;
					}

					.rate-table .item-rate.good { color: #18c48a; }
					.rate-table .item-rate.same { color: #ff5600; }
					.rate-table .item-rate.bad { color: #e10613; }

					.rate-table .item-button {
						font-size: 0.9em;
						text-decoration: none;
						border-bottom: 1px solid;
					}

					.rate-table a.item-button:hover {
						color: #797979;
					}

		@media (max-width: 840px) {

			.rate-section .aside-column {
				width: 100%;
				margin-top: 20px;
			}

				.rate-section .aside-column .list-rubrics {
					border-top: 0;
				}

				.rate-section .aside-column .list-rubrics li {
					float: left;
					margin-right: 10px;
				}

				.rate-section .aside-column .list-rubrics li a {
					border: none;
					border-right: 1px solid #cdcdcd;
					
					margin-bottom: 5px;
					padding: 0;
					padding-right: 15px;
					min-height: 0;
				}

				.rate-section .aside-column .list-rubrics li:last-child a {
					border-right: none;
				}

			.rate-section .wide-column {
				width: 100%;
				margin-left: 0;
				margin-top: 15px;
			}

		}

		@media (max-width: 600px) {

		}
	
	/* @end RATE SECTION */

	/* @group ARCHIVE SECTION */

		.archive-section {}

			.archive-section .section-header {
				margin-bottom: 21px;
			}

			.archive-section .archive-card-container {
				margin-left: -2%;
			}

			.archive-section .archive-card-container .archive-card {
				height: 160px;
				width: calc((100% / 3) - 2%);
				margin-left: 2%;
				float: left;
				margin-top: 20px;
				position: relative;
  				padding-top: 2px;
  				background: #fff;
			}

				.archive-section .archive-card-container .archive-card:before {
					content: '';
					display: block;
					position: absolute;
					top: -1px;
					left: -1px;
					right: -1px;
					height: 8px;
					background-color: #e10613;
				}

				.archive-section .archive-card-container .archive-card a {
					text-decoration: none;
					display: block;
					padding-top: 10px;
  					margin-top: -10px;
				}

				.archive-section .archive-card-container .archive-card a:hover .card-title {
					color: #4D4D4D;
				}

				/*.archive-section .archive-card-container .archive-card a:hover .archive-articles .icon, p {
					color: #4D4D4D;
					fill: #4D4D4D;
				}*/

				.archive-section .archive-card-container .archive-card .card-title{
					font-size: 2.0em;
					font-weight: 700;
					font-family: "jubilat", serif;
					text-align: center;
					margin-top: 32px;
					margin-bottom: 8px;
					height: auto;
				}

				.archive-section .archive-card-container .archive-card .archive-articles {
					text-align: center;
				}

				.archive-section .archive-card-container .archive-card .archive-articles .icon {
					display: inline-block;
					vertical-align: middle;
					fill: #000;
				}

				.archive-section .archive-card-container .archive-card .archive-articles p {
					display: inline-block;
					vertical-align: middle;
					font-size: 1.19em;
				}

		@media (max-width: 800px) {
			
			.archive-section  {
				margin-top: 45px;
			}

			.archive-section .archive-card-container{
				overflow: hidden;
			}

			.archive-section .archive-card-container .archive-card {
				height: auto;
				margin-top: 0;
				padding-left: 20px;
				padding-bottom: 20px;
				width: 100%;
			}
		}

		@media (max-width: 600px) {
		
			.archive-section {
				margin-top: 20px;
			}

				.archive-section .section-header {
					margin-bottom: 0;
				}

				.archive-section .archive-card-container .archive-card {
					height: 90px;
					margin-top: 0;
				}

				.archive-section .archive-card-container .archive-card .card-title{
					font-size: 1.20em;
					margin-top: 17px;
					
					margin-bottom: 0;
					text-align: left;
				}

				.archive-section .archive-card-container .archive-card:before {
					height: 3px;
				}

				.archive-section .archive-card-container .archive-card .archive-articles {
					text-align: left;
				}

				.archive-section .archive-card-container .archive-card .archive-articles p {
					font-size: 0.75em;
				}
		}

	/* @end ARCHIVE SECTION */

	/* @group PARTNER SECTION */

		.partner-section {
			height: 102px;
			position: relative;
			overflow: hidden;
		}

			.partner-section .partner-container{
				position: relative;
				width: 100%;
				height: 100%;
				padding: 30px 0 0 30px;
				overflow: hidden;
			}

			.partner-section .partner-container p {
				position: relative;
				color:#fff;
				font-size: 1.56em;
				text-transform: uppercase;
				z-index:2;
			}

			.partner-section .partner-container img {
				position: absolute;
				bottom: 0;
				left: 0;
				z-index:0;
			}

			.partner-section a {
				position: relative;
				float: right;
				right: 60px;
				width: 140px;
				height: 42px;
				margin-top: -35px;
				text-decoration: none;
				text-align: center;
				line-height: 42px;
				text-transform: uppercase;
				color:#000;
				font-size: 0.8em;
				background: #fff;
				border-radius:3%;
				z-index:2;
			}

		@media (max-width: 600px) {

			.partner-section {
				height: 122px;
				margin-top: 20px;
			}

			.partner-section .partner-container{
				padding: 10px 0 10px 0;
			}

			.partner-section .partner-container p {
				text-align: center;
				font-size: 1.2em
			}

			.partner-section a {
				float: none;
				display: block;
				width: 120px;
				right:0;
				padding:5px 10px;
				line-height: 30px;
				margin: auto;
				margin-top: 10px;
			}

			.partner-section {
				margin-bottom: 32px;
			}
		}

	/* @end PARTNER SECTION */

	/* @group LAW SECTION */

		.law-section {}

			.law-section .aside-column {
				width: 15.833%;
				float: left;
				margin-top: 40px;
			}

			.law-section .wide-column {
				width: 80.834%;
				float: left;
				margin-left: 3.333%;
				margin-top: 40px;
				margin-right: 0;
			}

				.law-section .article-card-container {
					display: -webkit-flex;
					display:         flex;
					flex-wrap: wrap;
				}

					.law-section .article-card .card-title {
						font-size: 1.45em;
					}

					.law-section .article-card.wide-card .card-title {
						font-size: 2em;
					}

					.law-section .article-card.simple-card .card-title {
						font-size: 2em;
					}


					/* @group RED CARD */

						.red-card {
							position: relative;
							padding-top: 2px;
						}

						.red-card::before {
							content: '';
							display: block;
							position: absolute;
							top: -1px;
							left: -1px;
							right: -1px;
							height: 3px;
							background-color: #e10613;
						}

							.red-card .card-header {
								border-bottom: 1px solid #e2e2e2;
								height: 41px;
								overflow: hidden;
							}

								.red-card .card-header-title {
									text-transform: uppercase;
									font-size: 0.75em;
									text-decoration: none;
									padding: 0 20px;
									display: inline-block;
									line-height: 41px;
									max-width: 100%;
								}

									.red-card .card-header-title .icon {
										vertical-align: -6px;
										margin-right: 5px;
									}

								.red-card .card-header .box-button {
									float: right;
									margin-top: 5px;
									margin-right: 7px;
								}

								.red-card a.card-header-title:hover {
									color: #4D4D4D;
								}

							.red-card .card-body {
								height: auto;
								position:relative;
							}

							.twins-card-container .red-card .card-body {
								height: 142px;
								position:relative;
							}
					
					/* @end RED CARD */

					.article-card .simulator-box {
						text-align: center;
						min-height: 338px;
					}
							
						.simulator-box .simulator-illu {
							text-align: center;
							margin-bottom: 10px;
						}

						.simulator-box .simulator-illu img {
							display: inline-block;
						}

						.simulator-box .simulator-title {
							font-family: "jubilat", serif;
							font-size: 1.87em;
							line-height: 1.05em;
							font-weight: 300;
							margin-bottom: 20px;
						}

						.simulator-box .form-button {
							margin-bottom: 20px;
							text-transform: none;
							max-width: 222px;
							width: 100%;
						}

						.simulator-box .simulator-info {
							font-size: 0.8em;
							display: block;
						}

					.legal-chronicle .legal-issue-box {
						padding: 0;
					}

					.legal-chronicle {
						
					}

						.legal-chronicle .legal-issue-title {
							display: block;
							font-size: 1.4em;
							height: 4.2em;
							margin: 20px;
						}

						.legal-chronicle {
						
						}

						.legal-issue-title {
							font-family: "jubilat", serif;
							font-size: 1.5em;
							line-height: 1.05em;
							font-weight: 500;
							margin-bottom: 8px;
							transition: color 0.1s ease;
						}

						a.legal-issue-title:hover {
							color: #4D4D4D;
						}


					.legal-issue-search-box {
						position: relative;
					}

						.legal-issue-search {
							position: relative;
							margin-bottom: 20px;
							margin-top: 10px;
							padding-right: 45px;
						}
							.legal-issue-search .form-field {
								width: 100%;
							}

							.legal-issue-search .form-button {
								position: absolute;
								top: 0;
								right: 0;
								padding-left: 10px;
								padding-right: 10px;
								width: 40px;
							}

		@media (max-width: 840px) {

			.law-section .aside-column {
				display: none;
			}

			.law-section .wide-column {
				width: 100%;
				margin-left: 0;
				margin-top: 20px;
			}

			.law-section .article-card-container {
				padding-right: 0;
			}

			.law-section .article-card .card-top .card-top-img {
				width: 100%;
				height: auto;
			}

		}

		@media(max-width: 800px) {

			.law-section .three-column .article-card {
				width: calc((100% / 3) - 2%);
			}
		}

		@media(max-width: 750px) {

			.law-section .three-column .article-card {
				width: calc((100% / 2) - 2%);
				margin-bottom: 10px;
			}
		}

		@media (max-width: 600px) {
			
			.law-section {
				
			}

				.law-section .three-column .article-card {
					width: 100%;
				}

				.law-section .article-card-container .card-body{
					height: auto;
					padding: 0;
				}

				.legal-chronicle .legal-issue-title {
					margin: 0;
					overflow: hidden;
				}

			.simulator-box .simulator-title {
				font-size: 1em;
			}
		}
	
	/* @end LAW SECTION */

	/* @group CASE SECTION */

		.case-section {
			margin-top: 80px;
		}

			.case-section .aside-column {
				margin-top: 40px;
				width: 15.833%;
				float: left;
			}

			.case-section .wide-column {
				width: 80.834%;
				float: left;
				margin-left: 3.333%;
				margin-top: 40px;
				margin-right: 0;
			}

			.case-section .article-card-container {
  				padding-right: 30px;
  			}

  		@media (max-width: 600px) {

  			.case-section {
				margin-top: 20px;
				margin-bottom: 20px;
			}

				.case-section .wide-column {
					width: 100%;
					margin-left: 0;
					margin-top: 0;
				}
					.case-section .wide-column .article-card-container {
						padding-right: 0;
					}

						.case-section .article-card .card-body {
							height: auto;
							padding: 10px 0;
							position:relative;
						}

						.case-section .article-card .card-title {
							height: auto;
							font-size: 1em;
						}
  		}

	/* @end CASE SECTION */

	/* @group REFERENCES SECTION */

		.references-section {
			margin-top: 80px;
		}

			.references-section .aside-column {
				margin-top: 40px;
				width: 15.833%;
				float: left;
			}

			.references-section .wide-column {
				width: 80.834%;
				float: left;
				margin-left: 3.333%;
				margin-top: 40px;
				margin-right: 0;
			}

				.references-section .article-card:nth-child(-n+2) .card-body {
					height: 224px;
					position: relative;
				}

				.references-section .article-card:nth-last-of-type(-n+2) .card-body {
					height: auto;
					padding: 0;
					padding-bottom: 10px;
					position: relative;
				}

					.references-section .article-card:nth-last-of-type(-n+2) .box-button{
						margin-top: 15px;
						margin-left: 15px;
					}

					.references-infos {
						display: inline-block;
						margin-bottom: 10px;
					}

						.references-infos .icon {
							display: inline-block;
							vertical-align: middle;

						}
						.references-infos span{
							display: inline-block;
							vertical-align: bottom;
							font-weight: 600;
							font-size: 0.81em;
							margin-left: 14px;					
						}

					.references-article {
						border-bottom: 1px solid #e2e2e2;
						padding: 10px 20px;
					}

						.references-article a:hover .references-article-title{
							color: #797979;
						}

					.references-card-title {
						font-size: 1.44em;
						margin-bottom: 20px;
					}

					.references-article-title {
						font-size: 1.18em;
					}

			.references-section .article-card-container {
  				padding-right: 30px;
  			}


	  	@media (max-width: 600px) {

	  		.references-section {
	  			margin-top: 20px;
	  		}

	  		.references-section .wide-column {
				margin-left: 0;
				margin-top: 0;
				width: 100%;
			}
				.references-section .wide-column .article-card-container {
					padding-right: 0;
					margin-top: 0;
				}

					.references-section .article-card .card-body {
						padding-left: 10px;
						padding-bottom: 10px;
						height: 100% !important;
						position: relative;
					}

	  	}

	

	/* @end REFERENCES SECTION */
			
	/* @group WEEKNEWS SECTION */

		.weeknews-section {}

			.weeknews-section .article-card-container {
				margin-top: 40px;
				padding-bottom: 30px;
			}

			.weeknews-section .card-body.article-card-small {
				height: 145px;
			}

			.weeknews-section .red-card .card-body {
				height: 440px;
				padding: 0;
				height: 440px;
				position: relative;
			}

				.weeknews-list {
					width: 100%;
					height: 100%;
					overflow-x: hidden;
				}

					.weeknews-list > li {
						display: block;
						width: 100%;
						border-bottom: 1px solid #e2e2e2;
					}

					.weeknews-list > li:last-child {
						border-bottom: none;
					}

					.weeknews-list > li > a {
						display: block;
						text-decoration: none;
					}

					.weeknews-list > li > a:hover {
						background-color: #fcfcfc;
					}

						.weeknews-list .item-title {
							font-size: 1.12em;
							font-weight: 600;
						}

						.weeknews-list .item-desc {
							font-size: 0.87em;
							color: #494949;
						}

			/* SMALL offer */

			.small-offer-box {}

				.small-offer-box .offer-item {
					padding: 25px;
					overflow: hidden;
					height: 145px;
				}

					.small-offer-box .offer-item .item-bubble {
						float: left;
						position: relative;
						margin-right: 20px;
						display: block;
						width: 86px;
						height: 86px;
						overflow: hidden;
						/*border-radius: 50%;*/
						background-clip: padding-box;
						-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
					}

						.small-offer-box .offer-item .item-bubble img {
							position: absolute;
							top: 0;
							left: 50%;
							width: auto;
							height: 100%;
							-webkit-transform: translateX(-50%);
							    -ms-transform: translateX(-50%);
							        transform: translateX(-50%);
						}

					.small-offer-box .offer-item .item-content {
						overflow: hidden;
					}

						.small-offer-box .offer-item .item-title {
							display: block;
							width: 100%;
						}

						.small-offer-box .offer-item .item-desc {
							height: 2.8em;
							overflow: hidden;
						}

			/* EBOOK */

			.ebook-box {}

				.ebook-box .ebook-item {
					padding: 20px;
					overflow: hidden;
					height: 145px;
				}

				.ebook-box .ebook-item .item-picture {
					float: left;
					position: relative;
					margin-right: 20px;
					display: block;
					width: 80px;
					height: 105px;
					overflow: hidden;
				}

					.ebook-box .ebook-item .item-picture img {
						position: absolute;
						top: 0;
						left: 50%;
						width: auto;
						height: 100%;
						-webkit-transform: translateX(-50%);
						    -ms-transform: translateX(-50%);
						        transform: translateX(-50%);
					}

				.ebook-box .ebook-item .item-content {
					overflow: hidden;
				}

					.ebook-box .ebook-item .item-title {
						display: block;
						height: 2.8em;
					}

					.ebook-box .ebook-item .item-price {
						font-size: 1.56em;
						display: block;
						font-family: "jubilat", serif;
						font-weight: 300;
					}

			/* EVENTS */

			.events-box {
				position: relative;
			}

				.events-box .event-item {
					padding: 15px 20px;
					overflow: hidden;
					height: 145px;
				}

					.events-box .event-item .item-date {
						font-size: 1.56em;
						display: block;
						font-family: "jubilat", serif;
						font-weight: 300;
					}

					.events-box .event-item .item-title {
						height: 2.8em;
						display: block;
					}

					.events-box .event-item .item-position {
						font-size: 0.8em;
						color: #494949;
						display: block;
						height: 24px;
						line-height: 24px;
						margin-top: 4px;
					}

						.events-box .event-item .item-position .icon {
							vertical-align: -5px;
							margin-right: 5px;
						}

				.events-box .event-add-button {
					display: block;
					position: absolute;
					bottom: -49px;
					height: 44px;
					left: -1px;
					right: -1px;
					border: 1px solid #e2e2e2;
					background-color: #fff;

					font-size: 0.8em;
					color: #494949;
					padding: 0 20px;
					line-height: 42px;
				}

					.events-box .event-add-button .icon {
						margin-right: 6px;
						vertical-align: -4px;
					}

				.events-box a.event-add-button:hover {
					background-color: #fcfcfc;
				}

		@media (max-width: 600px) {

			.weeknews-section .section-header {
				display: none;
			}

			.weeknews-section .article-card-container {
				padding-bottom: 0;
			}

			.three-column .article-card {
				width: 100% !important;
				margin-left: 0;
				height: auto !important;
			}
			
			.ebook-box .article-card{
				width:100%!important;
				height:200px!important;
				margin-left:0!important;
			}

		}
		
	/* @end WEEKNEWS SECTION */

		@media (max-width: 600px) {

			/* COMMON */
			
			.wide-card .card-top{
				height:90px!important;
			}

			.page-container {
				padding-bottom: 1px;
			}

			.article-card-container,
			.article-card-container.three-column {
				margin-left: 0;
				margin-top: 0;
				padding-right: 0;
			}

			.media-card-container .article-card,
			.media-card-container .article-card.wide-card,
			.article-card,
			.article-card.wide-card{
				width: 100%;
				margin-left: 0!important;
				margin-bottom: 0;
				border: none;
				border-bottom: 1px solid #e2e2e2;
				padding: 10px;
			}

				.article-card .card-top,
				.media-card-container .article-card .card-top {
					/*float: left;
					width: 90px;*/
					height: 90px;
					/*margin-right: 12px;*/
				}
				
				.media-card-container .article-card .card-top {
					float: left;
					width: 90px;
					height: 90px !important;
					margin-right: 12px;
				}

					.article-card .card-top .type-icon {
						width: 31px;
						height: 31px;
					}

					.partnership-card .card-top .partnership-title {
						font-size: 0.5em;
						height: 20px;
						line-height: 20px;
					}

				.article-card .card-body,
				.article-card.simple-card .card-body,
				.media-card-container .article-card .card-body,
				.media-card-container .article-card.simple-card .card-body{
					padding: 0;
					overflow: hidden;
					height: auto;
					position: relative;
				}

					.article-card .card-tag {
						font-size: 0.75em;
						margin-bottom: 2px;
					}
					
					.article-card .card-title,
					.article-card.wide-card .card-title,
					.article-card.simple-card .card-title,
					.media-card-container .article-card .card-title,
					.media-card-container .article-card.wide-card .card-title,
					.media-card-container .article-card.simple-card .card-title{
						font-size: 1.1em;
						height: auto;
						margin-bottom: 0;
					}

			.red-card {
				padding: 0;
			}

				.red-card::before {
					left: 0;
					right: 0;
				}

				.red-card .card-header {
					height: auto;
				}

					.red-card .card-header-title {
						float: left;
						height: 40px;
					}

			.section-header {
				height: auto;
				border-top-width: 3px;
			}

				.section-title {
					font-size: 1.25em;
					padding: 6px 10px;
					height: 42px;
				}

					.section-title .title-icon {
						width: 25px;
						height: 25px;
						line-height: 25px;
						vertical-align: middle;
					}

						.section-title .title-icon .icon {
							-webkit-transform: scale(0.5);
							    -ms-transform: scale(0.5);
							        transform: scale(0.5);
						}

				.section-header .box-button,
				.card-header .box-button,
				.red-card .card-header .box-button {
					margin-top: 0;
					margin-right: 0;
					width: 100%;
					float: left;
					background-color: #e9e9e9;
					border-radius: 0;
					border: 0;
					padding: 0 10px;
					height: 30px;
					line-height: 30px;
				}
				


					.section-title .title-icon .icon {
						-webkit-transform: scale(0.5);
						    -ms-transform: scale(0.5);
						        transform: scale(0.5);
					}

			.section-header .box-button,
			.card-header .box-button,
			.red-card .card-header .box-button,
			.feature-box .box-header .box-button
			
			
			 {
				margin-top: 0;
				margin-right: 0;
				width: 100%;
				float: left;
				background-color: #e9e9e9;
				border-radius: 0;
				border: 0;
				border-top: 1px solid #D8D8D8;
				padding: 0 10px;
				height: 30px;
				line-height: 30px;
			}

		.three-column .article-card {
			margin-bottom: 0;
		}

		/* SECTION */

		.news-section {}

			.news-section {
				padding: 0;
				margin-top: 0;
			}

				.news-section .aside-column {
					padding: 8px;
				}

				.news-section .aside-column .live {
					margin-bottom: 0;
				}

				.live .live-container {
					overflow: hidden;
					height: auto;
					max-height: none;
				}

					.live .live-container > .live-card:nth-child(n+10) {
						display: none;
					}

					.news-section .live-title {
						font-size: 1.25em;
						margin-bottom: 5px;
					}

						.news-section .live-title .icon {
							vertical-align: -4px;
							margin-right: 5px;
						}

					.live-card .card-tag {
						font-size: 0.75em;
					}

					.live-card .card-title {
						font-size: 0.875em;
					}

		.media-section {}

			.media-card-container {
				margin-left: 0;
			}

				.media-section .media-container {
					background-color: transparent;
					padding-top: 0;
				}

				.media-card-container > *:nth-child(n+3) {
					display: none;
				}

				.news-videos .media-card-container > *:nth-child(n+3) {
					display: block;
				}

		.weeknews-section {}

			.weeknews-section .red-card .card-body {
				height: auto;
				position: relative;
			}

				.small-offer-box .offer-item {
					padding: 15px;
					height: auto;
				}

				.weeknews-list > li {
					border-bottom: none;
				}

				.weeknews-list > *:nth-child(n+2) {
					display: none;
				}

					.small-offer-box .offer-item .item-desc {
						height: auto;
					}

					.weeknews-list .item-title {
						font-size: 1em;
					}

		}

/* @end HOME PAGE */

/* @group INSERT */

	.insert-section {
		margin-top: 25px;
		margin-bottom: 20px;
	}

	.insert-card {
		position: relative;
		border: 1px solid #e2e2e2;
		background-color: #fff;
		padding-top: 5px;
		float: left;
		width: 100%;
	}

		.insert-card::before {
			content: '';
			display: block;
			position: absolute;
			top: -1px;
			left: -1px;
			right: -1px;
			height: 6px;
			background-color: #c59822;
		}

	/* @group NEWSLETTER */

		.newsletter-insert {
			font-size: 0em;
		}

			.newsletter-insert .info-col {
				display: inline-block;
				vertical-align: middle;
				width: 50%;
				padding: 20px 3.3% 30px;
				font-size: 1rem;
			}

				.newsletter-insert .card-title {
					font-family: "jubilat", serif;
					font-size: 1.7em;
					font-weight: 500;
					text-decoration: none;
				}

					.newsletter-insert .card-title .icon {
						fill: #e10613;
						height: 32px;
						width: 234px;
						margin-right: 4px;
					}

				.newsletter-insert .card-info {
					margin-top: 7px;
					line-height: 1.2em;
					height: 2.4em;
				}

			.newsletter-insert .form-col {
				display: inline-block;
				vertical-align: middle;
				width: 50%;
				font-size: 1rem;
				padding-right: 4%;
				padding-left: 2%;
			}

				.newsletter-insert-form {
					padding-top: 5px;
					width: 100%;
					text-align: right;
				}

				.newsletter-insert-form .form-field {
					width: 100%;
					max-width: 360px;
					font-size: 1em;
				}

				.newsletter-insert-form .form-button {
					font-size: 0.8em;
				}
	
	/* @end NEWSLETTER */

	/* @group SUBSCRIPTION */

		.subscription-insert {}

			.subscription-insert .card-header {
				border-bottom: 1px solid #e2e2e2;
				padding: 15px 30px 20px;
				text-align: center;
			}

				.subscription-insert .card-header-title {
					font-family: "jubilat", serif;
					font-size: 1.56em;
					line-height: 1.05em;
					font-weight: 300;
					max-width: 100%;
				}

				.subscription-insert .card-header-info {
					font-size: 0.9em;
					margin-top: 10px;
				}

			.subscription-insert .subscribed-col {
				width: 50%;
				float: left;
				padding: 20px 10px;
				text-align: center;
			}

			.subscription-insert .subscribed-col:last-child {
				border-left: 1px solid #e2e2e2;
			}

				.subscription-insert .subscribed-title {
					font-family: "jubilat", serif;
					font-size: 1.56em;
					color: #3d3d3f;
					font-weight: 700;
				}

				.subscription-insert .form-button {
					background-color: #c79900;
					font-size: 0.8em;
					margin: 10px 2px 0;
				}

				.subscription-insert .form-button:hover,
				.subscription-insert .form-button:focus {
					background-color: #B68C00;
				}
	
	/* @end SUBSCRIPTION */
			
	@media (max-width: 1090px) {

		.newsletter-insert .info-col {
			width: 100%;
			padding: 15px 20px 15px;
		}

		.newsletter-insert .form-col {
			padding: 0px 20px 20px;
			width: 100%;
		}

		.newsletter-insert-form {
			text-align: left;
		}

			.newsletter-insert .card-info {
				height: auto;
			}

	}

	@media (max-width: 600px) {

		.page-container .insert-section {
			padding: 0;
		}

		.subscription-insert .subscribed-col {
			width: 100%;
		}

		.subscription-insert .subscribed-col:last-child {
			border-left: none;
			border-top: 1px solid #e2e2e2;
		}

		.subscription-insert .card-header {
			padding: 15px;
		}

		.subscription-insert .subscribed-col {
			padding: 10px;
		}

			.subscription-insert .subscribed-title {
				font-size: 0.9em;
			}

		.newsletter-insert-form .form-button {
			width: 100%;
		}

	}

/* @end INSERT */

/* @group BREADCRUMBS */

	.breadcrumbs-container {
		padding-top: 20px;
		margin-bottom: 10px;
	}

	.breadcrumbs-home,
	.breadcrumbs-list {
		font-size: 0.8em;
		text-decoration: none;
		display: inline-block;
	}
	
	.breadcrumbs-home  {
		color: #7a7a7a;
	}

	a.breadcrumbs-home:hover,
	a.breadcrumbs-home:focus {
		color: #313131;
	}

	.breadcrumbs {
		display: inline-block;
	}

		.breadcrumbs-list {
		}

			.breadcrumbs-list > li {
				display: inline-block;
				white-space: nowrap;
				color: #313131;
				padding-left: 5px;
			}

			.black-bg-container .breadcrumbs-list li {
				color: #fefefe;
			}

			.black-bg-container .breadcrumbs-list > li a:hover,
			.black-bg-container .breadcrumbs-home:hover,
			.black-bg-container .breadcrumbs-list > li a:focus {
				color: #fefefe;
			}

			.breadcrumbs-list > li::before {
				content: '';
				margin-right: 12px;
				width: 6px;
				height: 6px;
				display: inline-block;
				vertical-align: 1px;
				border-top: 1px solid #c4c4c4;
				border-right: 1px solid #c4c4c4;
				-webkit-transform: rotate(45deg);
				    -ms-transform: rotate(45deg);
				        transform: rotate(45deg);
			}

				.breadcrumbs-list > li a {
					text-decoration: none;
					color: #7a7a7a;
				}

				.breadcrumbs-list > li a:hover,
				.breadcrumbs-list > li a:focus {
					color: #313131;
				}

/* @end BREADCRUMBS */

/* @group PANEL NAV */

	.panel-nav {
		border: 1px solid #e9e9e9;
		background-color: #fff;
		margin-bottom: 40px;
	}

		.panel-nav > li {}

		.panel-nav .nav-item {
			position: relative;
			display: block;
			border-bottom: 1px solid #e9e9e9;
			min-height: 50px;
			padding-left: 25px;
			padding-right: 35px;
			padding-top: 15px;
			padding-bottom: 15px;
			line-height: 1.2em;
			color: #9e9e9f;
			text-decoration: none;
		}

		.panel-nav .nav-item.subscriber span {
			color: #C79900;
			font-size: 0.75em;
			font-weight: 700;
			float: right;
			text-transform: uppercase;
			margin-top: 2px;
		}

		.panel-nav .nav-item.subscriber::after {
			display: none;
		}

		.panel-nav .nav-item::before {
			content: '';
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			width: 5px;
			background-color: #e2e2e2;
		}

		.panel-nav > li:last-child .nav-item {
			border-bottom: none;
		}

		.panel-nav .nav-item:hover {
			color: #3d3d3f;
		}

		/* "Ma s�?©lection" if not subscribed (Apply subscriber class on nav-item) */
		.panel-nav li:first-child .nav-item.subscriber::before {
			display: none;
		}
		.panel-nav li:first-child .nav-item.subscriber:hover {
			color: #9e9e9f;
		}

		.panel-nav .nav-item.active,
		.panel-nav .nav-item.open {
			color: #3d3d3f;
		}

		.panel-nav .nav-item.active::before {
			background-color: #e10613;
		}

		.panel-nav .nav-item.active:not(.subnav)::after {
			content: '';
			display: block;
			width: 10px;
			height: 10px;
			background-color: #fff;
			border-top: 1px solid #e9e9e9;
			border-right: 1px solid #e9e9e9;
			position: absolute;
			top: 50%;
			margin-top: -5px;
			right: -5px;
			-webkit-transform: rotate(45deg);
			    -ms-transform: rotate(45deg);
			        transform: rotate(45deg);
		}

		.panel-nav .nav-item.subnav::after {
			content: '';
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 7px 4px 0 4px;
			border-color: #3d3d3f transparent transparent transparent;
			position: absolute;
			right: 15px;
			top: 50%;
			margin-top: -3px;
		}

		.panel-subnav-container {
			display: none;
			border-bottom: 1px solid #e9e9e9;
			background-color: #fafafa;
			padding-top: 10px;
			padding-bottom: 15px;
		}

		.panel-subnav-container.open {
			display: block;
		}

		.subnav-title {
			display: block;
			font-size: 0.8em;
			text-transform: uppercase;
			font-weight: 700;
			padding: 0px 25px;
			margin-top: 15px;
			margin-bottom: 5px;
		}

		.subnav-title:first-child {
			margin-top: 10px;
		}

		.panel-subnav {
			
		}

			.panel-subnav > li {}

			.panel-subnav .subnav-item {
				position: relative;
				display: block;
				text-decoration: none;
				font-size: 0.8em;
				line-height: 1.2em;
				border-top: 1px solid transparent;
				border-bottom: 1px solid transparent;
				padding: 5px 25px;
			}

			.panel-subnav .subnav-item:hover,
			.panel-subnav .subnav-item.active {
				background-color: #fff;
				border-color: #e9e9e9;
			}

			.panel-subnav .subnav-item:hover::after,
			.panel-subnav .subnav-item.active::after {
				content: '';
				display: block;
				width: 10px;
				height: 10px;
				background-color: #fff;
				border-top: 1px solid #e9e9e9;
				border-right: 1px solid #e9e9e9;
				position: absolute;
				top: 50%;
				margin-top: -5px;
				right: -5px;
				-webkit-transform: rotate(45deg);
				    -ms-transform: rotate(45deg);
				        transform: rotate(45deg);
			}

	.panel-container {
		
	}

		.panel-box {
			border: 1px solid #e9e9e9;
			background-color: #fff;
			margin-bottom: 20px;
		}

		.panel-content {
			display: none;
		}

		.panel-content.show {
			display: block;
		}
		#panel-02.panel-content{
			display: block;
			visibility:hidden;
			height:0px;
		}
		
		#panel-02.panel-content #weather-rain-01{
			min-height:1200px;
			heigt:100%;
		}
		#panel-02.panel-content #weather-rain-01 .iframeUniplayer{
			margin:21px 25px;
		}
		
		#panel-02.panel-content.show{
			visibility:visible;
			height:auto;
		}

			.panel-header {
				font-family: "jubilat", serif;
				font-size: 1.5em;
				font-weight: 300;
				border-bottom: 1px solid #e9e9e9;
				min-height: 50px;
				padding: 7px 25px;
			}

			.panel-row {
				padding: 21px 25px;
				border-top: 1px solid #e9e9e9;
			}

			.panel-header + .panel-row {
				border-top: none;
			}

			.panel-row p {
				color: #3d3d3f;
			}

			.panel-row-title {
				text-transform: uppercase;
				font-size: 0.8em;
				font-weight: 600;
				margin-bottom: 10px;
			}

			.panel-row .weather-map-caption {
				text-align: left;
				margin-top: 10px;
			}

			.dot-list {}

				.dot-list li {
					display: inline-block;
					font-size: 0.875em;
					font-weight: 600;
					margin-right: 25px;
					margin-bottom: 5px;
					margin-top: 5px;
				}

				.dot-list .dot {
					width: 18px;
					height: 18px;
					display: inline-block;
					margin-right: 10px;
					border-radius: 50%;
					background-clip: padding-box;
					color: #ebebeb;
					background-color: currentColor;
					vertical-align: -4px;
				}

			.dot-list.vertical li {
				display: block;
				margin-bottom: 10px;
				margin-top: 15px;
			}

				.dot-list.vertical .dot {
					width: 13px;
					height: 13px;
					vertical-align: -2px;
				}

			.alerts-list {
				margin: 30px 0;
			}

				.alerts-list li {
					border-bottom: 1px solid #e9e9e9;
					overflow: hidden;
				}

				.alerts-list li:first-child {
					border-top: 1px solid #e9e9e9;
				}

					.alerts-list li p {
						vertical-align: middle;
						overflow: hidden;
						margin-top: 9px;
						margin-bottom: 6px;
					}

					.alert-icon {
						float: left;
						display: inline-block;
						vertical-align: middle;
						width: 50px;
						height: 50px;
						line-height: 50px;
						text-align: center;
						background-color: #02b570;
						border-radius: 50%;
						background-clip: padding-box;
						font-size: 0em;
						margin-right: 10px;
						margin-bottom: 6px;
						margin-top: 6px;
					}

					.alert-icon.good {
						background-color: #02b570;
					}
					.alert-icon.medium {
						background-color: #ffe12e;
					}
					.alert-icon.careful {
						background-color: #ffb92e;
					}
					.alert-icon.bad {
						background-color: #e10613;
					}
					.alert-icon.horrible {
						background-color: #000000;
					}

						.alert-icon .icon {
							fill: #fff;
						}


	@media (max-width: 600px) {

		.panel-header {
			font-size: 1.2em;
			min-height: 42px;
			padding: 7px 10px;
		}

		.panel-row {
			padding: 10px;
		}

	}

/* @end PANEL NAV */

/* @group TAB NAV */

	.tab-nav-button {
		text-transform: uppercase;
		font-size: 0.82em;
		font-weight: 700;
		color: #fff;
		border-radius: 3px;
		background-clip: padding-box;
		height: 33px;
		line-height: 33px;
		padding: 0 20px;
		text-align: center;
		margin-right: 4px;
		margin-bottom: 8px;
		text-decoration: none;
		display: inline-block;
		background-color: #d1d1d1;
		box-shadow: inset 0 0 4px 0px rgba(142, 142, 142, 0.5);
		transition: background 100ms ease;
	}

	a.tab-nav-button:hover {
		background-color: #C0C0C0;
	}

	.tab-nav-button.active {
		background-color: #000000;
		background-image: linear-gradient(to bottom, #333033, #000000);
	}

		.tab-content {
			display: none;
			overflow: auto;
		}

		.tab-content.show {
			display: block;
		}

/* @end TAB NAV */

/* @group MODAL */

	.modal {
		position: fixed;
		z-index: 12000;
		max-width: 1300px;
		width: 100%;
		max-height: 100%;
		overflow: auto;
		display: none;
		margin-top: 0px;
		background-color: #fff;
	}

	.modal.show {
		display: block;
	}

		.modal-header {
			min-height: 55px;
			border-bottom: 1px solid #e2e2e2;
			padding: 16px 4%;
		}

			.modal-label,
			.modal-title {
				font-weight: 600;
			}

			.modal-label {
				text-transform: uppercase;
			}

			.modal-close {
				position: relative;
				float: right;
				display: inline-block;
				width: 25px;
				height: 25px;
				margin-top: 10px;
				margin-right: 10px;
				text-align: center;
			}

				.modal-close::before,
				.modal-close::after {
					content: '';
					width: 25px;
					height: 2px;
					/*border-bottom: 2px solid #2d2d2d;*/
					background-color: #2d2d2d;
					position: absolute;
					margin-top: 12px;
					margin-left: -13px;
					-webkit-transform: rotate(-45deg);
					        transform: rotate(-45deg);
				}

				.modal-close::after {
					/*margin-left: -11px;*/
					-webkit-transform: rotate(45deg);
					        transform: rotate(45deg);
				}

			a.modal-close:hover {
				opacity: 0.8;
			}

			.modal-header .modal-close {
				margin: 0;
				margin-top: -2px;
			}

		.modal-padding {
			padding: 25px 4%;
		}

		.gift-text {
			margin-top: -4px;
			margin-bottom: 20px;
		}

			.gift-text .icon {
				float: left;
				margin-top: -8px;
			}

		.modal-text-center {
			position: relative;
			text-align: center;
			min-height: 230px;
			height: auto;
			display: table;
		}

			.modal-text-center .modal-close {
				position: absolute;
				top: 0;
				right: 0;
			}

			.modal-text-center-container {
				display: table-cell;
				width: 100%;
				height: 100%;
				vertical-align: middle;
				padding: 40px 15%;
			}

				.modal-text-center-email {
					font-weight: 600;
				}

	.modal-shadow, .modal-shadow-2 {
		position: fixed;
		z-index: 12000;
		top: 0;
		width: 100%;
		left: 0;
		bottom: 0;
		/* background-color: rgba(0,0,0,0.1); pour chrome, sinon la modal s'affiche en noir */
		background-color: rgba(0,0,0,0.5);
		left: -9999px;
		opacity: 0;
		-webkit-transition: opacity 100ms ease;
		        transition: opacity 100ms ease;
	}

	.modal-shadow-2.show, .modal-shadow.show {
		opacity: 1;
		left: 0;
	}

	@media (max-width: 600px) {
		
		.modal-text-center-container {
			padding-left: 20px;
			padding-right: 20px;
		}
		
	}

/* @end MODAL */

/* @group MODAL SLIDER */

	.modal-slider {
		overflow: hidden;
		width: 100%;
		height: 100%;
		max-height: 830px;
		max-width: 1300px;
	}

	.modal-slider .article-slider-container {
		position: relative;
		margin: 0;
		padding: 20px 90px;
		display: -webkit-flex;
		display:         flex;
		-webkit-flex-direction: column;
		        flex-direction: column;
		height: 100%;
	}

		.modal-slider .slider-header {
			height: auto;
			margin-bottom: 25px;
		}

			.modal-slider .slider-header .slider-title {
				font-size: 1.6em;
			}

			.modal-slider .slider-header .counter {
				font-size: 1.9em;
			}

		.modal-slider .article-slider-button {
			width: 90px;
			height: 90px;
			margin-top: -45px;
			margin-left: -90px;
		}

		.modal-slider .article-slider-button.next {
			margin-left: 0;
			margin-right: -90px;
		}

			.modal-slider .article-slider-button::before, 
			.modal-slider .article-slider-button::after {
				height: 3px;
				width: 40px;
				margin-left: -20px;
				margin-top: -2px;
			}

			.modal-slider .article-slider-button::before {
				margin-top: -14px;
			}

			.modal-slider .article-slider-button::after {
				margin-top: 14px;
			}

		.modal-slider .slider-container {
			position: relative;
			-webkit-flex: 1 0 auto;
			        flex: 1 0 auto;
		}

		.modal-slider .article-slider {
			position: relative;
			margin-bottom: 0;
			height: 100%;
			display: -webkit-flex;
			display:         flex;
			-webkit-flex-direction: column;
			        flex-direction: column;
		}

			.modal-slider .article-slider .jSlider {
				position: absolute;
				top: 0;
				left: 0;
				height: 100%;
				width: 100%;
			}

			.modal-slider .article-slider .item {
				height: 100%;
			}

			.modal-slider .article-slider .item-container {
				float: left;
				display: -webkit-flex;
				display:         flex;
				-webkit-flex-direction: column;
				        flex-direction: column;
				height: 100%;
				width: 100%;
			}

			.modal-slider .article-slider .item-image {
				position: relative;
				-webkit-flex: 1 0 auto;
				        flex: 1 0 auto;
				height: auto;
				/*background-color: #282828;*/
				overflow: auto;
			}

				.modal-slider .article-slider .item-image .v-centerer {
					position: absolute;
					top: 0;
					left: 0;
					height: 100%;
					width: 100%;
					white-space: nowrap;
				}

				.modal-slider .article-slider .item-image img {
					/* width: 100%; */
					height: 100%;
				}

				.modal-slider .article-slider .item-image .tall-img{
					height: 100%;
					width: auto;
				}
				/*.modal-slider .item-image .wide-img{
					width: 100%;
					height: auto;
				}*/

		.modal-slider .article-slider .item-desc {
			margin-top: 20px;
			margin-bottom: 20px;
		}

		.modal-slider-close {
			position: absolute;
			top: 7px;
			right: 7px;
			width: 50px;
			height: 50px;
			display: block;
			opacity: 0.7;
		}

		.modal-slider-close:hover {
			opacity: 1;
			background-color: #282828;
		}

			.modal-slider-close::before,
			.modal-slider-close::after {
				content: '';
				display: block;
				position: absolute;
				top: 50%;
				left: 50%;
				width: 32px;
				margin-left: -16px;
				height: 2px;
				background: #fff;
				border-radius: 4px;
				background-clip: padding-box;
				-webkit-transform: rotate(-45deg);
				    -ms-transform: rotate(-45deg);
				        transform: rotate(-45deg);
			}

			.modal-slider-close::after {
				-webkit-transform: rotate(45deg);
				    -ms-transform: rotate(45deg);
				        transform: rotate(45deg);
			}

	@media (max-width: 600px) {
		
		.modal-slider .article-slider .item-image .tall-img{
			width: 100%;
			height: auto;
		}
		
	}

/* @end MODAL SLIDER */

/* @group MODAL POPUP */

	.modal-popup {
		width: 60%;
		height: auto;
	}

		.modal-popup .insert-section {
			margin-top: 0;
			margin-bottom: 0;
		}

			.modal-popup .insert-section .card-header {
				text-align: left;
				padding: 10px 0 10px 15px;
			}

				.modal-popup .insert-section .card-header .card-header-title {
					vertical-align: middle;
				}

				.modal-popup .insert-section .card-header .icon {
					fill: #c79900;
					margin-right: 10px;
				}

			.modal-popup .insert-section .card-body {
				padding: 10px 0;
				position: relative;
			}

			.modal-popup .insert-section .card-body:last-child {
				padding-bottom: 20px;
			}

			.modal-popup-close {
				position: absolute;
				top: 7px;
				right: 7px;
				width: 50px;
				height: 50px;
				display: block;
				opacity: 0.7;
				z-index: 1;
			}

			.modal-popup-close:hover {
				opacity: 1;
			}

				.modal-popup-close::before,
				.modal-popup-close::after {
					content: '';
					display: block;
					position: absolute;
					top: 50%;
					left: 50%;
					width: 32px;
					margin-left: -16px;
					height: 2px;
					background: #c7c8c9;
					border-radius: 4px;
					background-clip: padding-box;
					-webkit-transform: rotate(-45deg);
					    -ms-transform: rotate(-45deg);
					        transform: rotate(-45deg);
				}

				.modal-popup-close::after {
					-webkit-transform: rotate(45deg);
					    -ms-transform: rotate(45deg);
					        transform: rotate(45deg);
				}

		@media (max-width: 1100px) {

			.modal-popup {
				width: 70%;
				height: auto;
			}
		}

		@media (max-width: 600px) {

			.modal-popup .insert-section .card-header {
				
			}

				.modal-popup .insert-section .card-header .card-header-title {
					font-size: 1.2em;
				}

				.modal-popup .insert-section .card-header .icon {
					width: 24px;
					height: 24px;
					margin-right: 5px;
				}

				.modal-popup-close::before,
				.modal-popup-close::after {
					width: 24px;
				}
		}

/* @end MODAL POPUP */

/* @group QTIP */

	.qtip {
		position: absolute;
		left: -28000px;
		top: -28000px;
		display: none;
	}

		.qtip-content {
			position: relative;
			overflow: hidden;
		}
		
		.qtip .qtip-tip {
			margin: 0 auto;
			overflow: hidden;
			z-index: 10;
		}
		
		x:-o-prefocus, .qtip .qtip-tip {visibility: hidden;}
		.qtip .qtip-tip,
		.qtip .qtip-tip .qtip-vml,
		.qtip .qtip-tip canvas {position: absolute; color: #123456; background: transparent; border: 0 dashed transparent;}
		.qtip .qtip-tip canvas {top: 0; left: 0;}
		.qtip .qtip-tip .qtip-vml {behavior: url(#default#VML); display: inline-block; visibility: visible;}

	/* Default tooltip style */

	.qtip-default{
		border: 1px solid #bfbfbf;
		background-color: #fff;
		/*color: #555;*/
	}

	/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
	.qtip-focus{}

	/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
	.qtip-hover{}

/* @end QTIP */

/* @group SOCIAL BUTTONS */

	.social-buttons {
		
	}

		.social-buttons div {
			display: inline-block;
			margin-right: 10px;
		}
		
		.social-buttons .fb > div > span {
			vertical-align: inherit !important;
		}
		
		.social-buttons .tw {
			width: 110px;
		}

/* @end SOCIAL BUTTONS */

/* @group GLOBAL ALERTS */

	.global-alert {
		color: #222;
		background-color: #FFF3B8;
		left: 0;
		position: fixed;
		text-align: center;
		top: 0;
		width: 100%;
		z-index: 1000;
		font: 300 1em/1.3em Helvetica, sans-serif;
		padding: 1.2em 0 1.6em;
	}

		.global-alert p {margin: 0 0 0.6em;}
		.global-alert p:last-of-type {margin-bottom: 0;}
		.global-alert a:hover {color: #9d8511;}
		
		.global-alert .global-alert-close {
			cursor: pointer;
			display: block;
			font-size: 16px;
			padding: 3px 7px 4px;
			position: absolute;
			right: 6px;
			top: 6px;
			line-height: 18px;
		}
		
		.global-alert .global-alert-close:hover {background-color: #e4c00f; color: #fff;}
		.global-alert .global-alert-close:active {background-color: #766203; color: #fff;}
		
		.global-alert-close-handler:checked + .global-alert {display: none;}

/* @end GLOBAL ALERTS */

/* @group PAGES */

	/* @group ARTICLE */

		.page-article-container {
			width: 100%;
			overflow-x: auto;
			white-space: nowrap;
		}

		.article-bottom-banner {
			max-width: 780px;
			width: 100%;
			margin: 30px auto;
			overflow: hidden;
		}

		.article-content {
			background-color: #fff;
			border: 1px solid #e2e2e2;
			margin-bottom: 30px;
		}

			.article-tools {
				transition: bottom 100ms;
			}

			.article-tools.hide {
				bottom: -35px;
			}

			.article-tools.tools-abo {
				display: none;
			}

				.article-tools .tool-button {
					position: relative;
					width: 20%;
					display: block;
					float: left;
					height: 40px;
					background-color: #4c4c4c;
					color: #fff;
					text-decoration: none;
					line-height: 40px;
					padding: 0 10px;
					font-size: 0.8em;
					text-transform: uppercase;
					transition: background-color 100ms;
					white-space: nowrap;
				}
								

				a.tool-button:hover {
					background-color: #3A3A3A;
				}

					.tool-button .icon {
						vertical-align: -0.3em;
						margin-right: 5px;
						fill: #fff;
					}

					.tool-button .social-number {
						font-family: "jubilat", serif;
						font-size: 1.85em;
						font-weight: 300;
						vertical-align: -0.11em;
						margin-right: 5px;
					}

				.tool-button.social.tw { background-color: #55abed; }
				a.tool-button.social.tw:hover { background-color: #4894CF; }

				.tool-button.social.fb { background-color: #3b5997; }
				a.tool-button.social.fb:hover { background-color: #324B80; }

				.tool-button.print { background-color: #1a1a1a; }
				a.tool-button.print:hover { background-color: #323131; }

				.tool-button.send { background-color: #4c4c4c; }
				a.tool-button.send:hover { background-color: #3A3A3A; }

				.tool-button.comment { background-color: #e10613; color: #e10613; }
				a.tool-button.comment:hover { background-color: #C80511; color: #C80511; }

				.tool-button.comment.bottom.active::after {
					content: '';
					display: block;
					position: absolute;
					bottom: -8px;
					left: 10px;
					width: 0;
					height: 0;
					border-style: solid;
					border-width: 9px 8.5px 0 8.5px;
					border-color: currentColor transparent transparent transparent;
				}


					.article-tools .tool-button .label {
						color: #fff;
					}

			.article-head {
				margin-top: 35px;
				margin-bottom: 20px;
				padding-left: 6%;
				padding-right: 5%;
			}

				.article-head .article-tag {
					font-size: 0.82em;
					font-weight: 700;
					text-transform: uppercase;
					color: #e10613;
					margin-bottom: 7px;
				}

				.article-head .article-title {
					font-family: "jubilat", serif;
					font-size: 2.9em;
					line-height: 1.05em;
					font-weight: 500;
					margin-bottom: 10px;
					margin-top: 7px;
				}

					.article-title .folder {
						font-weight: 100;
					}

				.article-head .article-time {
					display: block;
					font-size: 0.88em;
					margin-bottom: 22px;
					margin-top: 10px;
				}
				
				.article-head .article-register{
					padding: 6px 16px;
					margin:0 18px 0 0;
					background-color:#c79900;
					text-transform:uppercase;
					color:#ffffff;
					font-size:0.7em;
					font-weight:bold;
					float:left;
				}
				.market-rate-nav .article-register{
					color:#c79900;
					text-transform:uppercase;
					font-size:0.7em;
					
				}

					.article-head .article-time .icon-time {
						vertical-align: -0.1em;
					}

				.article-keywords {
					margin-bottom: 30px;
					margin-top: 20px;
					/*z-index: 20000;*/
					position: relative;
				}

					.article-keywords li {
						display: inline-block;
					}

					.article-keywords li a {
						
					}

					.keyword-button {
						display: inline-block;
						font-size: 0.94em;
						color: #9f9f9f;
						background-color: #f6f6f6;
						border: 1px solid #cccccc;
						height: 30px;
						line-height: 28px;
						padding: 0 15px;
						text-decoration: none;
						border-radius: 3px;
						background-clip: padding-box;
						margin-bottom: 5px;
						margin-right: 1px;
						opacity: 0.8;
					}

					a.keyword-button:hover {
						color: #494949;
					}
					
					a[href="/tag/Agrodistribution"] {
						display:none;
					}

				.article-head > .image {
					margin-top: 30px;
					margin-bottom: 30px;
				}

				.image-head {
					margin-left: 0;
					margin-top: 30px;
					margin-bottom: 30px;
				}

					.image-head .image {
						position: relative;
						margin-bottom: 15px;
						margin-left: -6.7%;
						margin-right: -5.7%;
						background-color:#eeeeee;
					}

						.image-head .image .type-icon {
							position: absolute;
							left: 0;
							bottom: 0;
						}

						.article-head .image img {
							margin:0px auto;
							height: auto;
							max-width:100%;
						}

					.article-head .image-info {
						font-size: 0.94em;
						color: #989898;
						margin-top: 15px;
						margin-bottom: 20px;
					}

				.article-head .intro {
					font-family: "jubilat", serif;
					font-size: 1.56em;
					line-height: 1.3em;
					font-weight: 300;
					margin-top: 10px;
					margin-bottom: 20px;
					margin-right: 12%;
				}

			.article-body {
				padding-left: 6%;
				padding-right: 15.7%;
				padding-bottom: 40px;
			}

			.article-body.folder-body {
				
			}

				.article-body .folders-list .folder-item {
					min-height: 115px;
					background: #f4f5f6;
					margin-bottom: 5px;
					padding: 18px 15px 15px 18px;
					overflow: hidden;
				}

				.article-body .folders-list .folder-item:hover {
					background: #ebebeb;
				}

					.article-body .folders-list .folder-item .folder-content{
						width: 75%;
						float: left;
						display: inline-block;
					}

						.article-body .folders-list .folder-item .folder-tag {
							font-size: 0.82em;
							font-weight: 700;
							text-transform: uppercase;
							color: #e10613;
							margin-bottom: 7px;
						}
						
						.page-article-publi-information .article-body .folders-list .folder-item .folder-tag,
						.page-article-publi-information .insert-folder-articles .folder-article-tag a
						 {
							color: #00b96c;
						}
						
						

						.article-body .folders-list .folder-item .folder-title {
							font-size: 1.4em;
						}

						.article-body .folders-list .folder-item .folder-image {
							float: right;
							width: 80px;
							height: 80px;
						}

				.article-body table{
					border:1px solid #e2e2e2;
				}
				
				.article-body table td,
				.article-body table th,
				.article-body table caption
				{
					font-family: "ff-tisa-web-pro", serif;
					font-size: 1em;
					line-height: 1.5em;
					border:1px solid #e2e2e2;
					padding:5px;				
				}
				.article-body td > p,
				.article-body th > p,
				.article-body caption > p,
				.article-body > p,
				.article-body > ul,
				.article-body > ol p {
					font-family: "ff-tisa-web-pro", serif;
					font-size: 1em;
					line-height: 1.5em;
					margin-top: 5px;
					margin-bottom: 20px;
					text-align:left;
				}

				.article-body > p sup {
					/*
					color: #e10613;
					*/
					padding-left: 1px;
				}

					.article-body sup a {
						text-decoration: none;
					}

					.article-body sup a:hover {
						text-decoration: underline;
					}

/* 				.article-body a { */
/* 					text-decoration: none; */
/* 				} */

				.article-body a:hover {
					color: #555;
				}

				.article-body h4 {
					font-family: "jubilat", serif;
					font-size: 1.3em;
					color: #e10613;
					font-weight: 500;
					margin-top: 40px;
					margin-bottom: 5px;
				}

				.article-banner {
					margin-top: 80px;
					margin-bottom: 60px;
					margin-right: -20%;
					margin-left: -7.6%;
				}

					.article-banner .banner {
						max-width: 780px;
						width: 100%;
						margin: 0 auto;
						overflow: hidden;
					}

				.article-body > .image {
					margin-top: 60px;
					margin-bottom: 40px;
				}

					.article-body > .image img {
						width: 110%;
						height: auto;
						margin-left: auto;
						margin-right: auto;
					}

					.article-body > .image-line figure img {
						width: 100%;
						height: auto;
					}
					
					.article-body .image-info {
						font-size: 0.94em;
						color: #989898;
						margin-top: 10px;
						margin-bottom: 20px;
					}

				.article-body blockquote {
					margin-top: 70px;
					margin-bottom: 60px;
					border-top: 2px solid #262626;
					border-bottom: 2px solid #262626;
					padding-top: 25px;
					padding-bottom: 22px;
					font-family: "jubilat", serif;
					font-size: 2em;
					font-weight: 500;
					line-height: 1.25em;					
				}

					.article-body blockquote q {
						font-family: "jubilat", serif;
						font-weight: 500;
						line-height: 1.25em;
						display: block;
					}

					.article-body blockquote cite {
						font-size: 0.94em;
						color: #989898;
						margin-top: 10px;
						margin-bottom: 10px;
						display: block;
						font-size: 0.6em;
					}

				.article-body > ul {
					margin-top: 20px;
					margin-bottom: 20px;
				}

					.article-body > ul li {
						margin-bottom: 5px;
					}

					.article-body > ul li::before {
						content: '';
						width: 8px;
						height: 8px;
						display: inline-block;
						background-color: #e10613;
						overflow: hidden;
						border-radius: 50%;
						background-clip: padding-box;
						vertical-align: middle;
						margin-right: 10px;
					}

				.article-body ol {
					margin-top: 30px;
					margin-bottom: 30px;
					counter-reset: ol;
				}

					.article-body ol li {
						margin-bottom: 50px;
					}

					.article-body ol li::before {
						counter-increment: ol;
						content: counter(ol) ".";
						font-family: "jubilat", serif;
						font-weight: 700;
						font-size: 4.4em;
						margin-right: 20px;
						line-height: 0.8em;
					}

						.article-body ol li h4 {
							font-size: 1.56em;
							color: inherit;
							margin-top: 0px;
							margin-bottom: 0px;
							display: inline-block;
							line-height: 1.05em;
						}

					.article-body ol li ol {
						margin-top: 30px;
					}

						.article-body ol li ol li {
							margin-bottom: 20px;
						}

						.article-body ol li ol li::before {
							font-size: 3.2em;
							font-weight: 300;
							float: left;
							line-height: 1em;
							width: 17%;
							text-align: right;
						}

							.article-body ol li ol li p {
								overflow: hidden;
							}	

				.article-body .prize-list {
					margin-top: 0;
					margin-bottom: 0;
					counter-reset: prizelist;
					border-top: 1px solid #e2e2e2;
					margin-top: 20px;
					margin-bottom: 20px;
				}

					.article-body .prize-list > li {
						position: relative;
						overflow: hidden;
						border-bottom: 1px solid #e2e2e2;
						padding: 11px;
						padding-left: 90px;
						min-height: 97px;
						margin-bottom: 0;
					}

					.article-body .prize-list > li::before {
						counter-increment: prizelist;
						content: counters(prizelist, ".") " ";
						display: block;
						width: 67px;
						font-size: 5.63em;
						font-weight: 100;
						font-family: "jubilat", serif;
						line-height: 1em;
						float: left;
						position: absolute;
						top: 50%;
						left: 0;
						margin-top: -45px;
						text-align: center;
						overflow: hidden;
					}

					.article-body .prize-list > li::after {
						content: '';
						display: block;
						width: 0;
						border-right: 1px solid #e2e2e2;
						position: absolute;
						top: 5px;
						bottom: 5px;
						left: 73px;
					}

						.article-body .prize-list .list-image {
							width: 74px;
							height: 74px;
							float: left;
							margin-right: 20px;
						}

						.article-body .prize-list .list-text {
							margin-top: 14px;
							display: block;
						}

				.article-body .inner-text-spacer,
				.article-body .inner-text {
					float: left;
					clear: left;
				}
				
				.article-body .inner-text-spacer {
					height: 3.5em;
				}

				.article-body .data-sheets {
					margin-top: 15px;
					margin-right: 20px;
					margin-bottom: 15px;
					border: 7px solid #e10613;
					max-width: 257px;
					width: 100%;
					padding: 20px;
					padding-top: 10px;
				}

					.article-body .data-sheets img {
						/* width: 100%; */
						height: auto;
						max-width:204px;
						margin : 10px auto;
					}

					.article-body .data-sheets-title {
						font-size: 1.25em;
						font-weight: 700;
						margin-bottom: 10px;
						display: block;
					}

					.article-body .data-sheets-title-soustitre {
						margin-bottom: 10px;
						display: block;
						font-weight:bold;
					}
					
					.article-body .data-sheets ul {

					}

						.article-body .data-sheets ul li {
							border-top: 1px solid #e2e2e2;
							padding-top: 15px;
							padding-bottom: 5px;
						}

							.article-body .data-sheets .label {
								text-transform: uppercase;
								font-size: 0.75em;
								display: block;
							}

							.article-body .data-sheets .data {
								display: block;
								font-family: "jubilat", serif;
								font-weight: 300;
								font-size: 2em;
							}

				.article-body .image-line {
					margin-left: -2.98%;
					margin-top: 60px;
					margin-bottom: 40px;
				}

					.article-body .image-line .image {
						width: 46.977%;
						float: left;
						margin: 0;
						margin-left: 3.023%;
						overflow: hidden;
					}

				.article-body .data-box {
					max-width: 270px;
					width: 100%;
					height: 16.5em;
					margin-top: 1em;
					margin-bottom: 1em;
					margin-right: 10px;
					padding: 0 3%;
					text-align: center;
				}

					.article-body .data-number {
						font-family: "jubilat", serif;
						font-size: 2.8rem;
						font-weight: 800;
						color:
						#282828;
						line-height: 1em;
						margin-bottom: 5px;
						display: inline-block;
						width: 100%;
					}

					.article-body .data-desc {
						font-size: 0.94rem;
						color: #989898;
						line-height: 1.2em;
						display: inline-block;
					}

				.article-body .text-card {
					border: 7px solid #e10613;
					padding: 15px 20px;
					margin-top: 30px;
					margin-bottom: 20px;
				}

					.article-body .text-card-title {
						display: block;
						text-transform: uppercase;
						font-size: 0.75em;
						margin-bottom: 10px;
					}

						.article-body .text-card-title .icon {
							fill: #e10613;
							margin-right: 10px;
							vertical-align: -0.7em;
						}

					.article-body .text-card .image {
						width: 100px;
						height: 100px;
						float: left;
						margin-top: 10px;
						margin-bottom: 10px;
						margin-right: 30px;
					}

					.article-body .text-card ul {
						overflow: hidden;
					}

						.article-body .text-card ul li {
							border-top: 1px solid #e2e2e2;
							padding-top: 4px;
							padding-bottom: 4px;
						}

						.article-body .text-card ul li:first-child {
							border-top: none;
						}

							.article-body .text-card ul li p {
								font-family: "jubilat", serif;
								font-weight: 300;
								font-size: 1.6em;
								margin-bottom: 0;
								margin-top: 0;
							}

							.article-body .text-card ul li p a {
								font-family: "adelle-sans", sans-serif;
								font-weight: 600;
								font-size: 0.9rem;
							}
						
		/*Partenariat - publi-information*/

				.page-article-publi-information .article-tools .tool-button.publi-information {
					width:100%;
					background-color:#00b96c;
					text-align:center;
				}				
				
				.page-article-partenariat .article-tools .tool-button.partenariat {
					width:100%;
					background-color:#00b96c;
					text-align:center;
				}				
				
								
				.page-article-publi-information .article-head .article-tag,
				.page-article-publi-information .article-body > p sup,
				.page-article-publi-information .article-body h4 {
					color:#00b96c;
				}
				
				.page-article-publi-information .image-head .type-icon,
				.page-article-publi-information .tool-button.social.tw,
				.page-article-publi-information .tool-button.social.fb,
				.page-article-publi-information .tool-button.print,
				.page-article-publi-information .tool-button.send,
				.page-article-publi-information .tool-button.comment
					{
					background-color:#00b96c;
				}
				
				.page-article-publi-information .folders-list .folder-item{
					background-color:#e0f2fb;
				}
				
						
						
						
		/*Tableau article*/	
		
				.article-body table
		
				.article-body .content-table,
				.article-body table {
					background-color: #f6f6f6;
					margin-bottom: 30px;
					margin-top: 30px;
				}
				
					.article-body .content-table td,
					.article-body table td
					 {
						border-bottom: 2px solid #757575;
						border-right: 1px solid #ddd;
						padding: 10px 8px 20px;
					}
					
						.article-body .content-table td:last-child,
						.article-body table td:last-child {border-right: 0 none;}
						.article-body .content-table tbody tr:last-child td,
						.article-body table tbody tr:last-child td,
						 {border-bottom: 0 none;}

					.article-body .content-table .table-title td{
							font-family: "jubilat", serif;
							font-size: 1.3em;
							color: #fff;
							font-weight: 500;
							padding: 6px 15px 4px;
						}				
										
					.article-body .content-table .table-title,
					.article-body table caption
					 {
						background-color: #e10613;
					}
					
						.article-body .content-table .table-title td,
						.article-body table caption {
							padding: 6px 15px 0;
							border-bottom: 0 none;
						}
						
						.article-body .content-table .table-title h4,
						.article-body table caption p {
							margin: 2px 0 8px;
							color: #fff;
						}
					
					.article-body .content-table .columns-title,
					.article-body table tr th {
						font-size: 0.75em;
						font-weight: 700;
						letter-spacing: 0.03em;
						text-transform: uppercase;
					}
					
						.article-body .content-table .columns-title td,
						.article-body table tr th {
							padding-bottom: 8px;
							vertical-align: middle;
						}
						
						.article-body .content-table .columns-title td:nth-child(1) {width: 18%;}
						.article-body .content-table .columns-title td:nth-child(2) {width: 3em;}
						.article-body .content-table .columns-title td:nth-child(4) {width: 18%;}
					
					.article-body .content-table tbody td,
					.article-body table tr td
					 {
						font-size: 0.95em;
					}
					
						.article-body .content-table .emphase,
						.article-body table tr td intertitre {
							font-weight: 600;
							color: #e10613;
						}
						
						.article-body .content-table .date {
							font-size: 1.15em;
							line-height: 1.2;
						}
						
						
						
						
						
						
						
						
						
						
						

				.article-body .footnote {
					font-family: "adelle-sans", sans-serif;
					font-size: 0.94em;
					color: #767676;
					margin-top: 5px;
					margin-bottom: 5px;
				}

					.article-body .footnote .goto-ref {
						margin-right: 2px;
						color: #e10613;
					}

				.article-body .author {
					margin-top: 30px;
					margin-bottom: 20px;
					background-color: #f8f8f8;
					border: 1px solid #eaeaea;
					padding: 15px 20px;
					overflow: hidden;
				}

					.article-body .author-image {
						float: left;
						width: 54px;
						height: 54px;
						margin-right: 20px;
					}

					.article-body .author-infos {
						overflow: hidden;
						margin-top: 7px;
						margin-bottom: 0px;
						float: left;
					}

						.article-body .author-name {
							font-size: 0.8em;
							display: block;
						}

						.article-body .author-function {
							font-size: 0.9em;
							color: #787878;
						}

					.article-body .author-links {
						float: right;
						margin-top: 11px;
					}

						.article-body .author-links li {
							float: right;
							margin: 0 5px;
						}
						
							.article-body .author-button {
								width: 30px;
								height: 30px;
								display: block;
								background-color: #787878;
								border-radius: 50%;
								background-clip: padding-box;
								overflow: hidden;
								text-align: center;
								line-height: 26px;
							}

							.article-body .author-button.fb { background-color: #3b5997; }
							.article-body a.author-button.fb:hover { background-color: #324B80; }

							.article-body .author-button.tw { background-color: #55abed; }
							.article-body a.author-button.tw:hover { background-color: #4894CF; }

							.article-body .author-button.in { background-color: #386992; }
							.article-body a.author-button.in:hover { background-color: #284D6C; }

				.article-body .question, .article-body .reponse{ display:none; }

				.restricted-content {
					padding: 0;
					
				}

					.restricted-content .card-body {
						padding: 15px 0;
						position: relative;
					}

					.restricted-content .card-body:nth-child(2) {
						border-bottom: 1px solid #e2e2e2;
						padding-left: 20px;
					}

					.restricted-content .card-body:last-child {
						display: -webkit-flex;
						display: -ms-flex;
						display: flex;
					}
						
						.restricted-content .progress {
							width: 97%;
						}

							.restricted-content .progress .progress-percent {
								display: inline-block;
								margin-bottom: 10px;
								width: 100%;
							}

								.restricted-content .progress .percent {
									display: inline-block;
									position: relative;
									left:-4.4%;
									padding: 4px 10px;
									background: #1A1A1A;
									color: #fff;
									font-family: "jubilat", serif;
									font-size: 1.25em;
									font-weight: 700;
									border-radius: 2px;
								}

								.restricted-content .progress .percent::before {
									content: ' ';
									height: 0;
									position: absolute;
									width: 0;
									border: 6px solid transparent;
									border-top-color: #1A1A1A;
									position: absolute;
									top: 36px;
									left: 20px;
									z-index: 2;
								}

							.restricted-content .progress .progress-bar {
								position: relative;
								width: 100%;
								height: 10px;
								background: #F1F1F1;
								border-radius: 10px;
							}

							.restricted-content .progress .progress-bar-before {
								content: '';
								position: absolute;
								left: 0;
								top: 0;
								bottom: 0;
								background: #C79900;
								border-radius: 10px;
							}

						.restricted-content .restricted-col {
							width: calc(100% / 2);
							padding: 15px;
							text-align: center;
							border-right: 1px solid #e2e2e2;
							display: flex;
							flex-direction: column;
						}

						.restricted-content .restricted-col:last-child {
							border-right: 0;
						}

							.restricted-content .card-body:nth-child(2) p,
							.restricted-content .restricted-col p {
								font-size: 0.94em;
								margin: 10px 0;
							}

							.restricted-content .restricted-col p {
								flex: 1 0 auto;
							}


							.restricted-content .subscription-insert .form-button {
								margin: auto;
								max-width: 90%;
							}
				
				@media (max-width: 750px) {
					
					.restricted-content .card-body:last-child {
						flex-direction: column;
					}

						.restricted-content .restricted-col {
							width: 100%;
							border-right: 0;
							border-bottom: 1px solid #e2e2e2;
						}

						.restricted-content .restricted-col:last-child {
							border-bottom: 0;
							margin-bottom: 0;
						}
				}


				@media (max-width: 600px) {

					.article-body .folders-list .folder-item .folder-content{
						width: 100%;
						margin-bottom: 10px;
					}

						.article-body .folders-list .folder-item .folder-image {
							float: none;
							margin-top: 10px;
						}
				}
				

		/* @group ARTICLE SLIDER */



			.article-slider-container {
				background-color: #2b2b2b;
				color: #fff;
				margin-left: -7.6%;
				margin-right: -20.1%;
				padding: 17px 6%;
			}

			.article-head .article-slider-container {
				background-color: #2b2b2b;
				color: #fff;
				margin-left: -6.7% !important;
				margin-right: -5.7% !important;
				padding: 17px 6%;
			}

				.slider-header {
					height: 32px;
					margin-bottom: 17px;
				}

					.slider-header .slider-title {
						font-size: 1.25em;
					}
					
					.slider-header .tools {
						float: right;
					}

						.slider-header .fullscreen-button {
							display: inline-block;
							width: 31px;
							height: 31px;
							border: 1px solid #959595;
							padding: 2px;
							vertical-align: -8px;
						}

							.slider-header .fullscreen-button .icon {
								vertical-align: 0;
							}

						.slider-header a.fullscreen-button:hover {
							background-color: #1a1a1a;
						}

						.slider-header .counter {
							font-size: 1.44em;
							font-family: "jubilat", serif;
							font-weight: 500;
							color: #959595;
							display: inline-block;
							vertical-align: middle;
							margin-left: 15px;
							text-align: right;
						}

							.slider-header .counter .current {
								color: #fff;
							}

				.article-slider {
					position: relative;
					margin-bottom: 20px;
				}

					.article-slider .item {
						width: 100%;
						overflow: hidden;
					}

						.article-slider .item-image {
							width: 100%;
							margin-bottom: 10px;
							text-align: center;
							height: 446px;
						}

							.article-slider .item-image img {
								width: auto;
								height: 100%;
								display: inline-block;
							}

						.article-slider .item-desc {
							font-size: 0.94em;
							color: #989898;
							margin-top: 10px;
						}

					.article-slider-button {
						position: absolute;
						top: 50%;
						left: 0;
						margin-left: -34px;
						margin-top: -20px;
						width: 30px;
						height: 40px;
						display: block;
						opacity: 0.7;
					}

						.article-slider-button::before,
						.article-slider-button::after {
							content: '';
							display: block;
							position: absolute;
							top: 50%;
							left: 50%;
							width: 18px;
							margin-left: -9px;
							margin-top: -7px;
							height: 2px;
							background: #fff;
							border-radius: 4px;
							background-clip: padding-box;
							-webkit-transform: rotate(-45deg);
							    -ms-transform: rotate(-45deg);
							        transform: rotate(-45deg);
						}

						.article-slider-button::after {
							margin-left: -9px;
							margin-top: 5px;
							-webkit-transform: rotate(45deg);
							    -ms-transform: rotate(45deg);
							        transform: rotate(45deg);
						}

					.article-slider-button.next {
						position: absolute;
						left: auto;
						right: 0;
						margin-left: 0px;
						margin-right: -34px;
					}

						.article-slider-button.next::before {
							-webkit-transform: rotate(45deg);
							    -ms-transform: rotate(45deg);
							        transform: rotate(45deg);
						}

						.article-slider-button.next::after {
							-webkit-transform: rotate(-45deg);
							    -ms-transform: rotate(-45deg);
							        transform: rotate(-45deg);
						}

					.article-slider-button:hover {
						opacity: 1;
					}

					.article-slider-button:active {
						-webkit-transform: scale(0.95);
						    -ms-transform: scale(0.95);
						        transform: scale(0.95);
					}
		
		/* @end ARTICLE SLIDER */
		

		/* @group INSERT */

			.insert-folder {
				position: relative;
				background-color: #fff;
				border: 1px solid #e2e2e2;
				max-width: 640px;
				padding-top: 2px;
				margin-top: 30px;
				margin-bottom: 30px;
			}

			.insert-folder::before {
				content: '';
				display: block;
				position: absolute;
				top: -1px;
				left: -1px;
				right: -1px;
				height: 3px;
				background-color: #282828;
			}

				.insert-folder .insert-header {
					min-height: 63px;
					border-bottom: 1px solid #e2e2e2;
					padding: 20px 18px;
					overflow: hidden;
				}

					.insert-folder .insert-header-title {
						position: relative;
						text-decoration: none;
						padding-left: 42px;
						display: block;
					}

					.insert-folder a.insert-header-title:hover {
						color: #4D4D4D;
					}

						.insert-folder .insert-header-title .icon {
							position: absolute;
							top: 50%;
							left: 0;
							margin-right: 10px;
							float: left;
							margin-top: -9px;
						}

				.insert-folder .insert-body {
					padding: 10px 18px;
				}

					.insert-folder .insert-link {
						text-decoration: none;
					}

					.insert-folder a.insert-link:hover {
						color: #4D4D4D;
					}

						.insert-folder .insert-link .icon {
							width: 25px;
							height: 25px;
							margin-left: 5px;
							margin-right: 10px;
							vertical-align: middle;
						}

						.insert-folder .insert-link .insert-text {
							font-family: "jubilat", serif;
							font-size: 1.5em;
							font-weight: 300;
							vertical-align: middle;
						}

			.insert {
				position: relative;
				background-color: #f8f8f8;
				border: 1px solid #e2e2e2;
				padding-top: 2px;
				margin-top: 40px;
				margin-bottom: 40px;
			}

			.insert::before {
				content: '';
				display: block;
				position: absolute;
				top: -1px;
				left: -1px;
				right: -1px;
				height: 3px;
				background-color: #282828;
			}

				.insert-label {
					display: block;
					/*
					height: 54px;
					*/
					font-family: "jubilat", serif;
					font-size: 1.5em;
					font-weight: 300;
					border-bottom: 1px solid #e2e2e2;
					line-height: 37px;
					padding: 0 20px;
					white-space:unset;
				}

				.insert-body {
					overflow: hidden;
				}

					.insert-body p {
						font-family: "ff-tisa-web-pro", serif;
						font-size: 1.2em;
						line-height: 1.5em;
						margin-top: 5px;
						margin-bottom: 20px;
					}

					.insert-body h4 {
						margin-top: 20px;
					}
					
					div.insert div.insert-body.insert-article article div.article-body {
						padding-left: 6%;
						padding-right: 5.7% !important;
						padding-bottom: 10px !important;
					}					

			.insert-view {
				padding: 25px 20px;
			}

				.insert-view-person {
					border-bottom: 1px solid #e2e2e2;
					overflow: hidden;
					padding-bottom: 25px;
				}

					.insert-view-person .person-image {
						width: 100px;
						height: 100px;
						float: left;
						margin-right: 25px;
					}
					
					.insert-view-person .person-text {
						font-size: 1.56em;
						font-family: "jubilat", serif;
						font-weight: 500;
						line-height: 1.05em;
						display: block;
						margin-bottom: 5px;
						margin-top: 12px;
					}

					.insert-view-person .person-id {
						font-size: 0.94em;
						color: #989898;
						margin-bottom: 5px;
						margin-top: 5px;
					}

				.insert-body .insert-view-link {
					font-size: 0.9em;
					font-family: inherit;
					line-height: 1.2em;
					margin-top: 40px;
					margin-bottom: 10px;
				}

			.insert-versus {
				padding: 0 25px;
			}

				.insert-versus-row {
					border-bottom: 1px solid #e2e2e2;
					padding-top: 25px;
					padding-bottom: 25px;
				}

				.insert-versus-row:last-child {
					border-bottom: none;
				}

					.insert-versus .versus-label {
						position: relative;
						font-size: 1.25em;
						text-transform: uppercase;
						padding-left: 50px;
						margin-bottom: 20px;
						display: block;
					}

					.insert-versus .versus-label.positive { color: #18c48a; }

					.insert-versus .versus-label.positive::before,
					.insert-versus .versus-label.positive::after {
						content: '';
						display: block;
						width: 30px;
						height: 2px;
						background-color: currentColor;
						position: absolute;
						top: 50%;
						margin-top: -1px;
						left: 0;
					}

					.insert-versus .versus-label.positive::after {
						-webkit-transform: rotate(90deg);
						    -ms-transform: rotate(90deg);
						        transform: rotate(90deg);
					}

					.insert-versus .versus-label.negative { color: #e53600; }

					.insert-versus .versus-label.negative::before {
						content: '';
						display: block;
						width: 30px;
						height: 2px;
						background-color: currentColor;
						position: absolute;
						top: 50%;
						margin-top: -1px;
						left: 0;
					}

				.insert-versus ul {
					margin-left: 10px;
				}

					.insert-versus ul li {
						overflow: hidden;
					}

					.insert-versus ul li::before {
						content: '';
						width: 7px;
						height: 7px;
						display: inline-block;
						background-color: #2d2d2d;
						overflow: hidden;
						border-radius: 50%;
						background-clip: padding-box;
						vertical-align: middle;
						margin-right: 10px;
						float: left;
						margin-top: 18px;
					}

						.insert-versus ul li p {
							overflow: hidden;
						}

			.insert-offer {}

				.insert-offer ul {}

					.insert-offer ul li {
						border-bottom: 1px solid #e2e2e2;
						padding: 25px 20px 10px;
					}

					.insert-offer ul li:last-child {
						border-bottom: none;
					}

					.insert-offer ul li p {
						overflow: hidden;
					}

					.insert-offer .offer-image {
						width: 100px;
						height: 100px;
						float: left;
						margin-right: 25px;
					}

					.insert-offer .offer-title {
						font-size: 1.125em;
						line-height: 1.1em;
						font-weight: 600;
					}

					.insert-offer .red-word {
						text-transform: uppercase;
						color: #e10613;
					}

			.insert-folder .insert-top-banner {
				text-transform: uppercase;
				border-bottom: 1px solid #e2e2e2;
				padding: 5px 15px;
			}

			.insert-folder .insert-folder-articles {
				
			}

				.insert-folder-articles li {
					padding: 15px;	
					border-bottom: 1px solid #e2e2e2;				
				}

				.insert-folder-articles li:last-child {
					border-bottom: none;
				}

					.insert-folder-articles .folder-article-image {
						width: 66px;
						height: 66px;
						float: left;
						margin-right: 15px;
					}

					.insert-folder-articles .folder-article-body {
						overflow: hidden;
						margin-top: 1px;
					}

						.insert-folder-articles .folder-article-tag {
							font-size: 0.82em;
							font-weight: 700;
							text-transform: uppercase;
							color: #e10613;
						}

						.insert-folder-articles .folder-article-tag a:hover {
							color: #BD0B15;
						}

						.insert-folder-articles .folder-article-title {
							font-weight: 600;
						}

			.insert-article {}

				.insert-article .article-head,
				.insert-article .image-head {
					margin-top: 0;
				}

				.insert-article .article-head > .article-tag {
					padding-top: 20px;
				}
			
		/* @end INSERT */

		/* @group COMMENT */

			.comment-box {
				display: block;
				background-color: #fff;
				border: 1px solid #e2e2e2;
				margin-top: 30px;
				margin-bottom: 30px;
			}

			.comment-box.close {
				/* display: none; */
			}

				.comment-box .box-header {
					height: 54px;
					line-height: 51px;
					padding: 0 20px;
					border-bottom: 1px solid #e2e2e2;
				}

					.comment-box .box-title {
						font-family: "jubilat", serif;
						font-size: 1.5em;
						font-weight: 300;
					}

					.comment-box .comment-number {
						float: right;
					}

				.comment-box .write-box {
					padding: 0 30px;
					margin: 30px 0;
				}

					.comment-box .write-box textarea.form-field {
						margin-bottom: 15px;
					}

				.comments-container {
					padding: 0 30px;
					margin-top: 30px;
				}

					.comments-container .comment-item {
						border-top: 1px solid #e2e2e2;
						padding: 25px 0;
					}

						.comment-item .item-user-image {
							width: 100px;
							height: 100px;
							float: left;
							margin-right: 20px;
						}

						.comment-item .item-content {
							overflow: hidden;
						}

							.comment-item .item-user-name {
								font-size: 0.87em;
								font-weight: 600;
								text-decoration: none;
								margin-bottom: 5px;
								display: block;
							}

							.comment-item a.item-user-name:hover {
								color: #555;
							}

							.comment-item .item-content .item-body {
								margin-bottom: 10px;
							}

							.comment-item .item-body a:hover {
								color: #555;
							}

						.comment-item .comment-reply-button {
							float: right;
							margin-top: -20px;
						}

					.comments-container .comment-item.reply-item {
						padding-left: 14%;
					}

						.comments-container .reply-item .item-user-image {
							width: 64px;
							height: 64px;
						}
		
		/* @end COMMENT */

		/* @group READ MORE */

			.article-readmore-container {
				padding-bottom: 25px;
			}

				.article-readmore {
					background-color: #fff;
					border: 1px solid #e2e2e2;
					padding: 25px;
				}

					.article-readmore .box-header {
						position: relative;
						text-align: center;
						margin-bottom: 25px;
					}

					.article-readmore .box-header::before {
						content: '';
						display: block;
						position: absolute;
						top: 50%;
						margin-top: -1px;
						height: 3px;
						left: 0;
						right: 0;
						background-color: #282828;
					}

						.article-readmore .box-header .box-title {
							position: relative;
							font-family: "jubilat", serif;
							font-size: 2em;
							font-weight: 300;
							text-align: center;
							display: inline-block;
							background-color: #fff;
							padding: 0 20px;
						}

						

					.article-readmore .box-body {
						
					}

					.readmore-column {
						
					}

						.readmore-column .article-card {
							width: 25%;
							margin-left: 0;
							padding: 0 20px;
							border: none;
							border-right: 1px solid #e2e2e2;
							margin-bottom: 0;
						}

						.readmore-column .article-card:last-child {
							border-right: none;
						}

							.readmore-column .article-card .card-body {
								padding-left: 0;
								padding-right: 0;
								position: relative;
							}
			
		/* @end READ MORE */

			@media (max-width: 1000px) {

				.page-article .aside-column {
					display: none;
				}

				.page-article .wide-column {
					width: 100%;
					margin-right: 0;
				}
			}

			@media (max-width: 800px) {
		
				.page-article .feature-section {
					display: none;
				}

				.readmore-column .article-card {
					width: 50%;
				}

					.readmore-column .article-card:nth-child(n+3) {
						display: none;
					}

					.readmore-column .article-card:nth-child(2) {
						border-right: none;
					}
			}

			@media (max-width: 750px) {
				
				.article-tools.top {
					/* display: none; */
				}

				.article-tools,
				.article-tools.tools-abo {
					position: fixed;
					z-index: 700;
					bottom: 0;
					left: 0;
					right: 0;
				}

				.article-tools.tools-abo {
					display: block;
				}

					.article-tools .tool-button {
						overflow: hidden;
						text-align: center;
						height: 35px;
						line-height: 35px;
						padding: 0 5px;
					}

						.tool-button .social-number {
							display: none;
						}

						.article-tools .tool-button .label {
							display: none;
						}

						.tool-button .icon�? {
							margin: 0;
						}

			}
			
			@media (max-width: 600px) {

				.article-readmore-container {
					padding: 0;
					margin: 20px 0;
				}

				.page-article .width-wrap {
					padding: 0;
				}

				.page-article {
					background-color: transparent;
					border: none;
				}

				.page-article .article-content {
					border: none;
					overflow: hidden;
					margin-bottom: 0;
					margin-top: 15px;
				}

					.article-head {
						padding-left: 15px;
						padding-right: 15px;
						margin-top: 15px;
					}

					.article-head .article-title {
						font-size: 1.7em;
					}

					.image-head {
						margin-top: 20px;
						margin-bottom: 20px;
					}

					.image-head .image {
						margin-left: -15px;
						margin-right: -15px;
					}

						.article-head .image-info {
							font-size: 0.7em;
						}

					.article-head .intro {
						font-size: 1.2em;
					}

					.article-body {
						padding-left: 15px;
						padding-right: 15px;
						padding-bottom: 0px;

					}

					.article-body > p, .article-body > ul, .article-body > ol p {
						line-height: 1.3em;
					}

					.article-body .prize-list li {
						padding-left: 50px;
					}

						.article-body .prize-list li::before {
							width: 40px;
							font-size: 2.5em;
							margin-top: -20px
						}

						.article-body .prize-list li::after {
							left: 40px;
						}

						.article-body .prize-list .list-image {
							float: none;
						}

					.article-slider-container {
						margin-left: -15px;
						margin-right: -15px;
						padding: 15px 30px;
					}

						.slider-header .tools {
							display: none;
						}

						.article-slider .item-image {
							height: 200px;
						}

						.article-slider-button {
							top: 100px;
						}

					.article-body blockquote {
						padding-top: 15px;
						padding-bottom: 12px;
						margin-top: 20px;
						margin-bottom: 30px;
					}

						.article-body blockquote q {
							font-size: 1.13em;
						}

					.article-body .image-line {
						margin-left: 0;
					}

						.article-body .image-line .image {
							width: 100%;
							margin-right: 0;
							margin-left: 0;
						}

						.article-body .text-card .image {
							float: none;
						}

					.article-body .author {
						padding: 15px 15px;
					}

						.article-body .author-infos {
							float: none;
						}

						.article-body .author-links {
							display: inline-block;
							float: none;
							width: 100%;
							text-align: center;
						}

							.article-body .author-links li {
								display: inline-block;
								float: none;
							}

					.insert-view-person .person-image {
						float: none;
					}

					.insert-offer .offer-image {
						float: none;
						margin-bottom: 20px;
					}

				.article-readmore {
					padding: 0;
					padding-top: 10px;
				}

					.article-readmore .box-header::before {
						height: 2px;
						left: 15px;
						right: 15px;
					}

					.article-readmore .box-header .box-title {
						font-size: 1.3em;
					}

					.article-readmore .box-header {
						margin-bottom: 10px;
					}

					.readmore-column .article-card {
						width: 100%;
						border: none;
						border-top: 1px solid #e2e2e2;
						padding: 10px;
					}

				.comment-box .write-box {
					padding: 0 10px;
					margin: 10px 0;
				}

				.comments-container {
					padding: 0 10px;
					margin-top: 10px;
				}

					.comments-container .comment-item {
						padding-top: 10px;
					}

					.comment-item .item-user-image,
					.comments-container .reply-item .item-user-image {
						width: 48px;
						height: 48px;
						margin-right: 10px;
					}

				.breadcrumbs-container {
					padding: 10px 15px 0;
					margin-bottom: 0;
				}

			}

	/* @end ARTICLE */


	/* @group LAW */

		.law-page-container {
			
		}

			.law-page-container .article-card {
				width: 100%;
				margin-top: 20px;
				margin-left: 0;
				margin-bottom: 0;
			}

				.law-page-container .panel-box {
					position: relative;
				}

				.law-page-container .panel-box:before {
					content: '';
					display: block;
					position: absolute;
					top: -1px;
					left: -1px;
					right: -1px;
					height: 6px;
					background-color: #e10613;
				}

					.law-page-container .question-panel {
						margin: 26px 28px;
					}

						.law-page-container .question-panel .question-item {
							margin-bottom: 5px;
							background: #f5f6f7;
							border: 1px solid #e9e9e9;
							display:none;
						}
						
						.law-page-container .question-panel .question-item.show {
							display:block;
						}

						.law-page-container .question-panel .question-panel-title {
							padding: 15px 45px 15px 30px;
							text-decoration: none;
							position: relative;
							display: block;
							max-width: 100%;
							background: #f5f6f7;
							font-size: 1.44em;
							border-bottom: 1px solid #e9e9e9;
						}

						.law-page-container .question-panel .question-panel-title:after {
							content: '';
							width: 0;
							height: 0;
							position: absolute;
							border-style: solid;
							border-width: 7px 4px 0 4px;
							border-color: #3d3d3f transparent transparent transparent;
							right: 28px;
							top: 30px;
							margin-top: -3px;
						}

						.law-page-container .question-panel .question-content {
							padding: 28px;
							display: none;
						}

						.law-page-container .question-panel .question-content.active {
							display: block;
						}

					.law-page-container .panel-header {
						height: 60px;
						padding: 15px 20px;
					}
						.law-page-container .panel-title {
							float: left;
							max-width: 70%;
						}

						.law-page-container .article-time {
							float: right;
							margin-top: 15px;
							font-family: "adelle-sans";
							font-weight: normal;
							font-size: 0.6em;
						}

					.law-page-container .question-main {
						margin-bottom: 40px;
					}

						.law-page-container .question-label {
							margin-bottom: 10px;
						}
						
							.law-page-container .question-label p {
								display: inline-block;
								text-transform: uppercase;
								font-weight: 600;
								font-size: 0.94em;
							}

							.law-page-container .question-label span {
								width: 40px;
								height: 40px;
								display: inline-block;
								border-radius: 50%;
								background-clip: padding-box;
								overflow: hidden;
								margin-right: 10px;
								vertical-align: -15px;
								text-align: center;
								line-height: 40px;
								font-size: 0em;
								background: #fcc22e;

							}

					.law-page-container .question-text {
						font-family: "jubilat", serif;
					}

						.law-page-container .question-text p {
							font-weight: 500;
							font-size: 1.56em;
							line-height: 1.28em;
						}

					.law-page-container .answer-main {
						margin-bottom: 25px;
					}

						.law-page-container .answer-text {
							font-size: 1.12em;
							line-height: 1.44em;
						}

				.law-page-container .comment-box {
					position: relative;
				}

					.law-page-container .comment-box .box-header{
						height: 60px;
						padding-top: 5px;
					}

					.law-page-container .comment-box .box-header::before {
						content: '';
						display: block;
						position: absolute;
						top: -1px;
						left: -1px;
						right: -1px;
						height: 6px;
						background-color: #1a1a1a;
					}

					.law-page-container .comment-box .write-box{
						margin: 20px 0;
					}

						.law-page-container .write-box-comment {
							margin-bottom: 20px;
						}

						.law-page-container .write-box-comment span{
							font-size: 1.12em;
							line-height: 1.1em;
							font-weight: 700;
						}

						.law-page-container .write-box-comment p{
							font-size: 1.12em;
						}

		@media (max-width: 930px) {
			
			.law-page-container .question-panel .question-panel-title {
				font-size: 1.2em;
			}
		}

		@media (max-width: 750px) {
			
			.law-page-container .panel-nav{
				margin-bottom: 0;
			}

			.law-page-container .panel-container{
				margin-top: 20px;
			}
		}

		@media (max-width: 600px) {

			.law-page-container .aside-column {
				margin-bottom: 20px;
			}

				.law-page-container .panel-nav{
					margin-bottom: 0;
				}

					.law-page-container .panel-header {
						height: auto;
					}

						.law-page-container .article-time {
							float: none;
							margin-left: 30px;
						}

				.law-page-container .article-card {
					margin-bottom: 20px;
				}

					.law-page-container .article-card .card-body {
						padding: 20px;
						position:relative;
					}


				.law-page-container .comment-box .write-box{
					padding: 0 25px;
				}

					.law-page-container .comment-box .box-title{
						font-size: 1.25em;
					}
					
					.law-page-container .question-text p{
						font-size: 1.2em;
					}

		}

	/* @end LAW */
	
	/* @group WEATHER */

		.weather-inner-header {
			display: inline-block;
			vertical-align: middle;
			margin-left: 50px;
		}

			.weather-location {
				display: none;
				margin-top: 35px;
			}

			.weather-location.located {
				margin-top: 43px;
			}

			.weather-location.show {
				display: inline-block;
			}

				.location-button {
					padding-left: 10px;
				}

					.location-button .icon {
						display: inline-block;
						fill: #fff;
						margin-right: 10px;
						margin-top: -2px;
					}

				.weather-location .location-button {
					margin-right: 15px;
					vertical-align: middle;
				}

				.weather-location .weather-location-form {
					display: inline-block;
					margin-left: 15px;
					vertical-align: middle;
					white-space: nowrap;
					position: relative;
				}

				.weather-location .weather-location-form .form-field {
					width: 310px;
				}

				.weather-location .located-text {
					display: inline-block;
					vertical-align: middle;
					font-size: 1.44em;
					font-weight:normal;
				}

				.weather-location .box-button {
					display: inline-block;
					vertical-align: -12px;
					background-color: #fff;
					margin-left: 30px;
				}


		.panel-weather-table {
			border-top: 1px solid #e9e9e9;
		}

		.weather-tab-nav {
			padding: 25px;
			padding-bottom: 17px;
		}

		.weather-temp-form {
			margin-bottom: 30px;
			margin-top: 10px;
		}

			.weather-temp-form .form-temp-field {
				margin-right: 20px;
				margin-left: 10px;
			}

		/*.weather-page-container #panel-04 .weather-risk{
			height:100%;
			min-height: 702px;
		}
		
		.weather-page-container #panel-04 .weather-risk .layer{
			position:absolute;
			width:100%;
			height:100%;
		}*/
		
		

		.risk-caption {}

			.risk-caption li {
				display: block;
				margin-right: 20px;
				margin-bottom: 20px;
				width:300px;
				float:left;
			}
			.risk-caption li:nth-child(2n + 1) {
				clear:left;
			}
			
			.risk-caption li img{
				border: 1px solid #d6d6d6;
			    display: inline-block;
			    margin-right: 10px;
			    padding: 10px;
			}

		@media (max-width: 1240px) {
			.weather-inner-header {
				margin-left: 80px;
			}
			.weather-location.located.show {
				margin-bottom: 8px;
				margin-top: 10px;
			}
			
			.weather-location.show {
				margin-top: 5px;
			}
		}
		
		@media (max-width: 600px) {
			
			.weather-inner-header {
				margin-left: 0;
				width: 100%;
				display: block;
			}

				.weather-location,
				.weather-location.located {
					margin-top: 0;
					width: 100%;
				}

				.weather-location .located-text {
					display: block;
					font-size: 1em;
					margin-bottom: 10px;
				}

				.weather-location .box-button {
					margin-left: 0;
				}

				.weather-location .location-button {
					width: 100%;
					margin-right: 0;
				}

				.weather-location .weather-location-form {
					display: block;
					width: 100%;
					margin-left: 0;
				}

				.weather-location .weather-location-form .form-field {
					width: calc(100% - 67px);
				}

			.weather-page-container .aside-column {
				display: none;
			}

			.weather-tab-nav {
				padding: 10px;
				padding-bottom: 3px;
			}
		}
	
	/* @end WEATHER */

	/* @group ACCOUNT */

		.account-page-container {
			margin-top: 45px;
		}

			.red-nav{
				border: 1px solid #e9e9e9;
				border-right: 0 transparent;
				overflow: hidden;
				margin-bottom: 28px;
			}

				.account-nav li {
					width: calc(100% / 5);
					float: left;
					position: relative;
					height: 60px;
					text-align: center;
					font-size: 0.87em;
					border-right: 1px solid #e9e9e9;
					background: #fcfcfc;
				}

				.red-nav li.active:before {
					content: '';
					display: block;
					position: absolute;
					top: -1px;
					left: -1px;
					right: -1px;
					height: 5px;
					background-color: #e10613;
				}

				.red-nav li .active {
					background: #fff;
				}

					.red-nav li a {
						line-height: 4em;
						text-decoration: none;
						display: block;
						color: #9e9e9f;
					}

					.red-nav li.active a {
						color: #3D3D3E;
						opacity: 1;
					}

						.red-nav a:hover {
							color: #3D3D3E;
						}

			.account-container {
				margin-top: 28px;
				display: none;
			}

			.account-container.show {
				display: block;
			}

				.account-container .form-field {
					font-size: 0.81em;
				}

				.account-container .bold {
					font-weight: 600;
				}

				.account-container .panel-box {
					width: calc(100% / 2 - 1%);
					display: inline-block;
				}

				.account-container .panel-box:nth-child(2) {
					margin-left: 1%;
					vertical-align: top;
				}

				.account-container .password-infos {
					float: left;
					width: calc(100% / 2 - 2%);
					margin-top: -100px;
					font-size: 0.75em;
					color: #3D3D3F;
					opacity: 0.7;
				}

					.account-container .profile-picture {
						position: relative;
						display: block;
						width: 104px;
						height: 104px;
						overflow: hidden;
						border-radius: 50%;
						background-clip: padding-box;
						-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);	
					}

						.profile-picture img {
							position: absolute;
							top: 0;
							width: auto;
							height: 100%;
						}
						
				.account-page-container .logout .form-button{
					display:none;	
				}

				.panel-box.profile {
					
				}

					.panel-box.profile .panel-row {
						padding: 10px 0 10px 25px;
					}

					.panel-box.profile .panel-row:nth-child(2), .panel-box.profile .panel-row:last-child {
						padding: 20px 25px;
					}

				.panel-box.subscriber {
					
				}

				.panel-box.subscriber .newsletter-insert-form {
					position: relative;
					padding-right: 110px;
				}

					.panel-box.subscriber .newsletter-insert-form .form-button {
						position: absolute;
						top: 5px;
						right: 45px;
					}

						.panel-box.subscriber .panel-row a {
							font-size: 0.81em;
							margin-top: 25px;
						}

				.panel-box.weather {
					width: 100%;
				}

					.panel-box.weather p {
						margin-bottom: 30px;
					}

					.panel-box.weather .location-button {
						margin-right: 15px;
						vertical-align: middle;
					}
						
					.panel-box.weather .weather-location-form {
						display: inline-block;
						position: relative;
						margin-left: 15px;
						vertical-align: top;
						width: 340px;
					}

						.panel-box.weather .weather-location-form .form-field {
							width: 100%;
						}

						.search-options {
							position: absolute;
							width: 100%;
							display: none;
							top: 39px;
							border: 1px solid #e9e9e9;
							background: #fff;
							z-index: 100;
						    max-height: 200px;
						    overflow: auto;
						}
						
						@media (max-width: 600px) {
					
							.search-options {
								position: static;
							}
						}

						.search-options.show {
							display: block;
						}

							.search-options li {
								border-bottom: 1px solid #e9e9e9;
								padding: 5px 0 5px 10px;
							}

							.search-options li:last-child {
								border-bottom: transparent;
							}

					.panel-box.weather .tag-list {
						margin-left: 215px;
					}

				.panel-box.rate {
					width: 100%;
				}
				
					.panel-box.rate .cm_title{
						display:block;
					}
					
					.panel-box.rate .cm_cm_count{
						display:block;
					}
					
					.panel-box.rate .cm_tag{
						margin-bottom:10px;
					}
					
					
					

					.panel-box.rate .red {
						color: #e10613;
					}

					.panel-box.rate .panel-row {
						border-top: none;
					}

					.panel-box.rate .border-bg {
						width: auto;
						height: 10px;
						background-image: url('../images/border.png');
						background-repeat: no-repeat;
						margin-top: -1px;
						margin-bottom: 15px;
						margin: 0 25px;
					}

					.panel-box.rate .breeding-choice {
						
					}

					.panel-box.rate .breeding-choice.show {
						display: block;
					}

						.panel-box.rate .breeding-choice .tag,
						.panel-box.rate .culture-choice .tag  {
							margin-left: 15px;
						}

						.panel-box.rate .culture-choice .tag-list .tag {
							margin-left: 0;
						}

							.panel-box.rate .production-choice .tag a .icon {
								display: none;
							}

						.panel-box.rate .rate-three {
							width: calc(100% / 3 - 5px);
							display: inline-block;
							vertical-align: top;
							border-right: 1px solid #e9e9e9;
							padding: 0 5px;
						}

						.panel-box.rate .rate-three.sub-category {
							border-right: transparent;
						}

							.breeding-choice .rate-three .bold,
							.breeding-choice .rate-three .tag-list,
							.breeding-choice .rate-three form {
								border-bottom: 1px solid #e9e9e9;
								padding: 15px 10px 15px 0;
								display: block;
							}

								.rate-three .tag-list {
									
								}

									.panel-box.rate .rate-three .tag {
										margin-left: 0;
										display: block;
										margin-left: 10px;
									}	

										.panel-box.rate .rate-three .tag .icon {
											float: right;
											margin-top: 3px;
										}


							.rate-three form {
								
							}
								.panel-box.rate .rate-three .form-field {
									width: 100%;
								}

								.panel-box.rate .rate-three form {
									font-size: 0.75em;
								}

								.select-wrapper {
									/*background-color: #FFF;*/
									position: relative;
								}
								
								.select-wrapper::after {
									content: "";
									position: absolute;
									width: 38px;
									height: 38px;
									background: url('../images/arrow_down.svg')no-repeat #fff;
									background-position: center center;
									top: 1px;
								    right: 1px;
								    border-left: 1px solid #e9e9e9;
								    pointer-events: none;
								}

								.select-wrapper .form-field {
									-webkit-appearance: none;
									-webkit-border-radius: 0px;
								}

						.panel-box.rate p {
							margin-bottom: 30px;
							display: inline-block;
						}

					.panel-box.rate .select-production-form {
						margin-bottom: 15px;
					}

						.panel-box.rate .form-field{
							/*width: 60%;*/
							width:100%;
						}

					.panel-box.rate p:last-child {
						margin-top: 25px;
						margin-bottom: 10px;
					}

				.panel-box.password {
					
				}

					.panel-box.password .form-field {
						display: block;
						width: 100%;
						margin-bottom: 20px;
						margin-top: 10px;
					}
					
					.panel-box.password .form-field.error {
						border:1px red solid;
						font-size: 0.7em;
					}

					.panel-box.password label.error {
						display:block;
						clear:both;
						color:red;
						font-size: 0.7em;
						margin-top:-10px;
					}
					
				.panel-box.profile-form {
					width: 100%;
				}

					.panel-box.profile-form .form-button {
						margin-top: 10px;
					}

					.small {
						font-size: 0.75em;
					}

					.low-opacity {
						color: #3D3D3F;
						opacity: 0.5;
					}
						
						.panel-box.profile-form form {
							margin-top: 20px;
						}

							.panel-box.profile-form fieldset {
								border-bottom: 1px solid #e9e9e9;
								padding-bottom: 20px;
								margin-bottom: 10px;
							}

							.panel-box.profile-form input {
								margin-top: 10px;
							}

							.panel-box.profile-form label {
								display: block;
								margin-bottom: 5px;
							}

							.panel-box.profile-form .form-field,
							.panel-box.profile-form select{
								display: block;
								width: 360px;
								border-radius: 0;
								position: relative;
								z-index: 10;
							}
							
							.panel-box.profile-form select,
							.panel-box.profile-form input[type="radio"] {
								background: transparent;
								-webkit-appearance: none;
							   	-moz-appearance: none;
							    appearance: none;
							}

							.panel-box.profile-form input[type="radio"] {
								width: 20px;
								height: 20px;
								margin-top: 0;
								z-index:20;
							}

							.panel-box.profile-form input[type="radio"]::-ms-expand {
							    display: none;
							}

								.gender-input {
									background-color: #FFF;
								    display: inline-block;
								    position: relative;
								    margin-left: 20px;
								    padding-left: 10px;
								}

								.gender-input::before {
									content: "";
									position: absolute;
									width: 20px;
									height: 20px;
									background-position: center center;
									top: 1px;
								    right: 5px;
								    left: -20px;
								    border: 2px solid #8E8E8E;
								    border-radius: 10px;
								}

								.gender-input::after {
									content: "";
									position: absolute;
									width: 6px;
									height: 6px;
									background-position: center center;
									top: 8px;
								    right: 5px;
								    left: -13px;
								    border-radius: 3px;

								}

								.panel-box.profile-form input[type="radio"]:checked + .gender-input:after {
								    background: #8E8E8E;
								}

								.panel-box.profile-form .select-wrapper {
								    background-color: #FFF;
								    display: inline-block;
								    position: relative;
								}

								.panel-box.profile-form .select-wrapper::after {
									content: "";
									position: absolute;
									width: 38px;
									height: 38px;
									/*background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="9" viewBox="0 0 14 9"%3E%3Cpath stroke="#A0A0A0" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M1 1l6 7 6-7"/%3E%3C/svg%3E');*/
									background: url('../images/arrow_down.svg')no-repeat #fff;
									background-position: center center;
									top: 1px;
								    right: 5px;
								    border-left: 1px solid #e9e9e9;
								}

								

							.date-select {

							}

								.panel-box.profile-form .date-select input {
									
								}

							.picture-select {
								
							}

								.picture-select .file-upload {
									position: relative;
									cursor: pointer;
									color: #808080;
									overflow: hidden;
									margin: 10px;
								}

								.picture-select .picture-input {
								  	position: absolute;
									top: -10px;
									right: 0;
									margin: 0;
									padding: 0;
									font-size: 20px;
									cursor: pointer;
									opacity: 0;
									filter: alpha(opacity=0);							
								}

								.picture-select .profile-picture {
									float: left;
									margin-top: 10px;
									margin-right: 20px;
								}

								.picture-select .box-button {
									margin-top: 50px;
									display: inline-block !important;
									
								}
	
								.picture-select label.error{
									color:red;
								}
																
								.picture-select .box-button:hover {
									background-color: #F4F4F4;
								}

							.gender-select {
								
							}

								.gender-select .gender-input {
									float: left;
									margin-right: 25px;
									cursor: pointer;
								}

									.gender-select .gender-input input {
										margin-right: 10px;
									}

				/* Tag list */

				.tag-list {

				}

					.tag {
						display: inline-block;
						margin-top: 0px;
						margin-right: 10px;
						margin-left:10px;
						background: #F4F4F4;
						border: 1px solid #C1C1C1;
						border-radius: 4px;
					}

					.tag:hover {
						border: 1px solid #E0E0E0;
					}

						.tag a {
							display: inline-block;
							text-decoration: none;
							padding:5px 10px;
							font-size: 0.81em;
							color: #494949;
						}
						.tag a.select {
							padding: 5px 0px 5px 10px;
						}
						.tag a.delete {
							padding: 5px 10px 5px 0px;
						}

						.tag .icon {
							fill: #C1C1C1;
							margin-top: -4px;
							margin-left: 5px;
						}
			

			@media (max-width: 1100px) {
				.account-nav li {
					display: -webkit-flex;
					display: -ms-flex;
					display: flex;
				}

				.account-nav li a {
					max-width: 80%;
					margin: auto;
					line-height: 1.1em;
				}

				.panel-box.rate .breeding-choice .rate-three{
					width: 90%;
					margin: auto;
					border-right: none;
				}
			}

			@media (max-width: 1000px) {

				.panel-box.rate .production-choice {
					margin-bottom: 20px;					
				}

					.panel-box.rate .production-choice p {
						margin-bottom: 0;
					}

					.panel-box.rate .production-choice .tag {
						margin-bottom: 0;
					}

				/*Panel 2*/

				.panel-box.weather .location-button {
						
					}

					.panel-box.weather .weather-location-form {
						display: block;
						margin-left: 0;
						margin-top: 20px;
					}

					.panel-box.weather .tag-list {
						margin-left: 0;
					}

				/*Panel 4*/

				.panel-box.password {
					width: 100%;
				}

					.account-container .password-infos {
						width: 100%;
						margin: auto;
						padding: 0 15px 0 35px;
						margin-bottom: 10px;	
					}

			}

			@media (max-width: 750px) {

				.panel-box.rate .production-choice p {
					margin-bottom: 0;
				}
			}


			@media (max-width: 600px) {

				.account-container .panel-box {
					width: 90%;
					margin: auto;
					display: block;
					margin-left: auto !important;
					margin-bottom: 20px;
				}

				.account-container .panel-box .panel-row {
									}

				/*Panel 1*/

				.panel-box.subscriber .newsletter-insert-form {
					padding-right: 0;
				}
				
				.panel-box.subscriber .newsletter-insert-form .form-field {
					width: 70%;
				}

				.panel-box.subscriber .newsletter-insert-form .form-button {
					position: static;
					width: auto;
				}



				/*Panel 2*/

					.panel-box.weather .location-button {
						
					}

					.panel-box.weather .weather-location-form {
						display: block;
						margin-left: 0;
						width: 100%;
					}

					.panel-box.weather .tag-list {
						margin-left: 0;
					}

				/*Panel 3*/

					.panel-box.rate {
						
					}

						.panel-box.rate .breeding-choice {
							
						}

						.panel-box.rate .form-field{
							width: 100%;
						}

						.panel-box.rate .breeding-choice.show {
							display: block;
						}

							.panel-box-rate .production-choice {
								display: block;
							}
							
							.panel-box.rate .breeding-choice .rate-three{
								width: 90%;
								margin: auto;
								border-right: none;
							}
							

							.panel-box.rate p {
								display: block;
								margin-bottom: 0;
							}

				/*Panel 5*/

				.panel-box.profile-form .form-field,
				.panel-box.profile-form select{
					
					width: 100%;
				}

				.panel-box.profile-form .select-wrapper {
					display: block;
				}
			}

	/* @group RATE-MARKET */
/*By Tojo 22 09 2015 */

		.rate-old-container{ 
			display:none;
			margin-bottom:20px;
		}
		
		.rate-old-container .parite{
			font-size:0.8em;
			text-align:center;
			width:100%;
			
		}

		.rate-old-container .graph-text{
			text-decoration:underline;
		}

		.rate-old-container .graph-text:before{
			content: "Voir la courbe";
			font-weight: normal;
			text-transform: none;
		}
		
		.rate-old-container.show{ display:block; }
		
		.rate-old-container.cultures.orge-de-brasserie,
		.rate-old-container.cultures.marche-etranger,
		.rate-old-container.cultures.autres-produits,
		.rate-old-container.alimentation-animale,
		.rate-old-container.lait{
		    background-color: #fff;
		    border: 1px solid #e9e9e9;
		    margin-bottom: 20px;
		    overflow: hidden;
		}
		
		.rate-old-container.cultures h4
		{
			display:none
		}
		
		.rate-old-container.cultures.orge-de-brasserie h4,
		.rate-old-container.cultures.autres-produits h4 ,
		.rate-old-container.cultures.marche-etranger h4 ,
		.rate-old-container.alimentation-animale h4,
		.rate-old-container.lait h4
		{
		 	display:block;
		    background-color: #fff;
		    border-bottom: 1px solid #e9e9e9;
		    font-size: 1.5em;
		    overflow: hidden;
		    width:100%;
		    height: 50px;
		    padding: 10px 20px;
		    overflow: hidden;
		    text-overflow: ellipsis;
		    white-space: nowrap;
		    font-weight: 700;
		    margin-right: 10px;
		}

		.rate-old-container:not(.marche-a-terme) h5.listTitle
		{
		    background-color: #383838;
			color: #fff;
			opacity: 0.8;
			border: 1px solid #e9e9e9;
		    overflow: hidden;
		    padding: 0;
		    height: 50px;
    		margin-top:10px;
    		padding: 10px 20px;
		    overflow: hidden;
		    text-overflow: ellipsis;
		    white-space: nowrap;
		    
		}
		
		.rate-old-container:not(.marche-a-terme) h4.listTitle + h5.listTitle
		{
		    margin-top:0px;
		}
		
		
		.rate-old-container.marche-a-terme{
			background-color: #fff;
			border: 1px solid #e9e9e9;
			overflow: hidden;
			padding: 0;
		}
		
		.rate-old-container.marche-a-terme h4.listTitle{
		    color: #222;
			font: 1em/1.4 "adelle-sans", sans-serif;
			align-items: center;
		    display: inline-block;
		    font-size: 1em;
		    font-weight: 700;
		    height: 65px;
		    padding: 20px 0px 20px 50px;
		    background: url("../images/cours_et_marches/icon-cultures.png") no-repeat 20px 20px;
		}
		
		.rate-old-container.marche-a-terme.cours-de-cloture-ble-meunier h4.listTitle{

		}
		
		.rate-old-container.marche-a-terme h5.listTitle{
		    color: #222;
			font: 1em/1.4 "adelle-sans", sans-serif;
		    align-items: center;
		    display: inline-block;
 			font-size: 0.87em;
   			font-weight: normal;
		    height: 65px;
			padding: 20px 20px 20px 10px;
			background:none;
			
		}
		
		.rate-old-container.marche-a-terme > div{
			border-top: 1px solid #e9e9e9;
		}
	
		table.listTable{
			width: 100%;
			background:#ffffff;
		}
		
			.listTable tr td:first-child, .listTable tr th:first-child {
			    border-left: 0 none;
			}
			.listTable tr:first-child th {
			    border-top: 0 none;
			}
			.listTable th {
			    font-size: 0.75em;
			    height: 30px;
			    text-transform: uppercase;
			    padding: 10px 15px;
			    font-weight:normal;
			}
			
			.listTable td {
			    font-size: 0.75em;
			    padding: 0 15px;
			    height: 40px;
			}
			.listTable td, .listTable th {
			    border: 1px solid #e9e9e9;
			    text-align: left;
			    vertical-align: middle;
			}
			.listTable tbody tr td:nth-child(n+4) {
			    text-align: left;
			}
			
			.listTable th img:before{
				content : "test";
			}
			
			/*
			pour le lien du graphique
			border-bottom: 1px solid;
		    text-decoration: none;*/
		    
		    
			.rate-old-container.elevage{
		        background-color: #fff;
			    border: 1px solid #e9e9e9;
			    margin-bottom: 20px;
			    overflow: hidden;
			}
			
			
			.rate-old-container.elevage h2{
			    background-color: #fff;
			    border-bottom: 1px solid #e9e9e9;
			    font-size: 1.5em;
			    overflow: hidden;
			    width:100%;
			    height: 50px;
			    padding: 10px 20px;
			    overflow: hidden;
			    text-overflow: ellipsis;
			    white-space: nowrap;
			    font-weight: 700;
			    margin-right: 10px;
			    /* Pour la date
				color: #949596;
			    font-weight: normal;
			    */
			}

			.rate-old-container.elevage h3, .rate-old-container.elevage h4{
				color: #222;
				font: 1em/1.4 "adelle-sans", sans-serif;
				padding:0 20px 0 20px;
				margin-bottom: 10px;
			}
			.rate-old-container.elevage h3.listTitle{
				padding-top:10px;
			}
			
			.rate-old-container.elevage > div{
			/*
				background-image: url("../images/border.png");
			    background-repeat: no-repeat;
			    content: "";
			    margin-bottom: 15px;
			    margin-top: -1px;
			    position: relative;
			    width: auto;
			    padding-top:20px;
			*/
			}
			.rate-old-container.elevage h4.listTitle.title{
				background-color: #383838;
				color: #fff;
				opacity: 0.8;
				border-bottom: 1px solid #e9e9e9;
			    overflow: hidden;
			    padding: 0;
			    height: 50px;
	    		padding: 8px 20px 12px 20px;
	    		margin:0;
			    overflow: hidden;
			    text-overflow: ellipsis;
			    white-space: nowrap;
			    border-bottom: 1px solid #e9e9e9;
			    font-size: 1.5em;
			    overflow: hidden;
			}
			
			 .rate-old-container td.good,
			  .rate-old-container td.rise
			 {
				color: #18c48a;
				font-size: 1em;
			}
			
			 .rate-old-container td.same,
			 .rate-old-container td.steady {
				color: #ff5600;
				font-size: 1em;
			}
			
			 .rate-old-container td.bad,
			 .rate-old-container td.fall {
				color: #e10613;
				font-size: 1em;
			}
			

		@media (max-width: 1000px) {
			.listTable td, .listTable th {
			    padding:5px 0 5px 5px;
			    word-wrap: break-word;
			}
			.rate-table td, .rate-table th {
			    padding:5px 0 5px 5px;
			    word-wrap: break-word;
			}
			.rate-old-container .graph-text{
				display:block;
			    background-clip: padding-box;
				background-image:url('http://cm.ngpa.com/Content/Images/gfa-icon-graph.png');
				background-repeat:no-repeat;
			    float: right;
			    height: 30px;
			    line-height: 25px;
			    margin-right: 10px;
			    overflow: hidden;
			    text-align: center;
			    width: 30px;
			}
			.rate-old-container .graph-text:before{
				content:"";
				text-decoration:none;
			}
			
		}
		@media (max-width: 1240px) {
			#chartWrapperData{
				left:0px;
			}
		
		}
/*End By Tojo 22 09 2015 */


			.rate-market-page-container div.wide-column {
				float: right;
				margin-right: 0;
				
			}

				.rate-market-page-container .analyse-container {
					display: none;
				}

				.rate-market-page-container .analyse-container.show {
					display: block;
				}

					.analyse-container .graph-box.no-graph {
						display: none;
					}

					.rate-market-page-container .rate-box:first-child {
						margin-bottom: 70px;
					}
					
					.rate-market-page-container .rate-box {
						border: 1px solid #e9e9e9;
						background-color: #fff;
						overflow: hidden;
						padding: 0;
					}

					.rate-market-page-container .rate-container {
						display: none;
					}

					.rate-container.show {
						display: block;
					}

						.rate-market-page-container .rate-info-column {
							width: 100%;
						}

							.rate-market-page-container .rate-box-title {
								height: 50px;
								padding: 10px 20px;
							}

							.rate-market-page-container .box-body {
								max-width: 85%;
								text-align: justify;
								padding: 15px 0 0 20px;
							}

							.rate-market-page-container .graph-info-title {
								font-size: 1.87em;
							}

							.rate-market-page-container .graph-info-text {
								height: auto;
							}

						.rate-market-page-container .rate-graph {
							width: 100%;
							padding: 25px 25px;
						}

							.rate-market-page-container .graph-view {
								height: 330px;
							}

					/* http://lea.verou.me/2011/01/styling-children-based-on-their-number-with-css3/ */
					.rate-market-page-container .rate-nav li:first-child:nth-last-child(1) {width: 100%;}
					.rate-market-page-container .rate-nav li:first-child:nth-last-child(2),
					.rate-market-page-container .rate-nav li:first-child:nth-last-child(2) ~ li {width: 50%;}
					.rate-market-page-container .rate-nav li:first-child:nth-last-child(3),
					.rate-market-page-container .rate-nav li:first-child:nth-last-child(3) ~ li {width: 33.33%;}
					.rate-market-page-container .rate-nav li:first-child:nth-last-child(4),
					.rate-market-page-container .rate-nav li:first-child:nth-last-child(4) ~ li {width: 25%;}
					.rate-market-page-container .rate-nav li:first-child:nth-last-child(5),
					.rate-market-page-container .rate-nav li:first-child:nth-last-child(5) ~ li {width: 20%;}
					.rate-market-page-container .rate-nav li:first-child:nth-last-child(6),
					.rate-market-page-container .rate-nav li:first-child:nth-last-child(6) ~ li {width: 16.66%;}

					.rate-nav li {
						float: left;
						position: relative;
						height: 60px;
						text-align: center;
						font-size: 0.87em;
						border-right: 1px solid #e9e9e9;
						background: #fcfcfc;
					}

					.rate-nav li a {
						color: #3D3D3F;
						opacity: 0.7;
					}

					.rate-nav li.active:before {
						height: 6px;
					}
					
					.rate-nav li:before {
						content: '';
						display: block;
						position: absolute;
						top: -1px;
						left: -1px;
						right: -1px;
						height: 6px;
						background-color: #E2E2E2;
					}

					.tab-box {

					}

						.euronext-box tbody td {
							height: 60px;
						}

						.close-box tbody td {
							height: 50px;
						}

						.render-box tbody td {
							height: 40px;
							padding: 0 15px;
						}

						.tab-box .rate-box-title {
							height: 75px;
							border-bottom: 1px solid #e9e9e9;
							display: -webkit-flex;
							display: -ms-flex;
							display: flex;
							align-items: center;
							font-size: 1em;
							font-weight: 700;
						}

							.tab-box .rate-box-title .title-icon {
								float: left;
								margin-right: 15px;
							}

								.tab-box .market-name {
									font-size: 0.87em;
									font-weight: normal;
								}

						.rate-table .item {
							font-size: 0.87em;
						}

							.rate-table .item img {
								display: inline-block;
								margin: 0 10px;
							}

						.rate-table .item-max,
						.rate-table .item-min {
							font-size: 1.19em;
						}

						.rate-table .item-last-price,
						.rate-table .item-close-price {
							font-weight: 700;
						}

						.rate-table .item-variation {
							font-size: 1.25em;
						}

						.rate-table .item-variation.good {
							color: #18c48a;
						}

						.rate-table .item-variation.bad {
							color: #e10613;
						}

						.rate-table .item-variation.same {
							color: #ff5600; 
						}
					
				.rate-market-page-container .render-box .rate-info-column{
					border: 1px solid #e9e9e9;
					background-color: #fff;
					overflow: hidden;
					padding: 0;
				}

				.rate-market-page-container .rate-info-column.dark {
					color: #fff;
					background-color: #383838;
					opacity: 0.8;
				}

					.animal-market-choice {
						border: 1px solid #e9e9e9;
						background-color: #fff;
						overflow: hidden;
						padding: 20px 25px;
						margin-bottom: 20px;
					}

					.animal-market-choice.red-card::before {
						height: 6px;
					}

						.animal-market-choice .item-title {
							font-size: 1.12em;
							font-weight: 600;
						}

						.animal-market-choice form {
							margin: 10px 0 10px 0;	
						}

							.animal-market-choice fieldset {
								display: inline-block;
								margin-right: 10px;	
							}

								.animal-market-choice .select-wrapper {
									width: 340px;
								}

								.animal-market-choice .select-wrapper .form-field{
									width: 100%;
									border-radius: 0;
								}
								.animal-market-choice .select-wrapper .form-field option.first{
									font-weight:bold;
								}
					

					.market-tabs {
						border: 1px solid #e9e9e9;
						background-color: #fff;
						overflow: hidden;
						margin-bottom: 20px;
					}

						.market-tabs .rate-info-column {
							border-bottom: 1px solid #e9e9e9;
							background-color: #fff;
							overflow: hidden;
							font-size: 1.5em;
						}

						.market-tabs .bold {
							font-weight: 700;
							margin-right: 10px;
						}

						.market-tabs .rate-box {
							margin-bottom: 30px;
							border-left: 0;
							border-right: 0;
						}

						.market-tabs .rate-box:last-child {
							border-bottom: 0;
						}

						.market-tabs .rate-box:last-child {
							margin-bottom: 0;
						}

							.market-tabs .market-date {
								font-weight: normal;
								color: #949596; 
							}

							.market-details {
								padding: 10px 20px;
							}

								.market-details p {
									margin-bottom: 10px;
								}

								.market-tabs .rate-table tbody td:nth-child(n+4) {
									text-align: left;
								}

								.market-tabs .variation {
									font-weight: 600;
									font-size: 1.29em;
								}

							.market-tabs .border-bg {
								content: '';
								position: relative;
								width: auto;
								height: 10px;
								background-image: url('../images/border.png');
								background-repeat: no-repeat;
								margin-top: -1px;
								margin-bottom: 15px;
							}
		
		@media (max-width: 1100px) {

			.market-tabs tbody td,
			.market-tabs thead th {
				padding: 0;
				padding-left: 5px;
				height: 50px;
			}
		}

		@media (max-width: 800px) {

			.rate-market-page-container .aside-column,
			.rate-market-page-container .wide-column {
				width: 100%;
			}

			.rate-market-page-container .rate-box th,
			.rate-market-page-container .rate-box td {
				padding: 0;
				padding-left: 10px;
			}

		}
	
		@media (max-width: 600px) {

			.rate-market-page-container .wide-column {
				margin-top: 15px;
			}

			.rate-market-page-container .rate-box:first-child {
				margin-bottom: 0;
			}

			.rate-market-page-container .box-body {
				padding-bottom: 25px;
				text-align: left;
				max-width: 90%;
			}

				.tab-box .market-name {
					display: block;
				}

				.rate-market-page-container .market-tabs .rate-box td {
					font-size: 0.75em;
				}


				.rate-market-page-container .rate-info-column .title-icon.mobile-visible {
				  	float: right;
					width: 25px;
					height: 25px;
					border-radius: 50%;
					border: 1px solid;
					background-clip: padding-box;
					overflow: hidden;
					margin-left: 10px;
					margin-right: 0;
					vertical-align: -15px;
					text-align: center;
					line-height: 25px;
					font-size: 0em;
				}

					.rate-market-page-container .rate-info-column .title-icon.mobile-visible .icon {
						webkit-transform: scale(0.5);
					    -ms-transform: scale(0.5);
					    transform: scale(0.5);
					}

			.rate-mobile-nav {
				width: 100%;
				margin-top: 20px;
			}

			.animal-market-choice {
				padding: 15px 15px;
				background: transparent;
				border: none;
			}

				.animal-market-choice fieldset {
					display: block;
					width: 100%;
				}

				.animal-market-choice fieldset:nth-child(2) {
					margin-top: -15px;
				}

					.analyse-container .animal-market-choice .select-wrapper {
						width: 100%;
					}

					.animal-market-choice .form-button.mobile-visible {
						display: block;
						width: 100%;
						margin-top: 10px;
					}

				.analyse-container .euronext-box thead th:nth-child(n+5),
				.analyse-container .euronext-box tbody tr td:nth-child(n+5) {
					display: none;
				}

				.analyse-container .euronext-box thead th:nth-child(8),
				.analyse-container .euronext-box tbody tr td:nth-child(8)  {
					display: table-cell;
				}


					.analyse-container .select-wrapper {
						width: 90%;
						background-color: inherit;
						margin: auto;
					}

					.analyse-container .select-wrapper .form-field{
						width: 100%;
						border-radius: 0;
					}

			.market-mobile-nav,
			.market-mobile-sub-nav  {
				width: 100%;
			}

				.market-mobile-nav .select-wrapper,
				.market-mobile-sub-nav .select-wrapper {
					width: 95%;
					background-color: inherit;
					margin: auto;
				}

					.market-mobile-nav .select-wrapper .form-field,
					.market-mobile-sub-nav .select-wrapper .form-field{
						width: 100%;
						border-radius: 0;
					}

				.market-mobile-sub-nav {
					margin-top: -15px;
				}

				.market-mobile-sub-nav .select-wrapper {
					display: none;
				}

				.market-mobile-sub-nav .select-wrapper.show {
					display: block;
				}


				.market-tabs {
					
				}

					.market-tabs .rate-info-column {
						border-bottom: none;
					}

					.market-tabs .market-details {
						padding-top: 0;
					}

						.market-tabs .market-details p {
							margin-bottom: 5px;
						}

					.market-tabs tbody td,
					.market-tabs thead th {
						padding: 0;
						padding-left: 5px;
						height: 50px;
					}

				.rate-table td:last-child .title-icon.mobile-visible {
				  	float: right;
					width: 25px;
					height: 25px;
					border-radius: 50%;
					border: 1px solid;
					background-clip: padding-box;
					overflow: hidden;
					margin-right: 10px;
					vertical-align: -15px;
					text-align: center;
					line-height: 25px;
					font-size: 0em;
				}

				.rate-table td:last-child .title-icon.mobile-visible:hover {
					cursor:pointer;
				}

					.rate-table td:last-child .title-icon.mobile-visible .icon {
						webkit-transform: scale(0.5);
					    -ms-transform: scale(0.5);
					    transform: scale(0.5);
					}



		}

		@media (max-width: 400px) {

			.rate-market-page-container .rate-box th {
				padding: 0;
			}
		}
							
		/* @end RATE MARKET */

	/* @end ACCOUNT */


	/* @group SEARCH RESULTS */

		.search-page-header {

		}

			.search-page-header .page-title {
				margin-left: 0;
			}

		.search-results {
			padding-bottom:25px;
		}

			.search-results .wide-column {
				border: 1px solid #e9e9e9;
				background-color: #fff;
				overflow: hidden;
			}

				.search-results .search-bar {
					color: #3c3d3f;
					border-bottom: 1px solid #e9e9e9;
					display: block;
					max-width: 100%;
					padding: 20px 15px;
				}

					.search-results .search-bar p {
						text-transform: uppercase;
						margin-bottom: 15px;
					}

					.search-form .form-field {
						width: 90%;
						margin-right: 0;
					}

					.search-form .form-button {
						border-radius: 0;
						margin-left: -5px;
					}

					.search-form .icon {
						background: none;
					}

				.search-results .aside-categories {
					float: left;
					width: 30%;
				}

					.search-mobile-nav {

					}

						.search-mobile-nav {

						}

					.search-results .items-list-title {
						display: block;
  						padding: 20px 0 17px 25px;
  						height: 60px;
  						border-bottom: 1px solid #e2e2e2;
					}

				.search-results  .news-articles {
					float: left;
					width: 70%;
				}

					.search-results .nb-results {
						border-bottom: 1px solid #e9e9e9;
						border-left: 1px solid #e9e9e9;
						padding: 15px 15px 10px 30px;
						height: 60px;
					}

						.search-results .nb-results .results-title {
							font-family: "jubilat", serif;
							font-size: 1.56em;
							line-height: 1.05em;
							font-weight: 300;
							display: inline-block;
							margin-right: 20px;
						}

							.nb-result .results-title .big-number {
								font-size: 2.18em;
								font-weight: 100;
								line-height: 0.9em;
							}

						.search-results .search-order {
							float: right;
						}

					.search-results  .news-articles .article-card-container {
						
					}

						.search-articles .article-card {
							width: 97%;
							border: none;
							border-bottom: 1px solid #e9e9e9;
							border-left: 1px solid #e9e9e9;
							padding: 15px;
							margin-bottom: 0;
						}

						.search-articles .article-card:last-child {
							border-bottom: none;
						}

						.search-articles .twins-card-container {
							width: 100%;
							margin-bottom: 0;
						}

							.search-articles .article-card.wide-card {
								padding: 15px;
							}

								.search-articles .article-card.wide-card .card-top {
									float: none;
									width: 100%;
									/*height: 215px;*/
									/*Tojo 2015 09 15*/
									height: 180px;
								}
								
								@media (max-width:500px){
								
									.search-articles .article-card.wide-card .card-top {
										float: none;
										width: 100%;
										/*height: 215px;*/
										/*Tojo 2015 09 15*/
										height: 100px;
									}
								
								}

								.search-articles .article-card.wide-card .card-body {
									width: 100%;
									padding-top: 10px;
								}

							.search-articles .article-card .card-top {
								float: left;
								width: 200px;
								height: 100px;
								margin-right: 12px;
							}
							
							
							
							.search-articles .article-card .card-body {
								padding: 0;
								height: auto;
								
								vertical-align: top;
								overflow: hidden;
							}

							@media (max-width: 400px) {
								.search-articles .article-card .card-top {
									float: left;
									width: 280px;
									height: 100px;
									margin:0!important;
								}
								
								
								
								.search-articles .article-card .card-body {
									padding: 0;
									height: auto;
									float:left;
									vertical-align: top;
									overflow: hidden;
								}
							}
							
							.search-articles .article-card .card-title {
									height: auto;
									margin-bottom: 0;
								}


					.search-results  .search-page-count {
						height: 70px;
						width: 100%;
						float: left;
						border-top: 1px solid #e9e9e9;
					}

						.page-count {
							text-align: center;
							margin-top: 20px;
						}

							.page-count .count-item {
								display: inline-block;
							}

								.page-count .count-item a {
									position: relative;
									display: inline-block;
									vertical-align: middle;
									height: 30px;
									width: 30px;
									padding: 5px 10px;
									text-decoration: none;
									border: 1px solid #cdcecf;
									border-radius: 5px;
									font-family: "adelle-sans";
									font-size: 0.85em;
									color: #696969;
								}

								.page-count .count-item a:hover {
									background-color: #f6f6f6;
									color: #282828;
								}

								.page-count .count-item a.active::before {
									content: '';
									display: block;
									position: absolute;
									top: 0;
									left: 0;
									right: 0;
									height: 3px;
									background-color: #e10613;
								}

								.page-count .count-item a.active {
									color: #282828;
								}

								.page-count .count-item.prev {
									margin-right: 10px;
								}

								.page-count .count-item.next {
									margin-left: 10px;
								}

									.page-count .count-item.prev a::before,
									.page-count .count-item.prev a::after {
										content: '';
										display: block;
										position: absolute;
										top: 45%;
										left: 70%;
										width: 8px;
										margin-left: -10px;
										margin-top: -1px;
										height: 2px;
										background: #696969;
										border-radius: 4px;
										background-clip: padding-box;
										-webkit-transform: rotate(-45deg);
										-ms-transform: rotate(-45deg);
										transform: rotate(-45deg);
									}

									.page-count .count-item.prev a::after {
										margin-left: -10px;
										margin-top: 3px;
										-webkit-transform: rotate(45deg);
										-ms-transform: rotate(45deg);
										transform: rotate(45deg);
									}

									.page-count .count-item.next a::before,
									.page-count .count-item.next a::after {
										content: '';
										display: block;
										position: absolute;
										top: 45%;
										left: 75%;
										width: 8px;
										margin-left: -10px;
										margin-top: -1px;
										height: 2px;
										background: #696969;
										border-radius: 4px;
										background-clip: padding-box;
										-webkit-transform: rotate(45deg);
										-ms-transform: rotate(45deg);
										transform: rotate(45deg);
									}

									.page-count .count-item.next a::after {
										margin-left: -10px;
										margin-top: 3px;
										-webkit-transform: rotate(-45deg);
										-ms-transform: rotate(-45deg);
										transform: rotate(-45deg);
									}

					.aside-categories .search-mobile-nav {
						display: none;
					}

					.aside-categories .list-mobile-nav {
						display: none;
					}

					.aside-categories .panel-nav {
						border: none;
					}

						.aside-categories .panel-nav li {
							position: relative;
						}

							.aside-categories .nav-item {
								position: absolute;
								top: 10px;
								right: 0;
								border:none;
							}

							.aside-categories .nav-item-label {
								display: block;
								border-bottom: 1px solid #e9e9e9;
								min-height: 50px;
								padding-left: 25px;
								padding-right: 35px;
								padding-top: 15px;
								padding-bottom: 15px;
								line-height: 1.2em;
								color: #9e9e9f;
								text-decoration: none;
							}

							.aside-categories .nav-item-label:hover {
								color: inherit;
							}

							.aside-categories .nav-item-label::after {
								content: '';
								 /* width: 1px; */
								top: 0;
								height: 69px;
								right: 40px;
								background: #e9e9e9;
								position: absolute;
							}

							.aside-categories .panel-nav .nav-item::before{
								display: none;
							}

							.aside-categories .nav-item::after {
							    content: '';
								width: 0;
								height: 0;
								border-style: solid;
								border-width: 7px 4px 0 4px;
								border-color: #3d3d3f transparent transparent transparent;
								position: absolute;
								right: 15px;
								top: 50%;
								margin-top: -3px;
							}

					.search-results .aside-categories.lists-categories {
						
					}

						.search-results .aside-categories.lists-categories .items-list-title {
							display: block;
							padding: 10px 0 0 10px;
						}

						.search-results .aside-categories.lists-categories .list-rubrics {
							margin-top: 0px;
						}

							.search-results .aside-categories.lists-categories .list-rubrics li  a{
								padding: 15px 7px;
								min-height: 42px;
							}

						.search-results .aside-categories.lists-categories .icon {
							margin-right: 10px;
						}

		
		@media (max-width: 1150px) {
			
			.aside-categories .nav-item-label {
				/*height: 75px;
				padding-top: 10px;
				padding-bottom: 10px;*/
			}

			.aside-categories .nav-item-label::after {
				/*height: 75px;*/
			}
		}
			

		@media (max-width: 1100px) {

			.aside-categories .nav-item-label {
				padding-right: 40px;
				padding-left: 10px;
			}

		}

		@media (max-width: 1024px) {

			.search-results .search-bar {
				border: 0;
			}

			.search-results .aside-categories {
				width: 100%;
				margin-bottom: 15px;
			}

			.search-results .aside-categories .panel-nav,
			.search-results .aside-categories .list-rubrics,
			.search-results .items-list-title {
				display: none;
			}

			.search-results .aside-categories .search-mobile-nav,
			.search-results .aside-categories .list-mobile-nav {
				display: block;
			}

						.search-results .aside-categories .items-list-title {
							padding-bottom: 10px !important;
							margin-bottom:15px;
							border-bottom: 1px solid #e9e9e9;
						}

				.search-results .aside-categories .search-mobile-nav,
				.search-results .aside-categories .list-mobile-nav  {
					width: 85%;
					margin-left: 15px;
				}

						.search-results .aside-categories .form-field{
							width: 100%;
						}


			.search-results .news-articles {
				width: 100%;
				border-left: 0;
			}

				.search-results .news-articles .nb-results {
					border-top: 1px solid #e9e9e9;
					border-left: 0;
				}

				.search-articles .article-card {
					border-left: 0;
				}


		}

		@media (max-width: 960px) {

			.search-form .form-field {
				width: 85%;
			}

		}

		@media (max-width: 850px) {

			.search-results .nb-results {
				height: 100px;
			}

				.search-results .search-order {
					float: none;
					display: inline-block;
					margin-top: 10px;
				}
		}

		@media (max-width: 750px) {

			.search-results .nb-results {
				height: auto;
			}

				.search-results .search-order {
					margin-top: 0;
				}
		}

		@media (max-width: 600px) {

			.search-form .form-field {
				width: 80%;
			}

			.search-results .aside-categories {
				width: 100%;
				float: none;
			}

			.search-results .news-articles {
				width: 100%;
			}

				.search-results .news-articles .nb-results {
					border-top: 1px solid #e9e9e9;
					border-left: transparent;
					padding-left: 15px;
				}
		}

	/* @end SEARCH RESULTS */

	/* @group ARCHIVES */

		.archives-page-container {
			margin-bottom: 70px;
		}
	
			.archive-header-title {
				font-family: "adelle-sans", sans-serif;
				font-weight: 700;
				font-size: 0.833em;
				text-transform: uppercase;
				margin-right: 0.7em;
				float: left;
				margin-top: 3px;
			}

			.archives-page-container .panel-title .panel-subtitle{
				font-size: 0.8em;	
			}

			.panel-box.red-bar {
				position: relative;
				padding-top: 4px;
			}

			.panel-box.red-bar:before {
				content: '';
				display: block;
				position: absolute;
				top: -1px;
				left: -1px;
				right: -1px;
				height: 4px;
				background-color: #e10613;
			}

		.archives-search-box {
			padding: 25px;
			display: -webkit-flex;
			display:         flex;
		}

			.archives-search-col {
				float: left;
				-webkit-flex: 0 0 auto;
				        flex: 0 0 auto;
			}

				.archives-search-title {
					margin-bottom: 25px;
				}

			.archives-search-col.keyword {
				width: 29%;
			}

			.archives-search-col.or {
				position: relative;
				width: 50px;
				text-align: center;
			}

				.archives-search-col.or::before {
					content: '';
					display: block;
					position: absolute;
					top: 30px;
					left: 50%;
					bottom: 0;
					width: 1px;
					background-color: #e9e9e9;
				}

			.archives-search-col.category {
				-webkit-flex: 0 auto;
				        flex: 0 auto;
			}

			.archives-search {
				margin: 10px 0;
				display: -webkit-flex;
				display:         flex;
			}

				.archives-search .form-field {
					margin: 0;
					-webkit-flex: 1 auto;
					        flex: 1 auto;
				}

				.archives-search .form-button {
					width: 40px;
					padding: 10px;
					margin-left: -1px;
					border-radius: 0 2px 2px 0;
				}

			.category-search-list {
				overflow: hidden;
				margin-right: -3%;
			}

				.category-search-list > li {
					float: left;
					width: 47%;
					margin-right: 3%;
					margin-bottom: 3%;
				}

				.category-search-list .category-item {
					display: block;
					background-color: #f6f6f6;
					border: 1px solid #cccccc;
					border-radius: 3px;
					background-clip: padding-box;
					padding: 15px;
					text-align: center;
					text-decoration: none;
				}

				.category-search-list a.category-item:hover {
					background-color: #EAEAEA;
				}

					.category-search-list .category-item p {
						font-weight: 700;
						font-size: 1.125em;
						width: 100%;
					}

					.category-search-list .category-item span {

					}

		.archives-filters {
			padding-top: 25px;
			padding-bottom: 25px;
		}

			.archives-filters .filter-col {
				width: 33.333333333%;
				width: calc(100%/3);
				float: left;
				padding: 0 3%;
				border-left: 1px solid #e9e9e9;
			}

			.archives-filters .filter-col:first-child {
				border-left: none;
			}

		.archives-mag-container {
			margin-right: -1px;
			display: -webkit-flex;
			display:         flex;
			flex-wrap: wrap;
		}

			.archives-mag-container .archives-mag {
				border: 1px solid #e9e9e9;
				border-left: 0;
				margin: 0;
				margin-bottom: -1px;
				width: 25%;
				padding: 20px;
				padding-bottom: 15px;
				-webkit-flex: 0 0 auto;
				        flex: 0 0 auto;
			}

			.archives-mag-container .archives-mag .mag-title {
				font-size: 0.87em;
				font-weight: 600;
				margin-top: 10px;
			}

			.archives-mag-container .archives-mag .mag-info {
				color: #8e8d8d;
			}

			.archives-mag-container .archives-mag .mag-soon {
				font-size: 0.87em;
				font-weight: 600;
				display: block;
			}

			.archives-mag.disable .mag-picture {
				opacity: 0.4;
			}

			.archives-mag.disable .mag-title {
				opacity: 0.4;
			}

		@media (max-width: 1000px) {

			.archives-search-box {
				display: block;
			}

			.archives-search-col,
			.archives-search-col.keyword,
			.archives-search-col.or,
			.archives-search-col.category {
				width: 100%;
			}

			.archives-search-col.or::before {
				top: 13px;
				left: 0;
				right: 0;
				bottom: auto;
				width: auto;
				height: 1px;
			}

				.archives-search-col.or .archives-search-title {
					position: relative;
					background-color: #fff;
					display: inline-block;
					padding: 0 20px;
				}

			.category-search-list > li {
				width: 97%;
			}

			.archives-filters {
				padding: 20px 0;
			}

			.archives-filters .filter-col {
				width: 100%;
			}

				.archives-search {
					max-width: 300px;
				}

			.archives-mag-container .archives-mag {
				width: 33.333333333%;
				width: calc(100%/3);
			}
	
		}

		@media (max-width: 750px) {

			.category-search-list > li {
				width: 47%;
			}

			.archives-page-container .panel-title {
				/*display: none;*/
			}

			.archive-header-title {
				/*margin-top: -2px;*/
			}

			.archives-search-box {
				padding: 10px;
			}

				.archives-search-title {
					margin-bottom: 10px;
				}

			.category-search-list > li {
				width: 97%;
			}

			.archives-filters {
				padding: 10px 0;
			}

			.archives-mag-container .archives-mag {
				width: 50%;
			}
		
		}
	
	/* @end ARCHIVES */


	/* @group CONTACT */

		.page-title.contact-page-title {
			margin-left: 0;
		}

		.contact-page-container {

		}

		.contact-page-container .flux-icon-rss{
			display:inline-block;
			width:38px;
			height:17px;
			background: url('../images/icone-rss-rss.png');
			margin : 2px;
		}
		
		.contact-page-container .flux-icon-rss-yahoo{
			display:inline-block;
			width:91px;
			height:17px;
			background: url('../images/icone-rss-yahoo.png');
			margin : 2px;
		}		

		.contact-page-container .flux-icon-rss-google{
			display:inline-block;
			width:104px;
			height:17px;
			background: url('../images/icone-rss-google.png');
			margin : 2px;
		}	

		.contact-page-container .flux-icon-rss-netvibes{
			display:inline-block;
			width:91px;
			height:17px;
			background: url('../images/icone-rss-netvibes.png');
			margin : 2px;
		}	

		.contact-page-container .titre-flux-rss{
			display:inline-block;
			width:390px;
			height:20px;
			margin : 10px;
		}	
		
			.contact-page-container .aside-column {
				border-top: 1px dashed #b2b2b2;
				padding-top: 10px;
			}

				.contact-page-container .aside-column .help-list-title {
					
				}

				.contact-nav {
					border: 1px solid #e9e9e9;
					background-color: #fff;
					margin-bottom: 40px;
					margin-top: 15px;
				}

					.contact-nav li {
						border-bottom: 1px solid #e9e9e9;
						padding: 15px 20px;			
					}

						.contact-nav li a {
							text-decoration: none;
							display: block;
						}

			.contact-page-container .panel-container {
				
			}

				.contact-page-container .panel-box .panel {
					padding: 25px 25px;
				}

				.contact-page-container .panel-container .panel-header {
					height: 60px;
					padding: 15px 25px;
				}

				.contact-page-container .panel-box .panel-img-header {
					width: 100%;
					height: 80px;
					overflow: hidden;
					background: url('../public/simulator-image-01.jpg');
					background-repeat: no-repeat;
				}

				.contact-page-container .panel-box .panel-password {
					border-bottom: 1px solid #e2e2e2;
				}

					.contact-page-container .bold {
						font-weight: 700;
					}

					.contact-page-container .red-underline {
						background-image: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #e10613 50%);
					}

					.contact-page-container .panel-password p {
						width: 80%;
					}

					.contact-page-container .panel-password form {
						margin-top: 20px;
					}

						.contact-page-container .panel-password label {
							display: block;
							margin-bottom: 10px;
						}

						.contact-page-container .panel-password .form-field {
							width: 70%;
						}

				.contact-page-container .panel-contact-infos {
					border-bottom: 1px solid #e2e2e2;
				}

					.contact-page-container .panel-contact-infos ul {
						width: 80%;
						margin-top: 20px;
					}

						.contact-page-container .panel-contact-infos ul li {
							position: relative;
							padding-left: 20px;
							margin-bottom: 20px;
						}

						.contact-page-container .panel-contact-infos ul li::before {
							content: '';
							height: 8px;
							width: 8px;
							border-radius: 5px;
							position: absolute;
							left: 0;
							top: 10px;
							background-color:#e10613;
						}

				.contact-page-container .panel-contact-form {
					padding: 25px 45px;
				}

					.cancel-button {
						background-color: #d1d1d1;
					}

					.contact-page-container .panel-contact-form form {
						margin-bottom: 20px;
					}

						.contact-page-container .panel-contact-form fieldset {
							margin-bottom: 20px;
						}

							.contact-page-container .panel-contact-form label {
								display: block;
								margin-bottom: 10px;
							}
							
							.contact-page-container .panel-contact-form label.error {
								color:red;
								font-size : 0.7em;
							}
							
								.contact-page-container .panel-contact-form label span {
									color:red;
								}

							.contact-page-container .panel-contact-form .select-wrapper {
								width: 360px;
							}

							.contact-page-container .panel-contact-form .form-field {
								width: 360px;
							}

							.contact-page-container .panel-contact-form .form-field.error {
								border:1px red solid;
							}

							.contact-page-container .panel-contact-form .form-field.error {
								border:1px red solid;
							}
							
							.contact-page-container .panel-contact-form .form-field.form-textarea {
								width: 100%;
								min-height: 215px;
								background-color: transparent;
							}

						.contact-page-container .panel-contact-form ul {
							margin-top: 10px;
							margin-bottom: 20px;
						}

							.contact-page-container .panel-contact-form ul li {
								margin-bottom: 5px;
							}

						.contact-page-container .panel-contact-form .form-button {
							margin-right: 10px;
						}

				.contact-page-container .hidden-help {
					display: none;
				}

		@media (max-width: 1100px) {

			.contact-page-container .panel-password p {
				width: 85%;
			}

			.contact-page-container .panel-contact-infos ul {
				width: 85%;
			}
		}

		@media (max-width: 960px) {
			
			.contact-page-container .panel-container .panel-header {
				height: auto;
			}
		}

		@media (max-width: 820px) {

			.contact-page-container .panel-contact-form .form-field,
			.contact-page-container .panel-contact-form .select-wrapper {
				width: 100%;
			}

			.contact-page-container .panel-password p {
				width: 100%;
			}

			.contact-page-container .panel-contact-infos ul {
				width: 100%;
			}

			.contact-page-container .panel-password .form-field {
				width: 100%;
				margin-bottom: 10px;
			}
		}

		@media (max-width: 750px) {

			.contact-page-container .aside-column {
				display: none;
			}

			.contact-page-container .hidden-help {
				display: block;
			}

				.contact-page-container .panel-help-responsive .form-field {
					width: 100%;
				}

			.contact-page-container .panel-password .form-field {
				width: 70%;
			}
		}

		@media (max-width: 600px) {

			.page-title.contact-page-title {
				margin-left: 10px;
			}
		}

		@media (max-width: 430px) {
			
			.contact-page-container .panel-password .form-field {
				width: 100%;
				margin-bottom: 10px;
			}
		}

					

	/* @end CONTACT */

	/* @group SIMULATOR */

		.simulator-title-icon {
			display: inline-block;
			vertical-align: middle;
			margin-right: 28px;
			margin-top: 18px;
			font-size: 0em;
			line-height: 65px;
		}

		.simulator-intro-box .intro-header {
			width: 100%;
			height: auto;
		}

		.simulator-intro-box .intro-content {
			padding: 0 30px;
		}

			.simulator-intro-box .intro-list {
				margin-top: 30px;
				margin-bottom: 40px;
				counter-reset: simol;
			}

				.simulator-intro-box .intro-list > li {
					margin-bottom: 30px;
				}

				.simulator-intro-box .intro-list > li::before {
					counter-increment: simol;
					content: counter(simol) ".";
					font-family: "jubilat", serif;
					margin-right: 40px;
					font-size: 4.38em;
					font-weight: 100;
					float: left;
					line-height: 1em;
					text-align: right;
					width: 6%;
				}
				.simulator-intro-box .intro-list.no-number > li::before {
					counter-increment: none;
					content: "";
				}
				.simulator-intro-box .intro-list.subscribe > li::before {
					font-size:3em;
				}

				.simulator-intro-box .intro-list > li p {
					overflow: hidden;
					font-size: 1.25em;
					line-height: 1.2em;
					margin-top: 5px;
					margin-bottom: 20px;
					padding-top: 12px;
				}

		.simulator-box {
			padding: 25px;
			padding-bottom: 0;
			border-bottom: 1px solid #e9e9e9;
		}

		.simulator-box:last-child {
			border-bottom: none;
		}

			.simulator-box .box-title {
				font-size: 1.25em;
				padding-right: 2%;
				margin: 5px 0 15px;
			}

			.simulator-field-line {
				margin-bottom: 30px;
			}

				.simulator-field-line label {
					display: block;
					margin-bottom: 10px;
				}

				.simulator-field-line .form-field {
					width: 100%;
					max-width: 360px;
				}

				.simulator-field-line .form-field.fill-parent {
					width: 100%;
					max-width: 100%;
				}

			.simulator-field-line.three-quarts {
				max-width: 75.5%;
			}

			.simulator-field-line .inline-field {
				width: 130px;
				float: left;
				margin-right: 30px;
				margin-top: 20px;
			}

			.simulator-field-line .inline-field:last-child {
				margin-right: 0px;
			}

				.simulator-field-line .inline-field label {
					
				}

				.simulator-field-line .inline-field .form-field {
					
				}

		.simulator-result-title {
			font-family: "jubilat", serif;
			font-size: 1.5em;
			line-height: 1.15em;
			font-weight: 300;
			margin-bottom: 20px;
		}

			.simulator-result-title::before {
				content: '';
				display: inline-block;
				background: url(images/red-arrow.svg);
				width: 27px;
				height: 11px;
				float: left;
				margin-top: 9px;
				margin-right: 10px;
			}

			.simulator-result-title p {
				overflow: hidden;
			}

		.simulator-table-container {
			overflow: auto;
			padding: 0;
		}

		.simulator-table-container::-webkit-scrollbar {
		    -webkit-appearance: none;
		}
		.simulator-table-container::-webkit-scrollbar:vertical {
		    width: 12px;
		}
		.simulator-table-container::-webkit-scrollbar:horizontal {
		    height: 12px;
		}
		.simulator-table-container::-webkit-scrollbar-thumb {
		    background-color: rgba(0, 0, 0, .5);
		    border-radius: 10px;
		    border: 2px solid #ffffff;
		}
		.simulator-table-container::-webkit-scrollbar-track {
		    border-radius: 10px;
		    background-color: #ffffff;
		}

		.simulator-result-table {
			width: 100%;
			min-width: 460px;
		}

			.simulator-result-table thead th {
				height: 40px;
			}

			.simulator-result-table th {
				border: 1px solid #e9e9e9;
				border-top: none;
				vertical-align: middle;
				font-size: 0.75em;
				text-align: left;
				padding: 0 15px;
			}

			.simulator-result-table td {
				border: 1px solid #e9e9e9;
				vertical-align: middle;
				font-size: 1.25em;
				height: 70px;
				padding: 0 15px;
			}

			.simulator-result-table tr > *:first-child {
				border-left: none;
			}

			.simulator-result-table tr > *:last-child {
				border-right: none;
			}

			.simulator-result-table tr:last-child td {
				border-bottom: none;
			}

			.simulator-result-table .table-row-label {
				padding: 0 25px;
				width: 39%;
				font-size: 0.875em;
			}

		@media (max-width: 600px) {

			.simulator-title-icon {
				line-height: 30px;
				margin-top: 0;
				margin-right: 20px;
			}

				.simulator-title-icon svg {
					width: 27px;
					height: 30px;
				}

			.simulator-intro-box .intro-content {
				padding: 0 10px;
			}

			.simulator-intro-box .intro-list {
				margin-top: 20px;
				margin-bottom: 20px;
			}

				.simulator-intro-box .intro-list > li::before {
					margin-right: 35px;
					font-size: 2.6em;
					width: 0;
				}

				.simulator-intro-box .intro-list > li p {
					padding-top: 0;
					font-size: 1em;
				}

			.simulator-box .box-title {
				font-size: 1.1em;
				margin: 0px 0 5px;
			}

			.simulator-box {
				padding: 15px;
			}

			.simulator-table-container {
				padding: 0;
			}

			.simulator-result-title {
				font-size: 1.2em;
				margin-bottom: 10px;
			}

			.simulator-result-title::before {
				margin-top: 5px;
			}
			
			.simulator-field-line.three-quarts {
				max-width: none;
			}

			.simulator-field-line .inline-field {
				margin-right: 10px;
				width: 100%;
			}
			
			
		}
		
	/* @end SIMULATOR */

	/* @group VIDEO PLAYER */

		.video-player {

		}
		
		.video-player .video-js{
			display:none;
		}
		.video-player .video-js.show{
			display:block;
		}
		
		.video-player .video-button{
			cursor:pointer;
		}
		
		.video-player .video-button.active{
			font-size:1.1em;
			color:#e10613;
		}

			.video-player .video-caption {
				font-size: 0.94em;
				color: #989898;
				margin-top: 15px;
				margin-bottom: 20px;
			}

			.video-player .vjs-default-skin.video-js {
				width: 100% !important;
				height: 385px !important;
			}

			.video-player .vjs-default-skin.video-js.vjs-fullscreen {
				width: auto !important;
				height: auto !important;
			}

				.vjs-default-skin .vjs-control-bar {
					height: 40px;
				}

				.vjs-default-skin.vjs-has-started .vjs-control-bar {
					padding-top: 5px;
				}

					/* Big play button */
					.vjs-default-skin .vjs-big-play-button::before {
						content: '';
						background: url('../css/images/play-icon.svg') 50%;
						-webkit-background-size: 100%;
						background-size: 100%;
						background-repeat: no-repeat;
						opacity: 0.8;
					}

					.vjs-default-skin .vjs-big-play-button {
						background: none;
						border: none;
						-webkit-box-shadow: none;
						-moz-box-shadow: none;
						box-shadow: none;
					}

					.vjs-default-skin:hover .vjs-big-play-button {
						background: none;
						-webkit-box-shadow: none;
						-moz-box-shadow: none;
						box-shadow: none;
					}

					.vjs-default-skin:hover .vjs-big-play-button::before {
						opacity: 1;
					}

					/* Play / Pause buttons */
					.vjs-default-skin .vjs-play-control.vjs-control {
						height: 3.5em;
					}

					.vjs-default-skin .vjs-fullscreen-control.vjs-control {
						height: 3.5em;
					}

					.vjs-default-skin .vjs-play-control.vjs-paused::before {
						content: '' ;
						background: url('images/play-icon.svg') 40% 100%;
						background-size: 40px 40px;
						background-repeat: no-repeat;
					}

					.vjs-default-skin .vjs-play-control.vjs-playing::before {
						content: '';
						background: url('images/pause-icon.svg') 100% -100%;
						background-size: 38px 38px;
						background-repeat: no-repeat;
					}

					/* Full srceen buttton */
					.vjs-default-skin .vjs-fullscreen-control:before {
						content: '' !important;
						background: url('images/full-screen-icon.svg') 30% 20%;
						background-size: 25px 25px;
						background-repeat: no-repeat;
					}

					.vjs-default-skin .vjs-volume-level,
					.vjs-default-skin .vjs-play-progress  {
						background: #841966;
					}

					/* Time */
					.vjs-default-skin .vjs-time-controls {
						font-size: 1.1em;
					}

					.vjs-default-skin .vjs-time-controls.vjs-duration,
					.vjs-default-skin .vjs-time-controls.vjs-current-time {
						width: 2.5em;
					}

					.vjs-default-skin .vjs-time-controls.vjs-duration {
						font-weight: 600;
					}

					/* Sound control */
					.vjs-default-skin .vjs-control.vjs-volume-control ,
					.vjs-control.vjs-mute-control  {
						right: 25px;
					}

					.vjs-default-skin .vjs-volume-handle.vjs-slider-handle{
						width: 12px;
						height: 12px;
						margin-top: -.1em;
					}

					.vjs-default-skin .vjs-volume-handle:before {
						content: '';
						width: 100%;
						height: 100%;
						border: 2px solid #fff;
						border-radius: 6px;
						background-color: #333333;
						-webkit-transform: none;
						transform: none;
					}

					.vjs-default-skin .vjs-mute-control.vjs-vol-0:before,
					.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before {
					  content: '';
					  background: url('images/icon-vol-0.svg') 50% 45%;
					  background-repeat: no-repeat;
					}
					.vjs-default-skin .vjs-mute-control.vjs-vol-1:before,
					.vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before {
					  content: '';
					  background: url('images/icon-vol-1.svg') 50% 45%;
					  background-repeat: no-repeat;
					}
					.vjs-default-skin .vjs-mute-control.vjs-vol-2:before,
					.vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before {
					  content: '';
					  background: url('images/icon-vol-2.svg') 50% 45%;
					  background-repeat: no-repeat;
					}

					.vjs-default-skin .vjs-mute-control:before,
					.vjs-default-skin .vjs-volume-menu-button:before {
					  content: '';
					  background: url('images/icon-vol-2.svg') 50% 45%;
					  background-repeat: no-repeat;
					}

					/* Progress bar */
					.vjs-default-skin .vjs-seek-handle.vjs-slider-handle {
						display: none;
					}

	/* @end VIDEO PLAYER */


/* @end PAGES */

/* @group PRINT */

	@media print {
		
		* {
			background: transparent !important;
			color: #000 !important;
			box-shadow: none !important;
			text-shadow: none !important;
		}
		
		a, a:visited {text-decoration: underline;}
		a[href]:after {content: " (" attr(href) ")";}
		abbr[title]:after {content: " (" attr(title) ")";}
		.visual-ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {content: "";}
		pre, blockquote { border: 1px solid #999; page-break-inside: avoid;}
		
		thead {display: table-header-group;}
		tr, img {page-break-inside: avoid;}
		img {max-width: 100% !important;}
		
		p, h2, h3 {orphans: 3; widows: 3;}
		h2, h3 {page-break-after: avoid;}
		
	}

/* @end PRINT */

/* @group Cours et March�s */

    .chartContent 
    {
        position:relative;
    }
    .zoomChart
    {
        cursor: pointer;
        height: 24px;
        position:absolute;
        right: 5px;
        top: 5px;
        width: 35px;
        z-index: 10;
    }
    .mask_chart {
        background-color: #646464;
        height: 100%;
        opacity: 0.2;
        position: fixed;
        top:0px;
        left:0px;
        width: 100%;
        z-index: 12;
        display:none;
    }
    #chartWrapperData {
        background-color: #FFFFFF;
        border: none;
        border-radius: 4px 4px 4px 4px;
        color: #434343;
        display: none;
        height: 461px;
        position: absolute;
        width: 100%;
        max-width:860px;
        /*width: 960px;*/
        z-index: 55;
        padding:10px;
    }
    #chartWrapperData .close {
        cursor: pointer;
        height: 30px;
        position: absolute;
        right: 5px;
        top: 5px;
        width: 40px;
        z-index:5;
    }
    #chartWrapperData .chartInfos {
        height: 30px;
        z-index: 15;
        position: absolute;
        left: 5px;
        bottom: 5px;
        font-size:12px;
        text-align:center;
        font-style:italic;
        color:#444444;
        width: 860px;
    }
    .chartWrapper 
    {
        position:relative;
        display:none;
        width:100%;
        /*width:320px;*/
        padding-left:20px;
        height:328px;
        /*height:210px;*/
        border:none;
        /*border:1px solid #444444;*/
        background-color: #FFFFFF;
    }
    .slideLeft
    {
        position:absolute;
        top:120px;
        /*top:60px;*/
        left:0px;
        cursor:pointer;
    }
    .slideRight
    {
        position:absolute;
        top:120px;
        /*top:60px;*/
        right:0px;
        cursor:pointer;
    }

 .pubSmart img{
 	max-width  : 100% !important;  
 }
 
  .page-top-banner img{
 	max-width  : 100% !important; 
 	/*max-height : 90px !important;
 	min-height : 50px !important;*/
 	width  : 100% !important; 
 	height : 100% !important;  	 
 }
 
	.totem-banner img{
	 	max-width  : 200px !important; 
	 	max-height : 100% !important;
	 	height : 100% !important;
   }
   
	@media (max-width: 600px) {
	   #sas-fixedDiv_5163029{
	   	display:none;
	   }
	}

 
 /*
 Bouton  acceptation cookie */
 
 .cc_btn {
 background-color: #ccc !important;
 }
    
 /* @END Cours et March�s */


/* Modification banni�re pub central */

#sas_6440271{
	margin-left:2.8%;
	max-width:600px;
}

#sas_6440271 img{
margin-left:2%;
max-width: 100% !important;
max-height: 100% !important;
width: 100% !important;
height: 100% !important;
}

/* Floor Ad mobile */

#sas_6429194{
	max-width:1200px;
}

#sas_6429194 img{
max-width: 100% !important;
max-height: 100% !important;
width: 100% !important;
height: 100% !important;
}

.marge-pub{
	margin-top:30px;
}

#sas_47295{
	margin-left:20px;
}

@media (max-width: 600px) {
			#sas_47295 {
				margin:0px!important;
			}
			#sas_47295 iframe {
				width:100%!important;
			}
			#sas_47295 iframe img {
				width:100%!important;
			}
			.black-bg-container{
				width:100%;
			}
}

@media (max-width: 500px){

		.article-body iframe{
			width: 290px !important;
			/*height: 165px !important;*/
		}
		
		.page-top-banner iframe{
			/*width:320px!important;*/
			
		}
		
		.black-bg-container{
			width:100%;
		}
}

.carre_maff{
	
	width: 200px;
    margin-left: auto;
    margin-right: auto;
}

div[id*="sas-fixedDiv"] {
	width:100%!important;
	max-width:1200px;
	
}

div[id*="sas-relContainer"] {
	width:100%!important;
	max-width:1200px;
}

div[id*="sas-absContainer"] {
	width:100%!important;
	max-width:1200px;
}

div[id*="sas-absContainer"] img {
	width:100%!important;
	max-width:1200px;
}

.connex{
	text-decoration: none;
	text-transform: uppercase;
	font-size: 0.75em;
	padding: 8px 25px;
	border-radius: 2px;
	background: #fff;
	border-bottom: 3px solid #f7ced1;
	color: #000;
	height: 36px;
}

.connex:hover, .connex:active, .connex:focus{
	background: #fff;	
}

.contact-page-container .connect-box, .contact-page-container .subscribe-box{
max-width: 420px;
display: inline-block;
position: relative;
border: 0;
}


.contact-page-container .card-header{
						border-bottom: 1px solid #e9e9e9;
						padding: 15px 25px 10px 25px;
					}

					.gold-box.contact-page-container .card-header::before {
						content: '';
						top: 0;
						left: 0;
						right: 0;
						height: 7px;
						position: absolute;
						background: #C79900;
					}

						.contact-page-container .card-header .card-header-title {
							font-family: "jubilat", serif;
							font-size: 1.5em;
							font-weight: 300;
						}

					.contact-page-container .card-body{
						height: auto;
						padding: 0;
					}

				.contact-page-container .connect-box, .contact-page-container .subscribe-box{
					border:1px solid #e9e9e9;
				}

					.contact-page-container .connect-box .first-visit {
						height: 60px;
						background: #f6f7f8;
						border-bottom: 1px solid #e9e9e9;
						padding: 15px 25px 10px 25px;
					}

						.contact-page-container .first-visit p {
							float: left;
						}

						.contact-page-container .first-visit .box-button {
							float: right;
							background-color: #fff;
						}

						.contact-page-container .first-visit .box-button:hover {
							background: #f6f7f8;
						}

					.contact-page-container .connect-box .login-form {
						padding: 15px 25px 10px 25px;
					}

						.contact-page-container .login-form fieldset label {
							display: block;
							margin-bottom: 10px;
						}

						.contact-page-container .login-form label .small-link {
							font-size: 0.85em;
							color: #7f8081;
							margin-left: 20px;
							background-image: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #7f8081 50%);
						}

						.contact-page-container .login-form .form-field {
							width: 90%;
							/*margin-bottom: 20px;*/
						}

						.contact-page-container .login-form .form-check {
							margin-right: 10px;
						}

						.contact-page-container .connect-box .checkbox-checked {
							position: relative;
							margin-left: 30px;
						}

						.contact-page-container  .login-form input[type="checkbox"]:checked + .checkbox-checked:after {
							background: url('../images/checked.png');
							background-repeat: no-repeat;
							background-position: center center;
						} 

						.contact-page-container .connect-box .checkbox-checked::before {
							content: "";
							position: absolute;
							width: 20px;
							height: 20px;
							background-position: center center;
							top: 1px;
							right: 5px;
							left: -30px;
							border: 2px solid #515151;
						}

						.contact-page-container .connect-box .checkbox-checked::after {
							content: "";
							position: absolute;
							width: 20px;
							height: 20px;
							top: 1px;
							right: 5px;
							left: -30px;
							border: 2px solid #515151;
						}

						.contact-page-container .login-form .form-button {
							display: block;
							margin: 25px 0 20px 0 ;
						}

				.contact-page-container .subscribe-box {
					
				}

					.contact-page-container .subscribe-box .subscribe-offer {
						display: inline-block;
						width: 100%;
						border-bottom: 1px solid #e9e9e9;
						padding:15px 20px 25px 25px;
					}

					.contact-page-container .subscribe-box .subscribe-offer:last-child {
						border-bottom: 0;					
					}

						.contact-page-container  .subscribe-offer .start-price {
							float: left;
						}

							.contact-page-container .connect-box .gold-number {
								font-family: "jubilat", serif;
								font-size: 2.5em;
								font-weight: 300;
								color: #C79900;
								margin-left: 10px;
							}

						.contact-page-container .subscribe-offer .form-button {
							float: right;
							margin-top: 10px;
						}
			
		.contact-page-container .panel-box.profile-form fieldset{
			border:none;
			padding:0;
		}
		
.head_connex{
	float: right;margin-top: 17px;margin-left: 10px;
}

.minified .head_connex{
	margin-top:2px;
}

.subscribe-offer-pres{
	margin-top:10px;
	margin-bottom:20px;
}

.contact-page-container .gold-number{
	margin-left:0;
}

.contact-page-container .img-subscribe{
float: left;
margin-top: 8px;
margin-right: 10px;
}


.publi-information_title_menu{
	color: #00b96c;
	text-align:center;
	font-size:1.8em!important;
}


.publi-information_live_container .live-card::before {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    width: 7px;
    background-color: #00b96c;
}

.publi-information_live_container .card-tag {
    color: #00b96c;
}

.publi-information_live_container .article-time{
	visibility:hidden;
}



.live_nouveautes .live-card::before {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    width: 7px;
    background-color: #e10613;
}


.live_nouveautes .live-card .card-tag {
    font-size: 0.82em;
    font-weight: 700;
    text-transform: uppercase;
    color: #e10613;
    margin-bottom: 2px;
    width: 100%;
    float: left;
}

.live_nouveautes .live-card .card-tag a:hover {
    color: #e10613;
}

.pub_billboard{
	width: 600px;
	margin-left: 30px;
	margin-bottom: 20px;
}


.cours_et_marches_article .graph-box .rate-info-column {
    border-right: 1px solid #e9e9e9;
    float: left;
    padding-right: 5px;
    width:100%;

}

.cours_et_marches_article a{
	text-decoration:none;
}


.txt-temporaire{
	font-size: 1.06em;
    font-weight: 600;
    padding: 10px 20px;
    border-bottom: 1px solid #e9e9e9;
}


/*.publi-information_live_container{
	min-height:110px!important;
}*/


.newarticles{
	width:100%!important;
	
}

.newarticles-container{
	margin-top:0!important;
}

.time_article{
	width: 70px;
	float: left;
}

.date_invisible{
	display:none;
}

.date_visible{
	display:block;
}
.plusvus::before{
	background-color:#e10613!important;
}

.datelineaire{
	text-align: right;
	margin-bottom: 24px;
	font-size: 20px;
	font-weight: bold;
	color:#9d9d9d;
}

.datelineaire:before, .datelineaire:after { content:''; display:inline-block; vertical-align: middle; width: 4%; height: 2px; background: #e10613 }
.datelineaire:before { margin-right: .3rem }
.datelineaire:after { margin-left: .3rem }

.time_article{
	margin-top: 38px;
}

.time_article .article-time {
	font-size: 18px;
	color:#9d9d9d;
	font-weight: bold;
}

.search-results .news-articles{
	/*width:100%!important;*/
}

.filtre_cat {
	color:#aeaeae;
	margin-top:-25px;
	margin-bottom:15px;
	margin-left: 15px;
}

.filtre_cat a{
	text-decoration:none;
}

.filtre_active{
	color:#E10613;
	font-weight:bold;
}

.exploitation_bloc .article-card-container h4{
	color:#E10613;
	padding-left:20px;
	margin-bottom:10px;
}

.homepage_actu_prio{
	width:624px;
	margin-left: 3%;
}

.bloc_homepage_new{
	width:33%;
	float:left;
	padding:10px;
}

.new_actus{
	width:100%!important;
}





@media (max-width: 600px){
	.homepage_actu_prio{
		width: 100%!important;
		font-size: 1.1em !important;
		height: auto;
		margin-left:0px !important;
	}
	
	.homepage_actu_prio .category-title{
		font-size:12px!important;
	}
	
	.homepage_actu_prio a{
		font-size: 18px!important;
	}
	
	.bloc_homepage_new{
		width:100%;
		float:left;
		padding:10px;
	}
	
	.header-nav-bar .main-nav > a{
		width:14%!important;
	}
	
	.time_article{
		margin-top: 25px;
		width: 60px;
	}
	.time_article .article-time{
		font-size:14px;
	}
	.search-articles .article-card .card-top{
		width: 110px;
		height: 75px;
	}
	.filtre_cat{
		margin-top: -8px;
	}
	
	.article-card.wide-card{
		margin-bottom:3%;
	}
}