@charset "UTF-8";

@font-face {
    font-family: 'Overpass';
    src: url("../fonts/overpass/overpass_regular-webfont.eot");
    src: url("../fonts/overpass/overpass_regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/overpass/overpass_regular-webfont.woff2") format("woff2"), url("../fonts/overpass/overpass_regular-webfont.woff") format("woff"), url("../fonts/overpass/overpass_regular-webfont.ttf") format("truetype"), url("../fonts/overpass/overpass_regular-webfont.otf") format("otf"), url("../fonts/overpass/overpass_regular-webfont.svg#montserratblack") format("svg");
    font-weight: 400;
    font-style: Regular;
}

@font-face {
    font-family: 'Overpass';
    src: url("../fonts/overpass/overpass_bold-webfont.eot");
    src: url("../fonts/overpass/overpass_bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/overpass/overpass_bold-webfont.woff2") format("woff2"), url("../fonts/overpass/overpass_bold-webfont.woff") format("woff"), url("../fonts/overpass/overpass_bold-webfont.ttf") format("truetype"), url("../fonts/overpass/overpass_bold-webfont.otf") format("otf"), url("../fonts/overpass/overpass_bold-webfont.svg#montserratblack") format("svg");
    font-weight: 600;
    font-style: Bold;
}

@font-face {
    font-family: 'Overpass';
    src: url("../fonts/overpass/overpass_light-webfont.eot");
    src: url("../fonts/overpass/overpass_light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/overpass/overpass_light-webfont.woff2") format("woff2"), url("../fonts/overpass/overpass_light-webfont.woff") format("woff"), url("../fonts/overpass/overpass_light-webfont.ttf") format("truetype"), url("../fonts/overpass/overpass_light-webfont.otf") format("otf"), url("../fonts/overpass/overpass_light-webfont.svg#montserratblack") format("svg");
    font-weight: 200;
    font-style: normal;
}

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

html {
    line-height: 1;
    font-size: 10px;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
}

q, blockquote {
    quotes: none;
}

    q:before, q:after, blockquote:before, blockquote:after {
        content: "";
        content: none;
    }

a img {
    border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}

button {
    padding: 0px;
    border-width: 0px;
    background-color: transparent;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    button {
        padding-bottom: 0px;
    }
}

button::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin-top: -2px;
    margin-bottom: -2px;
}

a {
    box-sizing: border-box;
}

    a.external_link {
        background: none;
        padding: 0;
    }

/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=556aeba408dc29d235aefc05e6474505)
 * Config saved to config.json and https://gist.github.com/556aeba408dc29d235aefc05e6474505
 */
/*!
* Bootstrap v3.3.6 (http://getbootstrap.com)
* Copyright 2011-2015 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}

    audio:not([controls]) {
        display: none;
        height: 0;
    }

[hidden], template {
    display: none;
}

a {
    background-color: transparent;
}

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

abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button, select {
    text-transform: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

    button[disabled], html input[disabled] {
        cursor: default;
    }

    button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

input {
    line-height: normal;
}

    input[type="checkbox"], input[type="radio"] {
        box-sizing: border-box;
        padding: 0;
    }

    input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
        height: auto;
    }

    input[type="search"] {
        -webkit-appearance: textfield;
        box-sizing: content-box;
    }

        input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td, th {
    padding: 0;
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
    *, *:before, *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a, a:visited {
        text-decoration: underline;
    }

        a[href]:after {
            content: " (" attr(href) ")";
        }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after, a[href^="javascript:"]:after {
        content: "";
    }

    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr, img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }

    h2, h3 {
        page-break-after: avoid;
    }

    .navbar {
        display: none;
    }

    .btn > .caret, .dropup > .btn > .caret {
        border-top-color: #000 !important;
    }

    .label {
        border: 1px solid #000;
    }

    .table {
        border-collapse: collapse !important;
    }

        .table td, .table th {
            background-color: #fff !important;
        }

    .table-bordered th, .table-bordered td {
        border: 1px solid #ddd !important;
    }
}

* {
    box-sizing: border-box;
}

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

html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent;
}

body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #EFEFEF;
}

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

figure {
    margin: 0;
}

img {
    vertical-align: middle;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.img-rounded {
    border-radius: 6px;
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.img-circle {
    border-radius: 50%;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}

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

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}

[role="button"] {
    cursor: pointer;
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.row {
    margin-left: -15px;
    margin-right: -15px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-11 {
    width: 91.66666667%;
}

.col-xs-10 {
    width: 83.33333333%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-8 {
    width: 66.66666667%;
}

.col-xs-7 {
    width: 58.33333333%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-5 {
    width: 41.66666667%;
}

.col-xs-4 {
    width: 33.33333333%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-2 {
    width: 16.66666667%;
}

.col-xs-1 {
    width: 8.33333333%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-pull-11 {
    right: 91.66666667%;
}

.col-xs-pull-10 {
    right: 83.33333333%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-8 {
    right: 66.66666667%;
}

.col-xs-pull-7 {
    right: 58.33333333%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-5 {
    right: 41.66666667%;
}

.col-xs-pull-4 {
    right: 33.33333333%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-2 {
    right: 16.66666667%;
}

.col-xs-pull-1 {
    right: 8.33333333%;
}

.col-xs-pull-0 {
    right: auto;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-push-11 {
    left: 91.66666667%;
}

.col-xs-push-10 {
    left: 83.33333333%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-8 {
    left: 66.66666667%;
}

.col-xs-push-7 {
    left: 58.33333333%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-5 {
    left: 41.66666667%;
}

.col-xs-push-4 {
    left: 33.33333333%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-2 {
    left: 16.66666667%;
}

.col-xs-push-1 {
    left: 8.33333333%;
}

.col-xs-push-0 {
    left: auto;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

.col-xs-offset-11 {
    margin-left: 91.66666667%;
}

.col-xs-offset-10 {
    margin-left: 83.33333333%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-8 {
    margin-left: 66.66666667%;
}

.col-xs-offset-7 {
    margin-left: 58.33333333%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-5 {
    margin-left: 41.66666667%;
}

.col-xs-offset-4 {
    margin-left: 33.33333333%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-2 {
    margin-left: 16.66666667%;
}

.col-xs-offset-1 {
    margin-left: 8.33333333%;
}

.col-xs-offset-0 {
    margin-left: 0;
}

@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666667%;
    }

    .col-sm-10 {
        width: 83.33333333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }

    .col-sm-pull-12 {
        right: 100%;
    }

    .col-sm-pull-11 {
        right: 91.66666667%;
    }

    .col-sm-pull-10 {
        right: 83.33333333%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-8 {
        right: 66.66666667%;
    }

    .col-sm-pull-7 {
        right: 58.33333333%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-5 {
        right: 41.66666667%;
    }

    .col-sm-pull-4 {
        right: 33.33333333%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-2 {
        right: 16.66666667%;
    }

    .col-sm-pull-1 {
        right: 8.33333333%;
    }

    .col-sm-pull-0 {
        right: auto;
    }

    .col-sm-push-12 {
        left: 100%;
    }

    .col-sm-push-11 {
        left: 91.66666667%;
    }

    .col-sm-push-10 {
        left: 83.33333333%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-8 {
        left: 66.66666667%;
    }

    .col-sm-push-7 {
        left: 58.33333333%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-5 {
        left: 41.66666667%;
    }

    .col-sm-push-4 {
        left: 33.33333333%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-2 {
        left: 16.66666667%;
    }

    .col-sm-push-1 {
        left: 8.33333333%;
    }

    .col-sm-push-0 {
        left: auto;
    }

    .col-sm-offset-12 {
        margin-left: 100%;
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-sm-offset-0 {
        margin-left: 0;
    }
}

@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.66666667%;
    }

    .col-md-10 {
        width: 83.33333333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.66666667%;
    }

    .col-md-7 {
        width: 58.33333333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66666667%;
    }

    .col-md-4 {
        width: 33.33333333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.66666667%;
    }

    .col-md-1 {
        width: 8.33333333%;
    }

    .col-md-pull-12 {
        right: 100%;
    }

    .col-md-pull-11 {
        right: 91.66666667%;
    }

    .col-md-pull-10 {
        right: 83.33333333%;
    }

    .col-md-pull-9 {
        right: 75%;
    }

    .col-md-pull-8 {
        right: 66.66666667%;
    }

    .col-md-pull-7 {
        right: 58.33333333%;
    }

    .col-md-pull-6 {
        right: 50%;
    }

    .col-md-pull-5 {
        right: 41.66666667%;
    }

    .col-md-pull-4 {
        right: 33.33333333%;
    }

    .col-md-pull-3 {
        right: 25%;
    }

    .col-md-pull-2 {
        right: 16.66666667%;
    }

    .col-md-pull-1 {
        right: 8.33333333%;
    }

    .col-md-pull-0 {
        right: auto;
    }

    .col-md-push-12 {
        left: 100%;
    }

    .col-md-push-11 {
        left: 91.66666667%;
    }

    .col-md-push-10 {
        left: 83.33333333%;
    }

    .col-md-push-9 {
        left: 75%;
    }

    .col-md-push-8 {
        left: 66.66666667%;
    }

    .col-md-push-7 {
        left: 58.33333333%;
    }

    .col-md-push-6 {
        left: 50%;
    }

    .col-md-push-5 {
        left: 41.66666667%;
    }

    .col-md-push-4 {
        left: 33.33333333%;
    }

    .col-md-push-3 {
        left: 25%;
    }

    .col-md-push-2 {
        left: 16.66666667%;
    }

    .col-md-push-1 {
        left: 8.33333333%;
    }

    .col-md-push-0 {
        left: auto;
    }

    .col-md-offset-12 {
        margin-left: 100%;
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-md-offset-0 {
        margin-left: 0;
    }
}

@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
    }

    .col-lg-12 {
        width: 100%;
    }

    .col-lg-11 {
        width: 91.66666667%;
    }

    .col-lg-10 {
        width: 83.33333333%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-8 {
        width: 66.66666667%;
    }

    .col-lg-7 {
        width: 58.33333333%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-5 {
        width: 41.66666667%;
    }

    .col-lg-4 {
        width: 33.33333333%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-2 {
        width: 16.66666667%;
    }

    .col-lg-1 {
        width: 8.33333333%;
    }

    .col-lg-pull-12 {
        right: 100%;
    }

    .col-lg-pull-11 {
        right: 91.66666667%;
    }

    .col-lg-pull-10 {
        right: 83.33333333%;
    }

    .col-lg-pull-9 {
        right: 75%;
    }

    .col-lg-pull-8 {
        right: 66.66666667%;
    }

    .col-lg-pull-7 {
        right: 58.33333333%;
    }

    .col-lg-pull-6 {
        right: 50%;
    }

    .col-lg-pull-5 {
        right: 41.66666667%;
    }

    .col-lg-pull-4 {
        right: 33.33333333%;
    }

    .col-lg-pull-3 {
        right: 25%;
    }

    .col-lg-pull-2 {
        right: 16.66666667%;
    }

    .col-lg-pull-1 {
        right: 8.33333333%;
    }

    .col-lg-pull-0 {
        right: auto;
    }

    .col-lg-push-12 {
        left: 100%;
    }

    .col-lg-push-11 {
        left: 91.66666667%;
    }

    .col-lg-push-10 {
        left: 83.33333333%;
    }

    .col-lg-push-9 {
        left: 75%;
    }

    .col-lg-push-8 {
        left: 66.66666667%;
    }

    .col-lg-push-7 {
        left: 58.33333333%;
    }

    .col-lg-push-6 {
        left: 50%;
    }

    .col-lg-push-5 {
        left: 41.66666667%;
    }

    .col-lg-push-4 {
        left: 33.33333333%;
    }

    .col-lg-push-3 {
        left: 25%;
    }

    .col-lg-push-2 {
        left: 16.66666667%;
    }

    .col-lg-push-1 {
        left: 8.33333333%;
    }

    .col-lg-push-0 {
        left: auto;
    }

    .col-lg-offset-12 {
        margin-left: 100%;
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-lg-offset-9 {
        margin-left: 75%;
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-lg-offset-6 {
        margin-left: 50%;
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-lg-offset-3 {
        margin-left: 25%;
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-lg-offset-0 {
        margin-left: 0;
    }
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0;
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
}

input[type="search"] {
    box-sizing: border-box;
}

input[type="radio"], input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}

input[type="file"] {
    display: block;
}

input[type="range"] {
    display: block;
    width: 100%;
}

select[multiple], select[size] {
    height: auto;
}

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

    .form-control:focus {
        outline: 0;
    }

    .form-control::-moz-placeholder {
        color: #999;
        opacity: 1;
    }

    .form-control:-ms-input-placeholder {
        color: #999;
    }

    .form-control::-webkit-input-placeholder {
        color: #999;
    }

    .form-control::-ms-expand {
        border: 0;
        background-color: transparent;
    }

    .form-control[disabled], fieldset[disabled] .form-control {
        background-color: #eee;
        opacity: 1;
    }

    .form-control[disabled], fieldset[disabled] .form-control {
        cursor: not-allowed;
    }

textarea.form-control {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control {
        line-height: 34px;
    }

    input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm, .input-group-sm input[type="date"], .input-group-sm input[type="time"], .input-group-sm input[type="datetime-local"], .input-group-sm input[type="month"] {
        line-height: 30px;
    }

    input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg, .input-group-lg input[type="date"], .input-group-lg input[type="time"], .input-group-lg input[type="datetime-local"], .input-group-lg input[type="month"] {
        line-height: 46px;
    }
}

.form-group {
    margin-bottom: 15px;
}

.radio, .checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .radio label, .checkbox label {
        min-height: 20px;
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: normal;
        cursor: pointer;
    }

    .radio + .radio, .checkbox + .checkbox {
        margin-top: -5px;
    }

.radio-inline, .checkbox-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: normal;
    cursor: pointer;
}

    .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
        margin-top: 0;
        margin-left: 10px;
    }

input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="checkbox"].disabled, fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] {
    cursor: not-allowed;
}

.radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline {
    cursor: not-allowed;
}

.radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label {
    cursor: not-allowed;
}

.form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
    min-height: 34px;
}

    .form-control-static.input-lg, .form-control-static.input-sm {
        padding-left: 0;
        padding-right: 0;
    }

.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

select.input-sm {
    height: 30px;
    line-height: 30px;
}

textarea.input-sm, select[multiple].input-sm {
    height: auto;
}

.form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.form-group-sm select.form-control {
    height: 30px;
    line-height: 30px;
}

.form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control {
    height: auto;
}

.form-group-sm .form-control-static {
    height: 30px;
    min-height: 32px;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 1.5;
}

.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

select.input-lg {
    height: 46px;
    line-height: 46px;
}

textarea.input-lg, select[multiple].input-lg {
    height: auto;
}

.form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

.form-group-lg select.form-control {
    height: 46px;
    line-height: 46px;
}

.form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control {
    height: auto;
}

.form-group-lg .form-control-static {
    height: 46px;
    min-height: 38px;
    padding: 11px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}

.has-feedback {
    position: relative;
}

    .has-feedback .form-control {
        padding-right: 42.5px;
    }

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
}

.input-lg + .form-control-feedback, .input-group-lg + .form-control-feedback, .form-group-lg .form-control + .form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px;
}

.input-sm + .form-control-feedback, .input-group-sm + .form-control-feedback, .form-group-sm .form-control + .form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.has-feedback label ~ .form-control-feedback {
    top: 25px;
}

.has-feedback label.sr-only ~ .form-control-feedback {
    top: 0;
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373;
}

@media (min-width: 768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .form-inline .form-control-static {
        display: inline-block;
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle;
    }

        .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control {
            width: auto;
        }

        .form-inline .input-group > .form-control {
            width: 100%;
        }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .radio, .form-inline .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }

        .form-inline .radio label, .form-inline .checkbox label {
            padding-left: 0;
        }

        .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] {
            position: relative;
            margin-left: 0;
        }

    .form-inline .has-feedback .form-control-feedback {
        top: 0;
    }
}

.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
    margin-top: 0;
    margin-bottom: 0;
}

.form-horizontal .radio, .form-horizontal .checkbox {
    min-height: 27px;
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 15px;
}

@media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 11px;
        font-size: 18px;
    }
}

@media (min-width: 768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px;
        font-size: 12px;
    }
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    .btn:hover, .btn:focus, .btn.focus {
        color: #333;
        text-decoration: none;
    }

    .btn:active, .btn.active {
        outline: 0;
        background-image: none;
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

    .btn.disabled, .btn[disabled], fieldset[disabled] .btn {
        cursor: not-allowed;
        opacity: .65;
        filter: alpha(opacity=65);
        box-shadow: none;
    }

a.btn.disabled, fieldset[disabled] a.btn {
    pointer-events: none;
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

    .btn-default:focus, .btn-default.focus {
        color: #333;
        background-color: #e6e6e6;
        border-color: #8c8c8c;
    }

    .btn-default:hover {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad;
    }

    .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad;
    }

        .btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus {
            color: #333;
            background-color: #d4d4d4;
            border-color: #8c8c8c;
        }

    .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
        background-image: none;
    }

    .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus {
        background-color: #fff;
        border-color: #ccc;
    }

    .btn-default .badge {
        color: #fff;
        background-color: #333;
    }

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

    .btn-primary:focus, .btn-primary.focus {
        color: #fff;
        background-color: #286090;
        border-color: #122b40;
    }

    .btn-primary:hover {
        color: #fff;
        background-color: #286090;
        border-color: #204d74;
    }

    .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #286090;
        border-color: #204d74;
    }

        .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
            color: #fff;
            background-color: #204d74;
            border-color: #122b40;
        }

    .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
        background-image: none;
    }

    .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus {
        background-color: #337ab7;
        border-color: #2e6da4;
    }

    .btn-primary .badge {
        color: #337ab7;
        background-color: #fff;
    }

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

    .btn-success:focus, .btn-success.focus {
        color: #fff;
        background-color: #449d44;
        border-color: #255625;
    }

    .btn-success:hover {
        color: #fff;
        background-color: #449d44;
        border-color: #398439;
    }

    .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
        color: #fff;
        background-color: #449d44;
        border-color: #398439;
    }

        .btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus {
            color: #fff;
            background-color: #398439;
            border-color: #255625;
        }

    .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
        background-image: none;
    }

    .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus {
        background-color: #5cb85c;
        border-color: #4cae4c;
    }

    .btn-success .badge {
        color: #5cb85c;
        background-color: #fff;
    }

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

    .btn-info:focus, .btn-info.focus {
        color: #fff;
        background-color: #31b0d5;
        border-color: #1b6d85;
    }

    .btn-info:hover {
        color: #fff;
        background-color: #31b0d5;
        border-color: #269abc;
    }

    .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
        color: #fff;
        background-color: #31b0d5;
        border-color: #269abc;
    }

        .btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus {
            color: #fff;
            background-color: #269abc;
            border-color: #1b6d85;
        }

    .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
        background-image: none;
    }

    .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus {
        background-color: #5bc0de;
        border-color: #46b8da;
    }

    .btn-info .badge {
        color: #5bc0de;
        background-color: #fff;
    }

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

    .btn-warning:focus, .btn-warning.focus {
        color: #fff;
        background-color: #ec971f;
        border-color: #985f0d;
    }

    .btn-warning:hover {
        color: #fff;
        background-color: #ec971f;
        border-color: #d58512;
    }

    .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
        color: #fff;
        background-color: #ec971f;
        border-color: #d58512;
    }

        .btn-warning:active:hover, .btn-warning.active:hover, .open > .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open > .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open > .dropdown-toggle.btn-warning.focus {
            color: #fff;
            background-color: #d58512;
            border-color: #985f0d;
        }

    .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
        background-image: none;
    }

    .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus {
        background-color: #f0ad4e;
        border-color: #eea236;
    }

    .btn-warning .badge {
        color: #f0ad4e;
        background-color: #fff;
    }

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

    .btn-danger:focus, .btn-danger.focus {
        color: #fff;
        background-color: #c9302c;
        border-color: #761c19;
    }

    .btn-danger:hover {
        color: #fff;
        background-color: #c9302c;
        border-color: #ac2925;
    }

    .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
        color: #fff;
        background-color: #c9302c;
        border-color: #ac2925;
    }

        .btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus {
            color: #fff;
            background-color: #ac2925;
            border-color: #761c19;
        }

    .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
        background-image: none;
    }

    .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus {
        background-color: #d9534f;
        border-color: #d43f3a;
    }

    .btn-danger .badge {
        color: #d9534f;
        background-color: #fff;
    }

.btn-link {
    color: #337ab7;
    font-weight: normal;
    border-radius: 0;
}

    .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
        background-color: transparent;
        box-shadow: none;
    }

        .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
            border-color: transparent;
        }

            .btn-link:hover, .btn-link:focus {
                color: #23527c;
                text-decoration: underline;
                background-color: transparent;
            }

            .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus {
                color: #777;
                text-decoration: none;
            }

.btn-lg, .btn-group-lg > .btn {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

.btn-sm, .btn-group-sm > .btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-xs, .btn-group-xs > .btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-block {
    display: block;
    width: 100%;
}

    .btn-block + .btn-block {
        margin-top: 5px;
    }

input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
    width: 100%;
}

.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

    .btn-group > .btn, .btn-group-vertical > .btn {
        position: relative;
        float: left;
    }

        .btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active {
            z-index: 2;
        }

    .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
        margin-left: -1px;
    }

.btn-toolbar {
    margin-left: -5px;
}

    .btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group {
        float: left;
    }

    .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group {
        margin-left: 5px;
    }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
}

.btn-group > .btn:first-child {
    margin-left: 0;
}

    .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.btn-group > .btn-group {
    float: left;
}

    .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
        border-radius: 0;
    }

    .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

    .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
    outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px;
}

.btn-group > .btn-lg + .dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px;
}

.btn-group.open .dropdown-toggle {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

    .btn-group.open .dropdown-toggle.btn-link {
        box-shadow: none;
    }

.btn .caret {
    margin-left: 0;
}

.btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0;
}

.dropup .btn-lg .caret {
    border-width: 0 5px 5px;
}

.btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
}

    .btn-group-vertical > .btn-group > .btn {
        float: none;
    }

    .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group {
        margin-top: -1px;
        margin-left: 0;
    }

    .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
        border-radius: 0;
    }

    .btn-group-vertical > .btn:first-child:not(:last-child) {
        border-top-right-radius: 4px;
        border-top-left-radius: 4px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .btn-group-vertical > .btn:last-child:not(:first-child) {
        border-top-right-radius: 0;
        border-top-left-radius: 0;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
        border-radius: 0;
    }

    .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
        border-top-right-radius: 0;
        border-top-left-radius: 0;
    }

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
}

    .btn-group-justified > .btn, .btn-group-justified > .btn-group {
        float: none;
        display: table-cell;
        width: 1%;
    }

        .btn-group-justified > .btn-group .btn {
            width: 100%;
        }

        .btn-group-justified > .btn-group .dropdown-menu {
            left: auto;
        }

[data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

    .input-group[class*="col-"] {
        float: none;
        padding-left: 0;
        padding-right: 0;
    }

    .input-group .form-control {
        position: relative;
        z-index: 2;
        float: left;
        width: 100%;
        margin-bottom: 0;
    }

        .input-group .form-control:focus {
            z-index: 3;
        }

.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn {
    height: 46px;
    line-height: 46px;
}

textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn, select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn {
    height: auto;
}

.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn {
    height: 30px;
    line-height: 30px;
}

textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn, select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn {
    height: auto;
}

.input-group-addon, .input-group-btn, .input-group .form-control {
    display: table-cell;
}

    .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) {
        border-radius: 0;
    }

.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
}

    .input-group-addon.input-sm {
        padding: 5px 10px;
        font-size: 12px;
        border-radius: 3px;
    }

    .input-group-addon.input-lg {
        padding: 10px 16px;
        font-size: 18px;
        border-radius: 6px;
    }

    .input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] {
        margin-top: 0;
    }

    .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

    .input-group-addon:first-child {
        border-right: 0;
    }

    .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }

    .input-group-addon:last-child {
        border-left: 0;
    }

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}

    .input-group-btn > .btn {
        position: relative;
    }

        .input-group-btn > .btn + .btn {
            margin-left: -1px;
        }

        .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
            z-index: 2;
        }

    .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group {
        margin-right: -1px;
    }

    .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
        z-index: 2;
        margin-left: -1px;
    }

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

a.label:hover, a.label:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

.label:empty {
    display: none;
}

.btn .label {
    position: relative;
    top: -1px;
}

.label-default {
    background-color: #777;
}

    .label-default[href]:hover, .label-default[href]:focus {
        background-color: #5e5e5e;
    }

.label-primary {
    background-color: #337ab7;
}

    .label-primary[href]:hover, .label-primary[href]:focus {
        background-color: #286090;
    }

.label-success {
    background-color: #5cb85c;
}

    .label-success[href]:hover, .label-success[href]:focus {
        background-color: #449d44;
    }

.label-info {
    background-color: #5bc0de;
}

    .label-info[href]:hover, .label-info[href]:focus {
        background-color: #31b0d5;
    }

.label-warning {
    background-color: #f0ad4e;
}

    .label-warning[href]:hover, .label-warning[href]:focus {
        background-color: #ec971f;
    }

.label-danger {
    background-color: #d9534f;
}

    .label-danger[href]:hover, .label-danger[href]:focus {
        background-color: #c9302c;
    }

.clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
    content: " ";
    display: table;
}

.clearfix:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after {
    clear: both;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.invisible {
    visibility: hidden;
}

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

.hidden {
    display: none !important;
}

.affix {
    position: fixed;
}

@-ms-viewport {
    width: device-width;
}

.visible-xs, .visible-sm, .visible-md, .visible-lg {
    display: none !important;
}

.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important;
    }

    table.visible-xs {
        display: table !important;
    }

    tr.visible-xs {
        display: table-row !important;
    }

    th.visible-xs, td.visible-xs {
        display: table-cell !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important;
    }

    table.visible-sm {
        display: table !important;
    }

    tr.visible-sm {
        display: table-row !important;
    }

    th.visible-sm, td.visible-sm {
        display: table-cell !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
        display: block !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important;
    }

    table.visible-md {
        display: table !important;
    }

    tr.visible-md {
        display: table-row !important;
    }

    th.visible-md, td.visible-md {
        display: table-cell !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
        display: block !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important;
    }

    table.visible-lg {
        display: table !important;
    }

    tr.visible-lg {
        display: table-row !important;
    }

    th.visible-lg, td.visible-lg {
        display: table-cell !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-block {
        display: block !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important;
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}

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

@media print {
    .visible-print {
        display: block !important;
    }

    table.visible-print {
        display: table !important;
    }

    tr.visible-print {
        display: table-row !important;
    }

    th.visible-print, td.visible-print {
        display: table-cell !important;
    }
}

.visible-print-block {
    display: none !important;
}

@media print {
    .visible-print-block {
        display: block !important;
    }
}

.visible-print-inline {
    display: none !important;
}

@media print {
    .visible-print-inline {
        display: inline !important;
    }
}

.visible-print-inline-block {
    display: none !important;
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important;
    }
}

@media print {
    .hidden-print {
        display: none !important;
    }
}

/*
  GRID DISTRIBUTION
  - $number: nombre de vignettes par ligne
  - $margin: largeur de la gouttiere entre chaque vignette

  -a utiliser avec des medias queries specifiques, pour eviter les surcharges en RWD: 
  desktop/tablet_only/mobile
  - max: 8 vignettes par ligne
*/
/* 
  GRID STRUCTURE
  
  -pas besoin de preciser visu-bot ou visu-top. Pour visu-bot, inverser le .grid-item-text et le .visu dans l'html

  * Visuel Top
    - $height de l'image a preciser (defaut: 300px)
    - $ratio: padding-bottom de l'image en rwd(tablet+mobile), si non renseigne on garde la $height en mobile

  * Visuel Bottom
    - Modifier le code html pour que .grid-item-visu se trouve apres .grid-item-text
    - memes parametres que Visuel Top

  * Visuel Left
    - $type: visu-left
    - $height de la vignette a preciser (defaut: 300px);
    - $width de l'image a preciser

  * Visuel Full
    - $type: visu-full
    - $ratio: padding-bottom de l'image, peut etre en % ou en px

  * Visuel Bulle
    - $bulle: true , rend le visuel circulaire
*/
@-webkit-keyframes scrollWheel {
    0% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
        opacity: 0;
    }
}

@keyframes scrollWheel {
    0% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
        opacity: 0;
    }
}

@-webkit-keyframes scrollWheelSecond {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
        opacity: 1;
    }
}

@keyframes scrollWheelSecond {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
        opacity: 1;
    }
}

/* INT
	Builders des textes en page intérieur,
	voir appels dans int/_calls.scss
*/
.class_group_home, .class_group_intern p, .class_group_intern .form-horizontal .form-group.required label:not(.custom-radio):not(.custom-checkbox)::after {
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    color: #777474;
    line-height: 1.5em;
    margin-bottom: 30px;
}

.class_group_intern #top-page .hat-text .content p {
    font-family: "Georgia", Regular, Arial, sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    color: #9a9a9a;
    line-height: 1.38em;
    font-weight: 300;
    margin: 0px;
}

.class_group_home h1, .class_group_home .fake-h1, .class_group_intern h1, .class_group_intern .fake-h1 {
    font-family: "Overpass", Bold, Arial, Bold, sans-serif;
    font-size: 56px;
    font-size: 5.6rem;
    color: #fff;
    margin: 0px 0px 25px;
    line-height: normal;
}

@media only screen and (max-width: 767px) {
    .class_group_home h1, .class_group_home .fake-h1, .class_group_intern h1, .class_group_intern .fake-h1 {
        font-size: 25px;
        font-size: 2.5rem;
    }
}

.class_group_home h2, .class_group_home .fake-h2, .class_group_intern h2, .class_group_intern .fake-h2 {
    font-family: "Overpass", Regular, Arial, sans-serif;
    font-size: 40px;
    font-size: 4rem;
    color: #3d3d3d;
    margin-bottom: 40px;
    margin-top: 70px;
    font-weight: 400;
    display: inline-block;
    line-height: normal;
    clear: both;
}

    .class_group_home h2:after, .class_group_home .fake-h2:after, .class_group_intern h2:after, .class_group_intern .fake-h2:after {
        background-color: #9e8652 !important;
    }

    .class_group_home h2 i, .class_group_home .fake-h2 i, .class_group_intern h2 i, .class_group_intern .fake-h2 i {
        margin-right: 20px;
    }

#share .title, .class_group_intern h3, .class_group_intern .fake-h3 {
    font-family: 'Overpass';
    font-weight: 400;
    font-size: 35px;
    font-size: 3.5rem;
    color: #b23993;
    line-height: normal;
    margin-bottom: 20px;
}

.class_group_intern h4, .class_group_intern .fake-h4 {
    font-family: 'Overpass';
    font-size: 27px;
    font-size: 2.7rem;
    font-weight: 400;
    color: #b23993;
    line-height: normal;
    margin-bottom: 20px;
    margin-top: 20px;
}

.class_group_home h5, .class_group_home .fake-h5, .class_group_intern h5, .class_group_intern .fake-h5, .class_group_intern .form-horizontal #formOverview strong {
    font-family: 'Overpass';
    font-weight: 400;
    font-size: 21px;
    font-size: 2.1rem;
    text-transform: uppercase;
    color: #282d33;
    margin-bottom: 20px;
}

.class_group_home a, .class_group_intern a {
    color: #777474;
    text-decoration: underline;
    border: none;
    -webkit-transition: color 0.4s;
    transition: color 0.4s;
}

    .class_group_home a:hover, .class_group_intern a:hover, .class_group_home a:active, .class_group_intern a:active, .class_group_home a:focus, .class_group_intern a:focus {
        color: #b23993;
    }

.class_group_intern .external_link:after {
    content: '\f08e';
    font-family: 'FontAwesome';
    font-size: 16px;
    font-size: 1.6rem;
    color: #777474;
    -webkit-transition: color 0.4s;
    transition: color 0.4s;
    padding-left: 4px;
    display: inline-block;
}

.class_group_intern .external_link:hover:after, .class_group_intern .external_link:active:after, .class_group_intern .external_link:focus:after {
    color: #b23993;
}

/* HOME
	Builders des textes en home page,
	voir appels dans home/_calls.scss
	hérite des styles INT par défaut
*/
.class_group_home h1, .class_group_home .fake-h1 {
    margin: -4px 30px 0px 0px;
    display: inline-block;
    vertical-align: middle;
    line-height: 0;
}

    .class_group_home h1:after, .class_group_home .fake-h1:after {
        content: none !important;
    }

@media only screen and (min-width: 768px) and (max-width: 1361px) {
    .class_group_home h1, .class_group_home .fake-h1 {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}

@media only screen and (max-width: 1199px) {
    .class_group_home h1, .class_group_home .fake-h1 {
        display: none;
    }
}

.class_group_home h2, .class_group_home .fake-h2 {
    font-family: 'Overpass', Arial, sans-serif;
    font-weight: 400;
    font-size: 80px;
    font-size: 8rem;
    color: #fff;
    text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);
    z-index: 1;
    position: relative;
    display: inline-block;
    margin: 0px;
}

    .class_group_home h2:after, .class_group_home .fake-h2:after {
        content: none !important;
        margin: 0px !important;
    }

@media only screen and (max-width: 1199px) {
    .class_group_home h2, .class_group_home .fake-h2 {
        width: 100%;
        padding: 0px 100px;
        font-size: 60px;
        font-size: 6rem;
    }
}

@media only screen and (max-width: 767px) {
    .class_group_home h2, .class_group_home .fake-h2 {
        font-size: 30px;
        font-size: 3rem;
        padding-left: 20px;
        padding-right: 20px;
    }
}

.class_group_home h3, .class_group_home .fake-h3 {
    font-family: 'Overpass', Arial, sans-serif;
    font-weight: 400;
    font-size: 50px;
    font-size: 5rem;
    color: #3d3d3d;
    margin-bottom: 60px;
    line-height: normal;
}

@media only screen and (max-width: 767px) {
    .class_group_home h3, .class_group_home .fake-h3 {
        text-align: center;
        margin-bottom: 50px;
        font-size: 30px;
        font-size: 3rem;
    }
}

.class_group_home #services .grid-list-service .grid-item-title, .class_group_intern #services .grid-list-service .grid-item-title, .class_group_home h4, .class_group_home .fake-h4 {
    font-family: 'Overpass', Arial, sans-serif;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 400;
    color: #777474;
    line-height: 1em;
    width: 120px;
    margin: 0 auto;
}

footer .col h3 {
    font-family: "Overpass", Regular, Arial, sans-serif;
    font-size: 22px;
    font-size: 2.2rem;
    color: #fff;
    margin-bottom: 20px;
}

/* INT
	Builders des structures(containers, mise en page) en page intérieur,
	voir appels dans int/_calls.scss
*/
.class_group_intern .container, .class_group_home .container {
    width: 1180px;
    margin: 0 auto;
    padding: 0px;
}

@media only screen and (max-width: 1199px) {
    .class_group_intern .container, .class_group_home .container {
        width: 100%;
        padding: 0 40px;
    }
}

@media only screen and (max-width: 767px) {
    .class_group_intern .container, .class_group_home .container {
        padding: 0 20px;
    }
}

.class_group_intern .container.small {
    width: 900px;
    margin: 0 auto;
    padding: 0px;
}

@media only screen and (max-width: 1199px) {
    .class_group_intern .container.small {
        width: 100%;
        padding: 0 40px;
    }
}

@media only screen and (max-width: 767px) {
    .class_group_intern .container.small {
        padding: 0 20px;
    }
}

/* HOME
	Builders des structures(containers, mise en page) en page home,
	voir appels dans home/_calls.scss
*/
.class_group_home h1:after, .class_group_home .fake-h1:after, .class_group_intern h1:after, .class_group_intern .fake-h1:after, .class_group_home h2:after, .class_group_home .fake-h2:after, .class_group_intern h2:after, .class_group_intern .fake-h2:after, .class_group_intern .yosemite-rte .figure p span:after, .class_group_home #kiosque .info .content h3:after, .class_group_intern.class_identifier_agenda .grid-list a .grid-item-date span:after, .class_group_intern #grid-list-agenda a .grid-item-date span:after, .class_group_home #agenda .grid-list-type a .grid-item-date span:after, #popin .content .text span:after, .class_group_home #news li .slider-text h3:after, .class_group_home #kiosque .slide-kiosque h3:after {
    content: '';
    background-color: #fff;
    height: 3px;
    width: 40px;
    display: block;
    margin-top: 15px;
}

@media only screen and (max-width: 767px) {
    .class_group_home h1:after, .class_group_home .fake-h1:after, .class_group_intern h1:after, .class_group_intern .fake-h1:after, .class_group_home h2:after, .class_group_home .fake-h2:after, .class_group_intern h2:after, .class_group_intern .fake-h2:after, .class_group_intern .yosemite-rte .figure p span:after, .class_group_home #kiosque .info .content h3:after, .class_group_intern.class_identifier_agenda .grid-list a .grid-item-date span:after, .class_group_intern #grid-list-agenda a .grid-item-date span:after, .class_group_home #agenda .grid-list-type a .grid-item-date span:after, #popin .content .text span:after, .class_group_home #news li .slider-text h3:after, .class_group_home #kiosque .slide-kiosque h3:after {
        margin-left: auto;
        margin-right: auto;
    }
}

.class_group_intern .yosemite-rte .figure p span:after, .class_group_home #kiosque .info .content h3:after {
    margin-left: auto;
    margin-right: auto;
    background-color: #d9d9d9;
}

footer .col .list-rs, #maintenance .join-us ul, .class_group_home #banner .join-us ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    footer .col .list-rs li, #maintenance .join-us ul li, .class_group_home #banner .join-us ul li {
        margin-right: 10px;
        margin-bottom: 0px;
    }

        footer .col .list-rs li:nth-last-of-type(1), #maintenance .join-us ul li:nth-last-of-type(1), .class_group_home #banner .join-us ul li:nth-last-of-type(1) {
            margin-right: 0px;
        }

    footer .col .list-rs a, #maintenance .join-us ul a, .class_group_home #banner .join-us ul a {
        background-color: #b23993;
        border-radius: 50%;
        height: 40px;
        width: 40px;
        position: relative;
        text-align: center;
        display: inline-block;
        vertical-align: top;
        padding: 0;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
        margin-top: -10px;
    }

        footer .col .list-rs a:before, #maintenance .join-us ul a:before, .class_group_home #banner .join-us ul a:before {
            content: none;
        }

        footer .col .list-rs a:after, #maintenance .join-us ul a:after, .class_group_home #banner .join-us ul a:after {
            content: '';
            height: 100%;
            vertical-align: middle;
            display: inline-block;
        }

        footer .col .list-rs a:hover, #maintenance .join-us ul a:hover, .class_group_home #banner .join-us ul a:hover, footer .col .list-rs a:active, #maintenance .join-us ul a:active, .class_group_home #banner .join-us ul a:active, footer .col .list-rs a:focus, #maintenance .join-us ul a:focus, .class_group_home #banner .join-us ul a:focus {
            background-color: #861f6b;
            margin-top: 0px;
        }

@media only screen and (max-width: 767px) {
    footer .col .list-rs, #maintenance .join-us ul, .class_group_home #banner .join-us ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

/* GRID-LISTS
	Builder des grilles en page intérieure.
	Chaque Grille est composée d'une structure et d'un habillage
	Les appels des grilles sont à effectuer dans le fichier
	page-int/modules/_grid-lists
*/
/* SKIN COMMUN
	à toutes les Grid-Lists, si les grilles ont toutes le même habillage, il sera
	le seul utilisé
*/
.class_group_intern.class_identifier_agenda .grid-list a, .class_group_intern #grid-list-agenda a, .class_group_home #agenda .grid-list-type a {
    text-decoration: none;
}

/* STRUCTURES
	ne pas surcharger les structures
	si les grilles ont toutes la même structure une seule déclaration sera utilisée
	'%grid-structure-type'
*/
@media only screen and (min-width: 1200px) {
    .class_group_intern.class_identifier_agenda .grid-list, .class_group_intern #grid-list-agenda, .class_group_home #agenda .grid-list-type {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }

        .class_group_intern.class_identifier_agenda .grid-list .grid-item, .class_group_intern #grid-list-agenda .grid-item, .class_group_home #agenda .grid-list-type .grid-item {
            width: calc(33.3% - ( ((3px - 1px) * 30) / 3));
            width: -webkit-calc(33.3% - ( ((3px - 1px) * 30) / 3));
        }

            .class_group_intern.class_identifier_agenda .grid-list .grid-item:nth-child(3n+1), .class_group_intern #grid-list-agenda .grid-item:nth-child(3n+1), .class_group_home #agenda .grid-list-type .grid-item:nth-child(3n+1) {
                margin-right: 20px;
                margin-left: 0;
            }

            .class_group_intern.class_identifier_agenda .grid-list .grid-item:nth-child(3n+2), .class_group_intern #grid-list-agenda .grid-item:nth-child(3n+2), .class_group_home #agenda .grid-list-type .grid-item:nth-child(3n+2) {
                margin-left: 10px;
                margin-right: 10px;
            }

            .class_group_intern.class_identifier_agenda .grid-list .grid-item:nth-child(3n), .class_group_intern #grid-list-agenda .grid-item:nth-child(3n), .class_group_home #agenda .grid-list-type .grid-item:nth-child(3n) {
                margin-left: 20px;
                margin-right: 0;
            }
}

@media only screen and (min-width: 767px) and (max-width: 1199px) {
    .class_group_intern.class_identifier_agenda .grid-list, .class_group_intern #grid-list-agenda, .class_group_home #agenda .grid-list-type {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }

        .class_group_intern.class_identifier_agenda .grid-list .grid-item, .class_group_intern #grid-list-agenda .grid-item, .class_group_home #agenda .grid-list-type .grid-item {
            width: calc(33.3% - ( ((3px - 1px) * 30) / 3));
            width: -webkit-calc(33.3% - ( ((3px - 1px) * 30) / 3));
        }

            .class_group_intern.class_identifier_agenda .grid-list .grid-item:nth-child(3n+1), .class_group_intern #grid-list-agenda .grid-item:nth-child(3n+1), .class_group_home #agenda .grid-list-type .grid-item:nth-child(3n+1) {
                margin-right: 20px;
                margin-left: 0;
            }

            .class_group_intern.class_identifier_agenda .grid-list .grid-item:nth-child(3n+2), .class_group_intern #grid-list-agenda .grid-item:nth-child(3n+2), .class_group_home #agenda .grid-list-type .grid-item:nth-child(3n+2) {
                margin-left: 10px;
                margin-right: 10px;
            }

            .class_group_intern.class_identifier_agenda .grid-list .grid-item:nth-child(3n), .class_group_intern #grid-list-agenda .grid-item:nth-child(3n), .class_group_home #agenda .grid-list-type .grid-item:nth-child(3n) {
                margin-left: 20px;
                margin-right: 0;
            }
}

@media only screen and (max-width: 767px) {
    .class_group_intern.class_identifier_agenda .grid-list, .class_group_intern #grid-list-agenda, .class_group_home #agenda .grid-list-type {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }

        .class_group_intern.class_identifier_agenda .grid-list .grid-item, .class_group_intern #grid-list-agenda .grid-item, .class_group_home #agenda .grid-list-type .grid-item {
            width: calc(100% - ( ((1px - 1px) * 0) / 1));
            width: -webkit-calc(100% - ( ((1px - 1px) * 0) / 1));
            margin-left: 0 !important;
            margin-right: 0 !important;
        }
}

/* SKIN ITEM
	Skin en fonction du type de contenu
*/
.class_group_intern.class_identifier_agenda .grid-list a, .class_group_intern #grid-list-agenda a, .class_group_home #agenda .grid-list-type a {
    display: block;
    color: #fff;
}

    .class_group_intern.class_identifier_agenda .grid-list a .grid-item-date, .class_group_intern #grid-list-agenda a .grid-item-date, .class_group_home #agenda .grid-list-type a .grid-item-date {
        background-color: #c450a6;
        font-family: Georgia, Arial, sans-serif;
        font-size: 19px;
        font-size: 1.9rem;
        line-height: 1em;
        font-style: italic;
        padding: 30px;
        min-height: 237px;
    }

        .class_group_intern.class_identifier_agenda .grid-list a .grid-item-date span, .class_group_intern #grid-list-agenda a .grid-item-date span, .class_group_home #agenda .grid-list-type a .grid-item-date span {
            font-family: "Overpass", Bold, Arial, Bold, sans-serif;
            font-size: 40px;
            font-size: 4rem;
            display: block;
            font-style: normal;
        }

            .class_group_intern.class_identifier_agenda .grid-list a .grid-item-date span:after, .class_group_intern #grid-list-agenda a .grid-item-date span:after, .class_group_home #agenda .grid-list-type a .grid-item-date span:after {
                margin-top: 5px;
            }

            .class_group_intern.class_identifier_agenda .grid-list a .grid-item-date span strong, .class_group_intern #grid-list-agenda a .grid-item-date span strong, .class_group_home #agenda .grid-list-type a .grid-item-date span strong {
                font-size: 150px;
                font-size: 15rem;
                line-height: 1em;
            }

                .class_group_intern.class_identifier_agenda .grid-list a .grid-item-date span strong.year, .class_group_intern #grid-list-agenda a .grid-item-date span strong.year, .class_group_home #agenda .grid-list-type a .grid-item-date span strong.year {
                    font-size: 130px;
                    font-size: 13rem;
                }

@media only screen and (max-width: 1199px) {
    .class_group_intern.class_identifier_agenda .grid-list a .grid-item-date span strong.year, .class_group_intern #grid-list-agenda a .grid-item-date span strong.year, .class_group_home #agenda .grid-list-type a .grid-item-date span strong.year {
        font-size: 68px;
        font-size: 6.8rem;
        min-height: 100px;
        display: block;
        line-height: 1.5em;
    }
}

@media only screen and (max-width: 1199px) {
    .class_group_intern.class_identifier_agenda .grid-list a .grid-item-date span strong, .class_group_intern #grid-list-agenda a .grid-item-date span strong, .class_group_home #agenda .grid-list-type a .grid-item-date span strong {
        font-size: 100px;
        font-size: 10rem;
    }
}

@media only screen and (min-width: 767px) and (max-width: 1199px) {
    .class_group_intern.class_identifier_agenda .grid-list a .grid-item-date, .class_group_intern #grid-list-agenda a .grid-item-date, .class_group_home #agenda .grid-list-type a .grid-item-date {
        min-height: 187px;
    }
}

@media only screen and (max-width: 767px) {
    .class_group_intern.class_identifier_agenda .grid-list a .grid-item-date, .class_group_intern #grid-list-agenda a .grid-item-date, .class_group_home #agenda .grid-list-type a .grid-item-date {
        min-height: auto;
    }
}

.class_group_intern.class_identifier_agenda .grid-list a .grid-item-text, .class_group_intern #grid-list-agenda a .grid-item-text, .class_group_home #agenda .grid-list-type a .grid-item-text {
    background-color: #861f6b;
    padding: 20px 30px 25px;
    min-height: 168px;
}

    .class_group_intern.class_identifier_agenda .grid-list a .grid-item-text .grid-item-title, .class_group_intern #grid-list-agenda a .grid-item-text .grid-item-title, .class_group_home #agenda .grid-list-type a .grid-item-text .grid-item-title {
        font-family: "Overpass", Regular, Arial, sans-serif;
        font-size: 22px;
        font-size: 2.2rem;
        line-height: normal;
        height: 55px;
        padding-left: 58px;
        position: relative;
        margin-bottom: 20px;
    }

        .class_group_intern.class_identifier_agenda .grid-list a .grid-item-text .grid-item-title:before, .class_group_intern #grid-list-agenda a .grid-item-text .grid-item-title:before, .class_group_home #agenda .grid-list-type a .grid-item-text .grid-item-title:before {
            content: '';
            display: inline-block;
            vertical-align: middle;
            background-color: #fff;
            border-radius: 50%;
            height: 48px;
            width: 48px;
            box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.4);
            position: absolute;
            top: 50%;
            left: 0px;
            margin-top: -24px;
            background-image: url(../images/home/date.png);
            background-repeat: no-repeat;
            background-position: center center;
        }

@media only screen and (max-width: 1199px) {
    .class_group_intern.class_identifier_agenda .grid-list a .grid-item-text .grid-item-title, .class_group_intern #grid-list-agenda a .grid-item-text .grid-item-title, .class_group_home #agenda .grid-list-type a .grid-item-text .grid-item-title {
        padding-left: 0px;
        height: 85px;
    }

        .class_group_intern.class_identifier_agenda .grid-list a .grid-item-text .grid-item-title:before, .class_group_intern #grid-list-agenda a .grid-item-text .grid-item-title:before, .class_group_home #agenda .grid-list-type a .grid-item-text .grid-item-title:before {
            content: none;
        }
}

@media only screen and (max-width: 767px) {
    .class_group_intern.class_identifier_agenda .grid-list a .grid-item-text .grid-item-title, .class_group_intern #grid-list-agenda a .grid-item-text .grid-item-title, .class_group_home #agenda .grid-list-type a .grid-item-text .grid-item-title {
        margin-bottom: 0px;
        font-size: 20px;
        font-size: 2rem;
        height: auto;
    }
}

.class_group_intern.class_identifier_agenda .grid-list a .grid-item-text .grid-item-description, .class_group_intern #grid-list-agenda a .grid-item-text .grid-item-description, .class_group_home #agenda .grid-list-type a .grid-item-text .grid-item-description {
    font-family: 'Georgia', Arial, sans-serif;
    font-size: 19px;
    font-size: 1.9rem;
    line-height: normal;
    color: #e68acd;
    min-height: 48px;
}

@media only screen and (max-width: 767px) {
    .class_group_intern.class_identifier_agenda .grid-list a .grid-item-text .grid-item-description, .class_group_intern #grid-list-agenda a .grid-item-text .grid-item-description, .class_group_home #agenda .grid-list-type a .grid-item-text .grid-item-description {
        display: none;
    }
}

.class_group_intern.class_identifier_agenda .grid-list a .grid-item-text .grid-item-date, .class_group_intern #grid-list-agenda a .grid-item-text .grid-item-date, .class_group_home #agenda .grid-list-type a .grid-item-text .grid-item-date {
    margin: 0px;
}

@media only screen and (max-width: 767px) {
    .class_group_intern.class_identifier_agenda .grid-list a .grid-item-text, .class_group_intern #grid-list-agenda a .grid-item-text, .class_group_home #agenda .grid-list-type a .grid-item-text {
        min-height: auto;
    }
}

.class_group_intern.class_identifier_agenda .grid-list a:hover .grid-item-text .grid-item-title, .class_group_intern #grid-list-agenda a:hover .grid-item-text .grid-item-title, .class_group_home #agenda .grid-list-type a:hover .grid-item-text .grid-item-title, .class_group_intern.class_identifier_agenda .grid-list a:active .grid-item-text .grid-item-title, .class_group_intern #grid-list-agenda a:active .grid-item-text .grid-item-title, .class_group_home #agenda .grid-list-type a:active .grid-item-text .grid-item-title, .class_group_intern.class_identifier_agenda .grid-list a:focus .grid-item-text .grid-item-title, .class_group_intern #grid-list-agenda a:focus .grid-item-text .grid-item-title, .class_group_home #agenda .grid-list-type a:focus .grid-item-text .grid-item-title {
    text-decoration: underline;
}

@media only screen and (max-width: 767px) {
    .class_group_intern.class_identifier_agenda .grid-list a, .class_group_intern #grid-list-agenda a, .class_group_home #agenda .grid-list-type a {
        text-align: center;
        margin-bottom: 30px;
        min-height: auto;
    }
}

.class_group_home #services .grid-list-service .grid-item, .class_group_intern #services .grid-list-service .grid-item {
    text-align: center;
    margin-bottom: 60px;
}

    .class_group_home #services .grid-list-service .grid-item:nth-last-of-type(1), .class_group_intern #services .grid-list-service .grid-item:nth-last-of-type(1) {
        margin-right: 0px;
    }

.class_group_home #services .grid-list-service a, .class_group_intern #services .grid-list-service a {
    text-decoration: none;
    display: block;
}

    .class_group_home #services .grid-list-service a:hover .grid-item-visu, .class_group_intern #services .grid-list-service a:hover .grid-item-visu, .class_group_home #services .grid-list-service a:focus .grid-item-visu, .class_group_intern #services .grid-list-service a:focus .grid-item-visu, .class_group_home #services .grid-list-service a:active .grid-item-visu, .class_group_intern #services .grid-list-service a:active .grid-item-visu {
        background-color: #b23993;
    }

        .class_group_home #services .grid-list-service a:hover .grid-item-visu i, .class_group_intern #services .grid-list-service a:hover .grid-item-visu i, .class_group_home #services .grid-list-service a:focus .grid-item-visu i, .class_group_intern #services .grid-list-service a:focus .grid-item-visu i, .class_group_home #services .grid-list-service a:active .grid-item-visu i, .class_group_intern #services .grid-list-service a:active .grid-item-visu i {
            background-position: right center;
        }

    .class_group_home #services .grid-list-service a:hover .grid-item-title, .class_group_intern #services .grid-list-service a:hover .grid-item-title, .class_group_home #services .grid-list-service a:focus .grid-item-title, .class_group_intern #services .grid-list-service a:focus .grid-item-title, .class_group_home #services .grid-list-service a:active .grid-item-title, .class_group_intern #services .grid-list-service a:active .grid-item-title {
        color: #3d3d3d;
    }

.class_group_home #services .grid-list-service .grid-item-visu, .class_group_intern #services .grid-list-service .grid-item-visu {
    border-radius: 50%;
    background-color: #d9d9d9;
    height: 102px;
    width: 102px;
    margin: 0 auto 25px;
    position: relative;
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s;
}

    .class_group_home #services .grid-list-service .grid-item-visu i, .class_group_intern #services .grid-list-service .grid-item-visu i {
        background-repeat: no-repeat;
        background-position: left center;
        height: 100%;
        width: 100%;
        position: relative;
        margin: 0 auto;
        display: inline-block;
        vertical-align: middle;
    }

    .class_group_home #services .grid-list-service .grid-item-visu:before, .class_group_intern #services .grid-list-service .grid-item-visu:before {
        content: '';
        height: 3px;
        width: 30px;
        background-color: #d9d9d9;
        display: block;
        position: absolute;
        bottom: -17px;
        left: 50%;
        margin-left: -15px;
    }

    .class_group_home #services .grid-list-service .grid-item-visu:after, .class_group_intern #services .grid-list-service .grid-item-visu:after {
        content: '';
        height: 100%;
        display: inline-block;
        vertical-align: middle;
    }

.class_group_home #services .grid-list-service .grid-item-title, .class_group_intern #services .grid-list-service .grid-item-title {
    -webkit-transition: color 0.4s;
    transition: color 0.4s;
}

.class_group_home #services .grid-list-service .grid-item {
    width: 11%;
    margin-right: 9%;
}

    .class_group_home #services .grid-list-service .grid-item:nth-of-type(5n+5) {
        margin-right: 0px;
    }

    .class_group_home #services .grid-list-service .grid-item:nth-last-of-type(1) {
        margin-right: 0px;
    }

@media only screen and (min-width: 767px) and (max-width: 1199px) {
    .class_group_home #services .grid-list-service .grid-item {
        width: 20%;
        margin-right: 0px;
    }

        .class_group_home #services .grid-list-service .grid-item:nth-of-type(5n+5) {
            width: 20%;
        }
}

@media only screen and (max-width: 767px) {
    .class_group_home #services .grid-list-service .grid-item {
        width: 50%;
        margin-right: 0px;
    }

        .class_group_home #services .grid-list-service .grid-item:nth-of-type(5n+5) {
            width: 50%;
        }
}

.class_group_intern #services .grid-list-service .grid-item {
    width: 27.33%;
    margin-right: 9%;
}

    .class_group_intern #services .grid-list-service .grid-item:nth-of-type(3n+3) {
        margin-right: 0px;
    }

@media only screen and (min-width: 767px) and (max-width: 1199px) {
    .class_group_intern #services .grid-list-service .grid-item {
        width: 33.33%;
        margin-right: 0px;
    }
}

@media only screen and (max-width: 767px) {
    .class_group_intern #services .grid-list-service .grid-item {
        width: 50%;
        margin-right: 0px;
    }
}

.class_group_intern .grid-list-recherche .grid-item, .class_group_intern .grid-list-annuaire .grid-item, .class_group_intern .grid-list-agenda .grid-item {
    margin-bottom: 25px;
    width: 31.66%;
    margin-right: 2.5%;
}

    .class_group_intern .grid-list-recherche .grid-item:nth-of-type(3n+3), .class_group_intern .grid-list-annuaire .grid-item:nth-of-type(3n+3), .class_group_intern .grid-list-agenda .grid-item:nth-of-type(3n+3) {
        margin-right: 0px;
    }

    .class_group_intern .grid-list-recherche .grid-item:nth-last-of-type(-n+3), .class_group_intern .grid-list-annuaire .grid-item:nth-last-of-type(-n+3), .class_group_intern .grid-list-agenda .grid-item:nth-last-of-type(-n+3) {
        margin-bottom: 0px;
    }

@media only screen and (min-width: 767px) and (max-width: 1199px) {
    .class_group_intern .grid-list-recherche .grid-item, .class_group_intern .grid-list-annuaire .grid-item, .class_group_intern .grid-list-agenda .grid-item {
        width: 48.75%;
    }

        .class_group_intern .grid-list-recherche .grid-item:nth-of-type(3n+3), .class_group_intern .grid-list-annuaire .grid-item:nth-of-type(3n+3), .class_group_intern .grid-list-agenda .grid-item:nth-of-type(3n+3) {
            margin-right: 2.5%;
        }

        .class_group_intern .grid-list-recherche .grid-item:nth-of-type(2n+2), .class_group_intern .grid-list-annuaire .grid-item:nth-of-type(2n+2), .class_group_intern .grid-list-agenda .grid-item:nth-of-type(2n+2) {
            margin-right: 0;
        }

        .class_group_intern .grid-list-recherche .grid-item:nth-last-of-type(-n+2), .class_group_intern .grid-list-annuaire .grid-item:nth-last-of-type(-n+2), .class_group_intern .grid-list-agenda .grid-item:nth-last-of-type(-n+2) {
            margin-bottom: 0px;
        }
}

@media only screen and (max-width: 767px) {
    .class_group_intern .grid-list-recherche .grid-item, .class_group_intern .grid-list-annuaire .grid-item, .class_group_intern .grid-list-agenda .grid-item {
        width: 100%;
        margin-right: 0px;
    }

        .class_group_intern .grid-list-recherche .grid-item:nth-last-of-type(-n+3), .class_group_intern .grid-list-annuaire .grid-item:nth-last-of-type(-n+3), .class_group_intern .grid-list-agenda .grid-item:nth-last-of-type(-n+3) {
            margin-bottom: 25px;
        }

        .class_group_intern .grid-list-recherche .grid-item:nth-last-of-type(-n+1), .class_group_intern .grid-list-annuaire .grid-item:nth-last-of-type(-n+1), .class_group_intern .grid-list-agenda .grid-item:nth-last-of-type(-n+1) {
            margin-bottom: 0px;
        }
}

.class_group_intern .grid-list-recherche a, .class_group_intern .grid-list-annuaire a, .class_group_intern .grid-list-agenda a {
    text-decoration: none;
    display: block;
    background-color: #d9d9d9;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

    .class_group_intern .grid-list-recherche a:hover, .class_group_intern .grid-list-annuaire a:hover, .class_group_intern .grid-list-agenda a:hover, .class_group_intern .grid-list-recherche a:focus, .class_group_intern .grid-list-annuaire a:focus, .class_group_intern .grid-list-agenda a:focus, .class_group_intern .grid-list-recherche a:active, .class_group_intern .grid-list-annuaire a:active, .class_group_intern .grid-list-agenda a:active {
        background-color: #b23993;
    }

        .class_group_intern .grid-list-recherche a:hover .grid-item-visu:before, .class_group_intern .grid-list-annuaire a:hover .grid-item-visu:before, .class_group_intern .grid-list-agenda a:hover .grid-item-visu:before, .class_group_intern .grid-list-recherche a:focus .grid-item-visu:before, .class_group_intern .grid-list-annuaire a:focus .grid-item-visu:before, .class_group_intern .grid-list-agenda a:focus .grid-item-visu:before, .class_group_intern .grid-list-recherche a:active .grid-item-visu:before, .class_group_intern .grid-list-annuaire a:active .grid-item-visu:before, .class_group_intern .grid-list-agenda a:active .grid-item-visu:before {
            opacity: 1;
        }

        .class_group_intern .grid-list-recherche a:hover .grid-item-title, .class_group_intern .grid-list-annuaire a:hover .grid-item-title, .class_group_intern .grid-list-agenda a:hover .grid-item-title, .class_group_intern .grid-list-recherche a:focus .grid-item-title, .class_group_intern .grid-list-annuaire a:focus .grid-item-title, .class_group_intern .grid-list-agenda a:focus .grid-item-title, .class_group_intern .grid-list-recherche a:active .grid-item-title, .class_group_intern .grid-list-annuaire a:active .grid-item-title, .class_group_intern .grid-list-agenda a:active .grid-item-title {
            color: #fff;
            text-decoration: none;
        }

        .class_group_intern .grid-list-recherche a:hover .grid-item-description, .class_group_intern .grid-list-annuaire a:hover .grid-item-description, .class_group_intern .grid-list-agenda a:hover .grid-item-description, .class_group_intern .grid-list-recherche a:focus .grid-item-description, .class_group_intern .grid-list-annuaire a:focus .grid-item-description, .class_group_intern .grid-list-agenda a:focus .grid-item-description, .class_group_intern .grid-list-recherche a:active .grid-item-description, .class_group_intern .grid-list-annuaire a:active .grid-item-description, .class_group_intern .grid-list-agenda a:active .grid-item-description {
            color: #fff;
        }

        .class_group_intern .grid-list-recherche a:hover .grid-item-source, .class_group_intern .grid-list-annuaire a:hover .grid-item-source, .class_group_intern .grid-list-agenda a:hover .grid-item-source, .class_group_intern .grid-list-recherche a:hover .grid-item-date, .class_group_intern .grid-list-annuaire a:hover .grid-item-date, .class_group_intern .grid-list-agenda a:hover .grid-item-date, .class_group_intern .grid-list-recherche a:focus .grid-item-source, .class_group_intern .grid-list-annuaire a:focus .grid-item-source, .class_group_intern .grid-list-agenda a:focus .grid-item-source, .class_group_intern .grid-list-recherche a:focus .grid-item-date, .class_group_intern .grid-list-annuaire a:focus .grid-item-date, .class_group_intern .grid-list-agenda a:focus .grid-item-date, .class_group_intern .grid-list-recherche a:active .grid-item-source, .class_group_intern .grid-list-annuaire a:active .grid-item-source, .class_group_intern .grid-list-agenda a:active .grid-item-source, .class_group_intern .grid-list-recherche a:active .grid-item-date, .class_group_intern .grid-list-annuaire a:active .grid-item-date, .class_group_intern .grid-list-agenda a:active .grid-item-date {
            color: #fff;
        }

.class_group_intern .grid-list-recherche .grid-item-visu, .class_group_intern .grid-list-annuaire .grid-item-visu, .class_group_intern .grid-list-agenda .grid-item-visu {
    height: 210px;
    width: 100%;
    margin: 0;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

    .class_group_intern .grid-list-recherche .grid-item-visu:before, .class_group_intern .grid-list-agenda .grid-item-visu:before {
        content: '';
        height: 100%;
        width: 100%;
        background-color: rgba(178, 57, 147, 0.85);
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s;
    }

.class_group_intern .grid-list-recherche .grid-item-date, .class_group_intern .grid-list-annuaire .grid-item-date, .class_group_intern .grid-list-agenda .grid-item-date {
    padding: 10px 40px;
    background-color: #b23993;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 56px;
}

    .class_group_intern .grid-list-recherche .grid-item-date .pictos, .class_group_intern .grid-list-annuaire .grid-item-date .pictos, .class_group_intern .grid-list-agenda .grid-item-date .pictos {
        height: 34px;
        width: 34px;
        min-width: 34px;
        border-radius: 50%;
        background-color: #fff;
        box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-right: 10px;
    }

    .class_group_intern .grid-list-recherche .grid-item-date p, .class_group_intern .grid-list-annuaire .grid-item-date p, .class_group_intern .grid-list-agenda .grid-item-date p {
        font-family: 'Overpass';
        font-weight: 600;
        color: #fff;
        line-height: 1.1em;
        font-size: 16px;
        font-size: 1.6rem;
        margin: 0px;
    }

.class_group_intern .grid-list-recherche .grid-item-text, .class_group_intern .grid-list-annuaire .grid-item-text, .class_group_intern .grid-list-agenda .grid-item-text {
    padding: 30px;
}

    .class_group_intern .grid-list-recherche .grid-item-text .grid-item-title, .class_group_intern .grid-list-annuaire .grid-item-text .grid-item-title, .class_group_intern .grid-list-agenda .grid-item-text .grid-item-title {
        font-family: 'Overpass';
        font-weight: 400;
        font-size: 22px;
        font-size: 2.2rem;
        line-height: normal;
        color: #3d3d3d;
        margin: 0px 0px 40px;
        min-height: 58px;
    }

    .class_group_intern .grid-list-recherche .grid-item-text .grid-item-source, .class_group_intern .grid-list-annuaire .grid-item-text .grid-item-source, .class_group_intern .grid-list-agenda .grid-item-text .grid-item-source {
        font-style: italic;
        min-height: 28px;
        margin: 0px 0px 40px;
    }

    .class_group_intern .grid-list-recherche .grid-item-text .grid-item-description, .class_group_intern .grid-list-annuaire .grid-item-text .grid-item-description, .class_group_intern .grid-list-agenda .grid-item-text .grid-item-description {
        min-height: 48px;
    }

    .class_group_intern .grid-list-recherche .grid-item-text .grid-item-title {
        margin-bottom: 0px;
    }

.class_group_home #services .grid-list-service {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.class_group_intern #services .grid-list-service {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.class_group_intern .grid-list-annuaire, .class_group_intern .grid-list-agenda {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.class_group_intern .grid-list-recherche {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

/* BUTTONS
	Builders des boutons
	Il est préférable de privilégier de multiples builders ici ainsi que de nombreux appels,
	plutôt que d'appeler le même bouton sur toute les pages, et de le surcharger ensuite à
	certains endroits.
	De la même manière, il vaut mieux privilégier des appels spécifiques, à l'intérieur d'un
	module par exemple.
*/
.class_group_intern .yosemite-rte #crossreading .dark .btn-gold, .class_group_home #news .btn-actus, .pagination .pagin-prev .btn-dark, .pagination .pagin-next .btn-dark, .class_group_intern .yosemite-rte .media .media-header .btn-dark, .class_group_intern .yosemite-rte #crossreading .gold .btn-dark, .class_group_intern .form-horizontal .btn-dark, .class_group_intern .form-horizontal .btn-submit, .class_group_home .btn-dark, #cnil_banner_consent .close, footer .btn-pink {
    font-family: "Overpass", Regular, Arial, sans-serif;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1em;
    color: #fff;
    line-height: 48px;
    padding: 0 25px;
    text-decoration: none;
    display: inline-block;
    position: relative;
}

    .class_group_intern .yosemite-rte #crossreading .dark .btn-gold span, .class_group_home #news .btn-actus span, .pagination .pagin-prev .btn-dark span, .pagination .pagin-next .btn-dark span, .class_group_intern .yosemite-rte .media .media-header .btn-dark span, .class_group_intern .yosemite-rte #crossreading .gold .btn-dark span, .class_group_intern .form-horizontal .btn-dark span, .class_group_intern .form-horizontal .btn-submit span, .class_group_home .btn-dark span, #cnil_banner_consent .close span, footer .btn-pink span {
        z-index: 1;
        position: relative;
    }

    .class_group_intern .yosemite-rte #crossreading .dark .btn-gold:before, .class_group_home #news .btn-actus:before, .pagination .pagin-prev .btn-dark:before, .pagination .pagin-next .btn-dark:before, .class_group_intern .yosemite-rte .media .media-header .btn-dark:before, .class_group_intern .yosemite-rte #crossreading .gold .btn-dark:before, .class_group_intern .form-horizontal .btn-dark:before, .class_group_intern .form-horizontal .btn-submit:before, .class_group_home .btn-dark:before, footer .btn-pink:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
        height: 16px;
        width: 16px;
        z-index: 1;
        position: relative;
    }

    .class_group_intern .yosemite-rte #crossreading .dark .btn-gold:after, .class_group_home #news .btn-actus:after, .pagination .pagin-prev .btn-dark:after, .pagination .pagin-next .btn-dark:after, .class_group_intern .yosemite-rte .media .media-header .btn-dark:after, .class_group_intern .yosemite-rte #crossreading .gold .btn-dark:after, .class_group_intern .form-horizontal .btn-dark:after, .class_group_intern .form-horizontal .btn-submit:after, .class_group_home .btn-dark:after, #cnil_banner_consent .close:after, footer .btn-pink:after {
        content: '';
        position: absolute;
        z-index: 0;
        width: 0%;
        height: 100%;
        top: 0;
        left: 0;
        -webkit-transition: all 0.25s;
        transition: all 0.25s;
    }

    .class_group_intern .yosemite-rte #crossreading .dark .btn-gold:hover, .class_group_home #news .btn-actus:hover, .pagination .pagin-prev .btn-dark:hover, .pagination .pagin-next .btn-dark:hover, .class_group_intern .yosemite-rte .media .media-header .btn-dark:hover, .class_group_intern .yosemite-rte #crossreading .gold .btn-dark:hover, .class_group_intern .form-horizontal .btn-dark:hover, .class_group_intern .form-horizontal .btn-submit:hover, .class_group_home .btn-dark:hover, #cnil_banner_consent .close:hover, footer .btn-pink:hover, .class_group_intern .yosemite-rte #crossreading .dark .btn-gold:active, .class_group_home #news .btn-actus:active, .pagination .pagin-prev .btn-dark:active, .pagination .pagin-next .btn-dark:active, .class_group_intern .yosemite-rte .media .media-header .btn-dark:active, .class_group_intern .yosemite-rte #crossreading .gold .btn-dark:active, .class_group_intern .form-horizontal .btn-dark:active, .class_group_intern .form-horizontal .btn-submit:active, .class_group_home .btn-dark:active, #cnil_banner_consent .close:active, footer .btn-pink:active, .class_group_intern .yosemite-rte #crossreading .dark .btn-gold:focus, .class_group_home #news .btn-actus:focus, .pagination .pagin-prev .btn-dark:focus, .pagination .pagin-next .btn-dark:focus, .class_group_intern .yosemite-rte .media .media-header .btn-dark:focus, .class_group_intern .yosemite-rte #crossreading .gold .btn-dark:focus, .class_group_intern .form-horizontal .btn-dark:focus, .class_group_intern .form-horizontal .btn-submit:focus, .class_group_home .btn-dark:focus, #cnil_banner_consent .close:focus, footer .btn-pink:focus {
        color: #fff;
    }

        .class_group_intern .yosemite-rte #crossreading .dark .btn-gold:hover:after, .class_group_home #news .btn-actus:hover:after, .pagination .pagin-prev .btn-dark:hover:after, .pagination .pagin-next .btn-dark:hover:after, .class_group_intern .yosemite-rte .media .media-header .btn-dark:hover:after, .class_group_intern .yosemite-rte #crossreading .gold .btn-dark:hover:after, .class_group_intern .form-horizontal .btn-dark:hover:after, .class_group_intern .form-horizontal .btn-submit:hover:after, .class_group_home .btn-dark:hover:after, #cnil_banner_consent .close:hover:after, footer .btn-pink:hover:after, .class_group_intern .yosemite-rte #crossreading .dark .btn-gold:active:after, .class_group_home #news .btn-actus:active:after, .pagination .pagin-prev .btn-dark:active:after, .pagination .pagin-next .btn-dark:active:after, .class_group_intern .yosemite-rte .media .media-header .btn-dark:active:after, .class_group_intern .yosemite-rte #crossreading .gold .btn-dark:active:after, .class_group_intern .form-horizontal .btn-dark:active:after, .class_group_intern .form-horizontal .btn-submit:active:after, .class_group_home .btn-dark:active:after, #cnil_banner_consent .close:active:after, footer .btn-pink:active:after, .class_group_intern .yosemite-rte #crossreading .dark .btn-gold:focus:after, .class_group_home #news .btn-actus:focus:after, .pagination .pagin-prev .btn-dark:focus:after, .pagination .pagin-next .btn-dark:focus:after, .class_group_intern .yosemite-rte .media .media-header .btn-dark:focus:after, .class_group_intern .yosemite-rte #crossreading .gold .btn-dark:focus:after, .class_group_intern .form-horizontal .btn-dark:focus:after, .class_group_intern .form-horizontal .btn-submit:focus:after, .class_group_home .btn-dark:focus:after, #cnil_banner_consent .close:focus:after, footer .btn-pink:focus:after {
            width: 100%;
        }

    .class_group_intern .yosemite-rte #crossreading .dark .btn-gold:before, .class_group_home #news .btn-actus:before, .pagination .pagin-prev .btn-dark:before, .pagination .pagin-next .btn-dark:before, .class_group_intern .yosemite-rte .media .media-header .btn-dark:before, .class_group_intern .yosemite-rte #crossreading .gold .btn-dark:before, .class_group_intern .form-horizontal .btn-dark:before, .class_group_intern .form-horizontal .btn-submit:before, .class_group_home .btn-dark:before {
        background: url(../images/home/more.png) no-repeat center center;
        background-size: cover;
    }

    footer .btn-pink:before {
        background: url(../images/footer/contact.png) no-repeat center center;
        background-size: cover;
    }

.class_group_intern .yosemite-rte #crossreading .dark .btn-gold, .class_group_home #news .btn-actus {
    background-color: #9e8652;
}

    .class_group_intern .yosemite-rte #crossreading .dark .btn-gold:after, .class_group_home #news .btn-actus:after {
        background-color: #76643e;
    }

.pagination .pagin-prev .btn-dark, .pagination .pagin-next .btn-dark, .class_group_intern .yosemite-rte .media .media-header .btn-dark, .class_group_intern .yosemite-rte #crossreading .gold .btn-dark, .class_group_intern .form-horizontal .btn-dark, .class_group_intern .form-horizontal .btn-submit, .class_group_home .btn-dark {
    background-color: #282d33;
}

    .pagination .pagin-prev .btn-dark:after, .pagination .pagin-next .btn-dark:after, .class_group_intern .yosemite-rte .media .media-header .btn-dark:after, .class_group_intern .yosemite-rte #crossreading .gold .btn-dark:after, .class_group_intern .form-horizontal .btn-dark:after, .class_group_intern .form-horizontal .btn-submit:after, .class_group_home .btn-dark:after {
        background-color: #16191b;
    }

#cnil_banner_consent .close {
    background-color: #861f6b;
}

    #cnil_banner_consent .close:after {
        background-color: #71185a;
    }

footer .btn-pink {
    margin-top: 20px;
    background-color: #b23993;
}

    footer .btn-pink:after {
        background-color: #861f6b;
    }

.pagination .pagin-prev .btn-dark:before {
    background-image: url(../images/pictos/arrow-step.png);
}

.pagination .pagin-next .btn-dark:before {
    background-image: url(../images/pictos/arrow-step.png);
    -webkit-transform: rotate(-180deg) translate(0%, 50%);
    transform: rotate(-180deg) translate(0%, 50%);
    position: absolute;
    right: 16px;
    top: 50%;
}

/* INT
	Builders des formulaires en page intérieur, voir appels dans int/_calls.scss
*/
.class_group_home input, .class_group_intern input {
    font-family: Arial, sans-serif;
    border: 0;
    font-size: 16px;
    font-size: 1.6rem;
    color: #777474;
    border-bottom: 1px solid #404040;
    border-radius: 0px;
    padding: 0px 25px 0px 0px;
}

    .class_group_home input:focus, .class_group_intern input:focus {
        color: #282d33;
    }

.class_group_home textarea, .class_group_intern textarea {
    font-family: Arial, sans-serif;
    border: 0;
    font-size: 16px;
    font-size: 1.6rem;
    color: #777474;
    border-bottom: 1px solid #404040;
    border-radius: 0px;
    padding: 0px 25px 0px 0px;
}

.class_group_home label, .class_group_intern label {
    font-family: Arial, sans-serif;
}

.class_group_home .customRadio, .class_group_intern .customRadio {
    font-family: "Overpass", Regular, Arial, sans-serif;
}

.class_group_home .customCheckbox, .class_group_intern .customCheckbox {
    font-family: "Overpass", Regular, Arial, sans-serif;
}

/* HOME
	Builders des formulaires en page home, voir appels dans home/_calls.scss
	Hérite des builders INT par défaut
*/
.class_group_home .customSelectContain {
    font-family: "Overpass", Regular, Arial, sans-serif;
}

/* OVERLAYS
	Builders des overlays
*/
/* -------------------- */
.form-control:focus {
    border-color: #66AFE9;
}

.form-group.has-success .control-label {
    color: #3C763D;
}

.form-group.has-success .form-control {
    border-color: #3C763D;
}

    .form-group.has-success .form-control:focus {
        border-color: #3C763D;
    }

.form-group.has-success .help-block {
    color: #3C763D;
}

.form-group.has-success .form-control-feedback {
    color: #3C763D;
}

.form-group.has-success .radio {
    color: #3C763D;
}

.form-group.has-success .checkbox {
    color: #3C763D;
}

.form-group.has-error .control-label {
    color: #db1717;
}

.form-group.has-error .form-control {
    border-color: #db1717;
}

    .form-group.has-error .form-control:focus {
        border-color: #db1717;
    }

.form-group.has-error .help-block {
    color: #db1717;
}

.form-group.has-error .form-control-feedback {
    color: #db1717;
}

.form-group.has-error .radio {
    color: #db1717;
}

.form-group.has-error .checkbox {
    color: #db1717;
}

.checkbox-inline {
    position: static;
}

#password-strength {
    display: block;
    position: relative;
    font-size: 0px;
    top: 2px;
}

    #password-strength .box {
        position: relative;
        width: 25%;
        height: 10px;
        display: inline-block;
        background-color: #e4e4e4;
        text-align: center;
    }

        #password-strength .box div.bar-text {
            position: absolute;
            width: 100%;
            height: 100%;
            color: #fff;
            text-align: center;
            font-size: 13px;
            z-index: 3;
            line-height: 25px;
        }

        #password-strength .box div.bar {
            position: absolute;
            width: 0%;
            height: 100%;
            z-index: 2;
            -webkit-transition: 1s;
            transition: 1s;
        }

    #password-strength.normal .box.box1 div.bar {
        background: #FF0000;
        width: 100%;
    }

    #password-strength.normal .box.box1 div.bar-text,
    #password-strength.medium .box.box1 div.bar-text,
    #password-strength.strong .box.box1 div.bar-text,
    #password-strength.vstrong .box.box1 div.bar-text {
        color: #fff;
    }

    #password-strength.medium .box.box1 div.bar {
        background: #E66C2C;
        width: 100%;
    }

    #password-strength.medium .box.box2 div.bar {
        background: #E66C2C;
        width: 100%;
    }

    #password-strength.strong .box.box1 div.bar {
        background: #2D98F3;
        width: 100%;
    }

    #password-strength.strong .box.box2 div.bar {
        background: #2D98F3;
        width: 100%;
    }

    #password-strength.strong .box.box3 div.bar {
        background: #2D98F3;
        width: 100%;
    }

    #password-strength.vstrong .box.box1 div.bar {
        background: #006400;
        width: 100%;
    }

    #password-strength.vstrong .box.box2 div.bar {
        background: #006400;
        width: 100%;
    }

    #password-strength.vstrong .box.box3 div.bar {
        background: #006400;
        width: 100%;
    }

    #password-strength.vstrong .box.box4 div.bar {
        background: #006400;
        width: 100%;
    }

.silencedSelect {
    position: relative;
    z-index: 2;
    opacity: 0;
    cursor: pointer;
    height: 100%;
    width: 100%;
}

.customSelectContain {
    position: relative;
    height: 34px;
}

.customSelect {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    padding: 0;
    background-color: transparent;
    border-bottom: solid 1px #404040;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .customSelect.arrowed:after {
        content: '';
        background: url(../images/pictos/arrow-select.png) no-repeat center center;
        display: inline-block;
        position: absolute;
        right: 0;
        height: 17px;
        width: 17px;
        top: 50%;
        margin-top: -4.5px;
    }

@media only screen and (max-width: 767px) {
    .customSelect.arrowed:after {
        right: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .customSelect {
        padding-left: 20px;
        padding-right: 45px;
    }

        .customSelect:before {
            content: none;
        }
}

.has-error .customSelect {
    border-color: #db1717;
}

.has-success .customSelect {
    border-color: #3C763D;
}

.customSelectInner {
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1em;
    color: #777474;
}

.customSelectContain select {
    background-color: transparent;
    color: #777474;
}

    .customSelectContain select option {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

.class_group_home .customSelectContain {
    position: relative;
    height: 60px;
}

    .class_group_home .customSelectContain .closed + .customSelect {
        border-radius: 62px !important;
    }

    .class_group_home .customSelectContain.top .opened + .customSelect {
        border-top-left-radius: 0;
        border-top-right-radius: 0px;
        border-bottom-left-radius: 32px;
        border-bottom-right-radius: 32px;
    }

    .class_group_home .customSelectContain.bottom .opened + .customSelect {
        border-top-left-radius: 32px;
        border-top-right-radius: 32px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }

@media only screen and (max-width: 767px) {
    .class_group_home .customSelectContain .customSelect {
        border-radius: 62px !important;
    }
}

.class_group_home .customSelect {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    padding: 7.5px 20px 7.5px 85px;
    background-color: #b23993;
    border: solid 1px transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 62px;
}

    .class_group_home .customSelect:before {
        content: "";
        background: url(../images/home/district.png) no-repeat center center;
        border-radius: 50%;
        background-color: #861f6b;
        height: 43px;
        width: 43px;
        position: absolute;
        left: 10px;
        top: 50%;
        margin-top: -21.5px;
    }

    .class_group_home .customSelect.arrowed:after {
        content: '';
        background: url(../images/home/arrow-select.png) no-repeat center center;
        display: inline-block;
        position: absolute;
        right: 30px;
        height: 9px;
        width: 14px;
        top: 50%;
        margin-top: -4.5px;
    }

@media only screen and (max-width: 767px) {
    .class_group_home .customSelect.arrowed:after {
        right: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .class_group_home .customSelect {
        padding-left: 20px;
        padding-right: 45px;
    }

        .class_group_home .customSelect:before {
            content: none;
        }
}

.class_group_home .has-error .customSelect {
    border-color: #db1717;
}

.class_group_home .has-success .customSelect {
    border-color: #3C763D;
}

.class_group_home .customSelectInner {
    font-family: "Overpass", Regular, Arial, sans-serif;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1em;
    color: #fff;
}

.class_group_home .customSelectContain select {
    background-color: #b23993;
    color: #fff;
}

    .class_group_home .customSelectContain select option {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

/* Welcome to Compass. Use this file to define print styles.
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/print.css" media="print" rel="stylesheet" type="text/css" /> */
@media print {
    body {
        width: auto !important;
        margin: auto !important;
        font-family: serif;
        font-size: 12pt;
        background-color: #fff !important;
        color: #000 !important;
    }

    html, body {
        height: auto !important;
    }

    h1, h2, h3, h4, h5, h6, blockquote, ul, ol {
        color: #000 !important;
        margin: auto !important;
        clear: both !important;
    }

    .printable {
        display: block;
        /* affichage des elements de classe printable */
    }

    p, blockquote {
        orphans: 3;
        /* pas de ligne seule en bas */
        widows: 3;
        /* pas de ligne seule en haut */
    }

    h1 {
        /*page-break-before: always;  chaque titre commence sur une nouvelle page */
    }

    h1, h2, h3, caption {
        page-break-after: avoid;
        /* pas de saut après ces elements */
    }

    a {
        color: #000 !important;
        text-decoration: underline !important;
    }
        /*Affichage des URL des liens*/
        a[href]:after {
            content: " (" attr(href) ")";
        }

    nav, menu, aside, button, audio, video, header, footer, #wire, #partners, #skipnavigation, #cnil_banner_consent, .sidy__panel, .btn-dark, .slider-image, .pagination {
        display: none !important;
    }

    input[type="text"], input[type="email"], .customSelectContain, textarea {
        border: 1px solid #000000 !important;
    }

    #skipToContent {
        margin-bottom: 0 !important;
    }
    /* banner int */
    #top-page {
        min-height: auto !important;
    }

        #top-page .hat-text {
            padding: 0px !important;
            width: 100% !important;
        }

    figure i {
        -webkit-transform: none !important;
        transform: none !important;
        opacity: 1 !important;
    }

    .container, .small {
        width: 100% !important;
    }

    .sidy__pusher, .sidy__content {
        height: auto !important;
    }

    .owl-stage {
        width: 100% !important;
        -webkit-transform: none !important;
        transform: none !important;
    }

        .owl-stage .owl-item {
            width: 100% !important;
            float: none !important;
        }

        .owl-stage .cloned {
            display: none !important;
        }

    #social-network, #district, #kiosque .info, .scrollTo {
        display: none !important;
    }

    #banner {
        height: auto !important;
        text-align: left !important;
    }

        #banner:before {
            content: none !important;
        }

        #banner h2 {
            font-size: 40px !important;
            width: 100% !important;
        }

        #banner .title {
            display: block !important;
        }

        #banner .sous-title {
            width: 100% !important;
        }

        #banner .container {
            display: none !important;
        }

    #news {
        display: block !important;
    }

        #news li {
            display: block !important;
        }

            #news li div {
                width: 100% !important;
            }

            #news li .slider-text {
                width: 100% !important;
                padding: 0px !important;
                margin: 0 !important;
                float: none !important;
                display: block !important;
            }

            #news li .slider-image {
                display: none !important;
            }

    #services {
        padding: 0 !important;
    }

        #services .grid-list-service .grid-item-visu {
            display: none !important;
        }

        #services .grid-list-service .grid-item {
            margin-bottom: 0px !important;
        }

    #agenda {
        padding: 0 !important;
    }

        #agenda .grid-list-type {
            display: block !important;
        }

        #agenda .grid-item {
            margin: 0 !important;
            width: 100% !important;
            display: block !important;
        }

        #agenda .grid-item-date {
            min-height: auto !important;
            padding: 0 !important;
        }

            #agenda .grid-item-date strong {
                font-size: 40px !important;
            }

        #agenda .grid-item-text {
            min-height: auto !important;
            padding: 0 !important;
        }

        #agenda .grid-item-title {
            padding: 0 !important;
            height: auto !important;
        }

            #agenda .grid-item-title:before {
                content: none !important;
            }

    #kiosque .slide-kiosque {
        padding: 0 !important;
        width: 100% !important;
    }

        #kiosque .slide-kiosque h3 {
            position: relative !important;
            top: 0 !important;
            left: 0 !important;
        }

    #kiosque .owl-item {
        width: 100% !important;
        float: none !important;
    }

        #kiosque .owl-item .slider-content {
            width: 100% !important;
            display: block !important;
            padding: 0 !important;
        }

            #kiosque .owl-item .slider-content .slider-text {
                width: 100% !important;
                padding: 0 !important;
                margin: 0 !important;
            }

            #kiosque .owl-item .slider-content .slider-image {
                display: none !important;
            }

    .grid-item .grid-item-visu {
        display: none !important;
    }

    .grid-item .grid-item-date {
        padding: 0 !important;
    }

        .grid-item .grid-item-date .pictos {
            display: none !important;
        }

    .grid-item .grid-item-text {
        padding: 0 !important;
    }

        .grid-item .grid-item-text .grid-item-title, .grid-item .grid-item-text .grid-item-description {
            min-height: auto !important;
        }
}

/*

	Panels
		Panel de niveau 0
		Deeper panels
	Labels
		General
		Heads
		Arrow
			General
			>
			<


*/
/* /!\ CONFIGURATION /!*/
.sl-wrapper {
    -webkit-box-flex: 1;
    flex: 1;
    -ms-flex: 1;
    -moz-flex: 1;
    -webkit-flex: 1;
}

    .sl-wrapper .sl-menu {
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }

        .sl-wrapper .sl-menu .opened {
            overflow-y: auto;
        }

    .sl-wrapper [data-sl-deep] {
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s;
        transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        -webkit-transform: translate3d(100%, 0, 0);
        z-index: 1;
        position: absolute;
        width: 100%;
        bottom: 0;
    }

        .sl-wrapper [data-sl-deep].opened {
            transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
            -webkit-transform: translate3d(0, 0, 0);
        }

    .sl-wrapper [data-sl-close], .sl-wrapper [data-sl-target] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        display: -ms-flex;
        display: -moz-flex;
        display: -webkit-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-align-items: center;
        -moz-align-items: center;
        -webkit-align-items: center;
    }

/* /!\ -------------------------------------------------------------------- /!\ */
/*	Panels
	*/
.sl-wrapper {
    /*	Labels
	*/
}

    .sl-wrapper [data-sl-deep] {
        background-color: #282d33;
        box-shadow: -10px 10px 10px rgba(0, 0, 0, 0.2) inset;
    }

    .sl-wrapper a {
        padding: 15px 20px;
        width: 100%;
        display: block;
        text-decoration: none;
        border-left: none;
        border-right: none;
        color: #FFFFFF !important;
        font-family: "Overpass", Regular, Arial, sans-serif;
        font-size: 17px;
        font-size: 1.7rem;
    }

    .sl-wrapper [data-sl-close] {
        background-color: #1b1e22;
    }

        .sl-wrapper [data-sl-target] .sl-arrow, .sl-wrapper [data-sl-close] .sl-arrow {
            font-size: 0;
        }

            .sl-wrapper [data-sl-target] .sl-arrow:before, .sl-wrapper [data-sl-close] .sl-arrow:before {
                height: 10px;
                width: 10px;
                border: solid 3px;
                border-style: solid;
                border-width: 3px;
                content: '';
                display: inline-block;
                transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                -webkit-transform: rotate(-45deg);
            }

    .sl-wrapper [data-sl-target] .sl-arrow {
        content: 'Aller au sous menu';
        margin-left: auto;
    }

        .sl-wrapper [data-sl-target] .sl-arrow:before {
            border-color: #aaaaaa;
            border-left: none;
            border-top: none;
        }

    .sl-wrapper [data-sl-close] .sl-arrow {
        content: 'Retour';
        margin-right: 5px;
    }

        .sl-wrapper [data-sl-close] .sl-arrow:before {
            border-color: #aaaaaa;
            border-right: none;
            border-bottom: none;
        }

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

html,
body {
    height: 100%;
}

    html.opened {
        overflow: hidden;
        position: relative;
    }

        html.opened body {
            overflow-x: hidden;
        }

.sidy__container {
    position: relative;
    overflow: hidden;
}

.sidy__pusher {
    position: relative;
    left: 0;
    z-index: 99;
    height: 100%;
}

    .sidy__pusher::after {
        content: '';
        position: absolute;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 0;
        background: rgba(0, 0, 0, 0.15);
        opacity: 0;
        -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
        transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
    }

.sidy__content {
    position: relative;
    height: 100%;
    z-index: 0;
}

.sidy__panel {
    position: absolute;
    visibility: hidden;
    z-index: 100;
    overflow: hidden;
    /*background: #333332;
	-webkit-box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7);
    -moz-box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7);
    box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7);*/
}

    .sidy__panel::after {
        position: absolute;
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.2);
        content: '';
        opacity: 1;
        -webkit-transition: opacity 0.5s;
        transition: opacity 0.5s;
    }

.sidy--opened {
    height: 100vh;
}

    .sidy--opened .sidy__pusher::after {
        opacity: 1;
        width: 100%;
        height: 100%;
        -webkit-transition: opacity 0.5s;
        transition: opacity 0.5s;
    }

    .sidy--opened .sidy__panel::after {
        opacity: 0;
        width: 0;
        height: 0;
        -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
        transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
    }

.sidy--after-none::after {
    display: none;
}

.sidy--to-open:focus {
    outline: none !important;
    /* overrides chrome default focus outline */
}

.sidy__content {
    background: #f3efe0;
}

.sidy__panel {
    background: #282d33;
    box-shadow: -10px 10px 10px rgba(0, 0, 0, 0.2) inset;
    padding-top: 20px;
}

    .sidy__panel img {
        margin: 0 auto 30px;
        display: block;
    }

/** VARIABLES 
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
    position: relative;
    margin: 0 auto 60px;
    padding: 0;
    *zoom: 1;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

    .bx-wrapper img {
        max-width: 100%;
        display: block;
    }

.bxslider {
    margin: 0;
    padding: 0;
}

ul.bxslider {
    list-style: none;
}

.bx-viewport {
    /*fix other elements on the page moving (on Chrome)*/
    -webkit-transform: translatez(0);
}

/** THEME
===================================*/
.bx-wrapper {
    background: #fff;
}

    .bx-wrapper .bx-pager,
    .bx-wrapper .bx-controls-auto {
        position: absolute;
        bottom: -30px;
        width: 100%;
    }

    /* LOADER */
    .bx-wrapper .bx-loading {
        min-height: 50px;
        background: url("../images/slider/bx_loader.gif") center center no-repeat #fff;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2000;
    }

    /* PAGER */
    .bx-wrapper .bx-pager {
        text-align: center;
        font-size: .85em;
        font-family: Arial;
        font-weight: bold;
        color: #666;
        padding-top: 20px;
    }

        .bx-wrapper .bx-pager.bx-default-pager a {
            background: #666;
            text-indent: -9999px;
            display: block;
            width: 10px;
            height: 10px;
            margin: 0 5px;
            outline: 0;
            border-radius: 5px;
        }

            .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
                background: #000;
            }

    .bx-wrapper .bx-pager-item,
    .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
        display: inline-block;
        *zoom: 1;
        *display: inline;
    }

    .bx-wrapper .bx-pager-item {
        font-size: 0;
        line-height: 0;
    }

    /* DIRECTION CONTROLS (NEXT / PREV) */
    .bx-wrapper .bx-prev {
        left: 10px;
        background: url("../images/slider/controls.png") no-repeat 0 -32px;
    }

        .bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus {
            background-position: 0 0;
        }

    .bx-wrapper .bx-next {
        right: 10px;
        background: url("../images/slider/controls.png") no-repeat -43px -32px;
    }

        .bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus {
            background-position: -43px 0;
        }

    .bx-wrapper .bx-controls-direction a {
        position: absolute;
        top: 50%;
        margin-top: -16px;
        outline: 0;
        width: 32px;
        height: 32px;
        text-indent: -9999px;
        z-index: 9999;
    }

        .bx-wrapper .bx-controls-direction a.disabled {
            display: none;
        }

    /* AUTO CONTROLS (START / STOP) */
    .bx-wrapper .bx-controls-auto {
        text-align: center;
    }

        .bx-wrapper .bx-controls-auto .bx-start {
            display: block;
            text-indent: -9999px;
            width: 10px;
            height: 11px;
            outline: 0;
            background: url("../images/slider/controls.png") -86px -11px no-repeat;
            margin: 0 3px;
        }

            .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus {
                background-position: -86px 0;
            }

        .bx-wrapper .bx-controls-auto .bx-stop {
            display: block;
            text-indent: -9999px;
            width: 9px;
            height: 11px;
            outline: 0;
            background: url("../images/slider/controls.png") -86px -44px no-repeat;
            margin: 0 3px;
        }

            .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus {
                background-position: -86px -33px;
            }

    /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
    .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
        text-align: left;
        width: 80%;
    }

    .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
        right: 0;
        width: 35px;
    }

    /* IMAGE CAPTIONS */
    .bx-wrapper .bx-caption {
        position: absolute;
        bottom: 0;
        left: 0;
        background: #666;
        background: rgba(80, 80, 80, 0.75);
        width: 100%;
    }

        .bx-wrapper .bx-caption span {
            color: #fff;
            font-family: Arial;
            display: block;
            font-size: .85em;
            padding: 10px;
        }

/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
    -webkit-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1;
}

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
    }

        .owl-carousel .owl-stage:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0;
        }

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        /* fix for flashing background */
        -webkit-transform: translate3d(0px, 0px, 0px);
    }

    .owl-carousel .owl-controls .owl-nav .owl-prev,
    .owl-carousel .owl-controls .owl-nav .owl-next,
    .owl-carousel .owl-controls .owl-dot {
        cursor: pointer;
        cursor: hand;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .owl-carousel.owl-loaded {
        display: block;
    }

    .owl-carousel.owl-loading {
        opacity: 0;
        display: block;
    }

    .owl-carousel.owl-hidden {
        opacity: 0;
    }

    .owl-carousel .owl-refresh .owl-item {
        display: none;
    }

    .owl-carousel .owl-item {
        position: relative;
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        .owl-carousel .owl-item img {
            display: block;
            -webkit-transform-style: preserve-3d;
        }

    .owl-carousel.owl-text-select-on .owl-item {
        -webkit-user-select: auto;
        -moz-user-select: auto;
        -ms-user-select: auto;
        user-select: auto;
    }

    .owl-carousel .owl-grab {
        cursor: move;
        cursor: -webkit-grab;
        cursor: -o-grab;
        cursor: -ms-grab;
        cursor: grab;
    }

    .owl-carousel.owl-rtl {
        direction: rtl;
    }

        .owl-carousel.owl-rtl .owl-item {
            float: right;
        }

/* No Js */
.no-js .owl-carousel {
    display: block;
}

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-item img {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: scale 100ms ease;
    transition: scale 100ms ease;
}

    .owl-carousel .owl-video-play-icon:hover {
        -webkit-transition: scale(1.3, 1.3);
        transition: scale(1.3, 1.3);
    }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none;
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
}

.customNavigation {
    position: absolute;
    top: 50%;
    margin-top: -32px !important;
    width: 100%;
    z-index: 2;
}

    .customNavigation button {
        cursor: pointer;
        height: 64px;
        background-color: #1b1e22;
        padding: 0 10px;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
        box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4);
        position: absolute;
        outline: none;
    }

        .customNavigation button:before {
            content: '';
            height: 100%;
            display: inline-block;
            vertical-align: middle;
        }

        .customNavigation button span {
            color: #828282;
        }

            .customNavigation button span.index {
                color: #fff;
            }

        .customNavigation button.prev {
            left: 0;
            border-top-right-radius: 64px;
            border-bottom-right-radius: 64px;
            margin-left: -40px;
        }

            .customNavigation button.prev div {
                margin-right: 8px;
            }

            .customNavigation button.prev:hover, .customNavigation button.prev:active, .customNavigation button.prev:focus {
                margin-left: 0px;
            }

        .customNavigation button.next {
            right: 0;
            border-top-left-radius: 64px;
            border-bottom-left-radius: 64px;
            margin-right: -40px;
        }

            .customNavigation button.next div {
                margin-left: 8px;
            }

            .customNavigation button.next:hover, .customNavigation button.next:active, .customNavigation button.next:focus {
                margin-right: 0px;
            }

        .customNavigation button div {
            display: inline-block;
            vertical-align: middle;
            color: #828282;
            font-family: "Overpass", Regular, Arial, sans-serif;
            font-size: 17px;
            font-size: 1.7rem;
            line-height: 1em;
        }

.owl-partners {
    width: 1180px;
    margin: 0 auto;
    min-height: 165px;
    padding-top: 30px;
}

@media only screen and (max-width: 1199px) {
    .owl-partners {
        width: calc(100% - 130px);
    }
}

.owl-partners .owl-item {
    max-height: 105px;
    text-align: center;
}

    .owl-partners .owl-item a {
        display: inline-block;
        vertical-align: middle;
        height: 105px;
    }

        .owl-partners .owl-item a:before {
            content: '';
            height: 100%;
            display: inline-block;
            vertical-align: middle;
        }

    .owl-partners .owl-item img {
        display: inline-block;
        max-height: 105px;
    }

.animation .slider-image {
    opacity: 1;
}

/*!
 *  Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
    font-family: 'FontAwesome';
    src: url("../fonts/fontawesome/fontawesome-webfont.eot?v=4.6.3");
    src: url("../fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.6.3") format("embedded-opentype"), url("../fonts/fontawesome/fontawesome-webfont.woff2?v=4.6.3") format("woff2"), url("../fonts/fontawesome/fontawesome-webfont.woff?v=4.6.3") format("woff"), url("../fonts/fontawesome/fontawesome-webfont.ttf?v=4.6.3") format("truetype"), url("../fonts/fontawesome/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* makes the font 33% larger relative to the icon container */
.fa-lg {
    font-size: 1.33333em;
    line-height: 0.75em;
    vertical-align: -15%;
}

.fa-2x {
    font-size: 2em;
}

.fa-3x {
    font-size: 3em;
}

.fa-4x {
    font-size: 4em;
}

.fa-5x {
    font-size: 5em;
}

.fa-fw {
    width: 1.28571em;
    text-align: center;
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14286em;
    list-style-type: none;
}

    .fa-ul > li {
        position: relative;
    }

.fa-li {
    position: absolute;
    left: -2.14286em;
    width: 2.14286em;
    top: 0.14286em;
    text-align: center;
}

    .fa-li.fa-lg {
        left: -1.85714em;
    }

.fa-border {
    padding: .2em .25em .15em;
    border: solid 0.08em #eee;
    border-radius: .1em;
}

.fa-pull-left {
    float: left;
}

.fa-pull-right {
    float: right;
}

.fa.fa-pull-left {
    margin-right: .3em;
}

.fa.fa-pull-right {
    margin-left: .3em;
}

/* Deprecated as of 4.4.0 */
.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.fa.pull-left {
    margin-right: .3em;
}

.fa.pull-right {
    margin-left: .3em;
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scale(1, -1);
    transform: scale(1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
    -webkit-filter: none;
    filter: none;
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle;
}

.fa-stack-1x, .fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}

.fa-stack-1x {
    line-height: inherit;
}

.fa-stack-2x {
    font-size: 2em;
}

.fa-inverse {
    color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
    content: "";
}

.fa-music:before {
    content: "";
}

.fa-search:before {
    content: "";
}

.fa-envelope-o:before {
    content: "";
}

.fa-heart:before {
    content: "";
}

.fa-star:before {
    content: "";
}

.fa-star-o:before {
    content: "";
}

.fa-user:before {
    content: "";
}

.fa-film:before {
    content: "";
}

.fa-th-large:before {
    content: "";
}

.fa-th:before {
    content: "";
}

.fa-th-list:before {
    content: "";
}

.fa-check:before {
    content: "";
}

.fa-remove:before,
.fa-close:before,
.fa-times:before {
    content: "";
}

.fa-search-plus:before {
    content: "";
}

.fa-search-minus:before {
    content: "";
}

.fa-power-off:before {
    content: "";
}

.fa-signal:before {
    content: "";
}

.fa-gear:before,
.fa-cog:before {
    content: "";
}

.fa-trash-o:before {
    content: "";
}

.fa-home:before {
    content: "";
}

.fa-file-o:before {
    content: "";
}

.fa-clock-o:before {
    content: "";
}

.fa-road:before {
    content: "";
}

.fa-download:before {
    content: "";
}

.fa-arrow-circle-o-down:before {
    content: "";
}

.fa-arrow-circle-o-up:before {
    content: "";
}

.fa-inbox:before {
    content: "";
}

.fa-play-circle-o:before {
    content: "";
}

.fa-rotate-right:before,
.fa-repeat:before {
    content: "";
}

.fa-refresh:before {
    content: "";
}

.fa-list-alt:before {
    content: "";
}

.fa-lock:before {
    content: "";
}

.fa-flag:before {
    content: "";
}

.fa-headphones:before {
    content: "";
}

.fa-volume-off:before {
    content: "";
}

.fa-volume-down:before {
    content: "";
}

.fa-volume-up:before {
    content: "";
}

.fa-qrcode:before {
    content: "";
}

.fa-barcode:before {
    content: "";
}

.fa-tag:before {
    content: "";
}

.fa-tags:before {
    content: "";
}

.fa-book:before {
    content: "";
}

.fa-bookmark:before {
    content: "";
}

.fa-print:before {
    content: "";
}

.fa-camera:before {
    content: "";
}

.fa-font:before {
    content: "";
}

.fa-bold:before {
    content: "";
}

.fa-italic:before {
    content: "";
}

.fa-text-height:before {
    content: "";
}

.fa-text-width:before {
    content: "";
}

.fa-align-left:before {
    content: "";
}

.fa-align-center:before {
    content: "";
}

.fa-align-right:before {
    content: "";
}

.fa-align-justify:before {
    content: "";
}

.fa-list:before {
    content: "";
}

.fa-dedent:before,
.fa-outdent:before {
    content: "";
}

.fa-indent:before {
    content: "";
}

.fa-video-camera:before {
    content: "";
}

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
    content: "";
}

.fa-pencil:before {
    content: "";
}

.fa-map-marker:before {
    content: "";
}

.fa-adjust:before {
    content: "";
}

.fa-tint:before {
    content: "";
}

.fa-edit:before,
.fa-pencil-square-o:before {
    content: "";
}

.fa-share-square-o:before {
    content: "";
}

.fa-check-square-o:before {
    content: "";
}

.fa-arrows:before {
    content: "";
}

.fa-step-backward:before {
    content: "";
}

.fa-fast-backward:before {
    content: "";
}

.fa-backward:before {
    content: "";
}

.fa-play:before {
    content: "";
}

.fa-pause:before {
    content: "";
}

.fa-stop:before {
    content: "";
}

.fa-forward:before {
    content: "";
}

.fa-fast-forward:before {
    content: "";
}

.fa-step-forward:before {
    content: "";
}

.fa-eject:before {
    content: "";
}

.fa-chevron-left:before {
    content: "";
}

.fa-chevron-right:before {
    content: "";
}

.fa-plus-circle:before {
    content: "";
}

.fa-minus-circle:before {
    content: "";
}

.fa-times-circle:before {
    content: "";
}

.fa-check-circle:before {
    content: "";
}

.fa-question-circle:before {
    content: "";
}

.fa-info-circle:before {
    content: "";
}

.fa-crosshairs:before {
    content: "";
}

.fa-times-circle-o:before {
    content: "";
}

.fa-check-circle-o:before {
    content: "";
}

.fa-ban:before {
    content: "";
}

.fa-arrow-left:before {
    content: "";
}

.fa-arrow-right:before {
    content: "";
}

.fa-arrow-up:before {
    content: "";
}

.fa-arrow-down:before {
    content: "";
}

.fa-mail-forward:before,
.fa-share:before {
    content: "";
}

.fa-expand:before {
    content: "";
}

.fa-compress:before {
    content: "";
}

.fa-plus:before {
    content: "";
}

.fa-minus:before {
    content: "";
}

.fa-asterisk:before {
    content: "";
}

.fa-exclamation-circle:before {
    content: "";
}

.fa-gift:before {
    content: "";
}

.fa-leaf:before {
    content: "";
}

.fa-fire:before {
    content: "";
}

.fa-eye:before {
    content: "";
}

.fa-eye-slash:before {
    content: "";
}

.fa-warning:before,
.fa-exclamation-triangle:before {
    content: "";
}

.fa-plane:before {
    content: "";
}

.fa-calendar:before {
    content: "";
}

.fa-random:before {
    content: "";
}

.fa-comment:before {
    content: "";
}

.fa-magnet:before {
    content: "";
}

.fa-chevron-up:before {
    content: "";
}

.fa-chevron-down:before {
    content: "";
}

.fa-retweet:before {
    content: "";
}

.fa-shopping-cart:before {
    content: "";
}

.fa-folder:before {
    content: "";
}

.fa-folder-open:before {
    content: "";
}

.fa-arrows-v:before {
    content: "";
}

.fa-arrows-h:before {
    content: "";
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
    content: "";
}

.fa-twitter-square:before {
    content: "";
}

.fa-facebook-square:before {
    content: "";
}

.fa-camera-retro:before {
    content: "";
}

.fa-key:before {
    content: "";
}

.fa-gears:before,
.fa-cogs:before {
    content: "";
}

.fa-comments:before {
    content: "";
}

.fa-thumbs-o-up:before {
    content: "";
}

.fa-thumbs-o-down:before {
    content: "";
}

.fa-star-half:before {
    content: "";
}

.fa-heart-o:before {
    content: "";
}

.fa-sign-out:before {
    content: "";
}

.fa-linkedin-square:before {
    content: "";
}

.fa-thumb-tack:before {
    content: "";
}

.fa-external-link:before {
    content: "";
}

.fa-sign-in:before {
    content: "";
}

.fa-trophy:before {
    content: "";
}

.fa-github-square:before {
    content: "";
}

.fa-upload:before {
    content: "";
}

.fa-lemon-o:before {
    content: "";
}

.fa-phone:before {
    content: "";
}

.fa-square-o:before {
    content: "";
}

.fa-bookmark-o:before {
    content: "";
}

.fa-phone-square:before {
    content: "";
}

.fa-twitter:before {
    content: "";
}

.fa-facebook-f:before,
.fa-facebook:before {
    content: "";
}

.fa-github:before {
    content: "";
}

.fa-unlock:before {
    content: "";
}

.fa-credit-card:before {
    content: "";
}

.fa-feed:before,
.fa-rss:before {
    content: "";
}

.fa-hdd-o:before {
    content: "";
}

.fa-bullhorn:before {
    content: "";
}

.fa-bell:before {
    content: "";
}

.fa-certificate:before {
    content: "";
}

.fa-hand-o-right:before {
    content: "";
}

.fa-hand-o-left:before {
    content: "";
}

.fa-hand-o-up:before {
    content: "";
}

.fa-hand-o-down:before {
    content: "";
}

.fa-arrow-circle-left:before {
    content: "";
}

.fa-arrow-circle-right:before {
    content: "";
}

.fa-arrow-circle-up:before {
    content: "";
}

.fa-arrow-circle-down:before {
    content: "";
}

.fa-globe:before {
    content: "";
}

.fa-wrench:before {
    content: "";
}

.fa-tasks:before {
    content: "";
}

.fa-filter:before {
    content: "";
}

.fa-briefcase:before {
    content: "";
}

.fa-arrows-alt:before {
    content: "";
}

.fa-group:before,
.fa-users:before {
    content: "";
}

.fa-chain:before,
.fa-link:before {
    content: "";
}

.fa-cloud:before {
    content: "";
}

.fa-flask:before {
    content: "";
}

.fa-cut:before,
.fa-scissors:before {
    content: "";
}

.fa-copy:before,
.fa-files-o:before {
    content: "";
}

.fa-paperclip:before {
    content: "";
}

.fa-save:before,
.fa-floppy-o:before {
    content: "";
}

.fa-square:before {
    content: "";
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
    content: "";
}

.fa-list-ul:before {
    content: "";
}

.fa-list-ol:before {
    content: "";
}

.fa-strikethrough:before {
    content: "";
}

.fa-underline:before {
    content: "";
}

.fa-table:before {
    content: "";
}

.fa-magic:before {
    content: "";
}

.fa-truck:before {
    content: "";
}

.fa-pinterest:before {
    content: "";
}

.fa-pinterest-square:before {
    content: "";
}

.fa-google-plus-square:before {
    content: "";
}

.fa-google-plus:before {
    content: "";
}

.fa-money:before {
    content: "";
}

.fa-caret-down:before {
    content: "";
}

.fa-caret-up:before {
    content: "";
}

.fa-caret-left:before {
    content: "";
}

.fa-caret-right:before {
    content: "";
}

.fa-columns:before {
    content: "";
}

.fa-unsorted:before,
.fa-sort:before {
    content: "";
}

.fa-sort-down:before,
.fa-sort-desc:before {
    content: "";
}

.fa-sort-up:before,
.fa-sort-asc:before {
    content: "";
}

.fa-envelope:before {
    content: "";
}

.fa-linkedin:before {
    content: "";
}

.fa-rotate-left:before,
.fa-undo:before {
    content: "";
}

.fa-legal:before,
.fa-gavel:before {
    content: "";
}

.fa-dashboard:before,
.fa-tachometer:before {
    content: "";
}

.fa-comment-o:before {
    content: "";
}

.fa-comments-o:before {
    content: "";
}

.fa-flash:before,
.fa-bolt:before {
    content: "";
}

.fa-sitemap:before {
    content: "";
}

.fa-umbrella:before {
    content: "";
}

.fa-paste:before,
.fa-clipboard:before {
    content: "";
}

.fa-lightbulb-o:before {
    content: "";
}

.fa-exchange:before {
    content: "";
}

.fa-cloud-download:before {
    content: "";
}

.fa-cloud-upload:before {
    content: "";
}

.fa-user-md:before {
    content: "";
}

.fa-stethoscope:before {
    content: "";
}

.fa-suitcase:before {
    content: "";
}

.fa-bell-o:before {
    content: "";
}

.fa-coffee:before {
    content: "";
}

.fa-cutlery:before {
    content: "";
}

.fa-file-text-o:before {
    content: "";
}

.fa-building-o:before {
    content: "";
}

.fa-hospital-o:before {
    content: "";
}

.fa-ambulance:before {
    content: "";
}

.fa-medkit:before {
    content: "";
}

.fa-fighter-jet:before {
    content: "";
}

.fa-beer:before {
    content: "";
}

.fa-h-square:before {
    content: "";
}

.fa-plus-square:before {
    content: "";
}

.fa-angle-double-left:before {
    content: "";
}

.fa-angle-double-right:before {
    content: "";
}

.fa-angle-double-up:before {
    content: "";
}

.fa-angle-double-down:before {
    content: "";
}

.fa-angle-left:before {
    content: "";
}

.fa-angle-right:before {
    content: "";
}

.fa-angle-up:before {
    content: "";
}

.fa-angle-down:before {
    content: "";
}

.fa-desktop:before {
    content: "";
}

.fa-laptop:before {
    content: "";
}

.fa-tablet:before {
    content: "";
}

.fa-mobile-phone:before,
.fa-mobile:before {
    content: "";
}

.fa-circle-o:before {
    content: "";
}

.fa-quote-left:before {
    content: "";
}

.fa-quote-right:before {
    content: "";
}

.fa-spinner:before {
    content: "";
}

.fa-circle:before {
    content: "";
}

.fa-mail-reply:before,
.fa-reply:before {
    content: "";
}

.fa-github-alt:before {
    content: "";
}

.fa-folder-o:before {
    content: "";
}

.fa-folder-open-o:before {
    content: "";
}

.fa-smile-o:before {
    content: "";
}

.fa-frown-o:before {
    content: "";
}

.fa-meh-o:before {
    content: "";
}

.fa-gamepad:before {
    content: "";
}

.fa-keyboard-o:before {
    content: "";
}

.fa-flag-o:before {
    content: "";
}

.fa-flag-checkered:before {
    content: "";
}

.fa-terminal:before {
    content: "";
}

.fa-code:before {
    content: "";
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
    content: "";
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
    content: "";
}

.fa-location-arrow:before {
    content: "";
}

.fa-crop:before {
    content: "";
}

.fa-code-fork:before {
    content: "";
}

.fa-unlink:before,
.fa-chain-broken:before {
    content: "";
}

.fa-question:before {
    content: "";
}

.fa-info:before {
    content: "";
}

.fa-exclamation:before {
    content: "";
}

.fa-superscript:before {
    content: "";
}

.fa-subscript:before {
    content: "";
}

.fa-eraser:before {
    content: "";
}

.fa-puzzle-piece:before {
    content: "";
}

.fa-microphone:before {
    content: "";
}

.fa-microphone-slash:before {
    content: "";
}

.fa-shield:before {
    content: "";
}

.fa-calendar-o:before {
    content: "";
}

.fa-fire-extinguisher:before {
    content: "";
}

.fa-rocket:before {
    content: "";
}

.fa-maxcdn:before {
    content: "";
}

.fa-chevron-circle-left:before {
    content: "";
}

.fa-chevron-circle-right:before {
    content: "";
}

.fa-chevron-circle-up:before {
    content: "";
}

.fa-chevron-circle-down:before {
    content: "";
}

.fa-html5:before {
    content: "";
}

.fa-css3:before {
    content: "";
}

.fa-anchor:before {
    content: "";
}

.fa-unlock-alt:before {
    content: "";
}

.fa-bullseye:before {
    content: "";
}

.fa-ellipsis-h:before {
    content: "";
}

.fa-ellipsis-v:before {
    content: "";
}

.fa-rss-square:before {
    content: "";
}

.fa-play-circle:before {
    content: "";
}

.fa-ticket:before {
    content: "";
}

.fa-minus-square:before {
    content: "";
}

.fa-minus-square-o:before {
    content: "";
}

.fa-level-up:before {
    content: "";
}

.fa-level-down:before {
    content: "";
}

.fa-check-square:before {
    content: "";
}

.fa-pencil-square:before {
    content: "";
}

.fa-external-link-square:before {
    content: "";
}

.fa-share-square:before {
    content: "";
}

.fa-compass:before {
    content: "";
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
    content: "";
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
    content: "";
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
    content: "";
}

.fa-euro:before,
.fa-eur:before {
    content: "";
}

.fa-gbp:before {
    content: "";
}

.fa-dollar:before,
.fa-usd:before {
    content: "";
}

.fa-rupee:before,
.fa-inr:before {
    content: "";
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
    content: "";
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
    content: "";
}

.fa-won:before,
.fa-krw:before {
    content: "";
}

.fa-bitcoin:before,
.fa-btc:before {
    content: "";
}

.fa-file:before {
    content: "";
}

.fa-file-text:before {
    content: "";
}

.fa-sort-alpha-asc:before {
    content: "";
}

.fa-sort-alpha-desc:before {
    content: "";
}

.fa-sort-amount-asc:before {
    content: "";
}

.fa-sort-amount-desc:before {
    content: "";
}

.fa-sort-numeric-asc:before {
    content: "";
}

.fa-sort-numeric-desc:before {
    content: "";
}

.fa-thumbs-up:before {
    content: "";
}

.fa-thumbs-down:before {
    content: "";
}

.fa-youtube-square:before {
    content: "";
}

.fa-youtube:before {
    content: "";
}

.fa-xing:before {
    content: "";
}

.fa-xing-square:before {
    content: "";
}

.fa-youtube-play:before {
    content: "";
}

.fa-dropbox:before {
    content: "";
}

.fa-stack-overflow:before {
    content: "";
}

.fa-instagram:before {
    content: "";
}

.fa-flickr:before {
    content: "";
}

.fa-adn:before {
    content: "";
}

.fa-bitbucket:before {
    content: "";
}

.fa-bitbucket-square:before {
    content: "";
}

.fa-tumblr:before {
    content: "";
}

.fa-tumblr-square:before {
    content: "";
}

.fa-long-arrow-down:before {
    content: "";
}

.fa-long-arrow-up:before {
    content: "";
}

.fa-long-arrow-left:before {
    content: "";
}

.fa-long-arrow-right:before {
    content: "";
}

.fa-apple:before {
    content: "";
}

.fa-windows:before {
    content: "";
}

.fa-android:before {
    content: "";
}

.fa-linux:before {
    content: "";
}

.fa-dribbble:before {
    content: "";
}

.fa-skype:before {
    content: "";
}

.fa-foursquare:before {
    content: "";
}

.fa-trello:before {
    content: "";
}

.fa-female:before {
    content: "";
}

.fa-male:before {
    content: "";
}

.fa-gittip:before,
.fa-gratipay:before {
    content: "";
}

.fa-sun-o:before {
    content: "";
}

.fa-moon-o:before {
    content: "";
}

.fa-archive:before {
    content: "";
}

.fa-bug:before {
    content: "";
}

.fa-vk:before {
    content: "";
}

.fa-weibo:before {
    content: "";
}

.fa-renren:before {
    content: "";
}

.fa-pagelines:before {
    content: "";
}

.fa-stack-exchange:before {
    content: "";
}

.fa-arrow-circle-o-right:before {
    content: "";
}

.fa-arrow-circle-o-left:before {
    content: "";
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
    content: "";
}

.fa-dot-circle-o:before {
    content: "";
}

.fa-wheelchair:before {
    content: "";
}

.fa-vimeo-square:before {
    content: "";
}

.fa-turkish-lira:before,
.fa-try:before {
    content: "";
}

.fa-plus-square-o:before {
    content: "";
}

.fa-space-shuttle:before {
    content: "";
}

.fa-slack:before {
    content: "";
}

.fa-envelope-square:before {
    content: "";
}

.fa-wordpress:before {
    content: "";
}

.fa-openid:before {
    content: "";
}

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
    content: "";
}

.fa-mortar-board:before,
.fa-graduation-cap:before {
    content: "";
}

.fa-yahoo:before {
    content: "";
}

.fa-google:before {
    content: "";
}

.fa-reddit:before {
    content: "";
}

.fa-reddit-square:before {
    content: "";
}

.fa-stumbleupon-circle:before {
    content: "";
}

.fa-stumbleupon:before {
    content: "";
}

.fa-delicious:before {
    content: "";
}

.fa-digg:before {
    content: "";
}

.fa-pied-piper-pp:before {
    content: "";
}

.fa-pied-piper-alt:before {
    content: "";
}

.fa-drupal:before {
    content: "";
}

.fa-joomla:before {
    content: "";
}

.fa-language:before {
    content: "";
}

.fa-fax:before {
    content: "";
}

.fa-building:before {
    content: "";
}

.fa-child:before {
    content: "";
}

.fa-paw:before {
    content: "";
}

.fa-spoon:before {
    content: "";
}

.fa-cube:before {
    content: "";
}

.fa-cubes:before {
    content: "";
}

.fa-behance:before {
    content: "";
}

.fa-behance-square:before {
    content: "";
}

.fa-steam:before {
    content: "";
}

.fa-steam-square:before {
    content: "";
}

.fa-recycle:before {
    content: "";
}

.fa-automobile:before,
.fa-car:before {
    content: "";
}

.fa-cab:before,
.fa-taxi:before {
    content: "";
}

.fa-tree:before {
    content: "";
}

.fa-spotify:before {
    content: "";
}

.fa-deviantart:before {
    content: "";
}

.fa-soundcloud:before {
    content: "";
}

.fa-database:before {
    content: "";
}

.fa-file-pdf-o:before {
    content: "";
}

.fa-file-word-o:before {
    content: "";
}

.fa-file-excel-o:before {
    content: "";
}

.fa-file-powerpoint-o:before {
    content: "";
}

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
    content: "";
}

.fa-file-zip-o:before,
.fa-file-archive-o:before {
    content: "";
}

.fa-file-sound-o:before,
.fa-file-audio-o:before {
    content: "";
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
    content: "";
}

.fa-file-code-o:before {
    content: "";
}

.fa-vine:before {
    content: "";
}

.fa-codepen:before {
    content: "";
}

.fa-jsfiddle:before {
    content: "";
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
    content: "";
}

.fa-circle-o-notch:before {
    content: "";
}

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
    content: "";
}

.fa-ge:before,
.fa-empire:before {
    content: "";
}

.fa-git-square:before {
    content: "";
}

.fa-git:before {
    content: "";
}

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
    content: "";
}

.fa-tencent-weibo:before {
    content: "";
}

.fa-qq:before {
    content: "";
}

.fa-wechat:before,
.fa-weixin:before {
    content: "";
}

.fa-send:before,
.fa-paper-plane:before {
    content: "";
}

.fa-send-o:before,
.fa-paper-plane-o:before {
    content: "";
}

.fa-history:before {
    content: "";
}

.fa-circle-thin:before {
    content: "";
}

.fa-header:before {
    content: "";
}

.fa-paragraph:before {
    content: "";
}

.fa-sliders:before {
    content: "";
}

.fa-share-alt:before {
    content: "";
}

.fa-share-alt-square:before {
    content: "";
}

.fa-bomb:before {
    content: "";
}

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
    content: "";
}

.fa-tty:before {
    content: "";
}

.fa-binoculars:before {
    content: "";
}

.fa-plug:before {
    content: "";
}

.fa-slideshare:before {
    content: "";
}

.fa-twitch:before {
    content: "";
}

.fa-yelp:before {
    content: "";
}

.fa-newspaper-o:before {
    content: "";
}

.fa-wifi:before {
    content: "";
}

.fa-calculator:before {
    content: "";
}

.fa-paypal:before {
    content: "";
}

.fa-google-wallet:before {
    content: "";
}

.fa-cc-visa:before {
    content: "";
}

.fa-cc-mastercard:before {
    content: "";
}

.fa-cc-discover:before {
    content: "";
}

.fa-cc-amex:before {
    content: "";
}

.fa-cc-paypal:before {
    content: "";
}

.fa-cc-stripe:before {
    content: "";
}

.fa-bell-slash:before {
    content: "";
}

.fa-bell-slash-o:before {
    content: "";
}

.fa-trash:before {
    content: "";
}

.fa-copyright:before {
    content: "";
}

.fa-at:before {
    content: "";
}

.fa-eyedropper:before {
    content: "";
}

.fa-paint-brush:before {
    content: "";
}

.fa-birthday-cake:before {
    content: "";
}

.fa-area-chart:before {
    content: "";
}

.fa-pie-chart:before {
    content: "";
}

.fa-line-chart:before {
    content: "";
}

.fa-lastfm:before {
    content: "";
}

.fa-lastfm-square:before {
    content: "";
}

.fa-toggle-off:before {
    content: "";
}

.fa-toggle-on:before {
    content: "";
}

.fa-bicycle:before {
    content: "";
}

.fa-bus:before {
    content: "";
}

.fa-ioxhost:before {
    content: "";
}

.fa-angellist:before {
    content: "";
}

.fa-cc:before {
    content: "";
}

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
    content: "";
}

.fa-meanpath:before {
    content: "";
}

.fa-buysellads:before {
    content: "";
}

.fa-connectdevelop:before {
    content: "";
}

.fa-dashcube:before {
    content: "";
}

.fa-forumbee:before {
    content: "";
}

.fa-leanpub:before {
    content: "";
}

.fa-sellsy:before {
    content: "";
}

.fa-shirtsinbulk:before {
    content: "";
}

.fa-simplybuilt:before {
    content: "";
}

.fa-skyatlas:before {
    content: "";
}

.fa-cart-plus:before {
    content: "";
}

.fa-cart-arrow-down:before {
    content: "";
}

.fa-diamond:before {
    content: "";
}

.fa-ship:before {
    content: "";
}

.fa-user-secret:before {
    content: "";
}

.fa-motorcycle:before {
    content: "";
}

.fa-street-view:before {
    content: "";
}

.fa-heartbeat:before {
    content: "";
}

.fa-venus:before {
    content: "";
}

.fa-mars:before {
    content: "";
}

.fa-mercury:before {
    content: "";
}

.fa-intersex:before,
.fa-transgender:before {
    content: "";
}

.fa-transgender-alt:before {
    content: "";
}

.fa-venus-double:before {
    content: "";
}

.fa-mars-double:before {
    content: "";
}

.fa-venus-mars:before {
    content: "";
}

.fa-mars-stroke:before {
    content: "";
}

.fa-mars-stroke-v:before {
    content: "";
}

.fa-mars-stroke-h:before {
    content: "";
}

.fa-neuter:before {
    content: "";
}

.fa-genderless:before {
    content: "";
}

.fa-facebook-official:before {
    content: "";
}

.fa-pinterest-p:before {
    content: "";
}

.fa-whatsapp:before {
    content: "";
}

.fa-server:before {
    content: "";
}

.fa-user-plus:before {
    content: "";
}

.fa-user-times:before {
    content: "";
}

.fa-hotel:before,
.fa-bed:before {
    content: "";
}

.fa-viacoin:before {
    content: "";
}

.fa-train:before {
    content: "";
}

.fa-subway:before {
    content: "";
}

.fa-medium:before {
    content: "";
}

.fa-yc:before,
.fa-y-combinator:before {
    content: "";
}

.fa-optin-monster:before {
    content: "";
}

.fa-opencart:before {
    content: "";
}

.fa-expeditedssl:before {
    content: "";
}

.fa-battery-4:before,
.fa-battery-full:before {
    content: "";
}

.fa-battery-3:before,
.fa-battery-three-quarters:before {
    content: "";
}

.fa-battery-2:before,
.fa-battery-half:before {
    content: "";
}

.fa-battery-1:before,
.fa-battery-quarter:before {
    content: "";
}

.fa-battery-0:before,
.fa-battery-empty:before {
    content: "";
}

.fa-mouse-pointer:before {
    content: "";
}

.fa-i-cursor:before {
    content: "";
}

.fa-object-group:before {
    content: "";
}

.fa-object-ungroup:before {
    content: "";
}

.fa-sticky-note:before {
    content: "";
}

.fa-sticky-note-o:before {
    content: "";
}

.fa-cc-jcb:before {
    content: "";
}

.fa-cc-diners-club:before {
    content: "";
}

.fa-clone:before {
    content: "";
}

.fa-balance-scale:before {
    content: "";
}

.fa-hourglass-o:before {
    content: "";
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
    content: "";
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
    content: "";
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
    content: "";
}

.fa-hourglass:before {
    content: "";
}

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
    content: "";
}

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
    content: "";
}

.fa-hand-scissors-o:before {
    content: "";
}

.fa-hand-lizard-o:before {
    content: "";
}

.fa-hand-spock-o:before {
    content: "";
}

.fa-hand-pointer-o:before {
    content: "";
}

.fa-hand-peace-o:before {
    content: "";
}

.fa-trademark:before {
    content: "";
}

.fa-registered:before {
    content: "";
}

.fa-creative-commons:before {
    content: "";
}

.fa-gg:before {
    content: "";
}

.fa-gg-circle:before {
    content: "";
}

.fa-tripadvisor:before {
    content: "";
}

.fa-odnoklassniki:before {
    content: "";
}

.fa-odnoklassniki-square:before {
    content: "";
}

.fa-get-pocket:before {
    content: "";
}

.fa-wikipedia-w:before {
    content: "";
}

.fa-safari:before {
    content: "";
}

.fa-chrome:before {
    content: "";
}

.fa-firefox:before {
    content: "";
}

.fa-opera:before {
    content: "";
}

.fa-internet-explorer:before {
    content: "";
}

.fa-tv:before,
.fa-television:before {
    content: "";
}

.fa-contao:before {
    content: "";
}

.fa-500px:before {
    content: "";
}

.fa-amazon:before {
    content: "";
}

.fa-calendar-plus-o:before {
    content: "";
}

.fa-calendar-minus-o:before {
    content: "";
}

.fa-calendar-times-o:before {
    content: "";
}

.fa-calendar-check-o:before {
    content: "";
}

.fa-industry:before {
    content: "";
}

.fa-map-pin:before {
    content: "";
}

.fa-map-signs:before {
    content: "";
}

.fa-map-o:before {
    content: "";
}

.fa-map:before {
    content: "";
}

.fa-commenting:before {
    content: "";
}

.fa-commenting-o:before {
    content: "";
}

.fa-houzz:before {
    content: "";
}

.fa-vimeo:before {
    content: "";
}

.fa-black-tie:before {
    content: "";
}

.fa-fonticons:before {
    content: "";
}

.fa-reddit-alien:before {
    content: "";
}

.fa-edge:before {
    content: "";
}

.fa-credit-card-alt:before {
    content: "";
}

.fa-codiepie:before {
    content: "";
}

.fa-modx:before {
    content: "";
}

.fa-fort-awesome:before {
    content: "";
}

.fa-usb:before {
    content: "";
}

.fa-product-hunt:before {
    content: "";
}

.fa-mixcloud:before {
    content: "";
}

.fa-scribd:before {
    content: "";
}

.fa-pause-circle:before {
    content: "";
}

.fa-pause-circle-o:before {
    content: "";
}

.fa-stop-circle:before {
    content: "";
}

.fa-stop-circle-o:before {
    content: "";
}

.fa-shopping-bag:before {
    content: "";
}

.fa-shopping-basket:before {
    content: "";
}

.fa-hashtag:before {
    content: "";
}

.fa-bluetooth:before {
    content: "";
}

.fa-bluetooth-b:before {
    content: "";
}

.fa-percent:before {
    content: "";
}

.fa-gitlab:before {
    content: "";
}

.fa-wpbeginner:before {
    content: "";
}

.fa-wpforms:before {
    content: "";
}

.fa-envira:before {
    content: "";
}

.fa-universal-access:before {
    content: "";
}

.fa-wheelchair-alt:before {
    content: "";
}

.fa-question-circle-o:before {
    content: "";
}

.fa-blind:before {
    content: "";
}

.fa-audio-description:before {
    content: "";
}

.fa-volume-control-phone:before {
    content: "";
}

.fa-braille:before {
    content: "";
}

.fa-assistive-listening-systems:before {
    content: "";
}

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
    content: "";
}

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
    content: "";
}

.fa-glide:before {
    content: "";
}

.fa-glide-g:before {
    content: "";
}

.fa-signing:before,
.fa-sign-language:before {
    content: "";
}

.fa-low-vision:before {
    content: "";
}

.fa-viadeo:before {
    content: "";
}

.fa-viadeo-square:before {
    content: "";
}

.fa-snapchat:before {
    content: "";
}

.fa-snapchat-ghost:before {
    content: "";
}

.fa-snapchat-square:before {
    content: "";
}

.fa-pied-piper:before {
    content: "";
}

.fa-first-order:before {
    content: "";
}

.fa-yoast:before {
    content: "";
}

.fa-themeisle:before {
    content: "";
}

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
    content: "";
}

.fa-fa:before,
.fa-font-awesome:before {
    content: "";
}

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

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}

body {
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    color: #777474;
    line-height: 28px;
    overflow-x: hidden;
    max-width: 100%;
    background-color: #fff;
}

.no-scroll {
    height: 100%;
    overflow: hidden;
}

main {
    background-color: #fff;
    position: relative;
    z-index: 5;
}

@media only screen and (max-width: 1199px) {
    main {
        margin-bottom: 0px !important;
    }
}

::-webkit-input-placeholder {
    opacity: 1 !important;
}

:-moz-placeholder {
    opacity: 1 !important;
}

::-moz-placeholder {
    opacity: 1 !important;
}

:-ms-input-placeholder {
    opacity: 1 !important;
}

img {
    max-width: 100%;
}

section {
    position: relative;
}

.center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.btn-share {
    position: fixed;
    top: 50%;
    right: 0px;
    margin-top: -6.5vw;
    height: 64px;
    background-color: #b23993;
    padding-left: 10px;
    padding-right: 10px;
    border-top-left-radius: 64px;
    border-bottom-left-radius: 64px;
    z-index: 8;
    font-family: "Overpass", Regular, Arial, sans-serif;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 64px;
    color: #fff;
    -webkit-transition: margin 0.4s;
    transition: margin 0.4s;
    margin-right: -77px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
    outline: none;
}

    .btn-share img {
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
    }

    .btn-share:hover, .btn-share:active, .btn-share:focus {
        margin-right: 0px;
    }

@media only screen and (max-width: 1199px) {
    .btn-share {
        margin-top: -200px;
    }
}

@media only screen and (max-width: 767px) {
    .btn-share {
        margin-top: -100px;
    }
}

.scrollTo {
    background-color: #9e8652;
    height: 45px;
    width: 45px;
    border-radius: 50%;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4);
    position: relative;
    bottom: 85px;
    margin: 0 auto;
    margin-top: -10px;
    z-index: 1;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    overflow: hidden;
    outline: none;
}

    .scrollTo:before {
        content: '';
        background: url(../images/home/arrow-scrollto.png) center center no-repeat;
        height: 100%;
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        border-radius: 50%;
        overflow: hidden;
        -webkit-animation-name: scrollWheel;
        animation-name: scrollWheel;
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    .scrollTo:after {
        content: '';
        background: url(../images/home/arrow-scrollto.png) center center no-repeat;
        height: 100%;
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        border-radius: 50%;
        overflow: hidden;
        -webkit-animation-name: scrollWheelSecond;
        animation-name: scrollWheelSecond;
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }

    .scrollTo:hover, .scrollTo:active, .scrollTo:focus {
        background-color: #76643e;
        margin-top: 0;
    }

.unstyled {
    list-style: none !important;
    padding: 0px !important;
}

    .unstyled li p {
        margin-left: 0px !important;
    }

/* HEADER GENERAL
	A n'utiliser que si pas de différence entre header Home et header INT
*/
header {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 10;
}

    header .header {
        background-color: rgba(32, 32, 32, 0.7);
        position: relative;
        min-height: 80px;
        box-shadow: 0px 5px 4px rgba(0, 0, 0, 0.3);
        padding-left: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

@media only screen and (max-width: 767px) {
    header .header {
        padding-left: 20px;
    }
}

header .header .myDijonSSO {
    position: relative;
    min-width: 170px;
}

@media only screen and (max-width: 767px) {
    header .header .myDijonSSO {
        min-width: 40px;
    }
}

header .header .myDijonSSO button {
    color: #fff;
    min-height: 80px;
    line-height: 80px;
    padding: 0px 10px;
}

    header .header .myDijonSSO button:hover, header .header .myDijonSSO button:active, header .header .myDijonSSO button:focus, header .header .myDijonSSO button.open {
        text-decoration: underline;
        background-color: #1f1f21;
    }

        header .header .myDijonSSO button:hover svg, header .header .myDijonSSO button:active svg, header .header .myDijonSSO button:focus svg, header .header .myDijonSSO button.open svg {
            fill: #b23993;
        }

    header .header .myDijonSSO button svg {
        fill: #b23993;
    }

header .header .myDijonSSO ul {
    display: none;
    position: absolute;
    background-color: #282d33;
    width: 100%;
    list-style: none;
    padding: 0px 12px;
    box-shadow: 0px 5px 4px rgba(0, 0, 0, 0.3);
    min-width: 170px;
}

@media only screen and (max-width: 767px) {
    header .header .myDijonSSO ul {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

header .header .myDijonSSO ul li {
    display: block;
    padding-left: 20px;
    position: relative;
    line-height: 80px;
}

    header .header .myDijonSSO ul li:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 0px;
        margin-top: -4px;
        background-color: transparent;
        border-top: solid 2px #9e8652;
        border-right: solid 2px #9e8652;
        height: 8px;
        width: 8px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    header .header .myDijonSSO ul li a {
        color: #fff;
        text-decoration: none;
        font-family: "Overpass", Regular, Arial, sans-serif;
        font-size: 17px;
        font-size: 1.7rem;
    }

        header .header .myDijonSSO ul li a:hover, header .header .myDijonSSO ul li a:active, header .header .myDijonSSO ul li a:focus {
            color: #fff;
            text-decoration: underline;
        }

header .header .logo_mobile {
    display: none;
    width: 45px;
}

@media only screen and (max-width: 1199px) {
    header .header .logo_mobile {
        display: block;
    }
}

header .header.skipnaviagtion {
    top: 30px;
}

header .header .sidy--to-open {
    display: none;
    width: 33px;
    height: 80px;
    position: relative;
    cursor: pointer;
    margin-right: 20px;
    margin-top: -15px;
}

    header .header .sidy--to-open:after {
        content: 'menu';
        font-family: "Overpass", Bold, Arial, Bold, sans-serif;
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 1em;
        color: #aaa;
        text-transform: uppercase;
        position: absolute;
        bottom: 8px;
        left: 0;
    }

    header .header .sidy--to-open span {
        position: absolute;
        background-color: white;
        width: 100%;
        height: 3px;
        top: 50%;
        right: 0px;
        margin-top: 0px;
        opacity: 1;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }

        header .header .sidy--to-open span:before, header .header .sidy--to-open span:after {
            content: "";
            position: absolute;
            background-color: white;
            width: 100%;
            height: 3px;
            display: block;
            -webkit-transition: all 0.3s ease-in-out 0s;
            transition: all 0.3s ease-in-out 0s;
        }

        header .header .sidy--to-open span:before {
            top: 10px;
        }

        header .header .sidy--to-open span:after {
            bottom: 10px;
        }

@media only screen and (max-width: 1378px) {
    header .header .sidy--to-open {
        display: block;
    }
}

@media only screen and (max-width: 767px) {
    header .header .sidy--to-open {
        margin-right: 10px;
    }
}

@media only screen and (max-width: 1378px) {
    header .header .logo {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}

@media only screen and (max-width: 767px) {
    header .header .logo {
        display: none;
    }
}

header .header #menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 0px;
}

    header .header #menu li {
        margin-right: 5px;
        min-height: 80px;
    }

        header .header #menu li:nth-last-of-type(1) {
            margin-right: 0px;
        }

        header .header #menu li .link-leading {
            display: block;
            line-height: 80px;
            background-color: transparent;
            -webkit-transition: all 0.4s;
            transition: all 0.4s;
            padding: 0px 10px;
            outline: none;
        }

            header .header #menu li .link-leading:hover, header .header #menu li .link-leading:focus, header .header #menu li .link-leading:active {
                background-color: #1b1e22;
            }

        header .header #menu li a {
            font-family: "Overpass", Regular, Arial, sans-serif;
            font-size: 17px;
            font-size: 1.7rem;
            color: #fff;
            text-decoration: none;
        }

    header .header #menu .menu-category {
        display: none;
        border-top: 3px solid #1b1e22;
        background-color: #282d33;
        padding: 45px 0px 35px !important;
        position: absolute;
        left: 0;
        top: 80px;
        width: 100%;
        box-shadow: 5px 5px 4px rgba(0, 0, 0, 0.3);
    }

        header .header #menu .menu-category .container {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }

        header .header #menu .menu-category li {
            width: 25%;
            margin-right: 0px;
            padding-left: 22px;
            position: relative;
            margin-bottom: 20px;
            min-height: 46px;
        }

            header .header #menu .menu-category li:before {
                content: '';
                position: absolute;
                top: 12px;
                left: 0px;
                background-color: transparent;
                border-top: solid 2px #9e8652;
                border-right: solid 2px #9e8652;
                height: 8px;
                width: 8px;
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
            }

            header .header #menu .menu-category li a {
                display: inline-block;
                vertical-align: middle;
                outline: none;
            }

                header .header #menu .menu-category li a:hover, header .header #menu .menu-category li a:focus, header .header #menu .menu-category li a:active {
                    text-decoration: underline;
                }

@media only screen and (max-width: 1378px) {
    header .header #menu {
        display: none;
    }
}

header .header .language {
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s;
    margin-right: 10px;
    width: 110px;
    text-align: center;
    position: relative;
    min-height: 80px;
    z-index: 0;
}

    header .header .language:after {
        content: '';
        background-color: #282d33;
        height: 0px;
        position: absolute;
        width: 100%;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
        z-index: -1;
        top: 0;
        left: 0px;
    }

@media only screen and (max-width: 767px) {
    header .header .language:after {
        width: 65px;
    }
}

header .header .language span, header .header .language a {
    font-family: "Overpass", Bold, Arial, Bold, sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    position: relative;
}

    header .header .language span img, header .header .language a img {
        display: inline-block;
        margin-right: 8px;
    }

    header .header .language span:after, header .header .language a:after {
        content: '';
        display: inline-block;
        background-color: transparent;
        border-bottom: solid 2px #a2a2a3;
        border-right: solid 2px #a2a2a3;
        height: 8px;
        width: 8px;
        vertical-align: middle;
        margin-top: -5px;
        margin-left: 8px;
    }

@media only screen and (max-width: 767px) {
    header .header .language span img, header .header .language a img {
        display: none;
    }
}

header .header .language span {
    width: 100%;
    min-height: 80px;
    line-height: 80px;
}

    header .header .language span:after {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    header .header .language span:before {
        content: '';
        background-color: #282d33;
        height: 0px;
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        -webkit-transition: height 0.6s ease 0.1s;
        transition: height 0.6s ease 0.1s;
        z-index: -1;
    }

@media only screen and (max-width: 767px) {
    header .header .language span {
        width: 65px;
    }
}

header .header .language a {
    display: block;
    line-height: 40px;
    outline: none;
}

    header .header .language a:after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    header .header .language a:hover, header .header .language a:active, header .header .language a:focus {
        text-decoration: underline;
        color: #fff;
    }

header .header .language .hover {
    position: absolute;
    top: 58px;
    height: 0px;
    -webkit-transition: height 0.4s;
    transition: height 0.4s;
    width: 110px;
    overflow: hidden;
    height: 0px;
    -webkit-transition: all 0.4s 0s;
    transition: all 0.4s 0s;
    z-index: 1;
}

@media only screen and (max-width: 767px) {
    header .header .language .hover {
        width: 65px;
        left: 0;
    }
}

header .header .language:hover:after, header .header .language:focus:after, header .header .language:active:after {
    height: calc(100% + 75px);
}

header .header .language:hover .hover, header .header .language:focus .hover, header .header .language:active .hover {
    height: 100%;
}

@media only screen and (max-width: 767px) {
    header .header .language {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

header .header .account {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: block;
    font-family: "Overpass", Regular, Arial, sans-serif;
    font-size: 17px;
    font-size: 1.7rem;
    color: #fff;
    text-decoration: none;
    margin-left: auto;
    margin-right: 10px;
    -webkit-transition: color 0.4s;
    transition: color 0.4s;
    position: relative;
    outline: none;
}

    header .header .account svg {
        width: 27px;
        max-height: 80px;
        fill: #fff;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        margin-right: 8px;
        display: inline-block;
        vertical-align: middle;
    }

@media only screen and (max-width: 767px) {
    header .header .account svg {
        margin: 0px;
    }
}

header .header .account:hover, header .header .account:active, header .header .account:focus {
    color: #aaaaaa;
}

    header .header .account:hover svg, header .header .account:active svg, header .header .account:focus svg {
        fill: #aaaaaa;
    }

@media only screen and (max-width: 767px) {
    header .header .account {
        font-size: 0;
        margin-left: auto;
    }
}

header .header .location {
    width: 80px;
    height: 100%;
    margin-right: 10px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    outline: none;
}

    header .header .location img {
        -webkit-transition: opacity 0.4s;
        transition: opacity 0.4s;
    }

    header .header .location .off {
        opacity: 1;
    }

    header .header .location .on {
        opacity: 0;
    }

    header .header .location:hover .off, header .header .location:active .off, header .header .location:focus .off {
        opacity: 0;
    }

    header .header .location:hover .on, header .header .location:active .on, header .header .location:focus .on {
        opacity: 1;
    }

    header .header .location svg {
        width: 21px;
        max-height: 80px;
        fill: #fff;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }

    header .header .location:hover svg, header .header .location:active svg, header .header .location:focus svg {
        fill: #aaaaaa;
    }

@media only screen and (max-width: 767px) {
    header .header .location {
        width: 40px;
    }
}

header .header .btn-search {
    display: block;
    background-color: #b23993;
    width: 80px;
    min-height: 80px;
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s;
    outline: none;
}

    header .header .btn-search svg {
        width: 22px;
        max-height: 80px;
        fill: #fff;
    }

    header .header .btn-search:hover, header .header .btn-search:focus, header .header .btn-search:active {
        background-color: #861f6b;
    }

@media only screen and (max-width: 767px) {
    header .header .btn-search {
        width: 60px;
    }
}

.nav-overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 60;
    display: none;
    background-color: rgba(40, 45, 51, 0.97);
}

    .nav-overlay.pink {
        background-color: rgba(134, 31, 107, 0.97);
    }

    .nav-overlay.close .close-overlay {
        display: none;
    }

    .nav-overlay.close #popin .close-overlay {
        display: block !important;
    }

.close-overlay {
    height: 30px;
    width: 30px;
    position: absolute;
    top: 25px;
    z-index: 1;
    right: 30px;
    outline: none;
}

    .close-overlay:before, .close-overlay:after {
        content: '';
        display: inline-block;
        height: 33px;
        width: 4px;
        background-color: #FFF;
        position: absolute;
        top: -4px;
        -webkit-transition: background-color 0.4s;
        transition: background-color 0.4s;
        right: 21px;
    }

    .close-overlay:before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .close-overlay:after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .close-overlay:hover:before, .close-overlay:hover:after, .close-overlay:active:before, .close-overlay:active:after, .close-overlay:focus:before, .close-overlay:focus:after {
        background-color: #9a9a9a;
    }

#search-engine {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    display: none;
}

    #search-engine .search-input {
        border-bottom: 2px solid #404040;
        width: 65.33%;
        position: relative;
    }

        #search-engine .search-input button {
            position: absolute;
            right: 0;
            width: 30px;
            height: 30px;
            bottom: 15px;
        }

@media only screen and (max-width: 767px) {
    #search-engine .search-input button {
        bottom: 5px;
    }
}

#search-engine input {
    border: none;
    background-color: transparent;
    font-family: "Overpass", Regular, Arial, sans-serif;
    font-size: 50px;
    font-size: 5rem;
    color: #9a9a9a;
    width: 100%;
}

    #search-engine input:focus {
        color: #fff;
        outline: none;
    }

@media only screen and (max-width: 767px) {
    #search-engine input {
        font-size: 25px;
        font-size: 2.5rem;
    }
}

#share {
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}

    #share .title {
        color: #fff;
        font-weight: 400;
    }

    #share ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        width: 450px;
        height: 80px;
    }

@media only screen and (max-width: 767px) {
    #share ul {
        width: 100%;
    }
}

#share ul li {
    width: 80px;
}

    #share ul li:nth-of-last-type(1) {
        margin-right: 0px;
    }

    #share ul li a {
        display: block;
        font-family: "Overpass", Regular, Arial, sans-serif;
        font-size: 17px;
        font-size: 1.7rem;
        line-height: 1em;
        color: #fff;
        text-decoration: none;
        text-align: center;
        -webkit-transition: margin 0.4s;
        transition: margin 0.4s;
    }

        #share ul li a span {
            border-radius: 50%;
            background-color: #fff;
            display: block;
            height: 42px;
            width: 42px;
            margin: 0 auto 12px;
            text-align: center;
            -webkit-transition: background-color 0.4s;
            transition: background-color 0.4s;
        }

            #share ul li a span:before {
                content: '';
                height: 100%;
                display: inline-block;
                vertical-align: middle;
            }

        #share ul li a:hover, #share ul li a:focus, #share ul li a:active {
            margin-top: 10px;
        }

            #share ul li a:hover span, #share ul li a:focus span, #share ul li a:active span {
                background-color: #cda5c3;
            }

#popin {
    width: 100vw;
    height: 100vh;
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    position: relative;
}

    #popin .content {
        background-color: #fff;
        width: 680px;
        height: 460px;
        padding: 10px;
        position: relative;
    }

        #popin .content img {
            width: 100%;
            height: 100%;
            max-height: 100%;
            margin: auto;
            display: block;
        }

        #popin .content .text {
            background-color: rgba(178, 57, 147, 0.9);
            position: absolute;
            bottom: 30px;
            right: 30px;
            width: 360px;
            max-height: 240px;
            padding: 23px 30px 30px;
        }

            #popin .content .text p {
                color: #fff;
                margin: 0px;
            }

            #popin .content .text a {
                display: block;
                color: #fff;
            }

            #popin .content .text span {
                display: block;
                font-family: 'Overpass';
                color: #fff;
                font-weight: 400;
                font-size: 30px;
                font-size: 3rem;
                line-height: normal;
                margin-bottom: 13px;
            }

@media only screen and (max-width: 767px) {
    #popin .content {
        width: 100%;
    }

        #popin .content .text {
            width: calc(100% - 20px);
            bottom: 10px;
            right: 10px;
        }
}

#popin .close-overlay {
    height: 45px;
    width: 45px;
    background-color: #fff;
    position: absolute;
    top: 0px;
    right: 0;
    padding: 10px;
}

    #popin .close-overlay:before, #popin .close-overlay:after {
        top: 6px;
        background-color: #282d33;
    }

footer {
    background-color: black;
    padding-top: 85px;
    position: fixed;
    overflow: hidden;
    bottom: 0;
    left: 0;
    width: 100%;
}

@media only screen and (max-width: 1199px) {
    footer {
        padding-top: 50px;
        position: relative;
    }
}

footer .column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 60px;
}

@media only screen and (max-width: 1199px) {
    footer .column {
        display: block;
        font-size: 0;
    }
}

@media only screen and (max-width: 767px) {
    footer .column {
        padding-bottom: 50px;
    }
}

footer .col {
    width: 25%;
    padding-right: 60px;
}

    footer .col h3:nth-of-type(2) {
        margin-top: 50px;
    }

    footer .col p {
        font-family: "Overpass", Regular, Arial, sans-serif;
        font-size: 15px;
        font-size: 1.5rem;
        line-height: normal;
        color: #9b9b9b;
        margin-bottom: 20px;
    }

    footer .col ul li {
        margin-bottom: 18px;
    }

        footer .col ul li a {
            font-family: "Overpass", Regular, Arial, sans-serif;
            font-size: 15px;
            font-size: 1.5rem;
            line-height: normal;
            color: #9b9b9b;
            display: inline-block;
            text-decoration: none;
            position: relative;
            padding-left: 20px;
        }

            footer .col ul li a:before {
                content: '';
                background: url(../images/footer/chevron-footer.png) no-repeat center center;
                width: 7px;
                height: 11px;
                position: absolute;
                top: 5px;
                left: 0px;
            }

            footer .col ul li a:hover, footer .col ul li a:focus, footer .col ul li a:active {
                text-decoration: underline;
                color: #9b9b9b;
            }

    footer .col .list-rs {
        height: 30px;
    }

@media only screen and (min-width: 767px) and (max-width: 1199px) {
    footer .col {
        width: 33.33%;
        display: inline-block;
        vertical-align: top;
    }
}

@media only screen and (max-width: 767px) {
    footer .col {
        width: 100%;
        display: block;
        margin-right: 0px;
        padding-right: 0px;
        text-align: center;
        margin-bottom: 40px;
    }

        footer .col:nth-last-of-type(1) {
            margin-bottom: 0px;
        }
}

footer .logo img {
    max-width: 152px;
}

@media only screen and (max-width: 1199px) {
    footer .logo {
        width: 100%;
        margin-bottom: 35px;
        text-align: center;
        margin-right: 0px;
        padding-right: 0px;
    }
}

footer .bottom {
    background-color: #1b1e22;
    min-height: 65px;
}

@media only screen and (max-width: 767px) {
    footer .bottom {
        padding-bottom: 30px;
    }
}

footer .bottom a {
    font-family: "Overpass", Bold, Arial, Bold, sans-serif;
    color: #777474;
    font-size: 11px;
    font-size: 1.1rem;
    text-transform: uppercase;
    text-decoration: none;
}

    footer .bottom a:hover, footer .bottom a:focus, footer .bottom a:active {
        text-decoration: underline;
        color: #777474;
    }

footer .bottom ul {
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    footer .bottom ul li {
        margin-right: 30px;
        line-height: 65px;
    }

        footer .bottom ul li:nth-last-of-type(1) {
            margin-right: 0px;
        }

@media only screen and (max-width: 767px) {
    footer .bottom ul li {
        margin-right: 25px;
        line-height: 1em;
        display: inline-block;
    }
}

@media only screen and (max-width: 767px) {
    footer .bottom ul {
        float: none;
        display: block;
        text-align: center;
        margin-top: 30px;
    }
}

footer .bottom .copyright {
    line-height: 68px;
    float: right;
}

    footer .bottom .copyright svg {
        margin-right: 10px;
    }

        footer .bottom .copyright svg path {
            -webkit-transition: all 0.4s;
            transition: all 0.4s;
        }

    footer .bottom .copyright:hover, footer .bottom .copyright:focus, footer .bottom .copyright:active {
        text-decoration: none;
    }

        footer .bottom .copyright:hover svg path, footer .bottom .copyright:focus svg path, footer .bottom .copyright:active svg path {
            fill: #fff;
        }

@media only screen and (max-width: 767px) {
    footer .bottom .copyright {
        display: block;
        float: none;
        width: 100%;
        text-align: center;
        line-height: 1em;
        margin-top: 20px;
    }
}

#wire {
    padding-top: 25px;
    margin-bottom: 30px;
}

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

    #wire .ariane {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-item-align: start;
        align-self: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        min-height: 43px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

        #wire .ariane .ariane-item {
            margin-right: 10px;
            font-family: Arial, sans-serif;
            font-size: 13px;
            font-size: 1.3rem;
            color: #282d33 !important;
        }

            #wire .ariane .ariane-item:before {
                content: '';
                background: url(../images/pictos/chevron-off.png) no-repeat center center;
                display: inline-block;
                height: 11px;
                width: 7px;
                margin-right: 10px;
            }

            #wire .ariane .ariane-item:nth-of-type(2):before {
                content: none;
            }

            #wire .ariane .ariane-item a {
                text-decoration: none;
                font-family: Arial, sans-serif;
                font-size: 13px;
                font-size: 1.3rem;
                color: #777474;
                display: inline-block;
                -webkit-transition: color 0.4s;
                transition: color 0.4s;
                position: relative;
            }

                #wire .ariane .ariane-item a:hover, #wire .ariane .ariane-item a:focus, #wire .ariane .ariane-item a:active {
                    color: #282d33;
                }

        #wire .ariane .home a {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

            #wire .ariane .home a .on {
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
            }

            #wire .ariane .home a img {
                -webkit-transition: opacity 0.4s;
                transition: opacity 0.4s;
            }

            #wire .ariane .home a .off {
                opacity: 1;
            }

            #wire .ariane .home a .on {
                opacity: 0;
            }

            #wire .ariane .home a:hover .off, #wire .ariane .home a:active .off, #wire .ariane .home a:focus .off {
                opacity: 0;
            }

            #wire .ariane .home a:hover .on, #wire .ariane .home a:active .on, #wire .ariane .home a:focus .on {
                opacity: 1;
            }

        #wire .ariane .active:before {
            background-image: url(../images/pictos/chevron-on.png);
        }

    #wire .tools {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-item-align: end;
        align-self: flex-end;
    }

        #wire .tools li {
            margin-right: 10px;
        }

            #wire .tools li:nth-last-of-type(1) {
                margin-right: 0px;
            }

            #wire .tools li a {
                height: 43px;
                width: 43px;
                background-color: #d9d9d9;
                border-radius: 50%;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-transition: background-color 0.4s;
                transition: background-color 0.4s;
                position: relative;
            }

                #wire .tools li a img {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    -webkit-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
                }

                #wire .tools li a img {
                    -webkit-transition: opacity 0.4s;
                    transition: opacity 0.4s;
                }

                #wire .tools li a .off {
                    opacity: 1;
                }

                #wire .tools li a .on {
                    opacity: 0;
                }

                #wire .tools li a:hover .off, #wire .tools li a:active .off, #wire .tools li a:focus .off {
                    opacity: 0;
                }

                #wire .tools li a:hover .on, #wire .tools li a:active .on, #wire .tools li a:focus .on {
                    opacity: 1;
                }

                #wire .tools li a:hover, #wire .tools li a:active, #wire .tools li a:focus {
                    background-color: #b23993;
                }

@media only screen and (max-width: 767px) {
    #wire .tools {
        display: none;
    }
}

#wire .back-to {
    display: none;
}

    #wire .back-to:after {
        display: none;
    }

@media only screen and (max-width: 1199px) {
    #wire .back-to {
        display: block;
    }

    #wire .ariane-item:not(.back-to) {
        display: none;
    }
}

.pagination {
    width: 100%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -ms-flex;
    display: -moz-flex;
    display: -webkit-flex;
}

    .pagination .pagin-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-family: 'Overpass';
        font-weight: 400;
        font-size: 22px;
        font-size: 2.2rem;
        color: #3d3d3d;
    }

        .pagination .pagin-item a {
            text-decoration: none;
            font-family: 'Overpass';
            font-weight: 400;
            font-size: 22px;
            font-size: 2.2rem;
            color: #3d3d3d;
        }

            .pagination .pagin-item a:hover, .pagination .pagin-item a:active, .pagination .pagin-item a:focus {
                text-decoration: underline;
            }

        .pagination .pagin-item.is-active {
            color: #b23993;
        }

        .pagination .pagin-item:not(.pagin-next):not(.pagin-prev) {
            margin-right: 15px;
        }

    .pagination .pagin-next {
        margin-left: auto;
    }

        .pagination .pagin-next .btn-dark {
            padding-right: 51px;
        }

@media only screen and (max-width: 767px) {
    .pagination .pagin-next .btn-dark {
        padding-right: 43px;
    }

        .pagination .pagin-next .btn-dark:before {
            right: 6px;
        }
}

.pagination .pagin-prev {
    margin-right: auto;
}

@media only screen and (max-width: 767px) {
    .pagination .pagin-prev .btn-dark {
        padding: 0px 15px;
    }
}

@media only screen and (max-width: 767px) {
    .pagination .pagin-item:not(.pagin-next):not(.pagin-prev) {
        display: none;
    }

    .pagination .pagin-next {
        margin-left: auto;
    }

    .pagination .pagin-prev .btn-text:before {
        content: 'Prec';
    }

    .pagination .pagin-next .btn-text:before {
        content: 'Suiv';
    }
}

#cnil_banner_consent {
    background-color: rgba(178, 57, 147, 0.9);
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 230px;
    z-index: 10;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
}

    #cnil_banner_consent .alert {
        padding: 20px;
        color: #fff;
        font-family: Arial, sans-serif;
        font-size: 13px;
        font-size: 1.3rem;
        line-height: normal;
    }

        #cnil_banner_consent .alert a {
            color: #fff;
            font-family: Arial, sans-serif;
            font-size: 13px;
            font-size: 1.3rem;
        }

    #cnil_banner_consent .close {
        display: block;
        margin-top: 18px;
    }

@media only screen and (max-width: 767px) {
    #cnil_banner_consent {
        width: calc(100% - 40px);
        left: 20px;
    }
}

#skipnavigation {
    line-height: 30px;
    background-color: #fff;
}

    #skipnavigation ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        #skipnavigation ul li {
            margin-right: 10px;
        }

        #skipnavigation ul a {
            color: #000;
            text-decoration: none;
        }

            #skipnavigation ul a:hover, #skipnavigation ul a:active, #skipnavigation ul a:focus {
                text-decoration: underline;
            }

#alert {
    background-color: #861f6b;
    position: relative;
    display: block;
    width: 100%;
}

    #alert p {
        font-family: "Overpass", Regular, Arial, sans-serif;
        font-size: 15px;
        font-size: 1.5rem;
        line-height: normal;
        color: #fff;
        padding: 20px 80px 15px 30px;
        margin: 0px;
    }

    #alert .close-alert {
        position: absolute;
        right: 30px;
        height: 18px;
        width: 18px;
        top: 50%;
        margin-top: -8px;
    }

        #alert .close-alert:before, #alert .close-alert:after {
            content: '';
            display: inline-block;
            height: 23px;
            width: 2px;
            background-color: #FFF;
            position: absolute;
            top: -4px;
            -webkit-transition: background-color 0.4s;
            transition: background-color 0.4s;
        }

        #alert .close-alert:before {
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        #alert .close-alert:after {
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

        #alert .close-alert:hover:before, #alert .close-alert:hover:after, #alert .close-alert:active:before, #alert .close-alert:active:after, #alert .close-alert:focus:before, #alert .close-alert:focus:after {
            background-color: #cea6c3;
        }

    #alert.closed {
        display: none;
    }

#partners {
    background-color: #fff;
    overflow: hidden;
}

    #partners .owl-item a img {
        -webkit-transition: opacity 0.4s;
        transition: opacity 0.4s;
    }

    #partners .owl-item a .off {
        opacity: 1;
    }

    #partners .owl-item a .on {
        opacity: 0;
    }

    #partners .owl-item a:hover .off, #partners .owl-item a:active .off, #partners .owl-item a:focus .off {
        opacity: 0;
    }

    #partners .owl-item a:hover .on, #partners .owl-item a:active .on, #partners .owl-item a:focus .on {
        opacity: 1;
    }

    #partners .owl-item a img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    #partners .owl-partners {
        padding-top: 30px !important;
    }

    #partners .customNavigation {
        z-index: 0;
    }

        #partners .customNavigation button {
            outline: none;
        }

            #partners .customNavigation button.prev, #partners .customNavigation button.next {
                margin-left: 0px;
                margin-right: 0px;
            }

#maintenance {
    height: 100vh;
    width: 100vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

    #maintenance:before {
        content: '';
        height: 100%;
        width: 100%;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.6) 100%);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.6) 100%);
        z-index: 2;
    }

    #maintenance h1 {
        z-index: 3;
        text-align: center;
    }

        #maintenance h1:after {
            content: none;
        }

        #maintenance h1 span {
            display: block;
            font-family: 'Georgia';
            color: #dddddd;
            font-size: 25px;
            font-size: 2.5rem;
        }

            #maintenance h1 span:before {
                content: '';
                background-color: #fff;
                height: 3px;
                width: 40px;
                display: block;
                margin: 20px auto 20px;
            }

@media only screen and (max-width: 767px) {
    #maintenance h1 {
        padding: 0px 20px;
    }
}

#maintenance .join-us {
    position: absolute;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    z-index: 4;
}

    #maintenance .join-us p {
        font-family: "Overpass", Regular, Arial, sans-serif;
        font-size: 17px;
        font-size: 1.7rem;
        line-height: normal;
        color: #fff;
        text-align: left;
        top: 0px;
        margin-bottom: 15px;
        text-align: center;
    }

    #maintenance .join-us ul {
        height: 50px;
    }

.class_group_intern {
    /* CALLS
	Appels généraux de la page, valeurs par défaut ne dépendant pas des modules composant la page.
	Pour surcharger ces valeurs, utiliser les fichiers page-int/modules/_[nomdumodule].scss
	s'il s'agit d'un module, ou page-int/_page-int.scss s'il s'agit d'une modification inclassable
*/
    /* TEXTS
*/
    /* STRUCTURES
*/
    /* FORMULAIRES
*/
    /* TOOLS
	Classes d'appoint ou commune à l'ensemble de la page (ex: '.no-margin', '.float-none')
*/
    /* GRID LISTS
	Appel des différentes grid	
	
	Si les grid ont la même structure et le même habillage : prévoir un seul type de grid commun
		à toutes les pages
	Si les grid ont la même structure et des habillages différents: prévoir une classe grid-type
		(comprenant uniquement la structure) qui sera appelée sur toutes les grilles
		Puis prévoir un habillage par liste spécifique
	Si chaque grille a sa propre structure et son propre habillage, creer autant de classes que
		nécessaire
*/
    /* Module de formulaires page INT :

		- Formulaire de demonstration
		- Formulaire de contact
		- Formulaire d'inscription/connexion
*/
}

    .class_group_intern ol, .class_group_intern ul {
        padding-left: 40px;
        margin-bottom: 20px;
    }

    .class_group_intern .sommaire a {
        margin-right: 30px;
    }

        .class_group_intern .sommaire a:nth-last-of-type(1) {
            margin-right: 0px;
        }

@media only screen and (max-width: 767px) {
    .class_group_intern .sommaire .list {
        padding-left: 0px;
    }
}

.class_group_intern .unstyled a {
    text-decoration: none;
}

    .class_group_intern .unstyled a h2, .class_group_intern .unstyled a h3, .class_group_intern .unstyled a h4, .class_group_intern .unstyled a h5 {
        margin: 0px;
    }

    .class_group_intern .unstyled a h2 {
        margin-bottom: 45px;
    }

    .class_group_intern .unstyled a h3 {
        margin-left: 50px;
        margin-bottom: 35px;
    }

    .class_group_intern .unstyled a h4 {
        margin-left: 90px;
        margin-bottom: 30px;
    }

    .class_group_intern .unstyled a:hover h2, .class_group_intern .unstyled a:hover h3, .class_group_intern .unstyled a:hover h4, .class_group_intern .unstyled a:hover h5, .class_group_intern .unstyled a:active h2, .class_group_intern .unstyled a:active h3, .class_group_intern .unstyled a:active h4, .class_group_intern .unstyled a:active h5, .class_group_intern .unstyled a:focus h2, .class_group_intern .unstyled a:focus h3, .class_group_intern .unstyled a:focus h4, .class_group_intern .unstyled a:focus h5 {
        text-decoration: underline;
    }

.class_group_intern header .logo {
    margin: 10px 0px 0px 0px;
    width: 200px;
    flex-grow: initial;
    height: 80px;
}

.class_group_intern #top-page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 570px;
    position: relative;
}

@media only screen and (max-width: 767px) {
    .class_group_intern #top-page {
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    }
}

.class_group_intern #top-page .half {
    width: 50%;
}

.class_group_intern #top-page .hat-text {
    background-color: #282d33;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-bottom: 150px;
    padding-top: 245px;
}

@media only screen and (max-width: 1199px) {
    .class_group_intern #top-page .hat-text {
        width: 68%;
        padding-left: 40px;
        padding-right: 60px;
        padding-top: 195px;
        padding-bottom: 100px;
    }
}

@media only screen and (max-width: 767px) {
    .class_group_intern #top-page .hat-text {
        width: 100%;
        text-align: center;
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }
}

.class_group_intern #top-page .hat-text .content {
    width: 600px;
    padding-right: 50px;
}

@media only screen and (max-width: 1199px) {
    .class_group_intern #top-page .hat-text .content {
        width: 100%;
        padding-right: 0px;
    }
}

.class_group_intern #top-page .hat-img {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

@media only screen and (max-width: 1199px) {
    .class_group_intern #top-page .hat-img {
        width: 32%;
    }
}

@media only screen and (max-width: 767px) {
    .class_group_intern #top-page .hat-img {
        width: 100%;
        height: 200px;
    }
}

.class_group_intern #top-page .scrollTo {
    position: absolute;
    bottom: 30px;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
}

.class_group_intern .yosemite-rte .media .panel-title, .class_group_intern .yosemite-rte .support .panel-title {
    margin-bottom: 0;
    text-align: right;
}

    .class_group_intern .yosemite-rte .media .panel-title button, .class_group_intern .yosemite-rte .support .panel-title button {
        font-size: 16px;
        font-size: 1.6rem;
        text-transform: none;
        text-decoration: none;
        position: relative;
        font-family: Arial, sans-serif;
        text-decoration: underline;
        -webkit-transition: color 0.4s;
        transition: color 0.4s;
        outline: none;
    }

        .class_group_intern .yosemite-rte .media .panel-title button:hover, .class_group_intern .yosemite-rte .support .panel-title button:hover, .class_group_intern .yosemite-rte .media .panel-title button:focus, .class_group_intern .yosemite-rte .support .panel-title button:focus, .class_group_intern .yosemite-rte .media .panel-title button:active, .class_group_intern .yosemite-rte .support .panel-title button:active {
            color: #b23993;
        }

@media only screen and (max-width: 767px) {
    .class_group_intern .yosemite-rte .media .panel-title button, .class_group_intern .yosemite-rte .support .panel-title button {
        font-size: 15px;
        font-size: 1.5rem;
    }
}

.class_group_intern .yosemite-rte .media .panel-title.opened button:after, .class_group_intern .yosemite-rte .support .panel-title.opened button:after {
    transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    top: 4px;
}

.class_group_intern .yosemite-rte .media .panel-collapse, .class_group_intern .yosemite-rte .support .panel-collapse {
    display: none;
}

.class_group_intern .yosemite-rte .media .media-heading {
    font-weight: 400;
    font-family: 'Overpass';
    font-size: 21px;
    font-size: 2.1rem;
    color: #fff;
    padding: 0;
    margin: 0px 0px 5px;
    text-transform: uppercase;
}

    .class_group_intern .yosemite-rte .media .media-heading:after {
        content: none;
        margin: 0px;
    }

.class_group_intern .yosemite-rte .media {
    margin-bottom: 40px;
    border: 1px solid #b23993;
}

    .class_group_intern .yosemite-rte .media .media-header {
        background-color: #b23993;
        padding: 20px 40px 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .class_group_intern .yosemite-rte .media .media-header .pictos {
            height: 48px;
            width: 48px;
            border-radius: 50%;
            background-color: #fff;
            box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4);
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            margin-right: 10px;
        }

        .class_group_intern .yosemite-rte .media .media-header .infos {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
        }

            .class_group_intern .yosemite-rte .media .media-header .infos p {
                color: #fff;
                margin: 0px;
                display: inline-block;
                vertical-align: top;
                margin-right: 50px;
            }

                .class_group_intern .yosemite-rte .media .media-header .infos p span {
                    color: #fff;
                    font-family: 'Overpass';
                    font-weight: 600;
                }

                .class_group_intern .yosemite-rte .media .media-header .infos p:nth-last-of-type(1) {
                    margin-right: 0px;
                }

        .class_group_intern .yosemite-rte .media .media-header .btn-dark {
            height: 48px;
        }

@media only screen and (max-width: 767px) {
    .class_group_intern .yosemite-rte .media .media-header {
        display: block;
        padding: 20px;
    }
}

.class_group_intern .yosemite-rte .media .media-footer {
    padding: 15px 40px 25px;
}

    .class_group_intern .yosemite-rte .media .media-footer p:nth-last-of-type(1) {
        margin-bottom: 5px;
    }

    .class_group_intern .yosemite-rte .media .media-footer h4, .class_group_intern .yosemite-rte .media .media-footer h5 {
        margin-bottom: 0px;
    }

    .class_group_intern .yosemite-rte .media .media-footer .accessibilite {
        margin-right: 5px;
    }

@media only screen and (max-width: 767px) {
    .class_group_intern .yosemite-rte .media .media-footer {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.class_group_intern .yosemite-rte .media.object_place .media-header .infos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.class_group_intern .yosemite-rte .media.object_place .media-heading {
    margin: 0px;
}

.class_group_intern .yosemite-rte .support {
    margin-bottom: 70px;
}

    .class_group_intern .yosemite-rte .support .issuuembed {
        height: 840px;
    }

@media only screen and (max-width: 1199px) {
    .class_group_intern .yosemite-rte .support .issuuembed {
        height: 580px;
    }
}

@media only screen and (max-width: 767px) {
    .class_group_intern .yosemite-rte .support .issuuembed {
        height: 320px;
    }
}

.class_group_intern .yosemite-rte .support .panel-title {
    margin-top: 20px;
}

.class_group_intern .yosemite-rte .support iframe, .class_group_intern .yosemite-rte .support object {
    width: 100%;
    vertical-align: top;
}

.class_group_intern .yosemite-rte .video {
    padding-bottom: 60.45%;
    position: relative;
    display: block;
    height: 0;
    overflow: hidden;
}

    .class_group_intern .yosemite-rte .video iframe {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

.class_group_intern .yosemite-rte .support.fullScreen .iframe {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    width: 100vw;
    overflow: visible;
    padding-bottom: 100%;
}

.class_group_intern .yosemite-rte .support .iframe {
    padding-bottom: 100%;
    position: relative;
    display: block;
    height: 0;
    overflow: hidden;
}

@media only screen and (max-width: 1199px) {
    .class_group_intern .yosemite-rte .support .iframe {
        overflow: auto;
        padding-bottom: 65.5%;
    }
}

.class_group_intern .yosemite-rte .support .iframe iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.class_group_intern .yosemite-rte figure {
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
    /*& + p + h2{
		display: inline-block;
	}*/
}

    .class_group_intern .yosemite-rte figure i {
        display: block;
        -webkit-transform: translate(-100%, 0%);
        transform: translate(-100%, 0%);
        opacity: 0;
        -webkit-transition: opacity 0.8s ease-in-out 0.4s, -webkit-transform 1.2s ease-in-out 0s;
        transition: opacity 0.8s ease-in-out 0.4s, -webkit-transform 1.2s ease-in-out 0s;
        transition: transform 1.2s ease-in-out 0s, opacity 0.8s ease-in-out 0.4s;
        transition: transform 1.2s ease-in-out 0s, opacity 0.8s ease-in-out 0.4s, -webkit-transform 1.2s ease-in-out 0s;
    }

        .class_group_intern .yosemite-rte figure i:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: block;
            background-color: #f5f5f5;
            -webkit-transform: translate(-100%, 0%);
            transform: translate(-100%, 0%);
            -webkit-transition: -webkit-transform 1.6s ease-in-out;
            transition: -webkit-transform 1.6s ease-in-out;
            transition: transform 1.6s ease-in-out;
            transition: transform 1.6s ease-in-out, -webkit-transform 1.6s ease-in-out;
        }

    .class_group_intern .yosemite-rte figure img {
        width: 100%;
    }

    .class_group_intern .yosemite-rte figure.scroll i {
        -webkit-transform: translate(0%, 0%);
        transform: translate(0%, 0%);
        opacity: 1;
        -webkit-transition: opacity 1.2s ease-in-out 0.4s, -webkit-transform 1.2s ease-in-out 0.4s;
        transition: opacity 1.2s ease-in-out 0.4s, -webkit-transform 1.2s ease-in-out 0.4s;
        transition: transform 1.2s ease-in-out 0.4s, opacity 1.2s ease-in-out 0.4s;
        transition: transform 1.2s ease-in-out 0.4s, opacity 1.2s ease-in-out 0.4s, -webkit-transform 1.2s ease-in-out 0.4s;
    }

        .class_group_intern .yosemite-rte figure.scroll i:before {
            -webkit-transform: translate(100%, 0%);
            transform: translate(100%, 0%);
        }

.class_group_intern .yosemite-rte .floatLeft {
    float: left;
    margin-right: 30px;
}

@media only screen and (max-width: 767px) {
    .class_group_intern .yosemite-rte .floatLeft {
        margin-right: 0px;
    }
}

.class_group_intern .yosemite-rte .floatRight {
    float: right;
    margin-left: 30px;
}

@media only screen and (max-width: 767px) {
    .class_group_intern .yosemite-rte .floatRight {
        margin-left: 0px;
    }
}

.class_group_intern .yosemite-rte .image-xs {
    width: 240px;
}

@media only screen and (max-width: 767px) {
    .class_group_intern .yosemite-rte .image-xs {
        width: 100%;
    }

        .class_group_intern .yosemite-rte .image-xs img {
            width: 100%;
        }
}

.class_group_intern .yosemite-rte .image-sm {
    width: 320px;
}

@media only screen and (max-width: 767px) {
    .class_group_intern .yosemite-rte .image-sm {
        width: 100%;
    }

        .class_group_intern .yosemite-rte .image-sm img {
            width: 100%;
        }
}

.class_group_intern .yosemite-rte .image-md {
    width: 465px;
}

@media only screen and (max-width: 767px) {
    .class_group_intern .yosemite-rte .image-md {
        width: 100%;
    }

        .class_group_intern .yosemite-rte .image-md img {
            width: 100%;
        }
}

.class_group_intern .yosemite-rte figcaption {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #d9d9d9;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    color: #2f3439;
    font-family: Arial,sans-serif;
    font-size: 1.3rem;
    line-height: normal;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    text-align: right;
}

.class_group_intern .yosemite-rte table {
    width: 100%;
    margin-bottom: 70px;
}

    .class_group_intern .yosemite-rte table tr {
        border-bottom: 2px solid #d9d9d9;
    }

        .class_group_intern .yosemite-rte table tr:nth-of-type(1) {
            border: none;
        }

@media only screen and (max-width: 767px) {
    .class_group_intern .yosemite-rte table tr {
        display: block;
        border: 2px solid #282d33;
        margin-bottom: 20px;
    }
}

.class_group_intern .yosemite-rte table th, .class_group_intern .yosemite-rte table td {
    padding-top: 35px;
    padding-bottom: 5px;
    padding-left: 35px;
    padding-right: 35px;
}

    .class_group_intern .yosemite-rte table th p, .class_group_intern .yosemite-rte table td p {
        font-family: Arial, sans-serif;
        font-size: 16px;
        font-size: 1.6rem;
        color: #777474;
    }

        .class_group_intern .yosemite-rte table th p:nth-last-of-type(1), .class_group_intern .yosemite-rte table td p:nth-last-of-type(1) {
            margin: 0px;
        }

.class_group_intern .yosemite-rte table th {
    background-color: #282d33;
}

    .class_group_intern .yosemite-rte table th p {
        color: #fff;
        font-size: 18px;
        font-size: 1.8rem;
    }

@media only screen and (max-width: 767px) {
    .class_group_intern .yosemite-rte table th {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .class_group_intern .yosemite-rte table td {
        display: block;
        width: 100%;
    }

        .class_group_intern .yosemite-rte table td.entete {
            background-color: #282d33;
        }

            .class_group_intern .yosemite-rte table td.entete p {
                color: #fff;
            }

        .class_group_intern .yosemite-rte table td:not(.entete) {
            padding: 10px;
        }

            .class_group_intern .yosemite-rte table td:not(.entete) p {
                margin: 0px;
            }

            .class_group_intern .yosemite-rte table td:not(.entete):before {
                content: attr(data-title);
                display: inline-block;
                vertical-align: middle;
                width: 100%;
                padding-top: 10px;
                padding-bottom: 5px;
                font-size: 14px;
                font-size: 1.4rem;
            }
}

.class_group_intern .yosemite-rte .slider {
    position: relative;
    overflow: hidden;
    margin-bottom: 35px;
}

    .class_group_intern .yosemite-rte .slider .gallery_img .owl-item {
        overflow: hidden;
    }

    .class_group_intern .yosemite-rte .slider .gallery_img li {
        position: relative;
    }

        .class_group_intern .yosemite-rte .slider .gallery_img li img {
            margin: 0 auto;
        }

        .class_group_intern .yosemite-rte .slider .gallery_img li .caption {
            position: absolute;
            left: 0;
            top: 0px;
            height: 100%;
            width: 295px;
            background-color: rgba(0, 0, 0, 0.77);
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
            padding-left: 75px;
            padding-right: 50px;
            padding-bottom: 40px;
            -webkit-transform: translate(-100%, 0%);
            transform: translate(-100%, 0%);
            opacity: 0;
            -webkit-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
        }

            .class_group_intern .yosemite-rte .slider .gallery_img li .caption .picto {
                background-color: #fff;
                border-radius: 50%;
                height: 49px;
                width: 49px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                margin-bottom: 52px;
                position: relative;
            }

                .class_group_intern .yosemite-rte .slider .gallery_img li .caption .picto:after {
                    content: '';
                    display: block;
                    background-color: #9e8652;
                    height: 3px;
                    width: 40px;
                    position: absolute;
                    bottom: -28px;
                    left: 0px;
                }

            .class_group_intern .yosemite-rte .slider .gallery_img li .caption p {
                color: #fff;
            }

@media only screen and (max-width: 767px) {
    .class_group_intern .yosemite-rte .slider .gallery_img li .caption {
        display: none;
    }
}

.class_group_intern .yosemite-rte .slider .gallery_img li:hover .caption, .class_group_intern .yosemite-rte .slider .gallery_img li:active .caption, .class_group_intern .yosemite-rte .slider .gallery_img li:focus .caption {
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
}

.class_group_intern .yosemite-rte .citation {
    margin-bottom: 65px;
}

    .class_group_intern .yosemite-rte .citation p {
        font-family: Arial, sans-serif;
        font-style: italic;
        font-size: 20px;
        font-size: 2rem;
        line-height: 1.6em;
        color: #282d33;
        margin-bottom: 0px;
    }

        .class_group_intern .yosemite-rte .citation p:after, .class_group_intern .yosemite-rte .citation p:before {
            content: '';
            background-image: url(../images/pictos/quote.png);
            background-repeat: no-repeat;
            background-position: center;
            display: inline-block;
            width: 66px;
            height: 47px;
        }

        .class_group_intern .yosemite-rte .citation p:before {
            margin-right: 20px;
        }

        .class_group_intern .yosemite-rte .citation p:after {
            margin-left: 20px;
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
            margin-bottom: -30px;
        }

.class_group_intern .yosemite-rte audio {
    width: 100%;
    background-color: #060606;
}

.class_group_intern .yosemite-rte .figure {
    text-align: center;
    width: 100%;
}

    .class_group_intern .yosemite-rte .figure p {
        font-family: 'Overpass';
        font-weight: 400;
        font-size: 20px;
        font-size: 2rem;
        line-height: 1em;
        color: #282d33;
    }

        .class_group_intern .yosemite-rte .figure p span {
            display: block;
            font-family: 'Overpass';
            font-weight: 600;
            font-size: 120px;
            font-size: 12rem;
            line-height: 1em;
            color: #b23993;
            margin-bottom: 15px;
        }

            .class_group_intern .yosemite-rte .figure p span:after {
                margin-top: -4px;
            }

@media only screen and (max-width: 767px) {
    .class_group_intern .yosemite-rte .figure p span {
        font-size: 80px;
        font-size: 8rem;
    }
}

.class_group_intern .yosemite-rte .gallery_link {
    margin-bottom: 80px;
}

    .class_group_intern .yosemite-rte .gallery_link li {
        display: block;
        border-bottom: 2px solid #d9d9d9;
        margin-bottom: 20px;
    }

        .class_group_intern .yosemite-rte .gallery_link li a {
            font-family: 'Overpass';
            font-weight: 200;
            font-size: 30px;
            font-size: 3rem;
            color: #282d33;
            text-decoration: none;
            display: block;
            position: relative;
            padding-right: 55px;
            padding-bottom: 25px;
        }

            .class_group_intern .yosemite-rte .gallery_link li a:after {
                content: '';
                display: inline-block;
                width: 43px;
                height: 43px;
                border-radius: 50%;
                background-image: url(../images/home/arrow-scrollto.png);
                background-repeat: no-repeat;
                background-position: center 17px;
                background-color: #9e8652;
                -webkit-transition: background-color 0.4s;
                transition: background-color 0.4s;
                -webkit-transform: rotate(-90deg);
                transform: rotate(-90deg);
                position: absolute;
                right: 0px;
                top: -8px;
            }

            .class_group_intern .yosemite-rte .gallery_link li a:hover:after, .class_group_intern .yosemite-rte .gallery_link li a:focus:after, .class_group_intern .yosemite-rte .gallery_link li a:active:after {
                background-color: #76643e;
            }

.class_group_intern .yosemite-rte #crossreading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media only screen and (max-width: 767px) {
    .class_group_intern .yosemite-rte #crossreading {
        display: block;
    }
}

.class_group_intern .yosemite-rte #crossreading .panel {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 40px;
    padding-bottom: 50px;
}

    .class_group_intern .yosemite-rte #crossreading .panel .content {
        width: 600px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
    }

        .class_group_intern .yosemite-rte #crossreading .panel .content h2 {
            color: #fff;
            font-size: 30px;
            font-size: 3rem;
            margin-top: 0px;
            margin-bottom: 25px;
            max-width: 100%;
        }

            .class_group_intern .yosemite-rte #crossreading .panel .content h2:after {
                background-color: #fff !important;
            }

        .class_group_intern .yosemite-rte #crossreading .panel .content p {
            font-family: "Georgia", Regular, Arial, sans-serif;
            font-size: 18px;
            font-size: 1.8rem;
            line-height: 1.38em;
            margin-bottom: 20px;
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            max-width: 100%;
        }

        .class_group_intern .yosemite-rte #crossreading .panel .content a {
            -ms-flex-item-align: start;
            align-self: flex-start;
        }

        .class_group_intern .yosemite-rte #crossreading .panel .content .block-date {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-bottom: 20px;
        }

            .class_group_intern .yosemite-rte #crossreading .panel .content .block-date .pictos {
                height: 34px;
                width: 34px;
                min-width: 34px;
                border-radius: 50%;
                background-color: #fff;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                margin-right: 10px;
            }

            .class_group_intern .yosemite-rte #crossreading .panel .content .block-date p {
                font-family: 'Overpass';
                font-weight: 600;
                line-height: 1.1em;
                font-size: 16px;
                font-size: 1.6rem;
                margin: 0px;
            }

@media only screen and (max-width: 1199px) {
    .class_group_intern .yosemite-rte #crossreading .panel {
        padding-right: 40px !important;
        padding-left: 40px !important;
    }
}

@media only screen and (max-width: 767px) {
    .class_group_intern .yosemite-rte #crossreading .panel {
        width: 100%;
    }
}

.class_group_intern .yosemite-rte #crossreading .gold {
    background-color: #9e8652;
}

    .class_group_intern .yosemite-rte #crossreading .gold p {
        color: #fff;
    }

    .class_group_intern .yosemite-rte #crossreading .gold .block_date p {
        color: #fff;
    }

    .class_group_intern .yosemite-rte #crossreading .gold .btn-dark {
        width: auto;
    }

.class_group_intern .yosemite-rte #crossreading .dark {
    background-color: #282d33;
}

    .class_group_intern .yosemite-rte #crossreading .dark p {
        color: #9a9a9a;
    }

    .class_group_intern .yosemite-rte #crossreading .dark .block_date p {
        color: #9a9a9a;
    }

.class_group_intern .yosemite-rte #crossreading .left {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

    .class_group_intern .yosemite-rte #crossreading .left .content {
        padding-right: 90px;
    }

@media only screen and (max-width: 1199px) {
    .class_group_intern .yosemite-rte #crossreading .left .content {
        padding-right: 0px;
    }
}

.class_group_intern .yosemite-rte #crossreading .right {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

    .class_group_intern .yosemite-rte #crossreading .right .content {
        padding-left: 90px;
    }

@media only screen and (max-width: 1199px) {
    .class_group_intern .yosemite-rte #crossreading .right .content {
        padding-left: 0px;
    }
}

.class_group_intern .yosemite-rte .block-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
}

    .class_group_intern .yosemite-rte .block-date .pictos {
        height: 34px;
        width: 34px;
        min-width: 34px;
        border-radius: 50%;
        background-color: #D9D9D9;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-right: 10px;
    }

    .class_group_intern .yosemite-rte .block-date p {
        font-family: 'Overpass';
        font-weight: 600;
        color: #b23993;
        line-height: 1.1em;
        font-size: 16px;
        font-size: 1.6rem;
        margin: 0px;
    }

.class_group_intern .form-horizontal {
    margin-bottom: 90px;
}

    .class_group_intern .form-horizontal .form-group {
        margin-bottom: 30px;
    }

    .class_group_intern .form-horizontal .form-caption {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1.92em;
    }

        .class_group_intern .form-horizontal .form-caption .required {
            color: #db1717;
        }

    .class_group_intern .form-horizontal .form-line {
        position: relative;
    }

    .class_group_intern .form-horizontal .control-label {
        padding-right: 15px;
    }

    .class_group_intern .form-horizontal .picto-check, .class_group_intern .form-horizontal .picto-error {
        display: none;
        position: absolute;
        right: 0;
        top: 14px;
    }

    .class_group_intern .form-horizontal .has-success .picto-check {
        display: block;
    }

    .class_group_intern .form-horizontal .has-error .picto-error {
        display: block;
    }

    .class_group_intern .form-horizontal .form-group.required label:not(.custom-radio):not(.custom-checkbox)::after {
        content: '*';
        color: #db1717;
    }

    .class_group_intern .form-horizontal .form-group.required .radio label:not(.custom-radio):after,
    .class_group_intern .form-horizontal .form-group.required .radio-inline::after,
    .class_group_intern .form-horizontal .form-group.required .checkbox label:not(.custom-checkbox):after,
    .class_group_intern .form-horizontal .form-group.required .checkbox-inline::after {
        display: none;
    }

    .class_group_intern .form-horizontal .inline .radio, .class_group_intern .form-horizontal .inline .checkbox {
        display: inline-block;
    }

    .class_group_intern .form-horizontal .column .radio, .class_group_intern .form-horizontal .column .checkbox {
        display: block;
    }

    .class_group_intern .form-horizontal [type="checkbox"]:not(:checked), .class_group_intern .form-horizontal [type="checkbox"]:checked {
        position: absolute;
        opacity: 0;
    }

        .class_group_intern .form-horizontal [type="checkbox"]:not(:checked) + label:before, .class_group_intern .form-horizontal [type="checkbox"]:checked + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 6px;
            width: 16px;
            height: 14px;
            border: 2px solid #404040;
        }

        .class_group_intern .form-horizontal [type="checkbox"]:not(:checked) + label:after, .class_group_intern .form-horizontal [type="checkbox"]:checked + label:after {
            content: '';
            position: absolute;
            top: 10px;
            left: 4px;
            height: 6px;
            width: 8px;
            background: url(../images/pictos/checkbox.png) no-repeat center center;
            -webkit-transition: all .3s;
            transition: all .3s;
        }

    .class_group_intern .form-horizontal [type="radio"]:not(:checked), .class_group_intern .form-horizontal [type="radio"]:checked {
        position: absolute;
        opacity: 0;
    }

        .class_group_intern .form-horizontal [type="radio"]:not(:checked) + label:before, .class_group_intern .form-horizontal [type="radio"]:checked + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 6px;
            width: 14px;
            height: 14px;
            border: 2px solid #404040;
            border-radius: 16px;
        }

        .class_group_intern .form-horizontal [type="radio"]:not(:checked) + label:after, .class_group_intern .form-horizontal [type="radio"]:checked + label:after {
            content: '';
            position: absolute;
            top: 9px;
            left: 3px;
            height: 8px;
            width: 8px;
            background-color: #9e8652;
            border-radius: 50%;
            -webkit-transition: all .3s;
            transition: all .3s;
        }

        .class_group_intern .form-horizontal [type="radio"]:not(:checked) + label:after, .class_group_intern .form-horizontal [type="checkbox"]:not(:checked) + label:after {
            opacity: 0;
            -webkit-transform: scale(0);
            transform: scale(0);
        }

        .class_group_intern .form-horizontal [type="radio"]:checked + label:after, .class_group_intern .form-horizontal [type="checkbox"]:checked + label:after {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }

    .class_group_intern .form-horizontal .form-control:focus {
        border-color: inherit;
    }

@media only screen and (max-width: 767px) {
    .class_group_intern .form-horizontal .btn-dark {
        padding: 0 10px;
        font-size: 11px;
        font-size: 1.1rem;
    }
}

.class_group_intern .form-horizontal .btn-submit:before {
    content: none;
}

.class_group_intern .form-horizontal #formPager {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px;
    margin-top: 40px;
}

    .class_group_intern .form-horizontal #formPager .previous .btn-dark:before {
        background-image: url(../images/pictos/arrow-step.png);
    }

    .class_group_intern .form-horizontal #formPager .next .btn-dark {
        padding-right: 51px;
    }

        .class_group_intern .form-horizontal #formPager .next .btn-dark:before {
            background-image: url(../images/pictos/arrow-step.png);
            -webkit-transform: rotate(-180deg) translate(0%, 50%);
            transform: rotate(-180deg) translate(0%, 50%);
            position: absolute;
            right: 16px;
            top: 50%;
        }

@media only screen and (max-width: 767px) {
    .class_group_intern .form-horizontal #formPager .next .btn-dark {
        padding-right: 31px;
    }

        .class_group_intern .form-horizontal #formPager .next .btn-dark:before {
            right: 0px;
        }
}

.class_group_intern .form-horizontal #formSteps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 35px;
}

@media only screen and (max-width: 767px) {
    .class_group_intern .form-horizontal #formSteps {
        display: block;
    }
}

.class_group_intern .form-horizontal #formSteps li {
    margin-right: 20px;
}

    .class_group_intern .form-horizontal #formSteps li:nth-last-of-type(1) {
        margin-right: 0px;
    }

@media only screen and (max-width: 767px) {
    .class_group_intern .form-horizontal #formSteps li {
        display: block;
        margin-right: 0px;
        margin-bottom: 10px;
    }
}

.class_group_intern .form-horizontal #formSteps .active a {
    background-color: #b23993;
    color: #fff;
}

.class_group_intern .form-horizontal #formSteps a {
    display: block;
    background-color: #d9d9d9;
    line-height: 50px;
    border-radius: 50px;
    padding: 0px 30px;
    font-family: "Overpass", Regular, Arial, sans-serif;
    font-size: 17px;
    font-size: 1.7rem;
    color: #828282;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

    .class_group_intern .form-horizontal #formSteps a:hover, .class_group_intern .form-horizontal #formSteps a:focus, .class_group_intern .form-horizontal #formSteps a:active {
        background-color: #b23993;
        color: #fff;
    }

.class_group_intern .form-horizontal .last {
    text-align: right;
    margin-bottom: 40px;
}

.class_group_intern #ui-datepicker-div {
    z-index: 100 !important;
    border-radius: 0;
    border: none;
    background: none;
    background-color: #b23993;
    color: #fff;
}

.class_group_intern .ui-datepicker .ui-datepicker-header {
    border-radius: 0;
    border: none;
    background: none;
}

.class_group_intern .ui-state-hover {
    border: none;
    background: none;
    color: #fff;
}

    .class_group_intern .ui-state-hover .ui-icon {
        background-image: url(../images/pictos/ui-icons_ffffff_256x240.png);
    }

.class_group_intern .ui-state-default {
    border: none;
    background: none;
    background-color: #282d33;
    color: #fff;
}

    .class_group_intern .ui-state-default:hover, .class_group_intern .ui-state-default:active, .class_group_intern .ui-state-default:focus {
        background-color: #9e8652;
        color: #fff;
    }

.class_group_intern .tab-content > .tab-pane {
    display: none;
}

.class_group_intern .tab-content > .active {
    display: block;
}

.class_group_intern .past_events {
    float: right;
    margin-bottom: 20px;
}

.class_group_intern .grid-list-annuaire {
    margin-bottom: 100px;
}

.class_group_intern .grid-list-recherche {
    margin-bottom: 100px;
}

.class_group_intern .grid-list-agenda {
    margin-bottom: 100px;
}

.class_group_home {
    /* CALLS
	Appels généraux de la page, valeurs par défaut ne dépendant pas des modules composant la page.
	Pour surcharger ces valeurs, utiliser les fichiers page-home/modules/_[nomdumodule].scss s'il
	s'agit d'un module, ou page-home/_page-home.scss s'il s'agit d'une modification inclassable
*/
    /* TEXTS
*/
    /* STRUCTURES
*/
    /* FORMULAIRES
*/
    /* TOOLS
	Classes d'appoint ou commune à l'ensemble de la page (ex: '.no-margin', '.float-none')
*/
}

    .class_group_home #banner {
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        height: 100vh;
        text-align: center;
        overflow: hidden;
        position: relative;
        font-size: 0;
        /*&:after{
        content:'';
        height:100%;
        position:absolute;
        top:0;
        left:0px;
        width:100%;
        z-index:0;
       background: -moz-linear-gradient(top, rgba(0,0,0,0.42) 0%, rgba(0,0,0,0.65) 100%);
        background: -webkit-linear-gradient(top, rgba(0,0,0,0.42) 0%,rgba(0,0,0,0.65) 100%);
        background: linear-gradient(to bottom, rgba(0,0,0,0.42) 0%,rgba(0,0,0,65) 100%); 
        opacity: 0.6;
        transition:opacity 0.4s;
    }*/
    }

        .class_group_home #banner:before {
            content: '';
            height: 100%;
            display: inline-block;
            vertical-align: middle;
        }

        .class_group_home #banner #player {
            position: absolute;
            z-index: 0;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            width: 100%;
            height: 100%;
            z-index: 0;
        }

        .class_group_home #banner.actif:after {
            opacity: 0.8;
        }

        .class_group_home #banner.actif .title h2, .class_group_home #banner.actif .title .sous-title {
            -webkit-transform: scale(1.05);
            transform: scale(1.05);
        }

        .class_group_home #banner.actif .title h2 {
            margin-bottom: 10px;
        }

        .class_group_home #banner .container {
            position: relative;
        }

        .class_group_home #banner .title {
            width: 52.66%;
            text-decoration: none;
            display: inline-block;
            vertical-align: middle;
        }

@media only screen and (max-width: 767px) {
    .class_group_home #banner .title {
        width: 100%;
    }
}

.class_group_home #banner .title h2 {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.class_group_home #banner .title .sous-title {
    display: inline-block;
    font-family: "Georgia", Regular, Arial, sans-serif;
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 1.6em;
    color: #fff;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    background: rgba(0, 0, 0, 0.3);
    padding: 0px 10px;
}

@media only screen and (max-width: 767px) {
    .class_group_home #banner .title .sous-title {
        font-size: 1.6rem;
        line-height: 1.6em;
        margin-left: 20px;
        margin-right: 20px;
        width: calc(100% - 40px);
    }
}

.class_group_home #banner .join-us {
    position: absolute;
    bottom: 20px;
    left: 0px;
    z-index: 1;
}

    .class_group_home #banner .join-us p {
        font-family: "Overpass", Regular, Arial, sans-serif;
        font-size: 17px;
        font-size: 1.7rem;
        line-height: normal;
        color: #fff;
        text-align: left;
        top: 0px;
        margin-bottom: 15px;
    }

    .class_group_home #banner .join-us ul {
        height: 50px;
    }

@media only screen and (max-width: 1199px) {
    .class_group_home #banner .join-us {
        left: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .class_group_home #banner .join-us {
        display: none;
    }
}

.class_group_home #news {
    background-color: #282d33;
    overflow: hidden;
}

    .class_group_home #news li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .class_group_home #news li div {
            width: 50%;
        }

        .class_group_home #news li .slider-text {
            width: 590px;
            float: right;
            padding-top: 215px;
            margin-bottom: 310px;
            padding-right: 50px;
            text-decoration: none;
            min-height: 505px;
        }

            .class_group_home #news li .slider-text h3 {
                color: #fff;
                margin-bottom: 30px;
                min-height: 148px;
            }

@media only screen and (max-width: 1199px) {
    .class_group_home #news li .slider-text h3 {
        margin-bottom: 45px;
    }

        .class_group_home #news li .slider-text h3:after {
            margin-top: 40px;
        }
}

@media only screen and (max-width: 767px) {
    .class_group_home #news li .slider-text h3 {
        min-height: auto;
    }
}

.class_group_home #news li .slider-text p {
    font-family: 'Georgia', Arial, sans-serif;
    font-size: 21px;
    font-size: 2.1rem;
    color: #9a9a9a;
    line-height: 1.33em;
    min-height: 112px;
}

@media only screen and (max-width: 767px) {
    .class_group_home #news li .slider-text p {
        font-size: 19px;
        font-size: 1.9rem;
        min-height: auto;
    }
}

.class_group_home #news li .slider-text:hover h3, .class_group_home #news li .slider-text:focus h3, .class_group_home #news li .slider-text:active h3 {
    text-decoration: underline;
}

@media only screen and (max-width: 1199px) {
    .class_group_home #news li .slider-text {
        width: 100%;
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 95px;
        margin-bottom: 170px;
    }
}

@media only screen and (max-width: 767px) {
    .class_group_home #news li .slider-text {
        padding-top: 50px;
        margin-bottom: 125px;
        text-align: center;
        min-height: auto;
    }
}

@media only screen and (max-width: 1199px) {
    .class_group_home #news li .slider-content {
        width: 63.80%;
    }
}

@media only screen and (max-width: 767px) {
    .class_group_home #news li .slider-content {
        width: 100%;
    }
}

.class_group_home #news li .slider-image {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

@media only screen and (max-width: 1199px) {
    .class_group_home #news li .slider-image {
        width: 36.20%;
    }
}

@media only screen and (max-width: 767px) {
    .class_group_home #news li .slider-image {
        display: none;
    }
}

.class_group_home #news .btn-actus {
    position: absolute;
    left: calc( 50% - 590px);
    bottom: 215px;
    z-index: 2;
}

@media only screen and (max-width: 1199px) {
    .class_group_home #news .btn-actus {
        left: 40px;
        bottom: 70px;
    }
}

@media only screen and (max-width: 767px) {
    .class_group_home #news .btn-actus {
        position: relative;
        left: 50%;
        -webkit-transform: translate(-50%);
        transform: translate(-50%);
    }
}

@media only screen and (max-width: 767px) {
    .class_group_home #news .customNavigation {
        top: 175px;
        margin-top: 0px;
    }
}

.class_group_home #services {
    padding-top: 100px;
    padding-bottom: 80px;
}

    .class_group_home #services .container {
        width: 1200px;
    }

@media only screen and (max-width: 1199px) {
    .class_group_home #services .container {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .class_group_home #services {
        padding-top: 55px;
        padding-bottom: 50px;
    }
}

.class_group_home #agenda {
    background-color: #b23993;
    padding-top: 100px;
    padding-bottom: 80px;
}

    .class_group_home #agenda .grid-list-type {
        margin-bottom: 60px;
    }

@media only screen and (max-width: 767px) {
    .class_group_home #agenda .grid-list-type {
        margin-bottom: 0px;
    }
}

.class_group_home #agenda h3 {
    color: #fff;
}

@media only screen and (max-width: 767px) {
    .class_group_home #agenda {
        padding-top: 55px;
        padding-bottom: 50px;
    }
}

.class_group_home #district {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #282d33;
    min-height: 520px;
}

@media only screen and (max-width: 767px) {
    .class_group_home #district {
        min-height: auto;
    }
}

.class_group_home #district h3 {
    color: #fff;
    margin-bottom: 30px;
}

    .class_group_home #district h3:after {
        content: '';
        height: 3px;
        width: 40px;
        display: block;
        background-color: #fff;
        margin-top: 15px;
    }

@media only screen and (max-width: 767px) {
    .class_group_home #district h3:after {
        margin-left: auto;
        margin-right: auto;
    }
}

.class_group_home #district .item-district {
    width: 50%;
}

.class_group_home #district .district-text {
    padding-top: 100px;
    padding-bottom: 110px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .class_group_home #district .district-text .content {
        width: 590px;
        float: right;
        padding-right: 110px;
    }

        .class_group_home #district .district-text .content .hat {
            font-family: "Georgia", Regular, Arial, sans-serif;
            font-size: 19px;
            font-size: 1.9rem;
            line-height: normal;
            color: #9b9b9b;
            margin-bottom: 35px;
        }

@media only screen and (max-width: 1199px) {
    .class_group_home #district .district-text .content {
        width: 100%;
        padding-left: 40px;
        padding-right: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .class_group_home #district .district-text .content {
        padding-left: 20px;
        padding-right: 20px;
        text-align: center;
    }
}

@media only screen and (max-width: 1199px) {
    .class_group_home #district .district-text {
        width: 63.80%;
    }
}

@media only screen and (max-width: 767px) {
    .class_group_home #district .district-text {
        width: 100%;
        padding-top: 45px;
        padding-bottom: 50px;
    }
}

.class_group_home #district .district-image {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

@media only screen and (max-width: 1199px) {
    .class_group_home #district .district-image {
        width: 36.20%;
    }
}

@media only screen and (max-width: 767px) {
    .class_group_home #district .district-image {
        display: none;
    }
}

.class_group_home #district .customSelectContain {
    width: 400px;
}

@media only screen and (max-width: 1199px) {
    .class_group_home #district .customSelectContain {
        width: 100%;
    }
}

.class_group_home #district .search-district input {
    display: none;
}

.class_group_home #kiosque {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
}

    .class_group_home #kiosque .half {
        width: 50%;
        position: relative;
    }

@media only screen and (max-width: 1199px) {
    .class_group_home #kiosque .half {
        width: 100%;
    }
}

.class_group_home #kiosque .info {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-right: 150px;
    z-index: 5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    padding-top: 70px;
    padding-bottom: 70px;
}

@media only screen and (max-width: 1199px) {
    .class_group_home #kiosque .info {
        padding-right: 0px;
    }
}

@media only screen and (max-width: 767px) {
    .class_group_home #kiosque .info {
        padding: 0px 20px;
    }
}

.class_group_home #kiosque .info .content {
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 10px 0px 10px rgba(0, 0, 0, 0.3);
    width: 385px;
    float: right;
    text-align: center;
    padding-top: 60px;
    padding-bottom: 65px;
    -ms-flex-item-align: center;
    align-self: center;
    margin-left: auto;
}

    .class_group_home #kiosque .info .content h3 {
        line-height: 1em;
        margin-bottom: 30px;
        padding: 0 30px;
    }

        .class_group_home #kiosque .info .content h3:after {
            margin-top: 22px;
        }

@media only screen and (max-width: 767px) {
    .class_group_home #kiosque .info .content h3 {
        padding: 0px;
    }
}

@media only screen and (max-width: 1199px) {
    .class_group_home #kiosque .info .content {
        float: none;
        margin: 0px auto;
    }
}

@media only screen and (max-width: 767px) {
    .class_group_home #kiosque .info .content {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        margin-top: 50px;
        margin-bottom: 50px;
        padding-bottom: 40px;
    }
}

.class_group_home #kiosque .slide-kiosque {
    background-color: #9e8652;
    padding-bottom: 80px;
    padding-top: 100px;
}

    .class_group_home #kiosque .slide-kiosque h3 {
        color: #fff;
        margin-bottom: 0;
        position: absolute;
        top: 86px;
        left: 90px;
    }

@media only screen and (max-width: 767px) {
    .class_group_home #kiosque .slide-kiosque h3 {
        position: relative;
        left: inherit;
        top: inherit;
    }
}

.class_group_home #kiosque .slide-kiosque .slider-content {
    padding-left: 90px;
    width: 590px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media only screen and (max-width: 1199px) {
    .class_group_home #kiosque .slide-kiosque .slider-content {
        width: 100%;
        padding-right: 140px;
    }
}

@media only screen and (max-width: 767px) {
    .class_group_home #kiosque .slide-kiosque .slider-content {
        padding-left: 30px;
        padding-right: 30px;
        text-align: center;
    }
}

.class_group_home #kiosque .slide-kiosque .slider-content .slider-text {
    width: 56%;
    text-decoration: none;
    padding-right: 80px;
    margin-top: 89px;
}

    .class_group_home #kiosque .slide-kiosque .slider-content .slider-text .slider-title {
        font-family: "Overpass", Regular, Arial, sans-serif;
        font-size: 22px;
        font-size: 2.2rem;
        line-height: normal;
        color: #fff;
        margin-bottom: 30px;
        display: block;
    }

    .class_group_home #kiosque .slide-kiosque .slider-content .slider-text p {
        font-family: 'Georgia', Arial, sans-serif;
        font-size: 19px;
        font-size: 1.9rem;
        color: #fff;
    }

@media only screen and (max-width: 767px) {
    .class_group_home #kiosque .slide-kiosque .slider-content .slider-text {
        margin-top: 25px;
        padding: 0px;
        width: 100%;
    }
}

.class_group_home #kiosque .slide-kiosque .slider-content .slider-text:hover .slider-title, .class_group_home #kiosque .slide-kiosque .slider-content .slider-text:active .slider-title, .class_group_home #kiosque .slide-kiosque .slider-content .slider-text:focus .slider-title {
    text-decoration: underline;
}

.class_group_home #kiosque .slide-kiosque .slider-content .slider-image {
    width: 44%;
    height: 340px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

@media only screen and (max-width: 767px) {
    .class_group_home #kiosque .slide-kiosque .slider-content .slider-image {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .class_group_home #kiosque .slide-kiosque {
        padding-top: 50px;
        padding-bottom: 50px;
    }

        .class_group_home #kiosque .slide-kiosque .customNavigation {
            display: none;
        }

        .class_group_home #kiosque .slide-kiosque .owl-oneslide li:nth-of-type(1n+2) {
            display: none;
        }
}

.class_group_home #kiosque .slide-kiosque .btn-dark {
    position: absolute;
    left: 90px;
    bottom: 80px;
    z-index: 2;
}

@media only screen and (max-width: 767px) {
    .class_group_home #kiosque .slide-kiosque .btn-dark {
        position: relative;
        left: 50%;
        bottom: 0;
        margin-top: 25px;
        -webkit-transform: translate(-50%);
        transform: translate(-50%);
    }
}

@media only screen and (max-width: 1199px) {
    .class_group_home #kiosque {
        display: block;
    }
}

.class_group_home #social-network {
    padding-top: 55px;
}

    .class_group_home #social-network h3 {
        font-size: 65px;
        font-size: 6.5rem;
        text-align: center;
        margin-bottom: 15px;
    }

@media only screen and (min-width: 767px) and (max-width: 1199px) {
    .class_group_home #social-network h3 {
        font-size: 50px;
        font-size: 5rem;
    }
}

@media only screen and (max-width: 767px) {
    .class_group_home #social-network h3 {
        font-size: 40px;
        font-size: 4rem;
        padding: 0px 20px;
    }
}

.class_group_home #social-network .option-view-rs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 60px;
}

    .class_group_home #social-network .option-view-rs li {
        margin-right: 10px;
    }

        .class_group_home #social-network .option-view-rs li:nth-last-of-type(1) {
            margin-right: 0px;
        }

        .class_group_home #social-network .option-view-rs li a {
            display: block;
            height: 48px;
            width: 48px;
            background-color: #b23993;
            border-radius: 48px;
            text-align: center;
            -webkit-transition: background-color 0.4s;
            transition: background-color 0.4s;
            font-family: "Overpass", Regular, Arial, sans-serif;
            font-size: 17px;
            font-size: 1.7rem;
            color: #fff;
            text-decoration: none;
            line-height: 48px;
        }

@media only screen and (max-width: 767px) {
    .class_group_home #social-network .option-view-rs li a {
        height: 40px;
        width: 40px;
        line-height: 40px;
    }
}

.class_group_home #social-network .option-view-rs li a:before {
    content: '';
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.class_group_home #social-network .option-view-rs li a:hover, .class_group_home #social-network .option-view-rs li a:active, .class_group_home #social-network .option-view-rs li a:focus {
    background-color: #861f6b;
}

.class_group_home #social-network .option-view-rs li.selected a {
    background-color: #861f6b;
}

.class_group_home #social-network .option-view-rs .all-option a {
    width: 90px;
}

@media only screen and (max-width: 767px) {
    .class_group_home #social-network .option-view-rs .all-option a {
        width: 75px;
    }
}

.class_group_home #social-network .content-rs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 50px !important;
    padding-right: 50px !important;
    padding-bottom: 50px !important;
    border-bottom: 1px solid #808080;
}

    .class_group_home #social-network .content-rs li {
        width: 20%;
        position: relative;
        -webkit-transition: background-color 0.4s;
        transition: background-color 0.4s;
    }

@media only screen and (min-width: 767px) and (max-width: 1199px) {
    .class_group_home #social-network .content-rs li {
        width: 33.33%;
    }
}

@media only screen and (max-width: 767px) {
    .class_group_home #social-network .content-rs li {
        width: 50%;
    }
}

.class_group_home #social-network .content-rs li a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 30px;
    padding-left: 13.33%;
    padding-right: 13.33%;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

@media only screen and (max-width: 767px) {
    .class_group_home #social-network .content-rs li a {
        padding-top: 10px;
        padding-left: 12.5%;
        padding-right: 12.5%;
    }
}

.class_group_home #social-network .content-rs li a img {
    display: block;
    margin: 0px auto 30px;
    position: relative;
    z-index: 1;
}

@media only screen and (max-width: 767px) {
    .class_group_home #social-network .content-rs li a img {
        margin-bottom: 10px;
        width: 30px;
    }
}

.class_group_home #social-network .content-rs li a span {
    display: inline-block;
    vertical-align: middle;
    font-family: "Overpass", Regular, Arial, sans-serif;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: normal;
    color: #fff;
}

@media only screen and (min-width: 767px) and (max-width: 1199px) {
    .class_group_home #social-network .content-rs li a span {
        font-size: 15px;
        font-size: 1.5rem;
    }
}

@media only screen and (max-width: 767px) {
    .class_group_home #social-network .content-rs li a span {
        font-size: 13px;
        font-size: 1.3rem;
        height: 85px;
        overflow: hidden;
    }
}

.class_group_home #social-network .content-rs li a div {
    overflow: hidden;
    display: block;
    height: calc(100% - 100px);
}

@media only screen and (max-width: 767px) {
    .class_group_home #social-network .content-rs li a div {
        height: calc(100% - 60px);
    }
}

.class_group_home #social-network .content-rs li a div:before {
    content: '';
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.class_group_home #social-network .content-rs li .image:after {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 100%);
    opacity: 0.7;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
}

.class_group_home #social-network .content-rs li .image:active:after, .class_group_home #social-network .content-rs li .image:hover:after, .class_group_home #social-network .content-rs li .image:focus:after {
    opacity: 1;
}

.class_group_home #social-network .content-rs li .video:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/home/play.png) no-repeat center center;
    z-index: 1;
}

.class_group_home #social-network .content-rs li:before {
    content: '';
    padding-bottom: 100%;
    display: block;
    width: 100%;
}

.class_group_home #social-network .content-rs .twitter {
    background-color: #007fad;
}

    .class_group_home #social-network .content-rs .twitter:hover, .class_group_home #social-network .content-rs .twitter:active, .class_group_home #social-network .content-rs .twitter:focus {
        background-color: #05749d;
    }

.class_group_home #social-network .content-rs .facebook {
    background-color: #3b5999;
}

    .class_group_home #social-network .content-rs .facebook:hover, .class_group_home #social-network .content-rs .facebook:active, .class_group_home #social-network .content-rs .facebook:focus {
        background-color: #304d8c;
    }

@media only screen and (max-width: 1199px) {
    .class_group_home #social-network .content-rs {
        padding-left: 40px !important;
        padding-right: 40px !important;
        padding-bottom: 40px !important;
    }

        .class_group_home #social-network .content-rs .tablet-hidden {
            display: none;
        }
}

@media only screen and (max-width: 767px) {
    .class_group_home #social-network .content-rs {
        padding-left: 20px !important;
        padding-right: 20px !important;
        padding-bottom: 20px !important;
    }

        .class_group_home #social-network .content-rs .mobile-hidden {
            display: none;
        }
}

html.ios {
    -webkit-overflow-scrolling: touch !important;
    overflow: auto !important;
}

html.ipad .customSelectContain.focused .customSelect {
    border-bottom-left-radius: 32px;
    border-bottom-right-radius: 32px;
}

* html header {
    display: none;
}

_:-ms-fullscreen, :root #kiosque .info .content {
    margin-left: inherit;
}

_:-ms-fullscreen, :root .class_group_intern .yosemite-rte #crossreading .panel .content p {
    -ms-flex: none;
    flex: none;
}

_:-ms-fullscreen, :root footer .bottom .copyright {
    height: 68px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

    _:-ms-fullscreen svg, :root footer .bottom .copyright svg {
        margin-top: -4px;
    }




/*-------------------------------- Menu 2019 ------------------------------------*/


main#skipToContent {
    background: #efefef;
    background-size: cover;
    padding-bottom: 40px;
}


header .header .myDijonSSO button:hover {
    background-color: #861f6b;
    text-decoration: none;
}

header .header .myDijonSSO.account:hover {
    background-color: #861f6b;
    color: #fff;
}

.myDijonSSO.account a {
    padding: 25px;
    height: 100%;
    display: block;
    color: #fff;
    text-decoration: none;
    font-family: "Overpass", Regular, Arial, sans-serif;
    font-size: 20px;
}

.myDijonSSO.account li a {
    color: #fff;
    text-decoration: none;
    font-family: "Overpass", Regular, Arial, sans-serif;
    font-size: 17px;
    padding: 0;
    font-size: 1.7rem;
}

header .header .myDijonSSO button {
    width: 100%;
}

header .header .myDijonSSO.account button svg {
    width: 30px;
    fill: #fff
}

header .header .location {
    background-color: #b23993;
    margin: 0;
}

    header .header .location:hover {
        background-color: #861f6b;
        color: #fff;
    }

header .header .account:hover svg, .cygnus header .header .location svg {
    fill: #fff;
}

header .header .btn-search svg {
    margin-top: 10px;
    height: 30px;
}


header {
    position: fixed;
    margin-bottom: 0;
}

.sidy__content {
    background: #efefef;
    background-size: cover;
}

.dijon-content {
    position: relative;
    background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(229,229,229,0.4) 100%);
    box-shadow: 2px 2px 12px 0px #ded9d9;
    background: #f9f9f9;
}

header .header {
    background-color: #f9f9f9;
    box-shadow: 2px 2px 4px rgba(158, 158, 158, 0.3);
}

    header .header #menu li a {
        color: #696969;
        margin: 0 20px 0 20px;
        font-size: large;
        font-weight: 600;
    }

    header .header #menu li .link-leading {
        transition: none;
        position: relative;
        margin-bottom: 3px;
    }

    header .header .myDijonSSO.account, .cygnus header .header .myDijonSSO button, .cygnus header .header .div-notif {
        background-color: #b23993;
        height: 100%;
        margin: 0;
    }


    header .header #menu li .link-leading:hover::after {
        width: 100%;
        margin-bottom: 3px;
    }


    header .header #menu li .link-leading:hover, header .header #menu li .link-leading:focus, header .header #menu li .link-leading:active {
        background-color: inherit;
        color: #b23993;
        margin-bottom: 3px;
    }

    header .header #menu li .link-leading::after {
        content: '';
        display: block;
        width: 0;
        height: 3px;
        background: #b23993;
        transition: width .2s;
    }

    header .header #menu li .link-leading:active {
        content: '';
        display: block;
        transition: width .2s;
    }

    header .header #menu li .link-leading:hover::after {
        width: 100%;
        margin-bottom: 3px;
    }

    header .header .sidy--to-open span, header .header .sidy--to-open span:before, header .header .sidy--to-open span:after {
        background-color: grey;
    }

@media only screen and (max-width: 1199px) {
    header .header .logo_mobile {
        margin-right: 17px;
    }
}

footer {
    position: inherit;
}

.connect-footer {
    position: relative;
}

main#skipToContent {
    margin-bottom: 0 !important;
}

.eserviceheader span.title {
    font-weight: 700;
    font-size: 4rem;
    color: #5f6061;
    text-align: center;
}


    .eserviceheader span.title:after {
        content: '';
        background-color: #9e8652;
        height: 3px;
        width: 80px;
        display: block;
        margin: 15px auto;
    }


.eserviceheader.empty {
    background: none;
    padding: 0;
    height: 100px;
}

.dijon-content {
    background: none;
    box-shadow: none;
}

.vdd-form {
    background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(229,229,229,0.4) 100%);
    box-shadow: 2px 2px 12px 0px #ded9d9;
    background: #fbfbfb;
}

nav.sidy__panel {
    background-color: #f9f9f9;
    box-shadow: 2px 2px 4px rgba(158, 158, 158, 0.3);
}


    nav.sidy__panel .sl-wrapper a {
        color: #696969 !important;
    }


.tab-bar {
    display: block;
    margin-bottom: 20px;
}

    .tab-bar .tab {
        display: none;
    }

        .tab-bar .tab.active {
            display: block;
            text-align: left;
        }


            .tab-bar .tab.active .tab-link {
                font-weight: 700;
                font-size: 3rem;
                color: #5f6061;
                text-align: left;
                margin: 0;
            }

        .tab-bar .tab .tab-link {
            color: #ccc
        }

        .tab-bar .tab.past .tab-link {
            color: #ccc;
        }


.step div {
    height: 4px;
    width: 50px;
    background: #ccc;
    display: inline-block;
    margin-left: 15px;
}

.step {
    position: absolute;
    bottom: -20px;
    left: -15px;
}

    .step div.active {
        background: #9e8652;
    }

.dijon-content > .class_group_home.annuaire {
    display: none;
}

.vdd-form,
.class_group_home label, .class_group_intern label {
    font-family: "Overpass";
    font-weight: 100;
}

.vdd-form {
    padding: 25px;
}


.dijon-content > h2 {
    font-weight: 700;
    font-size: 4rem;
    color: #5f6061;
    text-align: center;
    height: 100px;
    width: 100%;
    margin: 20px;
    font-family: inherit;
    line-height: 28px;
}

.root-dijon.content .dijon-content h2 {
    margin: 30px 0 0 0;
}


.dijon-content > h2:after {
    content: '';
    background-color: #9e8652;
    height: 3px;
    width: 80px;
    display: block;
    margin: 15px auto;
}

main#skipToContent {
    margin-bottom: 0 !important;
    padding-top: 70px;
}

.class_group_intern .header-menu a:hover {
    color: #9e8652;
}

.leaflet-touch .leaflet-bar a {
    text-decoration: none;
}

.section-contactinfo-address a:not(.btn) .ni {
    color: #b23993;
}

.ni {
    display: inline-block;
    fill: currentColor;
    height: 1em;
    line-height: 1;
    stroke: currentColor;
    vertical-align: middle;
    width: auto;
}

.me-2 {
    margin-right: 0.5rem !important;
}

.text-lg-start {
    text-align: left !important;
}

.justify-content-center {
    justify-content: center !important;
}

.container .row {
    --bs-gutter-x: 1.875rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}

.mb-lg-0 {
    margin-bottom: 0 !important;
}

.col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
}

.layout-footer-infos .title::before {
    background-color: #E2AA18;
    content: "";
    display: block;
    height: 30px;
    left: 0;
    position: absolute;
    top: -1px;
    width: 2px;
}

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

.layout-footer-infos .section-contactinfo-address a:not(.btn) {
    color: #fff;
    text-decoration: none;
    transition: color .3s;
}

a {
    text-decoration-thickness: 1px !important;
    text-underline-offset: 0.25em;
}

.layout-footer-infos .nav-networks .nav-link:active, .layout-footer-infos .nav-networks .nav-link:focus, .layout-footer-infos .nav-networks .nav-link:hover {
    color: #E2AA18;
}

.layout-footer-infos .nav-networks .nav-link {
    color: inherit;
    line-height: 1.25rem;
    padding: 15px;
    transition: color .3s;
}

.nav-link:hover, .nav-link:focus {
    color: var(--bs-nav-link-hover-color);
    text-decoration: none;
}

.nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color: white;
    text-decoration: none;
    transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out;
}

a.newsLetter {
    background-color: transparent;
    border: 1px solid #FFFFFF;
    border-radius: 3px;
    color: #FFFFFF;
    padding: 0.875rem 1.875rem;
    text-transform: uppercase;
    transition-duration: .3s;
    transition-property: background-color,border-color,box-shadow,color,transform;
}

.nav {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-color: var(--bs-link-color);
    --bs-nav-link-hover-color: var(--bs-link-hover-color);
    --bs-nav-link-disabled-color: #696969;
    display: flex;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    text-align: center;
}

p.footer {
    color: white;
    margin-bottom: 1em;
}

a.footer {
    color: white;
}

ul.list-unstyled {
    list-style: none;
}

ul.list-unstyled li {
    margin-bottom: 1em;
}

ul.list-unstyled li a {
    color: white;
}

.nav-item a{
    text-decoration: none;
    color: white
}

.flex-item {
    flex-basis: 20%;
}

    .flex-item a {
        font-size: var(--bs-nav-link-font-size);
        font-weight: var(--bs-nav-link-font-weight);
        color: white;
        text-decoration: none;
        transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out;
    }

div.logo{
    text-align: center;
}

@media screen and (max-width: 1024px) {
    .col-12.col-lg-4.\/.mb-5.mb-lg-0 {
        width: 100%;
        text-align: center;
    }
}

@media screen and (max-width: 1024px) {
    .col-12.col-lg-5.\/.mb-5.mb-lg-0 {
        width: 100%;
        text-align: center;
    }
}

@media screen and (max-width: 1024px) {
    .col-12.col-lg-3.\/.text-center {
        width: 100%;
        text-align: center;
    }
}
@media screen and (max-width: 1024px) {
    ul#menu-footer {
        width: 100%;
        text-align: center;
        flex-direction:column;
    }
}

p.title.footer {
    font-weight: bold;
    font-size: larger;
}