/*
	Copyright (C) 2006 Berthold LLC. All rights reserved.
This software is the property of Berthold LLC (Berthold). Your
right to access and use this software is subject to the
applicable License Agreement that exists between you and
Berthold. If no such agreement exists, you may not access or use
this software for any purpose. This software may only be
hosted at the locations specified in the applicable License
Agreement or Terms of Service, and only for the purposes
expressly set forth therein. You may not copy, modify,
convert, create derivative works from or distribute this
software in any way, or make it accessible to any third
party. For more information, please contact
sales@bertholdtypegroup.com.

Any person or entity that extracts/downloads Berthold Web Fonts
is deemed willful infringement under U.S. Copyright
law subject to U.S. Jurisdiction and is liable for statutory
damages of up to $150,000 per Web Font.

*/

.lazy-hidden{opacity:0}.lazy-loaded{-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-ms-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;opacity:1}
.iframe-component {
    border: 0;
}

.grecaptcha-badge {
    display: none;
}

.epl__iframe {
    height: 4160px !important;
}

.library__results-error {
    text-align: center;
}

.library__results-error img {
    width: 150px;
}

#indian-dance svg {
    width: 150px !important;
}

@media screen and (min-width: 768px) {
    .epl__iframe {
        height: 2620px !important;
    }
}

@media screen and (min-width: 1024px) {
    .epl__iframe {
        height: 2700px !important;
    }
}

.video .video__background {
    cursor: pointer;
}
.rsbtn .rsbtn_play {
    margin-top: 0 !important;
    line-height: 0 !important;
}
.section-intro-text .section__actions .btn-reader {
    height: auto;
}
.rsbtn .rsbtn_play,
.rsbtn {
    margin-bottom: 0 !important;
}
.offers .offers__head h2.continent {
    margin-bottom: 0;
}
.article.workday-padding {
    padding:0;
}

#title-404 {
    margin-bottom: 30px;
}

.faq-wysiwyg a {
    font-family: Portrait;
    line-height: 1.29em;
    color: #c3aa98;
}

.downloads .downloads__foot .btn-download.archive-btn {
    background: rgba(255, 255, 255, 0.2);
}

.form-error {
    margin-top:0;
}

.form-error ul {
    list-style: none;
}

#career-description {
    margin-bottom: 40px;
    font-family: Portrait;
}

.user-event-success {
    text-align: center;
    font-size: 25px;
}

.text.btn-app {
    padding: 0;
}

.error-alert {
    color: #cc4b37;
    margin-bottom: 10px;
    display: block;
}

.wysiwyg-section a.btn {
    color: #000000;
    text-decoration: none;
}
.wysiwyg-section a.btn, .wysiwyg-section a.file-dc {
    font-family: Akzidenz-Grotesk Std;
}


.about .about__actions a:hover {
    color: #fff !important;
}

.wysiwyg-section p.wysiwyg-title-akzidenz {
    font-family: "Akzidenz-Grotesk Std Ext Regular";
}
.wysiwyg-section p.wysiwyg-title-portrait {
    font-size: 35px;
    line-height: 0.91em;
}
.wysiwyg-title-akzidenz {
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 23px;
}
.wysiwyg-text {
    margin: auto;
}
.wysiwyg-text p {
    margin-bottom: 0;
}

#btn-left-filter-submit {
    min-width: 143px;
    height: 36px;
    padding: 0;
    line-height: 34px;
    font-size: 10px;
    color:#fff;
}

.aa-input-container {
    display: inline-block;
    position: relative;
    width: 100%
}
.aa-input-container .algolia-autocomplete {
    width: 100%;
}
.aa-input-search {
    width: 250px;
    height: 50px;
    border: 1px solid rgba(228, 228, 228, 0.6);
    padding: 12px 28px 12px 12px;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
}
.aa-input-search::-webkit-search-decoration, .aa-input-search::-webkit-search-cancel-button, .aa-input-search::-webkit-search-results-button, .aa-input-search::-webkit-search-results-decoration {
    display: none; }
.aa-dropdown-menu {
    background: rgba(0,0,0,.84);
    color: #fff;
    width: 100%;
    box-sizing: border-box; }
.aa-suggestion {
    padding: 12px;
    cursor: pointer;
}
.aa-dropdown-menu .highlight em {
    color:#e2c8b4;
}
.aa-suggestion:hover, .aa-suggestion.aa-cursor {
    background-color: rgba(241, 241, 241, 0.35); }

/**
 * Workday
 */

.article .article__favourites .article__favourites-text.keep {
    opacity: 1;
    visibility: visible;
}
#tarteaucitronAlertSmall {
    display: none !important;
}

.checkbox-rgpd label a {
    text-decoration: underline;
}

#add-favorite-link:hover .ico-heart {
    display: inline-block;
}
#add-favorite-link:hover .ico-heart-black {
    display: none;
}

#add-favorite-link.active:hover {
    cursor: default;
}

.news-item h2 a, .news-item h2 a:hover, .news-item h2 a:focus, .news-item h2 a:active {
    text-decoration: none;
}

.section-part .agenda .agenda__actions a, .section-part .agenda .agenda__actions a:hover, .section-part .agenda .agenda__actions a:active, .section-part .agenda .agenda__actions a:focus {
    color: #fff !important;
}

.link-workday {
    color: #000;
}

.dropdown-select .dropdown__head {
    padding: 18px 20px 19px 17px;
}

.link-workday:hover, .link-workday:focus, .link-workday:active {
    text-decoration: underline;
    color: #000;
}


@media screen and (min-width: 48em) {
    .nav-holder .nav .dropdown__menus .dropdown__menu--large .dropdown__menu-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .nav-holder .nav  .dropdown__menus .dropdown__menu--large .dropdown__menu-inner ul{
        width: 50%;
    }
    .nav-holder .nav .dropdown--size-4 .dropdown__menus .dropdown__menu--large {
        width: 50%;
    }

    .nav-holder .nav .dropdown--size-3 .dropdown__menus .dropdown__menu--large {
        width: 66.67%;
    }
}

/* TOOLS */

.gfn_stroke{
	stroke:white;
	stroke-miterlimit:10;
	fill:none;
}

.gfn_fill{
	fill:white;
}

.gfn_center{
	position: absolute !important;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) !important;
	text-align: center;
}

.gfn_line_legend_mobile{
	display: none;
}


/* CONTENT */

.gfn_component{
	height:940px;
	overflow: hidden;
	position: relative;

	color: #fff;
	font-family: Akzidenz-Grotesk Std Ext Regular;

	background-color: #26201f;
	background-image: url('../images/kering/graph/gfn_background.jpg');
	background-position: center;
	background-size: cover;
}

.gfn_fiche{
	display:none;
	position: relative;
	width: 100%;
	height: 100%;

	padding: 48px 60px;

}

.gfn_dropdown{
	opacity: 0;
	display: none;
	transition: all .25s;
}

.gfn_dropdown_mobile{
	display: none;
}


.gfn_drop .gfn_dropdown{
	position: absolute;
	letter-spacing: .2em;
	text-transform: uppercase;
	line-height: 60px;
	top: 89px;
	left: 60px;
	width: calc(100% - 120px);
	border-top: 1px solid white;
	z-index: 1000;
	opacity: 1;
	display: block;
	transition: all .25s;
	padding-top: 20px;
	font-size:18px;
}

.gfn_dropdown_line{
	padding-left: 20px;
	opacity: .5;
	cursor:pointer;
	transition: all .25s;
}

.gfn_dropdown_line:hover{
	opacity: 1;
	padding-left: 15px;
	transition: all .25s;
}

.gfn_drop .gfn_content{
	opacity: 0;
	transition: all .25s;
}

.gfn_active{
	display: block;
}

.gfn_head{
	vertical-align: middle;
	letter-spacing: .2em;
	margin-bottom: 20px;

	z-index: 100;
	position: relative;
}

.gfn_head_down{
	cursor: pointer;
}

.gfn_title{
	font-size: 18px;
	text-transform: uppercase;
}

.gfn_head_legend{
	font-size: 18px;
	letter-spacing: .1em;
	transition: all .5s;
	min-height: 40px;
	padding: 0 10px;
}

.gfn_drop .gfn_head_legend{
	opacity: 0;
	transition: all .25s;
}

.gfn_maj{
	text-transform: uppercase;
	letter-spacing: .2em;
	text-align: right;
	position: absolute;
	right: 60px;
	top: 48px;
	transition: all .25s;
}

.gfn_anchors{
	position: absolute;
	top: 70px;
	line-height: 12px;
	padding-bottom: 12px;
	text-align: center;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 200;
	transition: all .25s;

}

.gfn_drop .gfn_anchors{
	opacity: 0;
	transition: all .25s;
}

.gfn_anchor{
	margin:15px 0 0;
	cursor: pointer;
}

.gfn_text_light{
	opacity: .5;
}

.gfn_fill_light{
	opacity: .4;
}

.gfn_text_xsmall{
	font-size: 14px;
}

.gfn_text_small{
	font-size: 19px;
}

.gfn_text_dark{
	color:#0b0a09;
}

.gfn_text_big{
	font-size: 39px;
}

.gfn_arrow{
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	transition: all .25s;
}

.gfn_drop .gfn_arrow {
	opacity: 0;
	transition: all .25s;
}

.gfn_footer{
	position: absolute;
	width: 100%;
	bottom: 60px;

	font-size:20px;
	text-align: center;

	left:50%;
	transform: translateX(-50%);
	transition: all 1s;
}

.gfn_zero .gfn_footer{
	opacity: 0;
	transition: all 0s;
}

.gfn_drop .gfn_footer{
	opacity: 0;
	transition: all .5s;
}

/* --- LINES --- */

.gfn_line{
	white-space: nowrap;
	margin: 5px 0;
	height: 52px;
	display: inline-block;
	text-align: left;
}

.gfn_line>div{
	display: inline-block;
	vertical-align: middle;
}

.gfn_line_graph{
	margin: 0 50px;
	width: 420px;
	height: 16px;

	position: relative;
}

.gfn_line_graph svg{
	position: absolute;
}

.gfn_zero .gfn_line_text1{
	opacity: 0;
	transition: all 0s;
}

.gfn_line_text1{
	opacity: 1;
	transition: opacity 1s;
	text-align: right;
	width: 300px;
}

.gfn_line_text_desktop{
	display: block;
}

.gfn_line_text_mobile{
	display: none;
}

.gfn_zero .gfn_line_text2{
	opacity: 0;
	transition: opacity 0s;
}

.gfn_line_text2{
	height: 52px;
	opacity: 1;
	transition: opacity 1s .5s;
	width: 380px;
}

.gfn_zero .gfn_line_line{
	width: 0;
	transition: all 0s;
	opacity: 0;
}

.gfn_line_line{
	transition: all 2s .5s cubic-bezier(0.645, 0.045, 0.355, 1), opacity .5s .5s ;
}

.gfn_zero .gfn_line_circle{
	margin-left: 0% !important;
	opacity: 0;
	transition: all 0s;
}


.gfn_line_circle{
	transition: margin 2s .5s cubic-bezier(0.645, 0.045, 0.355, 1), opacity .5s .5s ;
	transform: translateX(-8px);
}

.gfn_zero .gfn_line_circle2{
	margin-left: 0% !important;
	opacity: 0;
	transition: all 0s;
}


.gfn_line_circle2{
	transition: margin 3s 1.5s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 1.5s 1.5s ;
	transform: translateX(-8px);
}

.gfn_zero .gfn_line_circle_text{
	opacity: 0;
	transition: all 0s;
}

.gfn_line_circle_text{
	position: absolute;
	margin-top: -28px;
	transform: translateX(-50%);
	transition: opacity 2s 4s;
}

.gfn_line_legend_mobile {
	margin-top:30px;
	transition: all 1s;
	margin-bottom: 30px;
}

.gfn_zero .gfn_line_legend_mobile {
	opacity: 0;
	transition: all 0s;
}


/* --- LINES 2 --- */

.gfn_2line_0 .gfn_line_graph{
	opacity: .33;
}

.gfn_2line_1 .gfn_line_graph{
	opacity: .66;
}

.gfn_2line_group{
	margin:80px 0;
	position: relative;
}

.gfn_2line_group .gfn_line{
	margin: 0px 0;
}

.gfn_2line_super_title{
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
	left: calc(50% - 420px);
	width: 240px;
	text-align: right;
	line-height: 32px;
}

.gfn_2line_group.gfn_2line_notitle .gfn_line_text1{
	opacity: 0;
}

.gfn_line2_legend{
	margin: 0 30px 100px;
	display: inline-block;
}

.gfn_line2_legend_line{
	text-align: left;
}

.gfn_line2_legend_line span{
	margin:20px 10px;
}

.gfn_line_legend0 .gfn_graph{
	opacity: .33;
}
.gfn_line_legend1 .gfn_graph{
	opacity: .66;
}
/* --- HISTOGRAMMES --- */

.gfn_histo{
	width:790px;
	text-align: center;
}

.gfn_histo_col{
	margin: 0 38px;
	position: relative;
	width: 75px;
	height: 260px;
	margin-bottom: -22px;
	display: inline-block;
}

.gfn_histo_content{
	position: absolute;
	bottom: 0;
	left: 0;
}

.gfn_histo_text1,.gfn_histo_text2{
	position: absolute;
	left: 50%;
	transform: translate(-50%,-30%);
	z-index: 10;
	width: 100%;
}

.gfn_histo_title{
	text-align: center;
	margin-top: -20px;
	position: absolute;
	width: 100%
}

.gfn_histo_date{
	text-align: center;
	margin-top: -30px;
	position: absolute;
	bottom: -25px;
	width: 100%
}


.gfn_histo_color{
	width:45px;
	height: 36px;
	width: 42px;
	background-color: white;
	display: inline-block;
	margin: 0 20px;
	vertical-align: middle;
}

.gfn_histo_legend{
	width: 100%;
	margin-top: 70px;
	font-size: 18px;
}

.gfn_histo_legend span{
	vertical-align: middle;
}

.gfn_histo_legend>div{
	display: inline-block;
}

.gfn_zero .gfn_histo_line{
	width: 1%;
	transition: all 0s;
}

.gfn_histo_line{
	width: 100%;
	transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1), opacity .5s .5s ;
	left: 0;
	top: 259px;
	position: absolute;
}

.gfn_zero .gfn_histo_title,.gfn_zero .gfn_histo_text1,.gfn_zero .gfn_histo_text2,.gfn_zero .gfn_histo_date{
	opacity: 0;
	transition: all 0s;
}

.gfn_histo_date{
	opacity: 1;
	transition: all 1s .5s;
}

.gfn_histo_title{
	opacity: 1;
	transition: all 1s 2s;
}

.gfn_histo_text1{
	opacity: 1;
	transition: all 1s 3.5s;
}

.gfn_histo_text2{
	opacity: 1;
	transition: all 1s 3.5s;
}


.gfn_zero .gfn_histo_solde{
	height: 0%;
	transition: all 0s;
}

.gfn_histo_solde{
	transition: all 2s .5s cubic-bezier(0.645, 0.045, 0.355, 1), opacity .5s .5s ;
}

.gfn_zero .gfn_histo_accompte{
	height: 0%;
	transition: all 0s;
}

.gfn_histo_accompte{
	transition: all 2s 2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity .5s .5s ;
}

.gfn_zero  .gfn_histo_legend>div{
	opacity: 0;
	transition: all 0s;
}

.gfn_histo_legend_bloc1{
	opacity: 1;
	transition: all 3s 2s;
}

.gfn_histo_legend_bloc2{
	opacity: 1;
	transition: all 3s 2.5s;
}

/* --- SCROLL --- */

.gfn_scroll{
	width: 100%;
	height:90%;
	text-align: center;
	overflow-y:auto;
	overflow-x: hidden;
	scrollbar-color: #FFF #0000001a;
	-webkit-overflow-scrolling: touch;
}

.gfn_scroll .mCSB_inside{
	overflow: visible;
}

.gfn_ml{
	font-size:20px;
	text-align: center;

	transition: all 1s;
	margin: 70px 0;
}

/* width */
.gfn_scroll::-webkit-scrollbar {
	width: 7px;
}

/* Track */
.gfn_scroll::-webkit-scrollbar-track {
	background: rgba(0,0,0,.2);
	width: 1px;
}

/* Handle */
.gfn_scroll::-webkit-scrollbar-thumb {
	background: #fff;
	border-radius: 10px;
	cursor: pointer;
}



/* --- TABLEAUX --- */

.gfn_table table, .gfn_table th {
	border: 2px solid #fff;
	color:white;
	width: 912px;
	margin: 0 auto;
	color: #fff;
}

.gfn_table tbody, .gfn_table thead, .gfn_table tfoot {
	background: transparent;
}
.gfn_table tbody tr:nth-child(2n) {
	background: transparent;
	border-bottom: 0;
}

.gfn_table thead th {
	padding: 10px;
	text-align: center;
	color: #fff;
	letter-spacing: .2em;
	font-family: Akzidenz-Grotesk Std Ext Regular;

	height: 75px;
	font-size: 13px;
	font-weight: 300;
}

.gfn_table table tbody td {
	/*	height: 46px;*/
	font-size: 15px;
}

.gfn_table table tfoot td{
	/*	height: 46px;*/
	font-size: 18px;
}


.gfn_table tbody td {
	height: 30px;
	padding: 0;
	font-size: 8px;
	letter-spacing: .01em;
	text-align: center;
}

.gfn_table tbody td:nth-child(1) {
	text-align: left;
	font-family: Portrait;
	padding-left: 28px;
	/*	font-weight: 700;*/
	font-size: 19px;
	padding-right: 10px;
}

.gfn_table tbody td:nth-child(2) {
	padding-top: 10px;
	padding-bottom: 10px;
}


.gfn_table tfoot td {
	height: 30px;
	padding: 0;
	font-size: 8px;
	letter-spacing: .01em;
	text-align: center;
	color: #fff;
	font-weight: 300;
}

.gfn_table tfoot td:nth-child(1) {
	text-align: left;
	font-family: Portrait;
	padding-left: 28px;
	font-weight: 700;
	font-size: 22px;
}

.gfn_table tfoot td:nth-child(2) {
	padding-top: 30px;
	padding-bottom:30px;
}

.gfn_table2 tbody td:nth-child(2) {
	text-align: left;
	padding-left: 48px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 20px;
}

.gfn_table_it{
	font-weight: 300 !important;
	font-style: italic;
}

.gfn_table td {
	border-left: 2px solid #fff;
}


.gfn_table_clone{
	display: none;
}

/* --- MAP --- */
.gfn_map{
	position: relative;
	left: 50%;
	transform: translate(-50%);
	margin-top: 70px;
	width: 950px;
	transition: all 1s;
}

.gfn_scroll .gfn_map{
	margin-top: 90px;
}

.gfn_text_title_map{
	margin-top: 180px;
}

.gfn_center .gfn_text_title_map{
	display: none;
}

.gfn_zero .gfn_map{
	/*opacity: 0;*/
	transition: all 0s;
}

.gfn_ml_map{
	margin: 70px 0 0;
}


.gfn_map_text{
	white-space: nowrap;
	text-align: left;
}

.gfn_map_text_europe{
	color: #d9c2c2;
	position: absolute;
	top: 3%;
	left: 41%;
	text-align: center;
	transform: translateY(-100%);
}

.gfn_map_text_asia{
	color: #8f9297;
	position: absolute;
	top: 74%;
	left: 92%;
	transform: translateY(-100%);
}

.gfn_map_text_NA{
	color: #535571;
	position: absolute;
	top: 31%;
	right: 91%;
	text-align: right;
}

.gfn_map_text_japan{
	color: #9cf7e2;
	position: absolute;
	top: 36%;
	left: 88%;
}

.gfn_map_text_other{
	color: #4b4847;
	position: absolute;
	top: 85%;
	left: 33%;
}

.gfn_map_europe:before{
	background-color: #d9c2c2;
}

.gfn_map_NA:before{
	background-color: #535571;
}

.gfn_map_asia:before{
	background-color: #8f9297;
}

.gfn_map_japan:before{
	background-color: #9cf7e2;
}

.gfn_map_other:before{
	background-color: #4b4847;
}

.gfn_map_legend{
	font-size: 15px;
	white-space: nowrap;
	position: absolute;
	bottom: 5%;
	left: -5%;
	text-align: left;
}

.gfn_map_color:before{
	content: "";
	width: 36px;
	height: 6px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-right: 15px;
	border-radius: 5px;
}

/* --- TEXTE --- */

.gfn_texte{
	width: 1152px;
	margin: 0 auto 200px;

	font-family: Portrait;
	font-size: 30px;
	text-align: left;
}

.gfn_texte span{
	font-family: Akzidenz-Grotesk Std Ext Regular;
	font-size: 21px;
}

/* --- CIRCLE --- */

.gfn_circle1{
	width: 100%;
	height: 740px;
	position: relative;
	margin-bottom: 180px;
}

.gfn_circle3{
	width: 50%;
	height: 400px;
	position: relative;
	margin:100px 0 100px;
	transform: scale(.75);
	display: inline-block;
}

.gfn_circle3:nth-child(3){
	margin-top: 0px;
}

.gfn_circles,.gfn_circles_lines{
	position: absolute;
	left:50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.gfn_circles_lines{
	z-index: 10;
}


.gfn_circles svg,.gfn_circles_lines svg{
	position: absolute;
	left:50%;
	top: 50%;
	transform: translate(-50%,-50%) rotate(90deg);
}


.gfn_cirle_stroke{
	fill: none;
	stroke-width:8;
	stroke-dasharray: 1130;
}

.gfn_zero .gfn_cirle_stroke{
	stroke-dashoffset: 1130 !important;
	transition: all 0s !important;
}

.gfn_circle_color1{
	stroke:#e9e1df;
	background-color:#e9e1df;
}

.gfn_circle_color2{
	stroke:#a4877f;
	background-color:#a4877f;
}
.gfn_circle_color3{
	stroke:#54433a;
	background-color:#54433a;
}
.gfn_circle_color4{
	stroke:#28211d;
	background-color:#28211d;
}
.gfn_circle_color5{
	stroke:#323232;
	background-color:#323232;
}
.gfn_circle_color6{
	stroke:red;
	background-color:red;
}
.gfn_circle_color7{
	stroke:yellow;
	background-color:yellow;
}
.gfn_circle_color8{
	stroke:blue;
	background-color:blue;
}

.gfn_circle_sep{
	stroke-width:2;
}

.gfn_zero .gfn_circle_sep{
	opacity: 0;
	transition: all 0s !important;
}

.gfn_zero .gfn_circle_title{
	opacity: 0;
	transition: all 0s;
}

.gfn_line_legend_mobile_circle{
	display: none;
}

.gfn_circle_title{
	width: 300px;
	text-align: center;
	font-size: 24px;
	opacity: 1;

	transition: all 4s .5s;
}

.gfn_circle_text{
	position: absolute;
	left:50%;
	top: 50%;
	text-align: center;
	font-family: Portrait;
	line-height: 27px;
	font-size: 24px;
	width: 160px;
}

.gfn_text_center{
	text-align: center;
	transform: translate(-50%,-50%);
}
.gfn_text_right{
	text-align: right;
	transform: translate(-70%,-50%);
}
.gfn_text_left{
	text-align: left;
	transform: translate(-30%,-50%);
}

.gfn_circle_text span{
	font-family: Akzidenz-Grotesk Std Ext Regular;
	font-size: 17px;
	font-weight: 400;
}

.gfn_zero .gfn_circle_text{
	opacity: 0;
	transition: all 0s !important;
}

.{
	position: absolute;
	bottom: -40px;
	width: 100%;

	text-align: center;
	font-family: Portrait;
	line-height: 27px;
	font-size: 24px;
}


.gfn_circle3 .gfn_circle_text_under{
	top: 300px;
	position: absolute;

	left: 50%;
	transform: translateX(-50%);
}

.gfn_circle1 .gfn_circle_text_under{
	top: 380px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

.gfn_circle_text_under span{
	display: block;
	white-space: nowrap;
	margin-left: 26px;
}

.gfn_circle_text_under div{
	position: relative;
	width: 100%;
	top: inherit;
	left: initial;
	text-align: left;
}

/* --- TEXT ANIM --- */
.gfn_text_anim_circle{
	width: 400px;
	height: 400px;
	border: 2px solid white;
	border-radius:200px;
	position: relative;
	margin: 140px auto 100px;
	text-align: center;
	transition: all 2s;
}

.gfn_zero .gfn_text_anim_circle{
	opacity: 0;
	transition: all 0;
}

.gfn_text_anim_normal{
	position: relative;
	margin: 40px auto -20px;
	text-align: center;
	width: 200px;
	height: 200px;
}

.gfn_text_anim_multi{
	position: relative;
	margin: 0px 100px 100px;
	text-align: center;
	width: 200px;
	height: 200px;
	display: inline-block;
}

.gfn_text_anim{
	font-size: 38px;
}


.gfn_text_anim_under{
	text-transform: uppercase;
	font-size: 12px;
	margin-top: 14px;
	transition: all 1S 1s;
}

.gfn_zero .gfn_text_anim_under, .gfn_zero .gfn_text_title{
	opacity: 0;
	transition: all 0s ;
}

.gfn_text_title{
	text-align: center;
	text-transform: uppercase;
	/*	font-size: 18px;*/
	line-height: 24px;
	transition: all 1S;
	padding: 0 10px;
}

.gfn_text_title.gfn_text_light{
	margin-bottom: 40px;
}

.gfn_content{
	position: relative;
	left:50%;
	transform: translateX(-50%);
	max-width: 1919px;
}



@media (max-width: 1919px) {
	.gfn_component{
		height:628px;
	}

	.gfn_fiche{
		padding: 44px 48px;
		background-size: initial;
	}

	.gfn_text_small{
		font-size: 14px;
	}

	.gfn_text_big{
		font-size: 28px;
		line-height: 52px;
	}

	.gfn_maj{
		right: 48px;
		top: 44px;
	}

	.gfn_footer{
		font-size: 13px;
		bottom:44px;
	}

	.gfn_title,.gfn_head_legend{
		font-size: 14px;
	}

	.gfn_drop .gfn_dropdown{
		line-height: 47px;
		top: 81px;
		left: 48px;
		width: calc(100% - 96px);
		padding-top: 14px;
		font-size: 14px;
	}

	.gfn_dropdown_line{
		padding-left: 10px;
	}

	.gfn_dropdown_line:hover{
		padding-left: 5px;
	}

	.gfn_arrow{
		transform: scale(.9);
	}

	/* --- LINES --- */

	.gfn_line{
		margin: 5px 0;
		height: 42px;
	}

	.gfn_line_graph{
		margin: 0 0px;
		width: 420px;
		height: 16px;
	}

	.gfn_line_graph{
		transform:  scale(.8) translateY(2px);
	}

	.gfn_line_text2 {
		width: 280px;
	}

	.gfn_2line_super_title {
		left: calc(50% - 280px);
		width: 160px;
		line-height: 25px;
		top: 54%;
	}

	/* --- HISTOGRAMMES --- */

	.gfn_histo{
		transform: scale(.8);
	}

	/* --- TABLEAU --- */

	.gfn_table table, .gfn_table th {
		width: 780px;
	}

	.gfn_table table, .gfn_table th {
		border: 2px solid #fff;
	}

	.gfn_table td {
		border-left: 2px solid #fff;
	}

	.gfn_table tbody td:nth-child(1) {
		padding-left: 24px;
		font-size: 15px;
		padding-right: 10px;
	}

	.gfn_table table tbody td {
		font-size: 13px;
	}

	.gfn_table thead th {
		padding: 12px 20px 10px;
		height: 60px;
		font-size: 12px;
	}

	.gfn_ml{
		font-size: 14px;
		margin: 40px 0 40px;
	}

	/* --- MAP --- */
	.gfn_map{
		width: 720px;
		margin-top: 40px;
	}

	.gfn_map_legend{
		transform: scale(.8);
	}
	.gfn_map_text {
		font-size: 15px;
	}

	/* --- TEXT ANIM --- */

	.gfn_text_anim_multi {
		margin: 0px 70px 100px;
	}

	.gfn_text_anim_circle {
		width: 320px;
		height: 320px;
		margin: 50px auto 100px;

	}

	.gfn_text_anim_under {
		margin-top: 0px;
	}

	.gfn_text_anim_normal{
		margin: 40px auto -40px;
	}

	.gfn_texte {
		width: 820px;
		font-size: 21px;
		margin-bottom: 100px;
	}

	.gfn_texte span{
		font-size: 15px;
	}

	/* --- CIRCLE --- */

	.gfn_circle1{
		height: 740px;
		margin-bottom: 70px;
		transform: scale(.8);
		margin-top: -180px;
	}

	.gfn_circle3{
		width: 50%;
		height: 400px;
		position: relative;
		margin:100px 0 100px;
		transform: scale(.6);
		display: inline-block;
	}

	.gfn_circle3:nth-child(3){
		margin-top: -100px;
	}

	.gfn_circle3 .gfn_circle_text_under {
		top: 300px;
	}

	.gfn_line_text2 span{
		font-size: 12px;
	}

	.gfn_line_text_desktop span{
		display: none;
	}
}

@media (max-width: 1279px) {
	.gfn_line_text2 span{
		font-size: 13px;
	}

	.gfn_line_text_desktop span{
		display: none;
	}

	.gfn_fiche {
		padding: 34px 30px;
	}

	.gfn_component{
		height:608px;
	}

	.gfn_text_small{
		font-size: 11px;
	}

	.gfn_text_big{
		font-size: 22px;
		line-height: 53px;
	}

	.gfn_head{
		text-align: center;
		margin-bottom: 0;
	}

	.gfn_maj{
		position: absolute;
		right: 10%;
		bottom: 14px;
		top: inherit;
		width: 80%;
		text-align: center;
	}

	.gfn_footer {
		bottom: 61px;
		width: 80%;
	}

	.gfn_drop .gfn_dropdown {
		line-height: 47px;
		top: 85px;
		left: 50%;
		transform: translateX(-50%);
		width: calc(100% - 88px);
		padding-top: 14px;
		font-size: 14px;
	}

	.gfn_dropdown_line {
		padding-left: 0px;
		line-height: 18px;
		text-align: center;
		margin: 20px;
	}

	.gfn_drop .gfn_maj{
		opacity: 0;
		transition: all .25;
	}

	.gfn_scroll{
		height: 85%;
	}

	.gfn_scroll.gfn_with_anchor{
		height: 70%;
		margin-top: 70px;
	}

	.gfn_anchors {
		top: 108px;
		width: 100%;
	}

	.gfn_anchor {
		margin: 5px 0 0;
	}

	.gfn_texte {
		width: 100%;
		max-width: 680px;
		margin-top: -50px;
	}

	.gfn_text_anim_multi {
		margin: 0px 5px 100px;
	}

	/* --- LINES --- */

	.gfn_line_graph{
		transform:  scale(.7) translateY(2px);
	}

	.gfn_line{
		margin: 10px 0;
		height: 32px;
	}

	.gfn_line_graph{
		margin: 0 -20px;
		width: 360px;

	}

	.gfn_line_text1,.gfn_line_text2{
		width: 200px;
	}

	.gfn_2line_super_title {
		left: calc(50% - 220px);
		width: 120px;
		line-height: 25px;
		top: calc(50% + 8px);
	}

	/* --- HISTOGRAMMES --- */

	.gfn_histo{
		transform: scale(.6);
	}

	/* --- MAP --- */
	.gfn_map{
		width: 600px;
	}

	.gfn_map_legend{
		transform: scale(.6);
	}
	.gfn_map_text {
		font-size: 10px;
	}

	/* --- TABLEAU --- */
	.gfn_table table{
		width: 600px;
	}

	.gfn_table thead th {
		padding: 12px 12px 10px;
		height: 48px;
		font-size: 10px;
	}

	.gfn_table tbody td:nth-child(1) {
		padding-left: 14px;
		font-size: 12px;
	}

	.gfn_table table tbody td {
		font-size: 12px;
	}

	.gfn_table tbody td:nth-child(2) {
		padding-top: 6px;
		padding-bottom: 6px;
	}

	/* --- CIRCLE --- */
	.gfn_circle3 {
		width: 100%;
		height: 400px;
		position: relative;
		margin: 0px 0 100px;
	}

	.gfn_circle3:nth-child(3) {
		margin-top: 0px;
	}

	.gfn_circle1 {
		height: 740px;
		margin-bottom: 70px;
		transform: scale(.7);
	}
}

@media (max-width: 767px) {
	.gfn_line_text2 span{
		display: none;
	}
	.gfn_dropdown_mobile{
		position: absolute;
		top: 0;
		height: 81px;
		opacity: 0;
		z-index: 1000;
		display: block;
		width: 100%;
	}

	.gfn_compo_3 .gfn_dropdown_mobile{
		z-index: 0 !important;
	}

	.gfn_dropdown_mobile select{
		min-height: 81px;
	}

	.gfn_dropdown{
		display: none !important;
	}

	.gfn_text_anim_under{
		font-size: 10px!important;
	}

	.gfn_component{
		height:573px;
	}
	.gfn_fiche{
		padding: 24px 0px;
	}

	.gfn_text_small{
		font-size: 8px;
	}

	.gfn_text_big{
		font-size: 13px;
		line-height: 54px;
	}

	.gfn_maj span,.gfn_footer{
		font-size: 8px;
	}
	.gfn_head{
		padding:0 20px;
	}

	.gfn_title{
		font-size:10px;
	}

	.gfn_head_legend {
		font-size: 10px;
		margin-top: 3px;
	}

	.gfn_arrow {
		display: inline-block;
		vertical-align: middle;
		margin-left: 0px;
		transform: scale(.7);
	}

	.gfn_scroll .gfn_map {
		margin-top: 50px;
	}


	.gfn_scroll{
		scrollbar-color: transparent;
	}


	.gfn_scroll::-webkit-scrollbar{
		display: none;
	}


	/* --- TABLEAU --- */

	.gfn_table table {
		width: 510px;
		margin-bottom: 20px;
		background-color: #232020;
	}

	.gfn_table tbody td:nth-child(1) {
		padding-left: 14px;
		font-size: 9px;
	}

	.gfn_table tbody td:nth-child(2) {
		padding-top: 3px;
		padding-bottom: 3px;
	}

	.gfn_table table tbody td {
		font-size: 9px;
	}
	.gfn_table thead th {
		padding: 7px 13px 5px;
		height: 38px;
		font-size: 9px;
		line-height: 9px;
	}
	.gfn_table tbody td {
		height: 24px;
	}


	.gfn_table2 table{
		width: 90%;
		margin: 0 5%;
	}

	.gfn_table2 tbody td:nth-child(2) {
		padding-left: 14px;
		padding-right:10px;
	}

	.gfn_table_clone{
		top: 0;
		display: table;
		position: absolute;
		transform: translate3d(0,0,0);
		pointer-events: none;
	}

	.gfn_table_clone{
		background-color: transparent !important;
	}


	.gfn_table_clone  th, .gfn_table_clone  td {
		visibility:hidden
	}


	.gfn_table_clone .gfn_table_fixed{
		background-color: #232020;
		visibility: visible;
	}

	.gfn_table tfoot td:nth-child(1) {
		padding-left: 16px;
		font-size: 16px;
	}

	.gfn_table tfoot td:nth-child(2) {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.gfn_table table tfoot td {
		font-size: 12px;
	}
	/* --- LINES --- */

	.gfn_line_graph{
		transform:  scale(.55) translateY(0px);
	}

	.gfn_line{
		margin: 5px 0;
		height: 32px;
		left: 50%;
		transform: translateX(-50%);
		position: relative;
		width: 345px;
		display: block;
	}

	.gfn_line_graph{
		margin: 0 -50px 0 -57px;
		width: 300px;

	}

	.gfn_line_text1{
		width: 56px;
	}


	.gfn_line_text2 {
		width: 100px;
	}

	.gfn_text_anim{
		width: 250px;
		font-size: 26px;
	}

	.gfn_line_text_desktop{
		display: none;
	}

	.gfn_line_text_mobile{
		display: block;
	}

	.gfn_line_legend_mobile{
		display: block;
	}

	.gfn_2line_super_title {
		left: calc(50% - 176px);
	}

	.gfn_line2_legend_mobile{
		margin-top: 30px;
		margin-bottom: 50px;
	}

	.gfn_2line_group{
		margin: 40px 0 0;
	}

	/* --- HISTOGRAMMES --- */

	.gfn_histo{
		transform: scale(.4);
		width: 700px;
	}

	.gfn_histo_col {
		margin: 0 28px;
	}

	.gfn_histo_legend>div {
		display: block;
		margin: 40px 0 40px 180px;
	}
	.gfn_histo_legend{
		text-align: left;
		transform: scale(1.4);
		margin-top: 110px;
	}

	/* --- MAP --- */

	.gfn_map {
		margin: 34px 50px;
		left: inherit;
		transform: inherit;
		margin-top: 34px;
	}

	/* --- SCROLL --- */

	.gfn_scrollable_inside{
		width:100%;
	}

	.gfn_scrollable {
		margin: 0 5%;
		width: 90%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.gfn_scrollable_map {
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}


	/* --- ANIM--- */

	.gfn_text_anim_circle {
		width: 240px;
		height: 240px;
		margin: 50px auto 50px;
	}

	.gfn_text_anim_normal {
		margin: 0px auto -40px;
	}

	.gfn_texte {
		font-size: 13px;
		padding:20px;
		margin-top: -150px;
	}

	.gfn_texte span {
		font-size: 10px;
	}

	.gfn_text_anim_multi {
		margin: 0px 0px 0px;
	}

	/* --- CIRCLE --- */

	.gfn_circle3,.gfn_circle1 {
		transform: scale(.5);
		height: 500px;
		margin: 0px 0 0px;
		display: inline-block;
	}

	.gfn_circle1{
		margin-top: -100px;
	}

	.gfn_circle3:nth-child(1) {
		margin-top: 0px;
	}

	.gfn_circle3:nth-child(2) {
		margin-top: -270px;
	}

	.gfn_circle3:nth-child(3) {
		margin-top: -270px;
	}

	.gfn_circle_text_under{
		display: none;
	}

	.gfn_circle_text,.gfn_circle_line_text{
		display: none;
	}

	.gfn_line_legend_mobile_circle{
		font-family: Portrait;
		line-height: 50px;
		font-size: 32px;
		text-align: left;
		margin-top: 490px;
		width: 470px;
		position: relative;
		left: 50%;
		transform: translate(-50%);
		padding-left: 50px;
		display: block;
	}

	.gfn_circle1 .gfn_line_legend_mobile_circle{
		width: 510px;
		padding-left: 0px;
	}


	.gfn_line_legend_mobile_circle span{
		font-family: Akzidenz-Grotesk Std Ext Regular;
		font-size: 24px;
	}

	.gfn_zero .gfn_line_legend_mobile_circle_line{
		opacity: 0 !important;
		transition: all 0 ;
	}

	.gfn_mini_circle{
		width: 30px;
		height: 30px;
		display: inline-block;
		margin-right: 20px;
		border-radius: 20px;
		vertical-align: middle;
		margin-top: -10px;
	}

	.gfn_ml {
		font-size: 10px;
		margin: 0px 0 40px;
		padding: 0 20px;
	}
}


#welcome_owl{
	position: fixed;
  -webkit-transform: translateZ(0);
	width: 100%;
	height: 100%;
	top:0;
	background-color: rgba(255,255,255,.9);
	z-index: 1000000;
	pointer-events: none;

	animation-name: owl_bkg;
	animation-duration: 5s;
	animation-timing-function: ease;
	animation-fill-mode: forwards;
	animation-delay: 1s;

	opacity: 0;
}

@keyframes owl_bkg {
	0%   {opacity: 0; }
	30%  {opacity: 1;}
	75%  {opacity: 1;}
	100% {opacity: 0;}
}


#welcome_owl svg{
	position: fixed;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
	width: 220px !important;

	animation-name: owl_mooving;
	animation-duration: 5s;
	animation-timing-function: ease;
	animation-fill-mode: forwards;
	animation-delay: 1s;

	opacity: 0;
}

@keyframes owl_mooving {
	0%   {left:0%;top:0%;transform:translate(-50%,-50%) scale(.25);opacity: 1; }
	30%  {left:50%;top:50%;transform:translate(-50%,-50%) scale(1);opacity: 1;}
	75%  {left:50%;top:50%;transform:translate(-50%,-50%) scale(1);opacity: 1;}
	100% {left:50%;top:10%;transform:translate(-50%,-50%) scale(.25);opacity: 0;}
}

.welcome_text{
	position: fixed;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
	margin-top: 80px;
	font-size: 15px;
	letter-spacing: 2px;
}

.welcome_text span{
opacity: 0;
 animation: owl_text 5s linear forwards;
}

.welcome_text span:nth-child(1){
 	animation-delay: 1s;
}
.welcome_text span:nth-child(2){
 	animation-delay: 1.1s;
}
.welcome_text span:nth-child(3){
 	animation-delay: 1.2s;
}
.welcome_text span:nth-child(4){
 	animation-delay: 1.3s;
}
.welcome_text span:nth-child(5){
 	animation-delay: 1.4s;
}
.welcome_text span:nth-child(6){
 	animation-delay: 1.5s;
}
.welcome_text span:nth-child(7){
 	animation-delay: 1.6s;
}
.welcome_text span:nth-child(8){
 	animation-delay: 1.7s;
}
.welcome_text span:nth-child(9){
 	animation-delay: 1.8s;
}
.welcome_text span:nth-child(10){
 	animation-delay: 1.9s;
}
.welcome_text span:nth-child(11){
 	animation-delay: 2s;
}
.welcome_text span:nth-child(12){
 	animation-delay: 2.1s;
}
.welcome_text span:nth-child(13){
 	animation-delay: 2.2s;
}
.welcome_text span:nth-child(14){
 	animation-delay: 2.3s;
}
.welcome_text span:nth-child(15){
 	animation-delay: 2.4s;
}
.welcome_text span:nth-child(16){
 	animation-delay: 2.5s;
}


@keyframes owl_text {
	0%   {opacity: 0; }
	25%  {opacity: 0;}
	30%  {opacity: 1;}
	70%  {opacity: 1;}
	75% {opacity: 0;}
	100% {opacity: 0;}
}

@media (max-width: 767px) {

#welcome_owl svg{
	width: 160px !important;
}

.welcome_text{
	margin-top: 60px;
	font-size: 12px;
}

}


#admin-toolbar {
    background-color: #eee;
    top: 0;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    color: #EEE;
    font: 11px Arial, sans-serif;
    left: 0;
    margin: 0;
    position: fixed;
    right: 0;
    z-index: 10001;
}
#admin-toolbar a {
    color:#333;
}
#admin-toolbar a:hover {
    background-color: #333;
    color:#eee;
}
#admin-toolbar .minitoolbar-link:hover {
    background-color: transparent;
}
#admin-toolbar .dropdown.menu a.hide-button {
    background: #444;
    width: 36px;
    height: 33px;
    cursor: pointer;
    text-align: center;
    padding: 0.5rem;
}
#admin-toolbar .hide-button svg {
    max-height: 18px;
    height: 20px;
    display: inline-block;
}
#admin-toolbar .minitoolbar {
    background-color: #eee;
    border-bottom-left-radius: 4px;
    top: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px;
    padding: 6px 8px;
    position: fixed;
    right: 0;
    z-index: 99999;
}
#admin-toolbar .minitoolbar img {
    height: 30px;
}
#admin-toolbar .dropdown.menu>li.is-dropdown-submenu-parent>a::after {
    content:none;
}
#admin-toolbar .dropdown.menu>li.is-dropdown-submenu-parent>a {
    color:#333;
}
#admin-toolbar .dropdown.menu>li.is-dropdown-submenu-parent>a:hover {
    background-color: #333;
    color:#eee;
}
#admin-toolbar .dropdown.menu>li.is-dropdown-submenu-parent>a.menu-head {
    padding-left:15px;
    padding-right:15px;
}