/* ########## MENU NAVIGATION & FOOTER ########## */


@font-face {
    font-family: 'Revolution Gothic';
    src: local("RevolutionGothic-Bold"), url("/FONTS/RevolutionGothic-Bold.woff2") format("woff2");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Revolution Gothic';
    src: local("RevolutionGothic-Regular"), url("/FONTS/RevolutionGothic-Regular.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: local("Poppins Regular"), local("Poppins-Regular"), url("/FONTS/Poppins-Regular.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: local("Poppins Italic"), local("Poppins-Italic"), url("/FONTS/Poppins-Italic.woff2") format("woff2");
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: local("Poppins Bold"), local("Poppins-Bold"), url("/FONTS/Poppins-Bold.woff2") format("woff2");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: local("Poppins SemiBold"), local("Poppins-SemiBold"), url("/FONTS/Poppins-SemiBold.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: local("Poppins SemiBold Italic"), local("Poppins-SemiBoldItalic"), url("/FONTS/Poppins-SemiBoldItalic.woff2") format("woff2");
    font-weight: 600;
    font-style: italic;
}



/* Text-level semantics
   ========================================================================== */
/*** Remove the gray background on active links in IE 10. */
a { background-color: transparent; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }

/*** Add the correct font weight in Chrome, Edge, and Safari. */
b, strong { font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }

/*** Add the correct font size in all browsers. */
small { font-size: 80%; }

/*** Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }


/* Forms
   ========================================================================== */
/*** 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */
button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }

/*** Show the overflow in IE. * 1. Show the overflow in Edge. */
button, input { overflow: visible; }

/*** Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */
button, select { text-transform: none; }

/*** Correct the inability to style clickable types in iOS and Safari. */
button,[type="button"],[type="reset"],[type="submit"] { -webkit-appearance: button; }

/*** Remove the inner border and padding in Firefox. */
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

/*** Restore the focus styles unset by the previous rule. */
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {outline: 1px dotted ButtonText; }

/*** Correct the padding in Firefox. */
fieldset { padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }

/*** Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { vertical-align: baseline; }

/*** Remove the default vertical scrollbar in IE 10+. */
textarea { overflow: auto; }

/*** 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */
[type="checkbox"],[type="radio"] { box-sizing: border-box; padding: 0; }

/*** Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button { height: auto; }

/*** 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */
[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }

/*** Remove the inner padding in Chrome and Safari on macOS. */
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/*** 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }

/* Some additions from Bootstrap reboot
   ========================================================================== */

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

ul, ol { padding-left: 0; list-style: none; }

a { color: inherit; text-decoration: none; }

button { padding: 0; border: none; background-color: transparent; color: inherit; cursor: pointer; }

input[type='text'],input[type='password'],input[type='email'],input[type='number'],input[type='tel'],input[type='url'],input[type='search'],input[type='file'],textarea,select {
    font-family: Poppins, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #383838;
    font-weight: normal;
    line-height: 2.375;
    padding: 0 20px;
    border: 1px solid rgba(56, 56, 56, 0.2);
    border-radius: 0;
    width: 100%;
    height: 2.5em;
    background-color: white;
    -webkit-appearance: none;
}

input[type='number'] { -moz-appearance: textfield; }

input[type='number']::-webkit-outer-spin-button, input[type='number']::-webkit-inner-spin-button { display: none; }

textarea { padding-top: 10px; padding-bottom: 10px; line-height: 1.3; }

.nq-u-flex { display: flex; }

.nq-u-flex > * { margin: auto; }

.nq-u-flex[data-wrap="true"] { flex-wrap: wrap; }

.nq-u-textRight { text-align: right; }

@keyframes rippleEffect {
    from { transform: scale(0); opacity: 0; }
    50% { opacity: 1; }
    to { transform: scale(1.5); opacity: 0; }
}

.nq-c-sideNav { display: inline-block; vertical-align: middle; }

.nq-c-sideNav-trigger {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-left: -10px;
    padding: 10px;
    font-size: 0;
    line-height: normal;
    outline: none;
}

.nq-c-sideNav-trigger-icon { display: inline-block; vertical-align: middle; }

.nq-c-sideNav-trigger-icon svg { width: 13px; height: 14px; }

@media screen and (min-width: 1025px) {
    .nq-c-sideNav-trigger-icon svg { width: 17px; height: 18px; }
}

.nq-c-sideNav-trigger-content {
    font-family: Poppins, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #383838;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    text-transform: uppercase;
}

@media screen and (max-width: 640px) {
    .nq-c-sideNav-trigger-content { display: none; }
}

@media screen and (min-width: 1025px) {
    .nq-c-sideNav-trigger-content { font-size: 16px; line-height: 22px; }
}

.nq-c-sideNav-content {
    width: 100vw;
    height: 100vh;
    background-color: #ffdc00;
    opacity: 0;
    transform: translateX(-100%);
}

@media screen and (min-width: 481px) {
    .nq-c-sideNav-content { max-width: 370px; }
}

.nq-c-sideNav-content-scroller { max-height: 100%; overflow-y: auto; }

.nq-c-sideNav-content-heading { padding: 16px 20px; background-color: white; }

.nq-c-sideNav-content-heading > * { display: inline-block; vertical-align: middle; }

.nq-c-sideNav-content-heading button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-right: 10px;
    font-size: 0;
    line-height: normal;
    outline: none;
}

.nq-c-sideNav-content-heading button svg { width: 18px; height: 18px; }

.nq-c-sideNav-content-heading button svg path { stroke: #383838; }

.nq-c-sideNav-content-heading-title {
    font-family: Poppins, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #383838;
    font-weight: bold;
    line-height: 1.5714;
    text-transform: uppercase;
}

@media screen and (min-width: 1025px) {
    .nq-c-sideNav-content-heading-title { font-size: 16px; }
}

@media screen and (min-width: 641px) {
    .nq-c-sideNav-content-heading { padding-top: 25px; padding-left: 50px; padding-right: 50px; }
}

@media screen and (min-width: 1025px) {
    .nq-c-sideNav-content-heading { padding-top: 52px; padding-left: 75px; padding-right: 75px; }
}

.nq-c-sideNav-content-wrapper {
    max-height: calc(100% - 60px);
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 30px;
    background-color: white;
}

@media screen and (min-width: 641px) {
    .nq-c-sideNav-content-wrapper { padding-left: 50px; padding-right: 50px; padding-bottom: 40px; }
}

@media screen and (min-width: 1025px) {
    .nq-c-sideNav-content-wrapper { padding-left: 75px; padding-right: 75px; padding-bottom: 40px;
    }
}

.nq-c-sideNav-content-footer { padding: 10px 20px;}

@media screen and (min-width: 641px) {
    .nq-c-sideNav-content-footer { padding-left: 50px; padding-right: 50px; }
}

@media screen and (min-width: 1025px) {
    .nq-c-sideNav-content-footer { padding: 20px 75px; }
}

.nq-c-sideNav-layer {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(56, 56, 56, 0.7);
    opacity: 0;
}

.nq-c-sideNav[data-status="opened"] .nq-c-sideNav-layer { display: block; }

.nq-c-sideMenu-title {
    font-family: Poppins, Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #ffdc00;
    font-weight: bold;
    line-height: 2.5;
    margin-bottom: 10px;
}

.nq-c-sideMenu-link {
    font-family: Poppins, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #383838;
    font-weight: 600;
    line-height: 2.8571;
    margin-left: 15px;
}

.nq-c-sideMenu-link[data-current="true"] { color: #00a558; }

.nq-c-sideMenu .nq-c-dropDown { padding-left: 0; }

.nq-c-sideMenu .nq-c-dropDown-trigger-title { text-transform: uppercase; }

.nq-c-sideMenu .nq-c-dropDown-content-wrapper { padding-bottom: 12px; }

.nq-c-navLinks { padding-top: 20px; padding-bottom: 20px; }

.nq-c-navLinks a {
    font-family: Poppins, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #383838;
    font-weight: normal;
    line-height: 2.1429;
    display: inline-block;
}

.nq-c-navLinks[data-theme="bold"] a {
    font-family: Poppins, Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #383838;
    font-weight: bold;
    line-height: 1.9444;
}

.nq-c-socialMedia { margin-top: 10px; border-top: 1px solid rgba(56, 56, 56, 0.1); }

.nq-c-socialMedia li {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 30px;
}

.nq-c-socialMedia li:first-of-type { margin-left: 0; }

.nq-c-socialMedia li:last-of-type { margin-right: 0; }

.nq-c-socialMedia li a { display: block; font-size: 0; line-height: normal; }

.nq-c-socialMedia li a svg { width: 20px; height: 20px; }

.nq-c-socialMedia li a svg path { fill: #00a558; }

.nq-c-header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 99999999999999999999999999999999999999999999999999999999999999999;
}

.nq-c-header-main {
    -webkit-transition: all 350ms cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all 350ms cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 350ms cubic-bezier(0.165, 0.84, 0.44, 1);
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 10px 20px;
    background-color: #ffdc00!important;
}

.nq-c-header-main-part {
    display: table-cell;
    vertical-align: middle;
    margin: 0 auto;
    padding: 0;
}

.nq-c-header-main-part[data-part="logo"] { width: 68px; }

.nq-c-header-main-part:first-of-type { margin-left: 0; }

.nq-c-header-main-part:last-of-type { margin-right: 0; }

.nq-c-header-logo { font-size: 0; line-height: normal; }

.nq-c-header-logo a { display: inline-block; }

.nq-c-header-logo a > svg {
    -webkit-transition: all 350ms cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all 350ms cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 350ms cubic-bezier(0.165, 0.84, 0.44, 1);
    width: 31px;
    height: 40px;
}

@media screen and (min-width: 641px) {
    .nq-c-header .nq-c-header-main { padding: 15px 50px; }
    .nq-c-header .nq-c-header-logo a > svg { width: 39px; height: 50px; }
}

@media screen and (max-width: 768px) {
    .nq-c-header[data-locked-sticky] { position: initial; }
}

@media screen and (min-width: 1025px) {
    .nq-c-header .nq-c-header-main { padding: 20px 75px; }
    .nq-c-header .nq-c-header-logo a > svg { width: 68px; height: 88px; }
    .nq-c-header[data-sticky="true"] .nq-c-header-main { padding-top: 13px; padding-bottom: 13px; }
    .nq-c-header[data-sticky="true"] .nq-c-header-logo a > svg { width: 50px; height: 64px; }
}

.nq-c-footerLinks { margin-bottom: 20px; font-size: 0; text-align: center; }

.nq-c-footerLinks li { position: relative; display: inline-block; vertical-align: middle; margin-left: 11px; margin-right: 11px; }

.nq-c-footerLinks li::before {
    content: '';
    position: absolute;
    display: inline-block;
    top: calc(50% - 1.5px);
    left: -11px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #00a558;
}

.nq-c-footerLinks li a { display: block; font-size: 11px; line-height: 20px; }

@media screen and (min-width: 1025px) {
    .nq-c-footerLinks li a { font-size: 13px; }
}

.nq-c-footerLinks li:first-of-type::before { display: none; }

.nq-c-footerCopyright {
    font-family: Poppins, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #383838;
    font-weight: normal;
    line-height: 1.8182;
    text-align: center;
}

@media screen and (min-width: 1025px) {
    .nq-c-footerCopyright { font-size: 13px; }
}

.nq-c-footerCopyright > * { display: inline-block; vertical-align: middle; }

.nq-c-footerCopyright a { margin-left: 8.5px; font-size: 0; line-height: normal; }

.nq-c-footer { margin-top: 50px; background-color: #ffdc00;
}

.nq-c-footer-wrapper { margin-left: auto; margin-right: auto; width: 1048px; max-width: 100%; padding: 30px 20px; }

.nq-c-footer-main {
    margin-left: auto;
    margin-right: auto;
    max-width: 280px;
    margin-bottom: 28px;
    font-size: 11px;
    float:left; /********/
}

.nq-c-footer-main-logo { display: block; font-size: 0; line-height: normal; }

.nq-c-footer-main-logo > svg { width: 42px; height: 54px; }

.nq-c-footer-content { overflow: hidden; }

.nq-c-footer-content-column { margin-bottom: 20px; }

@media screen and (max-width: 640px) {
    .nq-c-footer-main {width:100%;} /**********/
    .nq-c-footer-content {width:100%;} /**********/
    .nq-c-footer-content-column:not(:last-child) { margin-bottom: 0; }
    .nq-c-footer-content-column:not(:first-child) { margin-top: -1px; }
    .nq-c-footer-content-column:not(:first-child) .nq-c-dropDown { border-top: 0; }
}

@media screen and (min-width: 641px) {
    .nq-c-footer-content-column { margin-bottom: 40px; }
}

@media screen and (min-width: 1025px) {
    .nq-c-footer-content-column { margin-bottom: 50px; }
}

@media screen and (min-width: 641px) {
    .nq-c-footer { margin-top: 60px; }
    .nq-c-footer .nq-c-footer-wrapper { padding: 50px; }
    .nq-c-footer .nq-c-footer-content-wrapper {
        display: flex;
        justify-content: space-between;
        margin-left: -40px;
        margin-right: -40px;
    }
    .nq-c-footer .nq-c-footer-content-wrapper > * {
        flex-grow: 1;
        width: calc((100% - 80px) / 2);
        margin-left: 40px;
        margin-right: 40px;
    }
    .nq-c-footer .nq-c-footer-bottom { display: flex; justify-content: space-between; }
}

@media screen and (min-width: 1025px) {
    .nq-c-footer { margin-top: 87.5px; }
    .nq-c-footer .nq-c-footer-wrapper { padding-left: 0; padding-right: 0; }
    .nq-c-footer .nq-c-footer-main {
        display: inline-block;
        vertical-align: top;
        width: calc(((100% - 80px * 2) / 3) + 30px);
        max-width: none;
        margin-right: 50px;
    }
    .nq-c-footer .nq-c-footer-main-content { font-size: 13px; }
    .nq-c-footer .nq-c-footer-main-logo > svg { width: 56px; height: 72.5px; }
    .nq-c-footer .nq-c-footer-content {
        display: inline-block;
        vertical-align: top;
        width: calc(((100% - 80px * 2) / 3) * 2 + 80px);
    }
}

.nq-c-dropDown { padding-left: 20px; padding-right: 20px; border-top: 1px solid rgba(56, 56, 56, 0.1); }

.nq-c-dropDown:last-of-type { border-bottom: 1px solid rgba(56, 56, 56, 0.1); }

.nq-c-dropDown-trigger {
    -webkit-transition: all 350ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 350ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 350ms cubic-bezier(0.215, 0.61, 0.355, 1);
    font-family: Poppins, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #383838;
    font-weight: bold;
    line-height: 1.5714;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 15px;
    padding-bottom: 15px;
    cursor: pointer;
}

.nq-c-dropDown-trigger-icon { position: relative; font-size: 0; line-height: normal; }

.nq-c-dropDown-trigger-icon::before {
    content: '';
    position: absolute;
    display: inline-block;
    top: calc(50% - 1px);
    left: 1px;
    right: 1px;
    width: 12px;
    height: 2px;
    background-color: #d6d6d6;
    opacity: 0;
    transition: all 350ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.nq-c-dropDown-trigger-icon > svg { opacity: 1; transition: all 350ms cubic-bezier(0.215, 0.61, 0.355, 1); }

.nq-c-dropDown-trigger-icon > svg path { fill: #d6d6d6; }

.nq-c-dropDown-content { display: none; height: 0; opacity: 0; overflow: hidden; }

.nq-c-dropDown-content-wrapper { padding-bottom: 15px; }

.nq-c-dropDown[data-status="opened"] .nq-c-dropDown-trigger { padding-bottom: 5px; }

.nq-c-dropDown[data-status="opened"] .nq-c-dropDown-trigger-icon::before { opacity: 1; }

.nq-c-dropDown[data-status="opened"] .nq-c-dropDown-trigger-icon > svg { opacity: 0; }

.nq-c-dropDown[data-theme="main-color"] .nq-c-dropDown-trigger { color: #00a558;}

.nq-c-dropDown[data-theme="main-color"] .nq-c-dropDown-trigger-icon::before { background-color: #00a558; }

.nq-c-dropDown[data-theme="main-color"] .nq-c-dropDown-trigger-icon > svg path { fill: #00a558; }

.nq-c-header { z-index: 3; }

.nq-c-headerCart {
    display: inline-block;
    vertical-align: bottom;
    margin-left: 20px;
    position: relative;
    line-height: 1;
}

.nq-c-headerCart-notif {
    display: block;
    background: #00a558;
    line-height: 1;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    position: absolute;
    text-align: center;
    color: white;
    top: -10px;
    right: -12px;
}

.nq-c-headerCart-notif span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 13px;
    font-weight: bold;
    color: #ffdc00;
}

.nq-c-headerLogin { display: inline-block; vertical-align: bottom; line-height: 1; }

.nq-c-headerLogin svg { margin-bottom: 1px; }

.nq-c-mainNav { display: none; vertical-align: middle; margin-left: 40px; }

.nq-c-mainNav-list { display: flex; justify-content: center; align-items: center; }

.nq-c-mainNav-item + .nq-c-mainNav-item { margin-left: 25px; }

.nq-c-mainNav-link {
    display: block;
    font-family: Poppins, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #383838;
    font-weight: bold;
    line-height: 2.1429;
    text-transform: uppercase;
}

[data-current] .nq-c-mainNav-link { color: #00a558; }

@media screen and (min-width: 1291px) {
    .nq-c-mainNav { display: inline-block; }
}

.nq-c-mainNavLower {
    position: relative;
    display: none;
    padding: 0 75px;
    background-color: white;
    border-bottom: 1px solid #f0f0f0;
}

.nq-c-mainNavLower-list { display: flex; justify-content: center; align-items: center; }

.nq-c-mainNavLower-item:hover .nq-c-mainNavLower-link:before { opacity: 1; transform: scaleY(1); }

.nq-c-mainNavLower-item:hover .nq-c-mainNavLower-sub { display: block; animation: fcn-sub-menu 300ms cubic-bezier(0.165, 0.84, 0.44, 1) forwards; }

@keyframes fcn-sub-menu {
    0% { opacity: 0; transform: translateY(-10px); }
    100% { opacity: 1; transform: translateY(0px); }
}

.nq-c-mainNavLower-link {
    position: relative;
    display: block;
    font-family: Poppins, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #383838;
    font-weight: bold;
    line-height: 1.5714;
    text-transform: uppercase;
    padding: 15px 20px;
}

.nq-c-mainNavLower-link:before {
    content: '';
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: -1px;
    height: 5px;
    background-color: #00a558;
    opacity: 0;
    transform: scaleY(0);
    transform-origin: bottom;
    transition: opacity 200ms cubic-bezier(0.165, 0.84, 0.44, 1), transform 200ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.nq-c-mainNavLower-sub {
    display: none;
    position: absolute;
    top: calc(100% + 1px);
    left: 0;
    right: 0;
}

@media screen and (min-width: 1291px) {
    .nq-c-mainNavLower { display: block; }
}

.nq-c-mainSubNavLower { padding: 30px 75px; background-color: white; }

.nq-c-mainSubNavLower-wrapper { display: flex; justify-content: center; }

.nq-c-mainSubNavLower-column { width: 286px; }

.nq-c-mainSubNavLower-column + .nq-c-mainSubNavLower-column { margin-left: 20px; }

.nq-c-mainSubNavLower-link {
    display: block;
    font-family: Poppins, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #383838;
    font-weight: 600;
    line-height: 2.8571;
    transition: color 200ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.nq-c-mainSubNavLower-link:hover { color: #00a558; }

[data-emphasize] .nq-c-mainSubNavLower-link { font-weight: bold; }

.nq-c-mainSubNavLower-push { height: 195px; }

.nq-c-sideNav-layer { z-index: 5; }

.nq-c-sideMenu .nq-c-dropDown, .nq-c-sideMenu .nq-c-dropDown:last-of-type { border-color: #f0f0f0; }

.nq-c-sideMenu-link {
    display: block;
    font-family: Poppins, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #383838;
    font-weight: 600;
    line-height: 1.4286;
    padding: 10px 0;
}

.nq-c-dropDown { border-top: 1px solid #eccc06; }

.nq-c-dropDown:last-of-type { border-bottom: 1px solid #eccc06; }

.nq-c-footer { margin-top: 0; padding-left: 20px; padding-right: 20px; }

.nq-c-footer-wrapper { padding-left: 0 !important; padding-right: 0 !important; }

.nq-c-footer-main { max-width: none; margin-bottom: 30px; }

.nq-c-footer-main-logo { margin: 0 0 0 auto; }

@media screen and (max-width: 640px) {
    .nq-c-footer-content-column:not(:first-child) .nq-c-dropDown { border-top: 1px solid #eccc06; }
}

@media screen and (min-width: 641px) {
    .nq-c-footer { padding-left: 50px; padding-right: 50px; }
    .nq-c-footer-main { margin-bottom: 40px; }
}

@media screen and (min-width: 1025px) {
    .nq-c-footer { padding-left: 20px; padding-right: 20px; }
    .nq-c-footer-main { margin-top: 15px; font-size: 0; }
    .nq-c-footer-main-logo { display: inline-block; vertical-align: top; }
    .nq-c-footer-bottom { margin-left: calc(((100% - 80px * 2) / 3) + 80px); }
}

.nq-c-footerContact { font-size: 11px; line-height: 17px; margin: 0 auto 0 20px; }

.nq-c-footerContact-title { display: block; margin-bottom: 5px; font-family: Revolution Gothic, Arial, Helvetica, sans-serif; font-size: 24px; color: #00a558; font-weight: bold; margin-top: 20px;}

@media screen and (min-width: 1025px) {
    .nq-c-footerContact { display: inline-block; vertical-align: top; width: calc((100% - 56px - 20px)); font-size: 13px; line-height: 20px; }
}

@media screen and (min-width: 1025px) {
    .nq-c-footerLinks { width: calc(50% - 40px); white-space: nowrap; }
    .nq-c-footerLinks li { margin: 0; }
    .nq-c-footerLinks li + li { margin-left: 18px; }
}

@media screen and (min-width: 1025px) {
    .nq-c-footerCopyright { width: calc(50% - 40px); }
}

/* ########## FIN NAVIGATION & FOOTER ########## */
















.button,
.nav-fcnantes {
  text-align: center
}

body,
html {
  margin: 0;
  padding: 0;
  font-size: 0;
  font-family: Poppins, sans-serif
}

::-webkit-scrollbar {
  width: 10px
}

section.menu-full::-webkit-scrollbar {
  width: 0
}

::-webkit-scrollbar-button {
  background-color: #2a2a29;
  height: 0
}

.filtre-black,
main {
  height: 100%;
  width: 100%
}

::-webkit-scrollbar-track {
  background-color: #fff
}

::-webkit-scrollbar-thumb {
  background-color: #ffdc12
}

::-webkit-scrollbar-corner {
  background-color: #2a2a29
}

::-moz-selection {
  background-color: #ffdc12;
  color: #2a2a29
}

::selection {
  background-color: #ffdc12;
  color: #2a2a29
}

@-webkit-keyframes bdb {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    bottom: -10px
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    bottom: 0
  }
}

@keyframes bdb {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    bottom: -10px
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    bottom: 0
  }
}

#decennie-1 {
  -webkit-animation: bdb .5s 1.35s ease-out forwards;
  animation: bdb .5s 1.35s ease-out forwards
}

@-webkit-keyframes rom {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    bottom: -10px
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    bottom: 0
  }
}

@keyframes rom {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    bottom: -10px
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    bottom: 0
  }
}

#decennie-2 {
  -webkit-animation: rom .5s 1.55s ease-out forwards;
  animation: rom .5s 1.55s ease-out forwards
}

@-webkit-keyframes ben {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    bottom: -10px
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    bottom: 0
  }
}

@keyframes ben {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    bottom: -10px
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    bottom: 0
  }
}

#decennie-3 {
  -webkit-animation: ben .5s 1.75s ease-out forwards;
  animation: ben .5s 1.75s ease-out forwards
}

@-webkit-keyframes sylvr {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    bottom: -10px
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    bottom: 0
  }
}

@keyframes sylvr {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    bottom: -10px
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    bottom: 0
  }
}

#decennie-4 {
  -webkit-animation: sylvr .5s 1.95s ease-out forwards;
  animation: sylvr .5s 1.95s ease-out forwards
}

@-webkit-keyframes beu {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    bottom: -10px
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    bottom: 0
  }
}

@keyframes beu {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    bottom: -10px
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    bottom: 0
  }
}

#decennie-5 {
  -webkit-animation: beu .5s 2.15s ease-out forwards;
  animation: beu .5s 2.15s ease-out forwards
}

@-webkit-keyframes goodVibes {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    bottom: -10px
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    bottom: 0
  }
}

@keyframes goodVibes {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    bottom: -10px
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    bottom: 0
  }
}

#decennie-6 {
  -webkit-animation: goodVibes .5s 2.35s ease-out forwards;
  animation: goodVibes .5s 2.35s ease-out forwards
}

@-webkit-keyframes dodoSx {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    bottom: -10px
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    bottom: 0
  }
}

@keyframes dodoSx {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    bottom: -10px
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    bottom: 0
  }
}

#decennie-7 {
  -webkit-animation: dodoSx .5s 2.55s ease-out forwards;
  animation: dodoSx .5s 2.55s ease-out forwards
}

@-webkit-keyframes bgHome {
  0% {
    -webkit-transform: scale(1.25);
    transform: scale(1.25)
  }
  100% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
  }
}

@keyframes bgHome {
  0% {
    -webkit-transform: scale(1.25);
    transform: scale(1.25)
  }
  100% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
  }
}

#decennie-8 {
  -webkit-animation: bdb .5s 1.35s ease-out forwards;
  animation: bdb .5s 1.35s ease-out forwards
}





main {
  position: relative;
  -webkit-transition: all .75s ease-in-out;
  transition: all .75s ease-in-out
}

.move-main,
header {
  -webkit-transition: all .75s ease-in-out
}

.move-main {
  transition: all .75s ease-in-out;
  -webkit-transform: translate(-100%);
  transform: translate(-100%)
}

.background {
  background-size: cover;
  background-position: center
}

.filtre-black {
  background-color: rgba(42, 42, 41, .55);
  position: absolute;
  top: 0;
  z-index: 1;
}



#home .filtre-black {
  box-shadow: 30vw 0 45vw 0 rgba(42, 42, 41, .75) inset
}

#home .hr-black {
  display: none
}

.flex-all {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 92%;
  width: 100%
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.auto {
  margin: auto
}

.button {
  font-size: 15px;
  color: #fff;
  text-decoration: none;
  font-weight: 300;
  border: 2px solid #fff;
  border-radius: 100px;
  padding: 2px 24px;
  display: inline-block;
  margin-top: 10px;
  width: 200px;
  box-sizing: border-box;
  position: relative;
  left: calc(-700px - 6.5%);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: all .5s;
  transition: all .5s
}

.button:hover {
  background-color: #ffdc12;
  color: #2a2a29;
  border-color: #ffdc12
}

.after-anim {
  opacity: 1!important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transition: opacity .5s;
  transition: opacity .5s;
  bottom: 0!important
}

.invisible {
  -webkit-transition: all .5s;
  transition: all .5s;
  opacity: 0!important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.colorBasique {
  color: #fff!important
}

header {
  position: fixed;
  width: 100%;
  z-index: 9999999;
  transition: all .75s ease-in-out;
  left: 0;
  -webkit-transform: translateZ(100px);
  transform: translateZ(100px)
}

header nav.header-top-screen {
  padding-top: 50px;
  padding-left: 4.5%;
  padding-right: 4.5%;
  font-size: 0;
  font-weight: 500;
  background-color: rgba(0, 0, 0, 0);
  position: relative;
  left: 0;
  -webkit-transition: all .75s ease-in-out;
  transition: all .75s ease-in-out
}

.nav-open-menu-full {
  padding-top: 0!important;
  -webkit-transition: all .5s;
  transition: all .5s
}

.nav-open-black {
  color: #000!important;
  -webkit-transition: all .5s;
  transition: all .5s
}

.header-down {
  padding-top: 0!important;
  -webkit-transition: all .5s;
  transition: all .5s;
  background-color: rgba(255, 220, 18, 1)!important
}

header nav.header-top-screen.header-down .nav-fcnantes #name-nav,
header nav.header-top-screen.header-down .nav-other ul li a {
  color: #2a2a29!important;
  -webkit-transition: all .25s;
  transition: all .25s
}

header nav.header-top-screen.header-down .item-nav button span.hamburger-inner {
  background-color: #2a2a29!important
}

header nav.header-top-screen .item-nav button {
  background: 0 0;
  border: none;
  width: 45px;
  display: inline-block;
  outline: 0
}

header nav.header-top-screen .item-nav button:hover span#line-3 {
  width: 100%!important;
  -webkit-transition: all .5s;
  transition: all .5s
}

header nav.header-top-screen .item-nav button span {
  height: 2px;
  width: 100%;
  background-color: rgba(255, 255, 255, 1);
  display: block;
  margin: 6px 0;
  -webkit-transition: all .25s;
  transition: all .25s
}

header nav.header-full-screen .item-nav button span {
  height: 2px;
  width: 100%;
  background-color: rgba(255, 255, 255, 1)!important;
  display: block;
  margin: 6px 0;
  -webkit-transition: all .25s;
  transition: all .25s
}

header nav.header-top-screen .item-nav button span#line-3 {
  width: 25px;
  -webkit-transition: all .25s;
  transition: all .25s
}

header nav.header-top-screen .item-nav {
  width: 25%;
  display: inline-block;
  vertical-align: middle
}

header nav.header-top-screen .item-nav .button-burger-nav {
  display: inline-block;
  position: relative;
  z-index: 999;
  vertical-align: sub;
  cursor: pointer
}

header nav.header-top-screen .item-nav button {
  vertical-align: middle;
  padding: 0 5px 0 0;
  cursor: pointer
}

header nav.header-top-screen .item-nav button:hover {
  opacity: 1!important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

header nav.header-top-screen .item-nav button span.hamburger-box {
  width: 34px;
  height: 19px
}

header nav.header-top-screen .item-nav button span.hamburger-inner,
header nav.header-top-screen .item-nav button span.hamburger-inner:after,
header nav.header-top-screen .item-nav button span.hamburger-inner:before {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 0!important;
  height: 2px;
  width: 34px
}

header nav.header-top-screen .item-nav button span.hamburger-inner:before {
  top: -8px
}

header nav.header-top-screen .item-nav button span.hamburger-inner:after {
  bottom: -8px
}

header nav.header-top-screen .item-nav #name-button-burger-nav {
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  font-size: 16px;
  -webkit-transition: all .25s;
  transition: all .25s
}

.menu-full .nav-fcnantes {
  width: 100%;
  top: 0
}

.menu-full .nav-fcnantes a {
  color: #fff!important
}

.nav-fcnantes img {
  display: inline-block;
  width: 60px;
  vertical-align: middle;
  margin-right: 10px;
  padding: 5px 0
}

.nav-fcnantes #name-nav {
  display: inline-block;
  color: #fff;
  font-size: 22px;
  vertical-align: middle;
  -webkit-transition: all .25s;
  transition: all .25s;
  text-decoration: none
}


#blason-nav {
background-image: url('/images/blason.png');
background-repeat: no-repeat;
background-size:44px 44px;
margin-top: 10px;
}

#blason-nav2 {
background-image: url('/images/blason.png');
background-repeat: no-repeat;
background-size:44px 44px;
margin-top: 10px;
}

header nav.header-top-screen.header-down #blason-nav {
background-image: url('/images/blasonV.png');
background-repeat: no-repeat;
background-size:44px 44px;
margin-top: 10px;
}

header nav.header-top-screen.header-down #blason-nav {
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
}

/*========== 1600 -> 6000 px ==========*/


@media all and (min-width: 1601px) and (max-width: 6000px) {
#blason-nav {
background-image: url('/images/blason.png');
background-repeat: no-repeat;
background-size:60px 60px;
margin-top: 8px;
}

#blason-nav2 {
background-image: url('/images/blason.png');
background-repeat: no-repeat;
background-size:60px 60px;
margin-top: 8px;
}

header nav.header-top-screen.header-down #blason-nav {
background-image: url('/images/blasonV.png');
background-repeat: no-repeat;
background-size:60px 60px;
margin-top: 12px;
}

header nav.header-top-screen.header-down #blason-nav {
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
}

}


header nav.header-top-screen .nav-other ul {
  font-size: 16px;
  text-align: right;
  -webkit-transition: all .5s;
  transition: all .5s
}

header nav.header-top-screen .nav-other ul li {
  margin: 0 14px
}

header nav.header-top-screen .nav-other ul li a {
  border-bottom: solid 2px transparent;
  text-decoration: none;
  color: #fff;
  text-transform: uppercase;
  -webkit-transition: all .25s;
  transition: all .25s
}

header nav.header-top-screen .nav-other ul li a:hover {
  border-bottom: solid 2px #ffdc12;
  -webkit-transition: all .25s;
  transition: all .25s
}

header nav.header-top-screen.header-down .nav-other ul li a:hover {
  border-bottom: solid 2px rgba(0, 0, 0, 1);
  -webkit-transition: all .25s;
  transition: all .25s
}

header nav.header-top-screen ul.icon-menu {
  display: inline-block;
  vertical-align: middle;
  margin-left: 25px;
  -webkit-transition: all .5s;
  transition: all .5s
}

.open-notif {
  top: 48px!important
}

#header-nb-notif {
  width: 15px;
  height: 15px;
  background: #fff;
  color: #262524;
  font-size: 10px;
  display: block;
  margin-top: 0;
  position: absolute;
  border-radius: 100%;
  text-align: center;
  line-height: 16px;
  right: -5px;
  bottom: 0;
  -webkit-transition: all .25s;
  transition: all .25s
}

#wrap-news-notif,
header nav.header-top-screen ul.icon-menu li p.bulle {
  -webkit-transition: all .5s;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

header nav.header-top-screen ul.icon-menu li {
  margin: 0 9px;
  vertical-align: middle;
  cursor: pointer;
  position: relative
}

.notif-here #bulle-menu-3 {
  margin-left: -42px!important
}

#wrap-news-notif {
  background-color: #2a2a29;
  top: 20px;
  box-sizing: border-box;
  box-shadow: 5px 10px 10px 0 rgba(42, 42, 41, .65);
  position: absolute;
  width: 320px;
  left: -147.5px;
  display: none;
  transition: all .5s
}

.arrow-flech-icon {
  text-align: center;
  position: absolute;
  width: 100%
}

.arrow-flech-icon img {
  position: relative;
  top: -12px
}

#wrap-news-notif #title-notif {
  font-size: 12px;
  color: #fff;
  margin: 0;
  padding: 8px 20px
}

#wrap-news-notif #title-notif span {
  position: relative;
  top: 0;
  background-color: #fff;
  color: #262524;
  font-weight: 600;
  width: 17px;
  height: 17px;
  display: inline-block;
  border-radius: 100%;
  left: auto;
  margin-left: 6px
}

#wrap-news-notif .home-liste-news {
  width: 100%;
  left: 0;
  padding: 0;
  margin: 0;
  position: relative;
  box-sizing: border-box;
  vertical-align: top;
  display: inline-block;
  background-color: #fff;
  right: 0
}

#wrap-news-notif aside.home-liste-news ul li .home-infos-news h2 {
  font-size: 17px;
  margin: 0 0 5px;
  text-transform: uppercase;
  line-height: 18px
}

#wrap-news-notif aside.home-liste-news ul li .home-infos-news span {
  text-decoration: none;
  color: #2a2a29;
  font-size: 14px;
  line-height: 16px
}

#wrap-news-notif .home-liste-news li {
  display: block;
  border: none!important;
  left: 0!important;
  background-color: #fff;
  margin: 0;
  padding: 16px 20px;
  width: auto!important
}

#wrap-news-notif aside.home-liste-news ul li a {
  color: #2a2a29
}

#wrap-news-notif .home-liste-news li img {
  position: relative;
  left: -20px;
  margin-top: -16px;
  margin-bottom: 16px;
  height: 100%!important
}

#wrap-news-notif .home-liste-news li:nth-child(odd) {
  background-color: #f4f4f4
}

#wrap-news-notif .home-liste-news li .home-infos-news {
  width: 100%;
  margin-left: 0;
  left: 0
}

header nav.header-top-screen ul.icon-menu li form {
  display: inline-block;
  vertical-align: bottom;
  margin-left: 8px
}

header nav.header-top-screen ul.icon-menu li form input {
  outline: 0;
  border: none;
  background: 0 0;
  border-bottom: solid 1px #fff;
  color: #fff;
  -webkit-transition: all .25s;
  transition: all .25s;
  width: 0;
  padding: 0
}

.input_menu_open {
  width: 125px!important;
  -webkit-transition: all .25s;
  transition: all .25s
}

header nav.header-top-screen ul.icon-menu li #Capa_1 {
  display: none
}

header nav.header-top-screen ul.icon-menu li svg {
  height: 25px
}

header nav.header-top-screen ul.icon-menu li p.bulle {
  font-size: 12px;
  position: absolute;
  color: #fff;
  background-color: #2a2a29;
  font-weight: 400;
  padding: 8px;
  transition: all .5s;
  white-space: nowrap
}

header nav.header-top-screen ul.icon-menu li p#bulle-menu-1 {
  margin-left: -68px;
  width: 138px
}

header nav.header-top-screen ul.icon-menu li p#bulle-menu-2 {
  margin-left: -18px
}

header nav.header-top-screen ul.icon-menu li p#bulle-menu-3 {
  margin-left: -33px;
  white-space: nowrap;
  text-overflow: ellipsis
}

header nav.header-top-screen ul.icon-menu li p#bulle-menu-3.not-notif-here {
  margin-left: -54px
}

header nav.header-top-screen ul.icon-menu li p#bulle-menu-4 {
  margin-left: -28px
}

header nav.header-top-screen ul.icon-menu li p span {
  position: absolute;
  width: 100%;
  text-align: center;
  left: 0;
  top: -12px
}

header nav.header-top-screen ul.icon-menu li p span.window_menu {
  background-color: #fff;
  display: block;
  position: relative;
  top: auto;
  height: 0;
  margin-top: 0;
  -webkit-transition: all .5s;
  transition: all .5s
}

.window_menu_open {
  height: 150px!important;
  margin-top: 7px!important;
  -webkit-transition: all .5s;
  transition: all .5s
}

.selected_icon {
  opacity: 1!important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

header nav.header-top-screen ul.icon-menu li:hover p {
  -webkit-transition: all .5s;
  transition: all .5s;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  margin-top: 23px
}

#previous-menu-full,
section.menu-full {
  -webkit-transition: all .75s ease-in-out
}

header nav.header-top-screen ul {
  padding: 0
}

header nav.header-top-screen ul li {
  list-style: none;
  display: inline-block
}

#button-open-engrenage,
#wrap-resp-picto {
  display: none
}

#previous-menu-full {
  position: fixed;
  top: 0;
  height: 100vh;
  -webkit-transform: translate(100%);
  transform: translate(100%);
  width: 100%;
  background-color: #ffdc12;
  transition: all .75s ease-in-out
}

.svg-one {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 75%
}

.wrap-menu-full,
section.menu-full {
  width: calc(100% - 30px);
  height: 100vh;
  position: fixed;
  right: 0;
  top: 0
}

section.menu-full {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  transition: all .75s ease-in-out;
  overflow-x: hidden;
  -webkit-transform: translate(100%);
  transform: translate(100%)
}

.open-previous-menu-full {
  -webkit-transform: translate(0)!important;
  transform: translate(0)!important;
  -webkit-transition: all .75s ease-in-out;
  transition: all .75s ease-in-out
}

header-top-screen.header-full-screen.header-down.move-main {
  padding-top: 6px!important
}

.open-menu-full {
  -webkit-transition: all .75s ease-in-out;
  transition: all .75s ease-in-out;
  -webkit-transform: translate(0)!important;
  transform: translate(0)!important
}

.open-menu-full-item {
  color: #fff!important
}

.wrap-menu-full {
  -webkit-transition: all .75s ease-in-out;
  transition: all .75s ease-in-out;
  overflow: hidden;
  -webkit-transform: translate(100%);
  transform: translate(100%)
}

.wrap-menu-full .background-menu-full {
  background-image: url(/img/1920/bg-menu.jpg);
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
  -webkit-transition: all 7.5s ease-in-out;
  transition: all 7.5s ease-in-out
}

.background-menu-full-anim {
  -webkit-transform: scale(1)!important;
  transform: scale(1)!important;
  -webkit-transition: all .75s ease-in-out;
  transition: all .75s ease-in-out
}

section.menu-full .filtre-menu {
  position: fixed;
  width: 100%;
  height: 2500px;
  top: 0;
  left: 0;
  background-color: rgba(42, 42, 41, .5);
  -webkit-transition: all .75s ease-in-out;
  transition: all .75s ease-in-out
}

section.menu-full .header-full-screen {
  z-index: 99999;
  position: absolute;
  top: 0;
  background: 0 0!important;
  width: 100%;
  padding-top: 56px;
  box-sizing: border-box;
  -webkit-transform: translate(0);
  transform: translate(0)
}

section.menu-full .header-full-screen .nav-menu img {
  width: 28px
}

section.menu-full #blason-nav-full {
  position: absolute;
  right: 4%;
  width: 60px;
  top: 4%
}

section.menu-full .bande-menu-full {
  position: fixed;
  top: 0;
  height: 100vh;
  width: 30px;
  background-color: #ffdc12;
  -webkit-transition: all .75s ease-in-out;
  transition: all .75s ease-in-out
}

.open-menu-elem-fixed {
  -webkit-transform: translate(0)!important;
  transform: translate(0)!important;
  -webkit-transition: all .75s ease-in-out;
  transition: all .75s ease-in-out
}

section.menu-full .all-ellements-menu {
  position: relative;
  width: 60%;
  font-size: 0;
  margin: auto;
  z-index: 9;
  padding-top: 120px
}

section.menu-full .all-ellements-menu nav {
  display: inline-block;
  vertical-align: top;
  width: 25%
}

section.menu-full .all-ellements-menu nav h2 {
  color: #ffdc12;
  margin: 0 0 5px;
  font-size: 35px;
  line-height: 1em
}

section.menu-full .all-ellements-menu nav h2 a {
    color: #ffdc12;
    text-decoration: none;
}

section.menu-full .all-ellements-menu nav ul {
  padding: 0;
  margin-bottom: 35px
}

section.menu-full .all-ellements-menu nav li {
  list-style: none;
  padding-left: 25px;
  line-height: 22px;
  -webkit-transition: all .25s;
  transition: all .25s
}

section.menu-full .all-ellements-menu nav li a:hover {
  -webkit-transition: all .25s;
  transition: all .25s;
  color: #ffdc12!important;
  padding-left: 10px!important
}

section.menu-full .all-ellements-menu nav li a {
  padding-left: 0;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  line-height: 13px;
  -webkit-transition: all .25s;
  transition: all .25s
}

section.menu-full .menu-social-sidebar {
  margin: auto;
  position: relative;
  padding: 0 80px;
  border-right: solid 1px #fff;
  height: 45%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

section.menu-full .menu-social-sidebar .title-social {
  height: 100%;
  position: absolute;
  left: 0
}

section.menu-full .menu-social-sidebar .title-social .rotate-title-social {
  height: 100%
}

section.menu-full .menu-social-sidebar .title-social hr:nth-child(1) {
  height: calc(50% - 50px);
  border: 0;
  background-color: #fff;
  width: 1px;
  position: relative;
  top: 0;
  margin: 0
}

section.menu-full .menu-social-sidebar .title-social hr:nth-child(3) {
  height: calc(50% - 50px);
  border: 0;
  background-color: #fff;
  width: 1px;
  position: relative;
  bottom: -100px;
  margin: 0
}

section.menu-full .menu-social-sidebar .title-social p {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  width: 100px;
  color: #fff;
  text-align: center;
  position: absolute;
  margin: 0;
  left: -50px;
  top: 47%;
  font-size: 16px;
}



/*========== BANDEAU PARTENAIRES 2 ==========*/

.bandeauPartenaires2 {
    background-color: #ffffff;
    text-align: center;
    padding-top: 55px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    width:100%;
    color:#999999;
    font-size:0.7em;
    height:320px;
}
.bandeauPartenaires2 .principaux {
    padding-bottom: 20px;
    display:inline-block;
    text-align: center;
}
.bandeauPartenaires2 .officiels {
    padding-bottom: 20px;
    display: inline-block;
    text-align: center;
}

.bandeauPartenaires2 .principaux .event {
    display: inline-block;
    float:left;
    width: 100px;
    margin: 10px 10px;
}

.bandeauPartenaires2 .officiels .event {
    display: inline-block;
    float:left;
    width: 70px;
    padding-top: 15px;
    margin: -10px 10px;
}

.bandeauPartenaires2 a {
    display: block;
    margin: auto;
    height: 65px;

}

.bandeauPartenaires2 img {
    width: 100%;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    transition: all 0.25s;
}

.bandeauPartenaires2 a:hover img {

    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    transition: all 0.25s;
}

@media all and (min-width: 0px) and (max-width: 700px) {

.bandeauPartenaires2 {
    padding-top: 30px;
    height: auto;
    display: block;
    padding-bottom: 20px
}
.bandeauPartenaires2 .principaux .event {
    width: 50px;
    margin: 10px 10px;
}
.bandeauPartenaires2 .officiels .event {
    width: 50px;
    padding-top: 15px;
    margin: -5px 5px;
}
}




.bandeauPartenaires,
footer {
  position: relative;
  z-index: 2
}

section.menu-full .menu-social-sidebar ul {
  padding: 0;
  text-align: center;
  margin: auto
}

section.menu-full .menu-social-sidebar ul li {
  list-style: none;
  margin: 15px 0
}

section.menu-full .menu-social-sidebar ul li img {
  width: 25px;
  -webkit-transition: all .25s;
  transition: all .25s;
  -webkit-transform: scale(1);
  transform: scale(1)
}

section.menu-full .menu-social-sidebar ul li img:hover {
  -webkit-transition: all .25s;
  transition: all .25s;
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}

.bandeauPartenaires {
  background-color: #fff;
  text-align: center;
  color: #999;
  font-size: 11px;
  padding: 55px 20px 20px
}

.bandeauPartenaires .event {
  display: inline-block;
  width: 62px;
  margin: 10px 30px
}

.bandeauPartenaires a {
  display: block;
  margin: auto;
  height: 65px
}

.bandeauPartenaires img {
  width: 100%;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');
  filter: grayscale(100%);
  filter: gray;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -webkit-transition: all .25s;
  transition: all .25s
}

footer {
  background-color: #2a2a29;
  border-top: solid 5px #ffdc12
}

footer nav {
  font-size: 0;
  padding: 75px 15% 100px
}

footer .copyright,
footer nav ul li a {
  color: #fff;
  font-size: 16px;
  text-transform: uppercase
}

footer nav ul {
  padding: 0;
  display: inline-block;
  width: 25%;
  vertical-align: top
}

footer nav ul li {
  list-style: none;
  margin: 20px 0
}

footer nav ul li a {
  text-decoration: none;
  font-weight: 500;
  -webkit-transition: all .5s;
  transition: all .5s
}

footer .copyright {
  text-align: center;
  padding-bottom: 15px;
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box
}

footer .copyright a {
  text-decoration: none;
  color: #ffdc12
}

.content-hr {
  position: absolute;
  top: 0;
  left: 40%;
  height: 100%;
  width: 60%;
  font-size: 0;
  z-index: 2
}

.content-hr hr {
  width: 2px;
  border: none;
  background-color: rgba(255, 255, 255, .1);
  height: 100%;
  display: inline-block;
  margin-left: 24%
}

.content-hr hr:nth-child(1) {
  margin-left: 0!important
}

.content-background {
  position: absolute;
  overflow: hidden
}

.background-scale {
  -webkit-animation: bgHome 7.5s 0s ease-out forwards;
  animation: bgHome 7.5s 0s ease-out forwards;
  -webkit-transform: scale(1.25);
  transform: scale(1.25);
  position: relative;
  left: 5%
}

.wrap {
  height: calc(100% - 120px);
  top: 120px;
  position: relative;
  left: 0;
  overflow: hidden
}

#home .wrap {
  z-index: 2
}

h1 span {
  color: #ffdc12
}

.content-intro p {
  color: #fff;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.35em;
  padding-right: 36%;
  margin: 20px 0;
  position: relative;
  -webkit-transform: translate(calc(-700px - 6.5%));
  transform: translate(calc(-700px - 6.5%));
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.content-intro p.all-text {
  margin-bottom: 0!important
}

.text-none-smartphone {
  margin-top: 0!important
}

@-webkit-keyframes titreHome {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translate(calc(-700px - 6.5%));
    transform: translate(calc(-700px - 6.5%))
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translate(0);
    transform: translate(0)
  }
}

@keyframes titreHome {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translate(calc(-700px - 6.5%));
    transform: translate(calc(-700px - 6.5%))
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translate(0);
    transform: translate(0)
  }
}

.intro .content-intro h1 {
  -webkit-animation: titreHome .5s .25s ease-out forwards;
  animation: titreHome .5s .25s ease-out forwards
}

@-webkit-keyframes titreDecennie {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: calc(-700px - 6.5%)
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    left: 5vw
  }
}

@keyframes titreDecennie {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: calc(-700px - 6.5%)
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    left: 5vw
  }
}

#decennie h1 {
  -webkit-animation: titreDecennie .5s .25s ease-out forwards;
  animation: titreDecennie .5s .25s ease-out forwards
}

@-webkit-keyframes texteHome {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translate(calc(-700px - 6.5%));
    transform: translate(calc(-700px - 6.5%))
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translate(0);
    transform: translate(0)
  }
}

@keyframes texteHome {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translate(calc(-700px - 6.5%));
    transform: translate(calc(-700px - 6.5%))
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translate(0);
    transform: translate(0)
  }
}

.intro .content-intro p {
  -webkit-animation: texteHome .5s .45s ease-out forwards;
  animation: texteHome .5s .45s ease-out forwards
}

@-webkit-keyframes savoirHome {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translate(calc(-700px - 6.5%));
    transform: translate(calc(-700px - 6.5%))
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translate(0);
    transform: translate(0)
  }
}

@keyframes savoirHome {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translate(calc(-700px - 6.5%));
    transform: translate(calc(-700px - 6.5%))
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translate(0);
    transform: translate(0)
  }
}

.intro .content-intro a:nth-child(4),
.intro .content-intro hr {
  -webkit-animation: savoirHome .5s .65s ease-out forwards;
  animation: savoirHome .5s .65s ease-out forwards
}

@-webkit-keyframes savoirDecennie {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: calc(-700px - 6.5%)
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    left: 5vw
  }
}

@keyframes savoirDecennie {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: calc(-700px - 6.5%)
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    left: 5vw
  }
}

#decennie .solo-hr {
  -webkit-animation: savoirDecennie .5s .45s ease-out forwards;
  animation: savoirDecennie .5s .45s ease-out forwards
}

@-webkit-keyframes lienHome {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: calc(-700px - 6.5%)
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    left: 0
  }
}

@keyframes lienHome {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: calc(-700px - 6.5%)
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    left: 0
  }
}

.intro .content-intro a:nth-child(6),
.intro .content-intro a:nth-child(7) {
  -webkit-animation: lienHome .5s .85s ease-out forwards;
  animation: lienHome .5s .85s ease-out forwards
}

.home-actu-title {
  text-align: center;
  position: relative;
  width: 100%;
  margin: auto;
  display: flex
}

.home-actu-title h3 {
  position: relative;
  z-index: 99;
  width: auto;
  margin: auto;
  color: #ffdc12;
  font-weight: 500;
  font-size: 16px;
  display: inline-block;
  padding: 0 25px;
  text-transform: uppercase
}

.home-actu-title hr {
  background-color: #ffdc12;
  height: 2px;
  position: relative;
  width: 100%;
  top: 10px;
  border: none
}

section.home-curent-news .news-white {
  background-color: #fff;
  font-size: 0;
  position: relative;
  width: 100%;
  height: 242px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: all .5s;
  transition: all .5s;
  right: 5vw;
  bottom: -10px;
  box-shadow: rgba(0, 0, 0, .3) 0 10px 30px
}

.news-white:hover .bg-block-news-white {
  -webkit-transition: all 2s;
  transition: all 2s;
  -webkit-transform: scale(1);
  transform: scale(1)
}

.visible-actu {
  opacity: 1!important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transition: all .5s;
  transition: all .5s
}

.transiton-block {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: all .5s;
  transition: all .5s
}

.news-black {
  width: 100%;
  height: 30.35%
}

.visible-actu-black {
  opacity: 1!important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transition: all .5s;
  transition: all .5s
}

section.home-curent-news article a {
  color: #2a2a29;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.background-news {
  background-size: cover;
  background-position: center;
  position: relative;
  height: 100%;
  width: 100%
}

section.home-curent-news article span {
  color: #2a2a29;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 14px
}

section.home-curent-news article h2 {
  color: #2a2a29;
  font-size: 20px;
  line-height: 21px;
  text-transform: uppercase;
  margin: 0!important
}

section.home-curent-news article p {
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  margin-top: 20px;
  margin-bottom: 0
}

section.home-curent-news article.news-black p {
  color: #fff
}

section.home-curent-news article.news-black {
  background-color: rgba(42, 42, 41, 1);
  position: relative;
  height: 242px;
  top: -10px
}

section.home-curent-news article .content-block-news-black {
  vertical-align: bottom;
  color: #fff;
  width: 45%;
  padding-left: 5%;
  display: inline-block;
  box-sizing: border-box
}

section.home-curent-news article.news-black h2,
section.home-curent-news article.news-black span {
  color: #ffdc12
}

section.home-curent-news article .content-block-news-black h2,
section.home-curent-news article .content-block-news-black span {
  position: relative;
  width: calc(100% + 55px);
  text-align: right;
  z-index: 99
}

section.home-curent-news article .content-block-news-black span {
  display: block
}

section.home-curent-news article .bg-block-news-black {
  vertical-align: middle;
  height: 75%;
  width: 55%;
  top: 12.5%;
  right: -5%;
  display: inline-block
}

.flex-all aside.home-liste-news {
  position: absolute;
  right: 12vw;
  box-sizing: border-box;
  opacity: 0;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}

.anim-aside-visu,
aside.home-liste-news ul li {
  -webkit-transition: all .5s;
  -o-transition: all .5s
}

.anim-aside-visu {
  opacity: 1!important;
  transition: all .5s
}

aside.home-liste-news .title-aside-actu-time {
  color: #ffdc12;
  margin: 0 0 10px;
  position: relative
}

aside.home-liste-news .title-aside-actu-time span {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px
}

aside.home-liste-news .title-aside-actu-time hr {
  display: inline-block;
  vertical-align: middle;
  border: none;
  margin-left: 20px;
  width: 35px;
  height: 2px;
  background-color: #ffdc12
}

aside.home-liste-news ul {
  padding: 0
}

aside.home-liste-news ul li {
  list-style: none;
  font-size: 0;
  padding: 8px 0;
  position: relative;
  left: 0;
  transition: all .5s
}

aside.home-liste-news ul li:hover {
  left: 35px!important;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}

aside.home-liste-news ul li a {
  color: #fff
}

aside.home-liste-news ul li .home-date-news {
  vertical-align: middle;
  display: inline-block;
  width: 52px;
  text-align: center;
  position: relative
}

.first-nav-here,
.nav a:nth-child(2) {
  text-align: right
}

aside.home-liste-news ul li .home-date-news .d-date-news {
  display: block;
  font-size: 44px;
  font-weight: 600;
  letter-spacing: 1px
}

aside.home-liste-news ul li .home-infos-news {
  vertical-align: middle;
  display: inline-block;
  position: relative;
  margin-left: 18px
}

aside.home-liste-news ul li hr {
  width: calc(100% - 70px);
  border: none;
  height: 1px;
  background-color: #fff;
  position: absolute;
  bottom: 0;
  right: 0
}

aside.home-liste-news ul li .home-infos-news h3 {
  font-size: 17px;
  margin: 0 0 5px;
  text-transform: uppercase;
  line-height: 18px;
  color: #ffdc12
}

aside.home-liste-news ul li .home-infos-news span {
  text-decoration: none;
  color: #fff;
  font-size: 14px;
  line-height: 16px
}

#home {
  height: 100vh;
  position: relative
}

.background-home {
  height: 100vh;
  width: 100vw;
  top: 0;
  left: 0;
  z-index: -1
}

.transition-click {
  -webkit-transition: inherit!important;
  transition: inherit!important
}

.intro {
  width: 40vw;
  height: calc(100% - 120px);
  position: fixed;
  z-index: 1
}

.intro .content-intro a:nth-child(4),
.intro .content-intro h1,
.intro .content-intro hr {
  position: relative;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.intro .content-intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%
}

.intro .content-intro .auto {
  margin: auto auto auto 7vw
}

.intro .content-intro h1 {
  color: #fff;
  font-size: 65px;
  line-height: 1em;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 3px;
  -webkit-transform: translate(calc(-700px - 6.5%));
  transform: translate(calc(-700px - 6.5%))
}

.intro .content-intro a:nth-child(4) {
  color: #ffdc12;
  font-weight: 300;
  font-size: 16px;
  text-decoration: none;
  -webkit-transform: translate(calc(-700px - 6.5%));
  transform: translate(calc(-700px - 6.5%))
}

.intro .content-intro hr {
  border: none;
  background-color: #ffdc12;
  width: 5%;
  height: 2px;
  margin: 20px 0;
  -webkit-transform: translate(calc(-700px - 6.5%));
  transform: translate(calc(-700px - 6.5%))
}

.intro .content-intro a:nth-child(6) {
  margin-right: 30px
}

.content-articles {
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  font-size: 0;
  height: 100%;
  overflow: hidden;
  padding-left: calc(40vw + 2.5%);
  position: absolute
}

#aside-smart,
#decennie .content-background .content-hr,
#decennie .content-background .filtre-black,
.content-articles .event .hr-smartphone,
.tel-basique {
  display: none
}

.content-articles .flex-all .auto .flex {
  margin-top: 7vh;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: all .75s;
  transition: all .75s
}

.content-articles .event {
  min-width: 219px;
  position: relative;
  -webkit-transition: all .5s;
  transition: all .5s;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  bottom: -10px
}

.content-articles .event:nth-child(4n + 1) {
  min-width: 205px
}

.content-articles .event .content-slideshow {
  position: relative;
  -webkit-transition: opacity .5s;
  transition: opacity .5s;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.content-articles .event:nth-child(even) .content-slideshow {
  background-color: #ffdc12;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .3);
  -webkit-transition: opacity .5s ease-out;
  transition: opacity .5s ease-out
}

.content-articles .event:nth-child(even) h2 {
  color: #fff
}

.content-articles .event:nth-child(4n + 3) .content-slideshow {
  background-color: #fff;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .3)
}

.content-articles .event:nth-child(4n + 1) .content-slideshow {
  color: #fff;
  border: 2px solid #ffdc12;
  box-sizing: border-box
}

.content-articles .event:nth-child(4n + 1) .content-slideshow p {
  color: #fff;
  font-weight: 300
}

.content-articles .event:nth-child(4n + 1) .content-slideshow h2 {
  color: #fff;
  margin: 7px 0
}

.content-articles .event:last-child {
  padding-right: calc(60vw - 239px)
}

.content-articles .event hr {
  position: absolute;
  border: none;
  height: 2px;
  background-color: #fd1
}

.first-nav-here .date-nav span {
  margin-right: 19px
}

.first-nav-here .date-nav hr {
  margin-right: 0;
  margin-left: auto!important
}

.content-articles .event hr.first-hr {
  width: 25%;
  top: 24%;
  left: 100%
}

.content-articles .event hr.last-hr {
  width: 25%;
  top: 85%;
  right: -25%
}

.content-articles .event .content-slideshow:hover .content-slideshow-bg .content-slideshow-bg {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: all .5s;
  transition: all .5s
}

.content-articles .event .content-slideshow:hover .content-slideshow-bg .content-slideshow-bg-2 {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transition: all .5s;
  transition: all .5s
}

.content-articles .event .content-slideshow-bg {
  height: 125px;
  background-position: center;
  position: relative;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transition: all .75s;
  transition: all .75s
}

#decennie aside .content-aside hr.hr-aside,
#decennie aside .content-aside p,
#decennie h1,
.content-articles .event .content-slideshow-bg .content-slideshow-bg-2,
.nav {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.content-articles .event .content-slideshow-bg .content-slideshow-bg-2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: all .75s;
  transition: all .75s
}

.content-articles .event .content-slideshow-text {
  padding: 10% 10% 21%
}

.content-articles h2 {
  font-size: 44px;
  line-height: 1em;
  margin: 3px 0 0;
  letter-spacing: 1px;
  color: #2a2a29
}

.content-articles p {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.1em;
  margin: 0;
  color: #2a2a29
}

.content-articles a {
  text-decoration: none
}

.content-articles .event:nth-child(4n + 1) .content-slideshow {
  top: 7%
}

.content-articles .event:nth-child(4n + 1) .content-slideshow .content-slideshow-text {
  padding: 10% 10% 26%
}

.content-articles .event:nth-child(4n + 2) .content-slideshow {
  top: 30%;
  left: -4%
}

.heigthEvent {
  height: 100%!important
}

.content-articles .event:nth-child(4n + 3) .content-slideshow {
  left: 13%;
  top: -19%
}

.content-articles .event:nth-child(4n + 3) {
  margin-right: 2.5%
}

.content-articles .event:nth-child(4n + 4) {
  position: relative;
  z-index: 1
}

.content-articles .event:nth-child(4n + 4) .content-slideshow {
  top: 19%;
  right: -5%
}

.timeline {
  width: 25.5vw;
  position: fixed;
  right: 8vw
}

.timeline hr {
  height: 2px;
  border: none;
  background-color: rgba(255, 255, 255, .7);
  width: 100%
}

.timeline hr.jaune {
  position: absolute;
  background-color: #ffdc12;
  width: 14.2857%;
  bottom: 0;
  left: 0;
  -webkit-transition: all .5s;
  transition: all .5s
}

.nav,
.timeline ul li a {
  -webkit-transition: all .5s
}

.timeline ul {
  font-size: 0;
  list-style: none;
  padding: 0;
  margin: 0 0 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  right: 10px;
  bottom: 3px;
  width: calc(100% + 40px)
}

.nav,
.smartphone-background {
  display: none
}

.timeline ul li {
  font-size: 16px;
  width: 100%;
  font-weight: 300
}

.timeline ul li a {
  color: #fff;
  text-decoration: none;
  transition: all .5s
}

#timeline-1 {
  color: #fd1!important
}

#decennie {
  overflow: hidden
}

.fake {
  width: 17.5vw
}

#decennie .content-background {
  width: 100vw;
  left: 0;
  -webkit-transition: all 1s;
  transition: all 1s;
  top: 0
}

#decennie .background-home {
  height: 66vh;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background-position: top
}

#decennie .filtre-black {
  height: 66vh
}

.hr-black {
  height: 34vh;
  top: inherit;
  bottom: 0
}

.hr-black hr {
  background-color: rgba(42, 42, 41, .2)
}

#decennie aside {
  position: fixed;
  height: 100vh;
  width: 40vw;
  background-color: #2a2a29;
  z-index: 1;
  left: -30vw;
  -webkit-transition: all 1s;
  transition: all 1s
}

.for-aside,
.open-aside {
  -webkit-transition: all 1s
}

.open-aside {
  left: 0!important;
  transition: all 1s
}

.for-aside {
  left: 40vw!important;
  transition: all 1s
}

.for-aside-bg {
  width: 60vw!important;
  left: 40vw!important;
  -webkit-transition: all 1s;
  transition: all 1s
}

.nav {
  position: absolute;
  padding: 0 5vw;
  top: 26vh;
  width: 30vw;
  opacity: 0;
  transition: all .5s;
  left: -10px
}

.footer-image .nav,
.visible-nav {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.footer-image .nav {
  display: block;
  opacity: 1;
  top: -60px;
  padding: 0;
  width: 100%;
  left: 0
}

.block-nav {
  display: block!important
}

.visible-nav {
  opacity: 1!important;
  -webkit-transition: all .5s;
  transition: all .5s;
  left: 0!important;
  -webkit-transform: translate(0)!important;
  transform: translate(0)!important
}

.nav a {
  display: inline-block;
  width: 50%;
  font-size: 16px;
  color: #fff;
  text-decoration: none
}

.nav a:nth-child(2) hr {
  margin-right: 0;
  margin-left: auto
}

.nav a:nth-child(2) .date-nav span {
  margin-left: 0;
  margin-right: 19px
}

.nav .date-nav hr {
  width: 2vw;
  border: none;
  height: 2px;
  background-color: #fff;
  margin-left: 0;
  margin-top: 2px
}

.nav a .date-nav span {
  margin-left: 19px;
  font-weight: 300
}

#decennie aside .button-aside {
  position: absolute;
  bottom: 16vh;
  right: -35px;
  background-color: #fd1;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .3);
  padding: 15px;
  width: 70px;
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  box-sizing: border-box;
  cursor: pointer;
  -webkit-transition: all .25s;
  transition: all .25s;
  -webkit-transform: scale(1);
  transform: scale(1)
}

#decennie aside .button-aside:hover {
  box-shadow: 0 10px 30px rgba(0, 0, 0, .1);
  -webkit-transform: scale(.95);
  transform: scale(.95);
  -webkit-transition: all .25s;
  transition: all .25s
}

#decennie aside .button-aside img {
  width: 14px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all .5s;
  transition: all .5s
}

.transform-croix {
  -webkit-transform: rotate(0)!important;
  transform: rotate(0)!important;
  -webkit-transition: all .5s;
  transition: all .5s
}

#decennie aside .content-aside {
  position: relative;
  padding-left: 5vw
}

#decennie aside .content-aside p {
  left: -10px;
  font-weight: 300;
  opacity: 0;
  width: 100%;
  box-sizing: border-box;
  padding-right: 5vw;
  -webkit-transition: all .5s;
  transition: all .5s;
  -webkit-transform: translate(-10px);
  transform: translate(-10px)
}

#decennie aside .content-aside hr.hr-aside {
  width: 2vw;
  margin: 20px 0;
  border: none;
  height: 2px;
  background-color: #fff;
  position: relative;
  left: -10px;
  opacity: 0
}

#decennie aside .content-aside .first-button-dece {
  margin-right: 30px
}

#decennie aside .content-aside .first-button-dece,
#decennie aside .content-aside .second-button-dece {
  left: -10px;
  position: relative;
  display: none;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: all .5s;
  transition: all .5s
}

#decennie h1,
.solo-hr {
  position: fixed;
  left: calc(-700px - 6.5%);
  z-index: 2
}

.inline-block-nav {
  display: inline-block!important
}

#decennie h1 {
  color: #fff;
  font-size: 60px;
  line-height: 1em;
  margin: 0;
  letter-spacing: 2px;
  top: 33vh;
  text-transform: uppercase;
  width: 34vw;
  opacity: 1
}

.content-decennie article,
.hr-none,
.solo-hr {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.solo-hr {
  border: none;
  height: 2px;
  width: 2vw;
  top: 51vh;
  background-color: #fff;
  -webkit-transition: all .25s;
  transition: all .25s
}

.hr-none {
  -webkit-transition: all .25s;
  transition: all .25s
}

#decennie .wrap {
  height: 100vh;
  top: 0;
  z-index: 3
}

#add-dda {
  color: #ffdc12;
  font-weight: 300;
  font-size: 16px;
  text-decoration: none;
  position: relative;
  display: block;
  margin: 20px 0
}

.content-decennie {
  height: 34vh;
  top: 56vh;
  left: 10vw;
  padding-left: 7.5vw;
  -webkit-transition: all 1s;
  transition: all 1s;
  position: absolute
}

.content-decennie .flex-all .auto .flex {
  margin-right: calc(65vw - 0px);
  -webkit-transition: all .5s;
  transition: all .5s
}

.reduct-marge {
  margin-right: calc(35vw - 0px)!important;
  -webkit-transition: all .5s;
  transition: all .5s
}

.content-decennie article {
  width: 228px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .3);
  margin-right: 30px;
  background-color: #fff;
  -webkit-transition: opacity .5s;
  transition: opacity .5s;
  position: relative;
  bottom: -10px
}

.navigation-in-decennie {
  background: 0 0!important;
  box-shadow: none!important
}

.navigation-in-decennie a {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  padding-bottom: 20%
}

.navigation-in-decennie p {
  font-size: 44px!important;
  color: #ffdc12!important;
  letter-spacing: 1px!important;
  font-weight: 700!important
}

.navigation-in-decennie hr {
  border: none;
  height: 2px;
  background-color: #2a2a29;
  width: 26%;
  margin-top: 8px
}

.navigation-in-decennie:hover h2 {
  color: #2a2a29!important
}

.content-decennie article:hover {
  background-color: #ffdc12;
  -webkit-transition: bottom .5s;
  transition: bottom .5s;
  bottom: 10px!important
}

.content-decennie article:hover h2 {
  -webkit-transition: all .25s;
  transition: all .25s;
  color: #fff
}

.content-decennie article .content-slideshow-bg {
  height: 135px
}

.content-decennie .content-slideshow-text {
  padding: 24px 24px 34px
}

.content-decennie article h2 {
  font-size: 19px;
  color: #2a2a29;
  line-height: 1em;
  text-transform: uppercase;
  margin: 0 0 8px;
  -webkit-transition: all .25s;
  transition: all .25s
}

.content-decennie article p {
  font-size: 14px;
  color: #2a2a29;
  text-transform: uppercase;
  line-height: 1.1em;
  font-weight: 300;
  margin: 0
}

.content-decennie article a {
  text-decoration: none
}

.timeline-decennie {
  position: fixed;
  bottom: 6vh;
  right: 4.5vw
}

.timeline-decennie hr {
  border: none;
  height: 2px;
  position: absolute;
  bottom: 0;
  width: 100%
}

.timeline-decennie hr.noir {
  background-color: #2a2a29
}

.timeline-decennie hr.jaune {
  background-color: #fd1;
  -webkit-transition: all .5s;
  transition: all .5s
}

.timeline-decennie ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin-bottom: 10px
}

.timeline-decennie ul li {
  width: 100%;
  font-size: 16px;
  display: inline-block;
  padding: 0;
  margin: 0 2vw 0 0;
  list-style: none
}

.timeline-decennie ul li:last-child {
  margin-right: 0
}

.timeline-decennie ul li a {
  text-decoration: none;
  color: #2a2a29;
  -webkit-transition: all .5s;
  transition: all .5s
}

.timeline-decennie ul li a:hover {
  -webkit-transition: all .5s;
  transition: all .5s;
  color: #fd1
}

.cut-anim.new-cate-image {
  width: 100%;
  height: 64vh;
  position: relative;
  overflow: hidden
}

.cut-anim.new-cate-image .image-single-fixed {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center;
  -webkit-transition: all 7.5s;
  transition: all 7.5s;
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}

.category-news {
  background-color: #f4f4f4;
  padding-top: 6.5%;
  padding-bottom: 5%
}

.category-news .block-ancre-actu {
  width: 70px;
  height: 70px;
  background-color: #ffdc12;
  position: absolute;
  top: calc(64vh - 35px);
  left: calc(50% - 35px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.content-curent-news-block,
.video-voir {
  background-color: #fff;
  box-sizing: border-box
}

.category-news .block-ancre-actu a {
  width: 100%;
  height: 100%;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.category-news .block-ancre-actu img {
  width: 30px;
  margin: auto
}

.category-news .home-news {
  min-height: 100vh;
  height: auto;
  width: 86%;
  margin: -2% auto 75px;
  position: relative;
  z-index: 99;
  font-size: 0
}

.category-medias {
  height: 75vh;
  width: 92%;
  margin: auto;
  position: relative;
  font-size: 0
}

.section-two-cate-media {
  padding: 3% 0
}

.category-medias article.first-media-cate {
  height: 100%;
  width: 63%;
  display: inline-block;
  vertical-align: top;
  position: relative
}

.category-medias article a {
  color: #2a2a29
}

.overflow-hidden {
  overflow: hidden;
  width: 100%;
  height: 100%
}

.category-medias article .bg-media-video-photo {
  background-size: cover!important;
  background-position: center!important;
  width: 100%;
  height: 100%;
  -webkit-transition: all 2s;
  transition: all 2s;
  -webkit-transform: scale(1);
  transform: scale(1)
}

.category-medias article.first-media-cate:hover .bg-media-video-photo {
  -webkit-transition: all 2s;
  transition: all 2s;
  -webkit-transform: scale(1.1)!important;
  transform: scale(1.1)!important
}

.category-medias .content-curent-news-block {
  width: 35%;
  height: 40%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.content-curent-news-block {
  padding: 0 35px;
  width: 60%;
  position: absolute;
  bottom: 0;
  left: 30px;
  height: 58%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.margin-auto-flex {
  margin: auto
}

.content-curent-news-block span,
.video-voir span {
  color: #2a2a29;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 14px
}

.content-curent-news-block h3,
.video-voir h3 {
  color: #2a2a29;
  font-size: 20px;
  line-height: 21px;
  text-transform: uppercase;
  margin: 0
}

.content-curent-news-block p,
.video-voir p {
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  margin-top: 20px;
  margin-bottom: 0
}

.category-medias .l-cate-medias {
  height: 100%;
  width: 37%;
  display: inline-block;
  padding-left: 2%;
  box-sizing: border-box;
  vertical-align: top
}

.category-medias article .image-medias-screen,
.video-voir {
  display: -webkit-box;
  display: -ms-flexbox;
  vertical-align: top
}

.category-medias .l-cate-medias article {
  height: 50%;
  box-sizing: border-box;
  position: relative;
  overflow: hidden
}

.category-medias .l-cate-medias article a {
  text-decoration: none
}

.category-medias article .image-medias-screen {
  background-size: cover!important;
  background-position: center!important;
  width: 100%;
  height: 100%;
  -webkit-transition: all .25s;
  transition: all .25s;
  display: flex;
  position: relative;
  left: -25%
}

.filtre-slideshow,
.video-voir {
  position: absolute;
  height: 100%;
  top: 0
}

.category-medias .l-cate-medias article:hover .image-medias-screen {
  left: 0!important;
  -webkit-transition: all .25s;
  transition: all .25s
}

.video-voir {
  width: 50%;
  -webkit-transition: all .25s;
  transition: all .25s;
  display: flex;
  padding: 25px;
  right: 0
}

.category-medias .l-cate-medias article:hover .video-voir {
  right: -50%!important;
  -webkit-transition: all .25s;
  transition: all .25s
}

.category-medias .l-cate-medias article:nth-child(2) {
  padding-top: 2.5%
}

.section-two-cate-media .l-cate-medias {
  padding-left: 0;
  padding-right: 2%
}

.filtre-slideshow {
  width: 100%;
  left: 0;
  background-color: rgba(0, 0, 0, .2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.same-height {
  display: inline-block!important;
  vertical-align: middle;
  height: 60px;
  padding: 5px 0
}

body#single-article header .nav-other,
body#single-article header .selected-none .nav-fcnantes {
  display: none
}

#single {
  min-height: 100%;
  margin-bottom: -60px
}

#single .image-single {
  width: 50%;
  height: 100vh;
  position: fixed;
  z-index: 99;
  left: 0
}

#single .content-hr {
  z-index: 1
}

#single .content-hr hr {
  margin-left: 40%
}

#single .image-single .cut-anim {
  height: 100%;
  overflow: hidden
}

#single .cut-anim .image-single-fixed {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center;
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}

.image-single-fixed-anim {
  -webkit-transform: scale(1)!important;
  transform: scale(1)!important;
  -webkit-transition: all 10s;
  transition: all 10s
}

.single-content aside article a {
  color: #2a2a29
}

.footer-image {
  position: absolute;
  bottom: 6vh;
  left: 5vw;
  width: calc(100% - 10vw);
  z-index: 1
}

.title-on-img {
  margin: 0;
  color: #fff;
  font-weight: 800;
  font-size: 63px;
  line-height: 1em;
  letter-spacing: 3px
}

.title-on-img span {
  color: #ffdc12
}

#single .share-social {
  position: absolute;
  left: calc(100% - 30px);
  width: 60px;
  height: 60px;
  top: 29%;
  -webkit-transition: all .75s ease-in-out;
  transition: all .75s ease-in-out;
  cursor: pointer;
  z-index: 1
}

#open-share {
  position: relative;
  z-index: 9
}

.share-social img {
  background-color: #ffdc12;
  width: 60px;
  height: 60px;
  padding: 15px;
  box-sizing: border-box;
  margin: auto
}

.share-social .jssocials-shares {
  margin: 0;
  position: relative;
  top: 5px
}

.share-social .jssocials-shares .jssocials-share {
  margin: -65px 0 5px;
  position: relative;
  -webkit-transition: all .5s;
  transition: all .5s
}

.jssocials-share-link {
  width: 60px;
  height: 60px;
  background-color: #ffdc12!important;
  display: -webkit-box!important;
  display: -ms-flexbox!important;
  display: flex!important;
  padding: 0!important
}

.open-share {
  -webkit-transition: all .5s;
  transition: all .5s;
  margin-top: 0!important
}

.share-social .jssocials img {
  width: 20px;
  background: 0 0;
  height: auto;
  padding: 0;
  box-sizing: inherit;
  display: block
}

.bg-block-news-white,
.zone-pub-newsletter a {
  background-size: cover;
  background-position: center
}

#go-home {
  top: calc(29% - 82px)!important
}

#go-home a {
  display: block
}

#single .single-content {
  width: 50%;
  position: relative;
  left: 50%;
  padding: 67px 5% 0;
  box-sizing: border-box;
  color: #2a2a29
}

.single-content .title-single-content {
  margin-bottom: 4.5%;
  position: relative
}

#single .single-content .title-single-content a {
  position: absolute;
  right: 0;
  top: -32.5px;
  display: block;
  z-index: 9999999
}

#single .single-content .title-single-content a span{font-size: 16px;display: inline-block;vertical-align: middle;}

.single-content .title-single-content img {
  height: 90px;
  z-index: 9999;
  display: inline-block;
  vertical-align: middle
}

.single-content .title-single-content a {
  display: inline-block;
  color: #2a2a29;
  font-size: 15px;
  vertical-align: middle;
  -webkit-transition: all .25s;
  transition: all .25s;
  text-decoration: none;
  z-index: 9999;
  text-transform: uppercase;
  font-weight: 500
}

.single-content .title-single-content p {
  margin: 0 0 15%;
  color: #ffdc12;
  font-weight: 500;
  font-size: 15px;
  text-transform: uppercase
}

.single-content .title-single-content h1 {
  font-size: 50px;
  margin: 0;
  width: 65%;
  line-height: 1em;
  font-weight: 900;
  text-transform: uppercase;
  color: #2A2A29
}

.single-content .title-single-content h2 {
  margin: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5em;
  text-transform: uppercase
}

.single-content p.chapeau-single-content {
  line-height: 23px;
  font-weight: 500;
  font-size: 17px;
  padding-right: 15%
}

.single-content .chapeau-single-content a {
    color: #009f00;
    text-decoration:none;
}

.single-content .content-single-content .article-video {
    width: 100%;
    height: 0;
    padding-bottom: 56.27%;
    overflow: hidden;
    position: relative;
}

.single-content .content-single-content .article-video iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left:0;
}

b,
strong {
  font-weight: 500
}

.single-content .content-single-content,
.text {
  line-height: 22px;
  font-weight: 300;
  font-size: 16px
}

.single-content .content-single-content {
  padding-top: 7%;
  margin-bottom: 5%
}

.single-content .content-single-content a {
  color: #009f00!important;
  text-decoration: none
}

.single-content aside {
  margin-top: 100px
}

aside .zone-pub-newsletter {
  position: relative;
  margin-bottom: 60px
}

.home-classement-title {
  text-align: center;
  position: relative;
  width: 100%;
  margin: auto;
  font-size: 16px
}

.home-classement-title h3 {
  background-color: #fff;
  position: relative;
  z-index: 99;
  width: auto;
  margin: auto;
  color: #2a2a29;
  font-weight: 500;
  font-size: 16px;
  display: inline-block;
  padding: 0 25px
}

.home-classement-title hr {
  background-color: #2a2a29;
  height: 2px;
  position: absolute;
  width: 100%;
  top: 5px;
  border: none
}

.single-content aside article.news-white {
  height: 320px;
  box-shadow: 0 0 20px rgba(42, 42, 41, .2);
  margin-top: 40px
}

.news-white {
  background-color: #fff;
  font-size: 0;
  position: relative
}

.zone-pub-newsletter a {
  height: 100%;
  width: 100%;
  display: block;
  position: relative;
  margin-top: 65px
}

.cut-scale {
  height: 100%;
  width: 50%;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden
}

.bg-block-news-white {
  height: 100%;
  width: 100%;
  -webkit-transition: all 2s;
  transition: all 2s;
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}

.zone-pub-newsletter .news-white:hover .bg-block-news-white {
  -webkit-transition: all 2s;
  transition: all 2s;
  -webkit-transform: scale(1);
  transform: scale(1)
}

.content-block-news-white {
  width: 50%;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding: 0 20px;
  box-sizing: border-box
}

.single-content aside article.news-white .content-block-news-white span {
  color: #2a2a29;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1em;
  width: auto!important;
  text-align: left
}

.single-content aside article.news-white h2 {
  color: #2a2a29;
  font-size: 21px;
  line-height: 1em;
  text-transform: uppercase;
  margin: 0;
  font-weight: 700
}

.single-content aside article.news-white p {
  font-size: 12px;
  line-height: 1.2em;
  font-weight: 500;
  margin-top: 20px;
  margin-bottom: 0
}

a.all-category-single-aside {
  font-size: 0;
  font-weight: 600;
  color: #2a2a29;
  text-decoration: none;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  bottom: 101px;
  position: absolute!important;
  width: 225px!important;
  height: auto!important;
  margin-top: 0!important;
  right: -135px!important
}

.single-content aside article.news-white span {
  color: #2a2a29;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1em
}

a.home-all-category span {
  width: 110px;
  display: inline-block;
  text-align: center;
  font-weight: 700;
  font-size: 14px;
  vertical-align: middle
}

a.home-all-category hr {
  height: 2px;
  border: none;
  background-color: #2a2a29;
  display: inline-block;
  width: calc(100% - 125px);
  vertical-align: middle;
  margin-left: 15px;
  box-sizing: border-box
}

aside .zone-pub-newsletter .all-next-matche {
  font-size: 0;
  margin-top: 80px
}

aside .zone-pub-newsletter .all-next-matche .next-matche:nth-child(1) {
  margin-right: 10%
}

aside .zone-pub-newsletter .all-next-matche .next-matche {
  display: inline-block;
  width: 45%;
  vertical-align: top;
  box-shadow: 0 0 20px rgba(42, 42, 41, .2);
  text-align: center;
  border-top: solid 10px #ffdc12;
  background-color: #fff
}

aside .zone-pub-newsletter .all-next-matche .next-matche img {
  width: 120px;
  margin: auto auto -60px;
  position: relative;
  top: -60px
}

aside .zone-pub-newsletter .all-next-matche .next-matche p.title-next-matche {
  font-size: 21px;
  margin: 15px 0;
  font-weight: 700
}

aside .zone-pub-newsletter .all-next-matche .next-matche p.title-next-equipe {
  font-size: 16px;
  margin: 0 0 15px;
  font-weight: 500
}

aside .zone-pub-newsletter .all-next-matche .next-matche p.title-next-date {
  font-size: 12px;
  margin: 0 0 5px
}

aside .zone-pub-newsletter .all-next-matche .next-matche a {
  position: relative;
  top: 13px;
  font-size: 16px;
  color: #2a2a29;
  text-decoration: none;
  background-color: #ffdc12;
  font-weight: 300;
  padding: 10px 25px;
  width: 70px;
  display: block;
  margin: auto
}

aside .zone-pub-newsletter .home-classement-content {
  height: auto;
  width: 100%
}

aside .zone-pub-newsletter img {
  width: 100%;
  margin-top: 40px;
  height: auto
}

.all-transition,
.back-trans {
  z-index: -1;
  height: 100%;
  background-size: cover;
  width: 100%
}

.all-transition {
  position: absolute;
  transition: all .5s
}

.barba-container,
.barba-transition {
  position: relative;
  transition: all .5s
}

.return-titre {
  margin-left: calc(-700px - 6.5%)!important;
  transition: all .5s;
  opacity: 0!important
}

.barba-container {
  left: 0
}

.barba-transition {
  left: -100vw!important
}

#barba-wrapper {
  opacity: 1;
  transition: all .5s
}

#barba-wrapper .barba-container {
  background-color: #fff
}

.opac-trans {
  opacity: 0!important;
  transition: all .5s
}

.opac1-trans {
  opacity: 1!important;
  transition: all .5s
}

.back-trans {
  position: absolute;
  background-color: #2a2a29
}

.back-trans .filtre-black{display: flex;}
.back-trans .filtre-black .next-decennie-transition{color: #ffdc12;font-size: 50px;margin: auto;letter-spacing: 2px;font-weight: bold;}

.trans-en-cours .content-hr{transition: all 2s;left: 0%!important;}
.back-trans .content-hr{transition: all 2s;}