@font-face {
    font-family: 'FranklinGothicLTCom-Md';
    src: url("../fonts/FranklinGothicLTCom-Mdd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/FranklinGothicLTCom-Md.woff") format("woff"), url("../fonts/FranklinGothicLTCom-Md.html") format("truetype")
}

@font-face {
    font-family: 'FranklinGothicLTCom-Bk';
    src: url("../fonts/FranklinGothicLTCom-Bkd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/FranklinGothicLTCom-Bk.woff") format("woff"), url("../fonts/FranklinGothicLTCom-Bk.html") format("truetype")
}

@font-face {
    font-family: 'FranklinGothicLTCom-Dm';
    src: url("../fonts/FranklinGothicLTCom-Dmd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/FranklinGothicLTCom-Dm.woff") format("woff"), url("../fonts/FranklinGothicLTCom-Dm.html") format("truetype")
}

#footer-widget {
    position: sticky;
    bottom: 0;
    left: 0;
    width: 100%
}

#footer-widget .footer-widget-left {
    background-color: #EFEFEF
}

#footer-widget .footer-widget-left .row:first-of-type {
    padding: 3em 3em 0;
}

#footer-widget .footer-widget-right {
    text-align: center
}

#footer-widget .footer-widget-right .widget_plastic_omnium_email_subscription_widget h3 {
    font-family: 'FranklinGothicLTCom-Bk';
    font-size: 15px;
    letter-spacing: 0.5px;
    line-height: 15px;
    color: #004A97;
    margin-bottom: 1.5em !important;
    font-weight: bold
}

#footer-widget .footer-widget-right .widget_plastic_omnium_email_subscription_widget .footer-form-email {
    display: flex;
    justify-content: center;
    padding-right: 0
}

#footer-widget .footer-widget-right .widget_plastic_omnium_email_subscription_widget .footer-form-email button {
    border: none;
    width: 30px;
    padding: 0
}

#footer-widget .footer-widget-right .widget_plastic_omnium_email_subscription_widget .footer-form-email button:focus {
    outline: 1px solid #004a97
}

#footer-widget .footer-widget-right .widget_plastic_omnium_email_subscription_widget #plastic_omnium_email_subscription_widget {
    border: none
}

#footer-widget .footer-widget-right .widget_plastic_omnium_email_subscription_widget #plastic_omnium_email_subscription_widget:focus {
    outline: 1px solid #004a97 !important
}

#footer-widget .footer-widget-right .widget_plastic_omnium_address_info_widget {
    margin-top: 4em;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    width: 70%
}

#footer-widget .footer-widget-right .widget_plastic_omnium_address_info_widget .row div:nth-of-type(2) {
    text-align: left;
    font-family: 'FranklinGothicLTCom-Bk';
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 15px;
    color: #485465;
    white-space: nowrap
}

#footer-widget .footer-widget-right .widget_plastic_omnium_address_info_widget img {
    width: 95px
}

#footer-widget .footer-widget-right > .row:first-of-type {
    padding: 3em
}

#footer-widget .widget .widget-title {
    font-family: 'FranklinGothicLTCom-Bk';
    color: #004A97;
    font-size: 13px !important;
    padding: .5rem 1rem
}

#footer-widget .widget .nav-link {
    font-family: 'FranklinGothicLTCom-Md';
    color: #2E2E2E !important;
    font-size: 13px;
    letter-spacing: 1px
}

#footer-widget .widget .nav-link:hover {
    color: #004A97 !important
}

.widget_plastic_omnium_social_links_widget {
    margin-top: 2em;
    margin: 0 auto;
    width: 50%
}

.widget_plastic_omnium_social_links_widget ul {
    padding: 0 !important;
    list-style: none
}

.widget_plastic_omnium_social_links_widget ul li {
    display: inline-block;
    width: 12%;
    margin-left: 3%
}

.widget_plastic_omnium_social_links_widget ul li a {
    font-size: 24px;
    color: #485465 !important
}

.widget_plastic_omnium_social_links_widget ul li a span {
    display: none
}

@media only screen and (max-width: 991px) {
    #footer-widget {
        position: relative
    }

    .footer-widget-left {
        text-align: center
    }

    .footer-widget-right .widget_plastic_omnium_social_links_widget {
        width: 100% !important
    }

    .footer-widget-right .widget_plastic_omnium_address_info_widget .row div:nth-of-type(2) {
        padding-top: 2em !important;
        text-align: center !important
    }

    .footer-widget-right .widget_plastic_omnium_address_info_widget {
        width: 100% !important
    }
}

.site-header {
    background-color: #fff !important;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05) !important
}

.site-header .navbar-brand {
    max-width: 180px
}

.header-blue {
    background-color: #2f6aa9 !important
}

.header-blue .container-fluid {
    background-color: #2f6aa9 !important
}

.header-blue .container-fluid .navbar {
    background-color: #2f6aa9 !important
}

.dropdown-menu {
    background: #fff !important
}

.navbar .navbar-nav > li {
    margin: 0 1em
}

.navbar .navbar-nav > li a {
    color: #2E2E2E;
    font-family: 'FranklinGothicLTCom-Md';
    font-size: 14px;
    letter-spacing: 1px
}

.navbar .navbar-nav > li a :hover {
    font-weight: bold !important
}

.navbar .navbar-nav > li.current_page_item > a {
    font-weight: normal !important
}

.navbar .dropdown-toggle {
    position: relative
}

.navbar .dropdown-toggle::after {
    content: "";
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    border-bottom: 0;
    color: #bbb;
    border-top: .4em solid;
    border-right: .4em solid transparent;
    border-left: .4em solid transparent;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.navbar #locate-nav ul > li,
.navbar #locate-nav-mobile ul > li {
    margin: 0 !important
}

.navbar #locate-nav li:first-child,
.navbar #locate-nav-mobile li:first-child {
    position: relative
}

.navbar #locate-nav li:first-child:after,
.navbar #locate-nav-mobile li:first-child:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    height: 25px;
    transform: translateY(-50%);
    border-right: 1px solid #2E2E2E
}

.navbar #locate-nav li > a,
.navbar #locate-nav-mobile li > a {
    color: #2E2E2E
}

.navbar #locate-nav .current-lang a,
.navbar #locate-nav-mobile .current-lang a {
    color: #0070C0 !important
}

.navbar .btn-search {
    position: relative;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    transition-duration: .3s
}

.navbar .btn-search img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.navbar .btn-search.active {
    background-color: #eaecf3
}

.navbar .btn-search:focus {
    box-shadow: none !important
}

.navbar .btn-search:hover {
    background-color: #eaecf3
}

#mobile-nav {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    width: 0;
    overflow-x: hidden;
    height: 100%;
    z-index: 5
}

.mobile-nav-menu {
    height: calc(100% - 68px);
    margin-top: 68px;
    overflow: scroll
}

#masthead .current-menu-parent > a {
    color: #0070C0 !important;
    font-weight: bold !important
}

@media only screen and (max-width: 991px) {
    .dropdown.menu-item-has-children .dropdown.menu-item-has-children > a:after {
        display: none !important
    }

    .navbar {
        background-color: #fff;
        z-index: 10
    }

    .navbar .menu-item-has-children > .dropdown-menu {
        padding-left: 20px !important;
        margin-top: 15px !important
    }

    .navbar .navbar-nav {
        width: 85%
    }

    .navbar .navbar-nav .dropdown::after {
        content: "";
        display: inline-block;
        margin-left: .255em;
        vertical-align: .255em;
        border-bottom: 0;
        color: #bbb;
        border-top: .4em solid;
        border-right: .4em solid transparent;
        border-left: .4em solid transparent;
        position: absolute;
        right: 0;
        top: 25px
    }

    .navbar .navbar-nav .dropdown-toggle {
        white-space: initial !important
    }

    .navbar .navbar-nav .dropdown-toggle::after {
        display: none
    }

    .navbar-nav > li > a {
        font-size: 1em !important
    }

    #masthead .navbar-nav li a[aria-expanded="true"] {
        color: #0070C0 !important;
        font-weight: bold !important
    }

    #masthead .navbar-nav li a[aria-expanded="false"] {
        font-weight: normal !important
    }

    #mobile-nav #locate-nav ul,
    #mobile-nav #locate-nav-mobile ul {
        flex-direction: row
    }

    #mobile-nav .navbar-nav > li {
        margin: 0 !important
    }

    .navbar-brand {
        position: sticky;
        left: 50%;
        transform: translateX(-50%);
        width: 122px;
        z-index: 6
    }

    .navbar-open .navbar-toggler-icon {
        background-image: url("../img/BurgerOpen.svg") !important
    }

    .navbar-close {
        display: none;
        z-index: 6
    }

    .navbar-close .navbar-toggler-icon {
        background-image: url("../img/BurgerClose.svg") !important
    }

    .navbar-close span {
        display: inline-block;
        width: 1.5em;
        height: 1.5em
    }

    .navbar-mobile {
        position: initial !important
    }

    .navbar-mobile .menu-item {
        padding: 1em 0
    }

    .navbar-mobile .menu-item.show::after {
        border-bottom: .4em solid !important;
        border-top: 0 !important
    }

    .navbar-mobile #locate-nav,
    .navbar-mobile #locate-nav-mobile {
        padding: 2em 0
    }

    .navbar-mobile #locate-nav .menu-item,
    .navbar-mobile #locate-nav-mobile .menu-item {
        padding: 0 !important
    }
}

@media only screen and (min-width: 992px) {
    #masthead .navbar-nav > li:hover > .dropdown-menu {
        display: block;
        max-height: 500px !important
    }

    #masthead .navbar-nav > li:hover .dropdown-toggle::after {
        border-bottom: .4em solid !important;
        border-top: 0 !important
    }

    #masthead .navbar-nav > li:hover .nav-link {
        color: #0070C0 !important;
        font-weight: bold !important;
        font-size: 12px;
        
    }

    #masthead .dropdown-menu {
        display: block;
        max-height: 0 !important;
        overflow: hidden !important;
        border: none;
        border-radius: 0;
        -webkit-transition: max-height 0.5s ease-in;
        transition: max-height 0.5s ease-in
    }

    #masthead .dropdown-menu .menu-item {
        padding: 0.5em 1em 1em 0.5em
    }

    #masthead .dropdown-menu .menu-item .dropdown-item {
        padding: 0 1.5em;
        white-space: nowrap;
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s
    }

    #masthead .dropdown-menu .menu-item:first-child {
        padding-top: 2em
    }

    #masthead .dropdown-menu .menu-item:hover > a {
        color: #0070C0 !important;
        font-weight: bold !important;
        padding-left: 1.8em;
        padding-right: 1.2em
    }

    #masthead .dropdown.menu-item-has-children .dropdown.menu-item-has-children > .dropdown-menu {
        display: block;
        max-height: inherit !important;
        position: relative;
        top: auto !important;
        left: 0 !important;
        margin-top: 0 !important;
        padding: 0 !important;
        padding-left: 15px !important
    }

    .navbar-brand {
        margin: 0 4em;
        z-index: 10000
    }
}

@media (max-width: 1200px) and (min-width: 992px) {
    .navbar-brand {
        margin: 0 2em
    }

    .navbar-brand img {
        max-width: 70px !important
    }

    #masthead .navbar .navbar-nav > li a {
        font-size: 1vw !important
    }
}

#search {
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
    padding: 4em;
    background-color: #ffffff;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05) !important;
    opacity: 0.8;
}

#search form {
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid #d8d8d8;
    padding: 0.5em 0
}

#search form input {
    flex-grow: 2;
    border: none;
    font-family: 'FranklinGothicLTCom-Bk';
    color: #666666;
    font-size: 24px;
    line-height: 28px
}

#search form input:focus {
    outline: none
}

#search form button {
    background: url("../img/ArrowRight.svg") no-repeat scroll 7px 7px;
    width: 30px;
    border: none
}

#search .po-search-preset {
    margin-top: 3em;
    margin-bottom: 0;
    padding: 0 1em !important
}

#search .po-search-preset .po-search-preset-item {
    padding: 6px 24px !important;
    list-style: none !important;
    border-radius: 50px;
    border: 1px solid #CCC;
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 0.5em
}

#search .po-search-preset .po-search-preset-item:hover {
    border: 1px solid #004a97;
    background-color: rgba(0, 74, 151, 0.1)
}

#search .po-search-preset .po-search-preset-item:hover a {
    color: #004a97;
    font-weight: bold !important
}

#search .po-search-preset .po-search-preset-item:last-child {
    margin-right: 0
}

#search .po-search-preset .po-search-preset-item a {
    color: #666666
}

#search .po-search-preset .po-search-preset-item a:hover {
    color: #004a97;
    font-weight: bold !important;
    text-decoration: none
}

@media only screen and (max-width: 991px) {
    #search {
        padding: 0 !important;
        margin-top: 9px
    }

    #search form {
        padding: 1em 0em !important
    }

    #search form input {
        padding: 0 0.5em;
        border-bottom: 1px solid #d8d8d8;
        border-top: 1px solid #d8d8d8;
        height: 90px;
        font-size: 16px !important;
        line-height: 19px !important
    }

    #search form button {
        position: absolute;
        right: 10px;
        height: 28px;
        top: 44px
    }
}

.page-result {
    background-color: #ffffff
}

.page-result .item-hidden {
    display: none
}

.page-result .container-fluid {
    padding: 0 5em
}

.page-result .container-fluid.page-no-result-actions {
    padding: 5em 0
}

.page-result .container-fluid.page-no-result-actions a {
    padding: 0.66em 1.5em !important
}

.page-result .container-fluid.page-no-result-actions a:hover {
    text-decoration: none
}

.page-result .page-result-title {
    padding-top: 1em
}

.page-result .header-breadcrumb {
    position: inherit;
    padding-left: 5em;
    margin-bottom: 3em;
    margin-top: 1em
}

.page-result .header-breadcrumb .page-breadcrumb {
    color: #004A97 !important
}

.page-result .header-breadcrumb .page-breadcrumb a {
    color: #004A97 !important
}

.page-result .page-title-blue {
    font-family: 'FranklinGothicLTCom-Dm' !important;
    color: #004A97 !important;
    font-size: 40px !important;
    line-height: 46px !important;
    letter-spacing: 0.8px !important;
    text-transform: uppercase !important
}

.page-result .page-result-info {
    width: 100%
}

.page-result .page-result-info span,
.page-result .page-result-info label {
    font-family: 'FranklinGothicLTCom-Bk';
    color: #222222;
    font-size: 18px;
    line-height: 28px
}

.page-result .page-result-info .page-result-info-list {
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.page-result .page-result-info .page-result-info-left,
.page-result .page-result-info .page-result-info-right {
    display: inline-block
}

.page-result .page-result-info .page-result-info-right {
    text-align: right
}

.page-result .page-result-info .page-result-info-right label {
    margin-right: 1em
}

.page-result .page-result-info .page-result-info-right select {
    cursor: pointer;
    border: 1px solid #004a97;
    height: 50px;
    padding: 0 2.5em 0 1.2em;
    color: #004a97;
    appearance: none;
    background-image: url("../img/SelectArrow.svg");
    background-repeat: no-repeat;
    background-position-x: 94%;
    background-position-y: 50%
}

.page-result .page-result-info .page-result-info-right select:focus {
    outline: 1px solid #004a97
}

.page-result .page-result-info .page-result-info-right .t-custom-select {
    text-align: left
}

.page-result .page-result-articles {
    margin-top: 6em;
    font-family: 'FranklinGothicLTCom-Bk'
}

.page-result .page-result-articles .articles-number {
    display: block;
    font-size: 20px;
    line-height: 28px;
    color: #2A2A2A;
    text-transform: uppercase;
    margin-bottom: 2em
}

.page-result .page-result-articles .articles-content {
    padding: 2em
}

.page-result .page-result-articles .articles-content .articles-date {
    font-size: 12px;
    line-height: 20px;
    color: #666666
}

.page-result .page-result-articles .articles-content .articles-title a {
    font-size: 24px;
    line-height: 28px;
    color: #004A97 !important
}

.page-result .page-result-articles .articles-content .articles-resume {
    font-size: 16px;
    line-height: 20px;
    color: #485465
}

.page-result .page-result-articles .articles-more {
    margin-top: 4em;
    height: 50px
}

.page-result .page-result-pages {
    padding-bottom: 3em;
    margin-top: 6em;
    font-family: 'FranklinGothicLTCom-Bk'
}

.page-result .page-result-pages .pages-number {
    display: block;
    font-size: 20px;
    line-height: 28px;
    color: #2A2A2A;
    text-transform: uppercase;
    margin-bottom: 2em
}

.page-result .page-result-pages .pages-card {
    padding-bottom: 4em
}

.page-result .page-result-pages .pages-card .pages-card-header {
    margin-bottom: 2em;
    min-height: 18vw;
    border-top-left-radius: 36px;
    background-position: center center;
    background-size: cover
}

.page-result .page-result-pages .pages-card .pages-card-header.pages-card-header-default {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 1px solid #EAECF3
}

.page-result .page-result-pages .pages-card .pages-card-header.pages-card-header-default img {
    width: auto !important
}

.page-result .page-result-pages .pages-card .pages-title {
    color: #004A97;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -0.6px
}

.page-result .page-result-pages .pages-card .pages-resume {
    color: #485465;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.4px;
    margin-bottom: 1.5em
}

.page-result .page-result-pages .pages-card .pages-link {
    padding: 13px 26px !important
}

.page-result .page-result-pages .pages-card .pages-link:hover {
    text-decoration: none
}

.page-result .page-result-pdf {
    margin-top: 6em;
    font-family: 'FranklinGothicLTCom-Bk'
}

.page-result .page-result-pdf .pdf-number {
    display: block;
    font-size: 20px;
    line-height: 28px;
    color: #2A2A2A;
    text-transform: uppercase;
    margin-bottom: 2em
}

.page-result .page-result-pdf .pdf-card {
    display: flex;
    align-items: center;
    border-top: 1px solid #c8c8c8;
    height: 97px
}

.page-result .page-result-pdf .pdf-card p {
    margin: 0 !important
}

.page-result .page-result-pdf .pdf-card .pdf-title {
    display: inline-block;
    color: #004A97;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -0.45px;
    text-transform: uppercase;
    padding: 0 1em
}

.page-result .page-result-pdf .pdf-card .pdf-text {
    display: inline-block;
    color: #2a2a2a;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -0.45px;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.page-result .page-result-pdf .pdf-card .pdf-link {
    display: inline-block;
    padding: 0 1em
}

.page-result .page-result-pdf .pdf-card .pdf-link button {
    width: 120px;
    height: 50px
}

@media only screen and (max-width: 1200px) {
    .page-result .header-breadcrumb .page-breadcrumb {
        color: #ffffff !important
    }

    .page-result .container-fluid {
        padding: 0 3em
    }

    .page-result .page-result-title {
        padding-top: 1em
    }

    .page-result .page-result-info .page-result-info-left {
        margin-top: 1em
    }

    .page-result .page-result-info .page-result-info-right {
        margin-top: 4em;
        text-align: left
    }

    .page-result .page-result-info .page-result-info-right label {
        display: block
    }

    .page-result .page-result-pdf .pdf-card {
        display: block;
        height: auto
    }

    .page-result .page-result-pdf .pdf-card .pdf-title {
        display: block;
        padding: 0;
        margin: 2em 0 1em 0
    }

    .page-result .page-result-pdf .pdf-card .pdf-text {
        display: block;
        margin-bottom: 2em;
        flex: none;
        white-space: inherit;
        overflow: inherit;
        text-overflow: inherit
    }

    .page-result .page-result-pdf .pdf-card .pdf-link {
        display: block;
        margin-bottom: 3em;
        padding: 0
    }
}

@media only screen and (max-width: 992px) {
    .page-result .page-result-pages .pages-card .pages-card-header {
        height: 60vw;
        max-height: 300px
    }

    .page-result .page-result-pages .pages-card .pages-card-header.pages-card-header-default img {
        width: 30vw !important;
        max-width: 160px !important
    }
}

.h2-blue,
.h2-white {
    font-family: 'FranklinGothicLTCom-Bk' !important;
    font-size: 40px !important;
    line-height: 48px !important;
    color: #004a97 !important
}

.h2-white {
    color: #ffffff !important
}

.h2-gray-uppercase {
    font-family: 'FranklinGothicLTCom-Md' !important;
    font-size: 24px !important;
    line-height: 45px !important;
    color: #485465 !important;
    text-transform: uppercase !important
}

.h2-gray-uppercase-light {
    font-family: 'FranklinGothicLTCom-Bk' !important;
    font-size: 24px !important;
    line-height: 45px !important;
    color: #485465 !important;
    text-transform: uppercase !important
}

.h3-blue {
    font-family: 'FranklinGothicLTCom-Bk' !important;
    font-size: 24px !important;
    line-height: 28px !important;
    color: #004a97 !important
}

.h3-blue-fat {
    font-family: 'FranklinGothicLTCom-Md' !important;
    font-size: 24px !important;
    line-height: 28px !important;
    color: #004a97 !important
}

.h3-blue-lg {
    font-family: 'FranklinGothicLTCom-Bk' !important;
    font-size: 30px !important;
    line-height: 36px !important;
    color: #004a97 !important
}

.h3-blue-small {
    font-family: 'FranklinGothicLTCom-Md' !important;
    font-size: 16px !important;
    line-height: 24px !important;
    color: #004a97 !important;
    text-transform: uppercase !important
}

.h3-blue-xl {
    font-family: 'FranklinGothicLTCom-Bk' !important;
    font-size: 40px !important;
    line-height: 48px !important;
    color: #004a97 !important
}

.h3-blue-uppercase {
    font-family: 'FranklinGothicLTCom-Md' !important;
    font-size: 24px !important;
    line-height: 28px !important;
    color: #004a97 !important;
    text-transform: uppercase !important
}

@media screen and (max-width: 991px) {

    .h2-blue,
    .h2-white {
        font-size: 30px !important;
        line-height: 38px !important
    }

    .h2-gray-uppercase {
        font-size: 22px !important;
        line-height: 42px !important
    }

    .h2-gray-uppercase-light {
        font-size: 18px !important;
        line-height: 32px !important
    }

    .h3-blue {
        font-size: 24px !important;
        line-height: 28px !important
    }

    .h3-blue-fat {
        font-size: 22px !important;
        line-height: 26px !important
    }

    .h3-blue-lg {
        font-size: 30px !important;
        line-height: 36px !important
    }

    .h3-blue-small {
        font-size: 16px !important;
        line-height: 24px !important;
        color: #004a97 !important
    }

    .h3-blue-xl {
        font-size: 40px !important;
        line-height: 48px !important
    }

    .h3-blue-uppercase {
        font-size: 20px !important;
        line-height: 24px !important
    }
}

.plus-svg {
    background: url("../img/Plus.svg") no-repeat scroll 50% 50% !important
}

.multiple-svg {
    background: url("../img/Multiple.svg") no-repeat scroll 50% 50% !important
}

.arrow-left-blue-svg {
    background: url("../img/ArrowLeftBlue.svg") no-repeat scroll 50% 50% !important
}

.arrow-right-blue-svg {
    background: url("../img/ArrowRight.svg") no-repeat scroll 50% 50% !important
}

.arrow-right-white-svg {
    background: url("../img/ArrowRightWhite.svg") no-repeat scroll 50% 50% !important
}

.close-svg {
    background: url("../img/Close.svg") no-repeat scroll 50% 50% !important
}

.simple-marquee-container * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif
}

.simple-marquee-container {
    width: 100%;
    background: #eaecf3 !important;
    float: left;
    display: inline-block;
    overflow: hidden;
    box-sizing: border-box;
    height: 24px;
    position: relative;
    cursor: pointer
}

.simple-marquee-container .marquee-sibling {
    padding: 0;
    background: #3d3d3d;
    width: 20%;
    height: 24px;
    line-height: 42px;
    font-size: 12px;
    font-weight: normal;
    color: #ffffff;
    text-align: center;
    float: left;
    left: 0;
    z-index: 2000
}

.simple-marquee-container .marquee,
.simple-marquee-container *[class^="marquee"] {
    display: inline-block;
    white-space: nowrap;
    position: absolute
}

.simple-marquee-container .marquee-content-items {
    display: inline-block;
    padding: 5px;
    height: 24px;
    position: relative;
    margin: 0 !important
}

.simple-marquee-container .marquee-content-items li {
    display: inline-block;
    color: #fff
}

.simple-marquee-container .marquee-content-items li:after {
    content: '';
    margin: 0 150px !important
}

.fa,
.far,
.fas,
.fa::before,
.far::before,
.fas::before,
.fa::after,
.far::after,
.fas::after {
    font-family: "Font Awesome 5 Free" !important
}

.fab,
.fab::before,
.fab::after {
    font-family: "Font Awesome 5 Brands" !important
}

#et-boc .home-news-row {
    font-family: 'FranklinGothicLTCom-Bk' !important
}

.home-news-card {
    margin-top: 20px !important
}

.home-news-card .home-news-content {
    width: 90% !important;
    margin: 15px auto !important
}

#et-boc .home-news-card .home-news-content .home-news-date {
    font-size: 12px;
    color: #666666 !important
}

.home-news-card .home-news-content .home-news-title {
    font-size: 24px !important;
    line-height: 28px !important
}

.home-news-card .home-news-content .home-news-title a {
    color: #004a97 !important
}

#et-boc .home-news-card .home-news-content p.home-news-resume {
    font-size: 16px !important;
    line-height: 20px !important;
    color: #485465 !important
}

#owl-carousel-news .owl-nav {
    text-align: center !important;
    margin-top: 35px !important
}

#owl-carousel-news .owl-nav button.owl-prev {
    display: none
}

#owl-carousel-news .owl-nav button.owl-next {
    padding: 25px 31px !important;
    background: #004a97 !important;
    color: #fff !important;
    border-radius: 100px;
    font-size: 20px
}

#et-boc .home-news-all {
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    text-transform: uppercase !important
}

#et-boc .home-news-all a {
    text-transform: uppercase !important;
    color: #004a97 !important;
    font-size: 13px
}

#et-boc .wrapper-informations-reglementees form,
.t-custom-select select option,
#et-boc .t-custom-select select option {
    color: #014a97 !important
}

.t-custom-select select,
#et-boc .t-custom-select select {
    border: 1px solid #014a97;
    border-radius: 0;
    min-width: 100px;
    display: none;
    color: #014a97
}

.t-custom-select.t-custom-select-no-border select,
#et-boc .t-custom-select.t-custom-select-no-border select {
    border: 1px solid #FFFFFF;
    color: #014a97
}

body.et-fb-root-ancestor #et-boc .t-custom-select select {
    display: initial;
    width: 100%
}

.t-custom-select,
#et-boc .t-custom-select {
    position: relative;
    margin-right: 10px
}

.t-custom-select .select-selected,
#et-boc .t-custom-select .select-selected {
    background-color: #FFF !important;
    border: 1px solid #014a97
}

.t-custom-select.t-custom-select-no-border .select-selected,
#et-boc .t-custom-select.t-custom-select-no-border .select-selected {
    border: 1px solid #FFF
}

.t-custom-select .select-selected.select-arrow-active,
#et-boc .t-custom-select .select-selected.select-arrow-active,
.t-custom-select.t-custom-select-light-blue .select-selected.select-arrow-active,
#et-boc .t-custom-select.t-custom-select-light-blue .select-selected.select-arrow-active {
    border-bottom: 1px solid #FFF
}

.t-custom-select .select-selected:after,
#et-boc .t-custom-select .select-selected:after {
    position: absolute;
    content: "";
    top: 47%;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #014a97 transparent transparent transparent
}

.t-custom-select .select-selected.select-arrow-active:after,
#et-boc .t-custom-select .select-selected.select-arrow-active:after {
    border-color: transparent transparent #014a97 transparent;
    top: 33%
}

.t-custom-select.t-custom-select-filter .select-selected:after,
#et-boc .t-custom-select-filter .select-selected:after {
    position: absolute;
    content: url("../img/SelectArrow.svg");
    top: 30%;
    right: 25px;
    width: 0;
    height: 0;
    border: none
}

.t-custom-select.t-custom-select-filter .select-selected.select-arrow-active:after,
#et-boc .t-custom-select.t-custom-select-filter .select-selected.select-arrow-active:after {
    top: 30%
}

.t-custom-select .select-items div,
#et-boc .t-custom-select .select-items div,
.t-custom-select .select-selected,
#et-boc .t-custom-select .select-selected {
    color: #014a97;
    padding: 12px 28px 12px 12px;
    cursor: pointer
}

.t-custom-select-optgroup .select-items div,
#et-boc .t-custom-select-optgroup .select-items div {
    padding: 12px 28px 12px 28px
}

.t-custom-select-optgroup .select-items div.optgroup,
#et-boc .t-custom-select-optgroup .select-items div.optgroup {
    padding: 12px 28px 12px 12px !important;
    background-color: #FFF !important;
    font-weight: bold;
    color: #6E7C8F !important;
    cursor: initial !important
}

.t-custom-select-light-blue.t-custom-select-optgroup .select-items div.optgroup,
#et-boc .t-custom-select-light-blue.t-custom-select-optgroup .select-items div.optgroup {
    color: #8EA0B9 !important
}

.t-custom-select .select-items,
#et-boc .t-custom-select .select-items {
    position: absolute;
    background-color: #FFF;
    left: 0;
    right: 0;
    z-index: 99;
    border-left: 1px solid #014a97;
    border-right: 1px solid #014a97;
    border-bottom: 1px solid #014a97;
    max-height: 260px;
    overflow-y: auto
}

.t-custom-select.t-custom-select-light-blue select,
#et-boc .t-custom-select.t-custom-select-light-blue select {
    color: #53a8e2
}

.t-custom-select.t-custom-select-light-blue .select-items,
#et-boc .t-custom-select.t-custom-select-light-blue .select-items {
    background-color: #FFF;
    border-left: 1px solid #53a8e2;
    border-right: 1px solid #53a8e2;
    border-bottom: 1px solid #53a8e2
}

.t-custom-select.t-custom-select-light-blue .select-items div,
#et-boc .t-custom-select.t-custom-select-light-blue .select-items div,
.t-custom-select.t-custom-select-light-blue .select-selected,
#et-boc .t-custom-select.t-custom-select-light-blue .select-selected {
    color: #53a8e2
}

.t-custom-select.t-custom-select-light-blue .select-selected:after,
#et-boc .t-custom-select.t-custom-select-light-blue .select-selected:after {
    border-color: #53a8e2 transparent transparent transparent
}

.t-custom-select.t-custom-select-light-blue .select-selected.select-arrow-active:after,
#et-boc .t-custom-select.t-custom-select-light-blue .select-selected.select-arrow-active:after {
    border-color: transparent transparent #53a8e2 transparent;
    top: 33%
}

.t-custom-select.t-custom-select-light-blue .select-selected,
#et-boc .t-custom-select.t-custom-select-light-blue .select-selected {
    background-color: #FFF !important;
    border: 1px solid #53a8e2
}

.t-custom-select.t-custom-select-light-blue select option,
#et-boc .t-custom-select.t-custom-select-light-blue select option {
    color: #53a8e2 !important
}

.t-custom-select.t-custom-select-light-blue select,
#et-boc .t-custom-select.t-custom-select-light-blue select {
    border: 1px solid #53a8e2
}

.t-custom-select.t-custom-select-no-border .select-items,
#et-boc .t-custom-select.t-custom-select-no-border .select-items {
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
    border-bottom: 1px solid #FFF
}

.t-custom-select .select-hide,
#et-boc .t-custom-select .select-hide {
    display: none
}

.t-custom-select .select-items div:hover,
#et-boc .t-custom-select .select-items div:hover,
.t-custom-select .same-as-selected,
#et-boc .t-custom-select .same-as-selected {
    background-color: #e9ecf3;
    font-weight: bold !important
}

@media screen and (max-width: 991px) {

    .t-custom-select,
    #et-boc .t-custom-select {
        width: 100% !important
    }
}

body.single-post .header-breadcrumb .page-breadcrumb {
    color: #B6B6B6 !important
}

body.single-post .header-breadcrumb .page-breadcrumb a {
    color: #B6B6B6 !important
}

body.single-post .header-breadcrumb .page-breadcrumb a:hover {
    color: #004A97 !important
}

body.single-post #content #primary #main {
    background: #FFF
}

body.single-post #content #primary #main .et_pb_section {
    padding-bottom: 60px
}

body.single-post #content #primary #main .et_pb_section .et_pb_row {
    width: 80%;
    max-width: 100%;
    padding: 2% 0;
    margin: auto;
    position: relative;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

body.single-post #content #primary #main .et_pb_section .et_pb_row #owl-carousel-news {
    text-align: inherit;
    margin: 0;
    padding: 0;
    border: none;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
    letter-spacing: normal;
    color: inherit;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    text-shadow: inherit;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-transition: none;
    transition: none
}

body.single-post #content #primary #main .et_pb_section .et_pb_row .home-news-all {
    position: absolute !important;
    right: 15px !important;
    top: 40px !important;
    text-transform: uppercase !important
}

body.single-post #content #primary #main .et_pb_section .et_pb_row .home-news-all a {
    text-transform: uppercase !important;
    color: #004a97 !important;
    font-size: 13px;
    font-weight: bold;
    font-family: 'FranklinGothicLTCom-Bk'
}

body.single-post #content #primary #main .et_pb_section .owl-dots {
    display: none
}

body.single-post #content #primary #main article.type-post {
    font-family: FranklinGothicLTCom-Bk
}

body.single-post #content #primary #main article.type-post h1.page-title {
    color: #004A97 !important;
    text-align: center !important;
    margin-top: 50px
}

body.single-post #content #primary #main article.type-post .entry-meta {
    text-align: center;
    font-size: 14px;
    color: #B6B6B6
}

body.single-post #content #primary #main article.type-post .entry-meta .poste-meta-separator {
    display: inline-block;
    width: 10px
}

body.single-post #content #primary #main article.type-post .post-thumbnail {
    margin: 40px 0 35px 0;
    text-align: center
}

body.single-post #content #primary #main article.type-post .entry-content {
    max-width: 60%;
    margin: 0 auto !important
}

body.single-post #content #primary #main article.type-post .entry-content.no-thumb {
    padding-top: 2em !important
}

body.single-post #content #primary #main article.type-post .entry-content p {
    margin-bottom: 1.5em
}

body.single-post #content #primary #main article.type-post .entry-content a {
    color: #004A97;
    text-decoration: underline
}

body.single-post #content #primary #main article.type-post .entry-content a:hover {
    text-decoration: none
}

body.single-post #content #primary #main article.type-post .entry-content a.po-button,
body.single-post #content #primary #main article.type-post .entry-content a.po-button-grey,
body.single-post #content #primary #main article.type-post .entry-content a.po-button-blue,
body.single-post #content #primary #main article.type-post .entry-content a.po-button-white-border-blue,
body.single-post #content #primary #main article.type-post .entry-content a.po-button-blue-border-white,
body.single-post #content #primary #main article.type-post .entry-content a.po-button-light-blue,
body.single-post #content #primary #main article.type-post .entry-content a.po-button-light-black,
body.single-post #content #primary #main article.type-post .entry-content a.po-button-icon-play,
body.single-post #content #primary #main article.type-post .entry-content a.po-button-icon-play-blue {
    display: inline-block !important;
    padding: .2em 1em !important
}

body.single-post #content #primary #main article.type-post .entry-content a.po-button-icon-play,
body.single-post #content #primary #main article.type-post .entry-content a.po-button-icon-play-blue {
    background-size: initial !important;
    background-position: 1.5em !important;
    background-repeat: no-repeat !important;
    border-top-left-radius: 25px !important;
    border-bottom-left-radius: 25px !important;
    padding: 0.3em 1em 0.3em 3.5em !important
}

body.single-post #content #primary #main article.type-post .entry-content a.po-button-icon-play {
    background-image: url("../img/Play.svg") !important
}

body.single-post #content #primary #main article.type-post .entry-content a.po-button-icon-play-blue {
    background-image: url("../img/PlayWhite.svg") !important
}

body.single-post #content #primary #main article.type-post .entry-content a.po-button-icon-play-blue:hover {
    background-image: url("../img/Play.svg") !important
}

body.single-post #content #primary #main article.type-post .entry-content iframe {
    max-width: 100% !important
}

body.single-post #content #primary #main article.type-post .entry-content iframe,
body.single-post #content #primary #main article.type-post .entry-content img {
    border-radius: 30px 0 0 0;
    max-width: 100% !important
}

body.single-post #content #primary #main article.type-post .entry-content .po-text-blue {
    color: #004A97
}

body.single-post #content #primary #main article.type-post .entry-content blockquote {
    position: relative
}

body.single-post #content #primary #main article.type-post .entry-content blockquote > p:before,
body.single-post #content #primary #main article.type-post .entry-content blockquote > p:after {
    content: url("../img/Citation-grey.svg");
    position: absolute;
    top: 25%
}

body.single-post #content #primary #main article.type-post .entry-content blockquote > p:before {
    left: -12%
}

body.single-post #content #primary #main article.type-post .entry-content blockquote > p:after {
    right: -12%;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

body.single-post #content #primary #main article.type-post .post-sharing-menu {
    position: absolute;
    top: 765px;
    width: 66px;
    left: 1.25%;
    z-index: 100
}

body.single-post #content #primary #main article.type-post .post-sharing-menu .post-sharing-title {
    font-family: FranklinGothicLTCom-Md;
    font-size: 18px;
    color: #004A97
}

body.single-post #content #primary #main article.type-post .post-sharing-menu .post-sharing-more {
    display: block;
    text-align: center;
    color: #B6B6B6;
    font-size: 26px;
    cursor: pointer
}

body.single-post #content #primary #main article.type-post .post-sharing-menu ul {
    list-style: none;
    border: 1px solid #D8D8D8;
    margin-top: 5px;
    margin-bottom: 0px
}

body.single-post #content #primary #main article.type-post .post-sharing-menu ul li {
    text-align: center;
    background: #FFF
}

body.single-post #content #primary #main article.type-post .post-sharing-menu ul li:nth-child(2) {
    border-top: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8
}

body.single-post #content #primary #main article.type-post .post-sharing-menu ul li a {
    display: block;
    width: 100%;
    padding: 20px 0
}

body.single-post #content #primary #main article.type-post .post-sharing-menu ul li a:hover {
    background-color: #EAECF3
}

body.single-post #content #primary #main article.type-post .post-sharing-menu ul li a:hover i {
    font-weight: bold
}

body.single-post #content #primary #main article.type-post .post-sharing-menu ul li a i {
    cursor: pointer;
    font-size: 20px;
    color: #666
}

body.single-post #content #primary #main article.type-post .post-sharing-menu ul li a i.fa-linkedin-in,
body.single-post #content #primary #main article.type-post .post-sharing-menu ul li a i.fa-twitter {
    color: #004A97
}

.body_graphique {
    background-color: #ffffff !important
}

body {
    height: 100%;
    overflow-x: hidden;
    display: flex;
    flex-direction: column
}

body.et_divi_builder {
    height: auto
}

.a-link {
    color: #004a97 !important
}

#content.site-content {
    position: relative;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    z-index: 1;
}

ul {
    margin-left: 0 !important;
    padding-inline-start: 0 !important
}

#page {
    width: calc(100% + 17px);
    height: 100%;
    overflow-y: scroll;
    padding-right: 17px;
    box-sizing: content-box;
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    height: 100%;
    position: relative;
    overflow: initial;
    -webkit-overflow-scrolling: touch
}

.page-title {
    font-family: 'FranklinGothicLTCom-Dm' !important;
    color: #ffffff !important;
    font-size: 50px !important;
    line-height: 50px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important
}

.page-subtitle {
    font-family: 'FranklinGothicLTCom-Md' !important;
    color: #ffffff !important;
    font-size: 16px !important;
    line-height: 24px !important
}

.page-spotlight {
    font-family: 'FranklinGothicLTCom-Bk' !important;
    background-color: #ffffff !important;
    border-top-left-radius: 35px !important;
    padding: 2em !important;
    width: 50%;
    position: relative;
    left: 80%;
    transform: translateX(-80%)
}

.page-spotlight .page-spotlight-date {
    color: #666666 !important;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 15px !important
}

.page-spotlight .page-spotlight-title {
    color: #004A97 !important;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 15px !important
}

.page-spotlight .page-spotlight-more a {
    color: #004A97 !important;
    font-size: 14px;
    line-height: 17px
}

.page-spotlight .page-spotlight-more span:hover {
    text-decoration: underline !important
}

.map-marker {
    background: url("../img/MapMarker.svg") no-repeat scroll 50% 50%;
    display: inline-block;
    width: 25px;
    height: 25px
}

.header-linear-blue {
    background: linear-gradient(115deg, #004A97, transparent 50%) !important;
    background-color: #004a9733 !important
}

.header-linear-black {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.501961) 0, transparent 60%) !important;
    background-color: #004a9766 !important
}

.header-breadcrumb {
    position: absolute;
    left: 70px;
    top: 18px;
    background-color: transparent !important;
    box-shadow: none !important;
    z-index: 2
}

.header-breadcrumb .page-breadcrumb {
    border-bottom: none !important;
    font-size: 16px !important;
    color: #ffffff;
    line-height: 20px !important;
    padding: 0 !important;
    margin: 0 !important
}

.header-breadcrumb .page-breadcrumb ol {
    list-style: none !important
}

.header-breadcrumb .page-breadcrumb li {
    display: inline-block !important
}

.header-breadcrumb .page-breadcrumb a {
    color: #ffffff !important
}

#cookie-notice .cookie-notice-container {
    padding: 10px 30px
}

#cookie-notice .cookie-notice-container #cn-notice-text {
    margin: 0;
    font-family: 'FranklinGothicLTCom-Bk' !important;
    font-size: 12px;
    line-height: 14px
}

#cookie-notice .cookie-notice-container #cn-notice-text a {
    color: #FFF;
    text-decoration: underline
}

#cookie-notice .cookie-notice-container #cn-notice-text a:hover {
    font-weight: bold;
    text-decoration: none
}

#cookie-notice .cookie-notice-container #cn-notice-buttons {
    display: none
}

.overlay-blue {
    position: absolute;
    background-color: rgba(0, 74, 151, 0.8) !important;
    background-size: cover;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    z-index: 2
}

.back-to-top {
    display: none;
    position: fixed;
    bottom: 1em;
    right: 1em;
    z-index: 2;
    background: url("../img/ArrowUpBlue.svg") no-repeat scroll 50% 50%;
    background-color: #ffffff;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 1px solid #004A97
}

.input-email-button {
    background: url("../img/ArrowRight.svg") no-repeat scroll 7px 7px;
    background-position: 0;
    border: none;
    width: 36px;
    height: 52px
}

.et_pb_button {
    padding-bottom: 0.3em !important
}

.inline-buttons .et_pb_button_module_wrapper {
    display: inline-block
}

.site-footer {
    display: none
}

.strate-title {
    font-family: 'FranklinGothicLTCom-Bk';
    text-transform: uppercase !important;
    font-size: 20px;
    line-height: 24px;
    color: #485465 !important;
    margin-bottom: 0.5em !important
}

.strate-subtitle {
    font-family: 'FranklinGothicLTCom-Bk';
    font-size: 40px;
    line-height: 48px;
    color: #004A97 !important
}

.strate-text {
    font-family: 'FranklinGothicLTCom-Bk';
    font-size: 17px;
    color: #485465 !important;
    line-height: 24px
}

.citation {
    font-family: 'FranklinGothicLTCom-Bk';
    color: #485465;
    font-size: 30px;
    line-height: 40px
}

@supports (content: "x"/"y") {
    .citation::before {
        content: url("../img/Citation.svg")/"";
        position: absolute;
        left: -2em
    }
}

@supports not (content: "x"/"y") {
    .citation::before {
        content: url("../img/Citation.svg");
        alt: "";
        position: absolute;
        left: -2em
    }
}

.img-rounded > .et_pb_image_wrap {
    border-radius: 50% !important
}

.img-rounded > .et_pb_image_wrap img {
    height: 100% !important;
    object-fit: cover
}

.entry-content {
    margin: 0 !important
}

.form-control {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 28px;
    border: 1px solid #b5b5b5;
    width: 295px;
    height: 56px;
    padding-left: 26px;
    padding-right: 40px;
    color: #2A2A2A
}

.po-button,
.po-button-grey,
.po-button-blue,
.po-button-white-border-blue,
.po-button-blue-border-white,
.po-button-light-blue,
.po-button-light-black {
    font-family: 'FranklinGothicLTCom-Bk' !important;
    font-size: 17px !important;
    color: #004A97 !important;
    background-color: #FFFFFF !important;
    border-radius: unset !important;
    border: 1px solid transparent !important;
    padding: .3em 1em !important;
    line-height: 1.7em !important;
    text-align: center !important;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    text-decoration: none !important;
    -webkit-transition: all 300ms ease 0ms !important;
    transition: all 300ms ease 0ms !important
}

.po-button:hover,
.po-button-grey:hover,
.po-button-blue:hover,
.po-button-white-border-blue:hover,
.po-button-blue-border-white:hover,
.po-button-light-blue:hover,
.po-button-light-black:hover {
    font-weight: bold !important;
    cursor: pointer !important
}

.po-button.po-button-icon-play,
.po-button.po-button-icon-play-blue {
    display: inline-block;
    background-size: initial !important;
    background-position: 1.5em !important;
    background-repeat: no-repeat !important;
    border-top-left-radius: 25px !important;
    border-bottom-left-radius: 25px !important;
    padding: 0.6em 1em 0.6em 3.5em !important
}

.po-button.po-button-icon-play {
    background-image: url("../img/Play.svg") !important
}

.po-button.po-button-icon-play-blue {
    background-image: url("../img/PlayWhite.svg") !important
}

.po-button.po-button-icon-play-blue:hover {
    background-image: url("../img/Play.svg") !important
}

.po-button:hover {
    background-color: #EAECF3 !important;
    border: 1px solid #FFFFFF !important;
    cursor: pointer !important
}

.po-button-grey {
    background-color: #EAECF3 !important
}

.po-button-grey:hover {
    background-color: #FFFFFF !important;
    border: 1px solid #EAECF3 !important
}

.po-button-blue {
    color: #FFFFFF !important;
    background-color: #004A97 !important
}

.po-button-blue:hover {
    background-color: #FFFFFF !important;
    border: 1px solid #004A97 !important;
    color: #004A97 !important
}

.po-button-light-black {
    color: #FFFFFF !important;
    background-color: #485465 !important
}

.po-button-light-black:hover {
    background-color: #FFFFFF !important;
    border: 1px solid #485465 !important;
    color: #485465 !important
}

.po-button-white-border-blue {
    background-color: #FFFFFF !important;
    border: 1px solid #004A97 !important
}

.po-button-white-border-blue:hover {
    background-color: #EAECF3 !important
}

.po-button-blue-border-white {
    background-color: #004A97 !important;
    border: 1px solid #FFFFFF !important;
    color: #FFFFFF !important
}

.po-button-blue-border-white:hover {
    background-color: #FFFFFF !important;
    border: 1px solid #004A97 !important;
    color: #004A97 !important
}

.po-button-light-blue {
    color: #FFFFFF !important;
    background-color: #53a8e2 !important
}

.po-button-light-blue:hover {
    color: #53a8e2 !important;
    border: 1px solid #53a8e2 !important;
    background-color: #FFFFFF !important
}

.simple-marquee-container {
    height: 40px !important;
    line-height: 40px
}

.simple-marquee-container * {
    font-family: 'FranklinGothicLTCom-Md' !important;
    color: #485465 !important;
    font-size: 16px !important
}

#owl-une .item {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-blend-mode: multiply;
    height: 500px;
    width: 100%
}

#owl-une .owl-item-content {
    width: 100% !important;
    padding: 0 0 0 6em !important
}

#owl-une .owl-item-content h1 {
    font-family: 'FranklinGothicLTCom-Dm';
    font-size: 50px;
    letter-spacing: 1px;
    line-height: 50px;
    color: #FFFFFF;
    width: 50%;
    padding: 0 !important
}

#owl-une .owl-item-content p {
    font-family: 'FranklinGothicLTCom-Md';
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
    width: 50%;
    margin: 2em 0 0 !important
}

#owl-une .owl-item-content button {
    background-color: #ffffff !important;
    color: #004A97 !important;
    height: 50px;
    border: 1px solid transparent !important;
    padding: 1em
}

#owl-une .owl-item-content button:hover {
    background-color: #EAECF3 !important;
    border: 1px solid #FFFFFF !important;
    font-weight: bold !important
}

#owl-une .owl-item-content .po-button {
    padding: 0.6em 1em !important;
    margin-right: 0.5em !important
}

#owl-une .owl-item-content .po-button.po-button-icon-play,
#owl-une .owl-item-content .po-button.po-button-icon-play-blue {
    padding: 0.6em 1em 0.6em 3.5em !important
}

#owl-une .owl-item-content .container-fluid h1 {
    width: 70%
}

#owl-une .owl-item-content .container-fluid p {
    width: 70%
}

#owl-une .owl-item-content .container-fluid .page-spotlight {
    max-width: 85%;
    width: auto;
    left: inherit;
    transform: none;
    position: absolute;
    bottom: 0
}

#owl-une .owl-item-controls {
    cursor: pointer
}

#owl-une .owl-item-controls span {
    font-family: 'FranklinGothicLTCom-Bk';
    font-size: 16px;
    color: #ffffff
}

#owl-une .owl-item-controls .arrow-right-white-svg {
    background: url("../img/ArrowRightWhite.svg") no-repeat scroll 7px 7px;
    display: inline-block;
    height: 32px;
    width: 32px;
    vertical-align: middle
}

.button-play {
    background-color: #ffffff !important;
    color: #004A97 !important;
    height: 50px;
    border: 1px solid transparent !important;
    padding: 1em;
    background: url("../img/Play.svg") no-repeat scroll 7px 7px;
    background-position: 1.5em;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    padding-left: 3.5em;
    margin-right: 0.5em
}

.button-play:hover {
    background-color: #EAECF3 !important;
    border: 1px solid #FFFFFF !important;
    font-weight: bold !important
}

#content .widget_plastic_omnium_social_links_widget {
    width: 100%
}

@media only screen and (max-width: 991px) {

    body,
    #page {
        padding-bottom: 0
    }

    #page {
        width: 100% !important;
        padding-right: 0 !important;
        overflow-x: hidden
    }

    .strate-title {
        font-size: 18px !important;
        line-height: 22px !important;
        margin-bottom: 1em !important
    }

    .strate-subtitle {
        font-size: 28px !important;
        line-height: 35px !important
    }

    .strate-text {
        font-size: 18px !important;
        line-height: 25px !important
    }

    .et_pb_button_module_wrapper {
        width: 100%;
        margin-bottom: 1em !important;
        text-align: center !important
    }

    .inline-text-button .et_pb_button_module_wrapper {
        width: auto !important
    }

    .et-db #et-boc .et-l .et_pb_module a:not(.wc-forward) {
        padding: 0.8em 0
    }

    .et-db #et-boc .et-l .et_pb_module a.po-button,
    .et-db #et-boc .et-l .et_pb_module a.po-button-grey,
    .et-db #et-boc .et-l .et_pb_module a.po-button-blue,
    .et-db #et-boc .et-l .et_pb_module a.po-button-white-border-blue,
    .et-db #et-boc .et-l .et_pb_module a.po-button-blue-border-white,
    .et-db #et-boc .et-l .et_pb_module a.po-button-light-black {
        padding: 0.5em 1em !important
    }

    .et-db #et-boc .et-l .et_pb_module a.po-button-icon-play,
    .et-db #et-boc .et-l .et_pb_module a.po-button-icon-play-blue {
        background-position: 1.5em !important;
        background-repeat: no-repeat !important;
        border-top-left-radius: 25px !important;
        border-bottom-left-radius: 25px !important;
        background-image: url("../img/PlayWhite.svg") !important;
        padding: .78em 1em .78em 3.5em !important
    }

    .et-db #et-boc .et-l .et_pb_module a.po-button-icon-play:hover,
    .et-db #et-boc .et-l .et_pb_module a.po-button-icon-play-blue:hover {
        background-image: url("../img/Play.svg") !important
    }

    .po-button,
    .po-button-grey,
    .po-button-blue,
    .po-button-white-border-blue,
    .po-button-blue-border-white,
    .po-button-light-black {
        width: 100% !important;
        text-align: center !important;
        font-size: 18px !important;
        color: #FFFFFF !important;
        line-height: 22px !important;
        background-color: #004A97 !important;
        margin-bottom: 1em !important
    }

    .po-button:hover,
    .po-button-grey:hover,
    .po-button-blue:hover,
    .po-button-white-border-blue:hover,
    .po-button-blue-border-white:hover,
    .po-button-light-black:hover {
        color: #004A97 !important;
        border: 1px solid #004A97 !important;
        background-color: transparent !important
    }

    .po-button:focus,
    .po-button-grey:focus {
        color: #004A97 !important;
        outline: 1px solid #004A97
    }

    .citation {
        font-size: 28px !important;
        line-height: 35px !important
    }

    .citation::before {
        position: relative !important;
        left: 0 !important;
        display: block;
        margin: 1em 0
    }

    .simple-marquee-container {
        height: 100px !important;
        line-height: 100px
    }

    .simple-marquee-container * {
        font-size: 20px !important
    }

    #owl-une .owl-stage-outer {
        overflow: inherit
    }

    #owl-une .item {
        height: 630px
    }

    #owl-une .owl-item-content {
        padding: 0 2em 0em 2em !important
    }

    #owl-une .owl-item-content h1 {
        width: 100% !important;
        font-size: 40px !important;
        line-height: 40px !important
    }

    #owl-une .owl-item-content p {
        width: 100% !important
    }

    #owl-une .owl-item-content button {
        width: 40%
    }

    #owl-une .owl-item-content .spotlight-block {
        position: relative;
        margin-top: 50px !important
    }

    #owl-une .owl-item-content .spotlight-block .page-spotlight {
        max-width: 100%;
        width: 100%;
        left: 50%;
        transform: translateX(-50%);
        position: absolute;
        top: -50px;
        bottom: inherit
    }

    #content #main .entry-header {
        position: relative !important;
        left: 0 !important;
        top: 0 !important;
        background-color: #004A97 !important;
        padding: 1em 0
    }

    #content #main .entry-header .page-breadcrumb {
        position: relative
    }

    #content #main .entry-header .page-breadcrumb ol {
        list-style: none !important;
        margin-bottom: 0
    }

    #content #main .entry-header .page-breadcrumb li {
        display: inline-block !important
    }

    #content #main .entry-header .page-breadcrumb a {
        color: #ffffff !important
    }

    .page-title {
        font-size: 40px !important;
        line-height: 40px !important;
        letter-spacing: auto !important
    }

    .page-subtitle {
        line-height: 20px !important
    }

    .page-spotlight {
        width: 90%;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        margin-top: 30px !important
    }

    .page-spotlight .page-spotlight-date {
        font-size: 18px;
        line-height: 22px
    }

    .page-spotlight .page-spotlight-title {
        font-size: 28px;
        line-height: 35px
    }

    .page-spotlight .page-spotlight-more {
        font-size: 18px;
        line-height: 22px
    }
}

@media screen and (min-width: 641px) {
    .po-s2022-carousel-image .owl-item.active {
        max-height: 500px;
    }
}

@media screen and (max-width: 640px) {
    .po-s2022-carousel-image .owl-item.active {
        max-height: 800px !important;
    }
}

.po-s2022-slide-spotlight .slide-spotlight-more,
#et-boc .po-s2022-slide-spotlight .slide-spotlight-more {
    padding-top: 10px !important;
    padding: 10px 20px 10px 20px !important;
    border: 3px solid #FFF !important;
    font-size: 14px !important;
}

#footer-widget,
#footer-widget .footer-widget-left {
    background-color: #004A97 !important;
}

#footer-widget .widget .nav-link {
    color: #fff !important;
}

#footer-widget .widget .nav-link:hover {
    color: #004A97 !important;
    background-color: #fff !important;
}

.widget_plastic_omnium_social_links_widget ul li a {
    color: #ffffff !important;
    text-align: left;
}

.adress-footer {
    color: #fff;
}

.po-button-blue {
    background-color: #C4CBE3 !important;
    border-radius: 20px 0px 0px 0px !important;
    color: #004A97 !important;
    padding: 10px 25px 10px 25px !important;
    font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 500;
    font-size: 15px !important;
}

#footer-widget .footer-widget-right .widget_plastic_omnium_email_subscription_widget h3 {
    color: #fff;
    font-weight: 300;
    text-align: center;
}

footer#footer-widget .container-fluid {
    max-width: 1920px;
    width: 90%;
}

#plastic_omnium_email_subscription_widget-3 h3,
#plastic_omnium_email_subscription_widget-4 h3 {
    color: #fff !important;
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 20px;
}

#plastic_omnium_social_links_widget-4 {
    float: left;
}

@media screen and (min-width: 768px) {
    #nav_menu-3 {
        width: 100%;
    }
}

section#media_image-2 {
    width: 150px;
}

.widget_plastic_omnium_social_links_widget {
    margin: 0;
}

@media screen and (min-width: 992px) {
    header#masthead {
        position: fixed;
        width: 100%;
        background-color: none
    }

    .site-header {
        background-color: transparent !important;
        background-image: linear-gradient(to bottom, #000000c4, #0f0f0f0a)
    }

    .navbar .navbar-nav li a {
        color: #fff;
        letter-spacing: 2px;
    }

    #masthead .navbar-nav > li > a {
        padding-top: .2rem !important;
        padding-bottom: .2rem !important
    }

    .navbar #locate-nav li > a,
    .navbar #locate-nav .current-lang a {
        color: #fff
    }

    .navbar #locate-nav li:first-child:after {
        border: none !important
    }

    .background-white-menu {
        background-image: linear-gradient(to bottom, #fff, #fff)
    }

    .background-black-menu {
        background-image: linear-gradient(to bottom, #000000c4, #0f0f0f0a)
    }

    .color-white-menu {
        color: #fff !important
    }

    .color-black-menu {
        color: #2E2E2E !important
    }

    .border-lang-white-menu {
        border-right: 2px solid #fff !important
    }

    .border-lang-black-menu {
        border-right: 2px solid #2E2E2E !important
    }

    .dropdown-menu {
        padding: 0;
        margin-top: 34px
    }

    ul.dropdown-menu .menu-item a {
        color: #004A97 !important;
        padding: 1em !important;
        width: 100% !important
    }

    ul.dropdown-menu .menu-item a:hover {
        font-weight: 600 !important;
        background-color: #EAECF3 !important
    }

    #masthead .dropdown-menu .menu-item,
    #masthead .dropdown-menu .menu-item:first-child {
        padding: 0 !important
    }

    .header-breadcrumb {
        margin-top: 90px
    }

    .carousel-image-container span.position {
        display: none
    }

    .navbar #locate-nav .current-lang a {
        background-color: #fff !important;
    }

    .type-post {
        margin-top: 160px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1500px) {
    .navbar .navbar-nav li a {
        font-size: 12px !important;
    }
}

footer#footer-widget .container-fluid {
    max-width: 1920px;
    width: 90% !important;
}

#plastic_omnium_email_subscription_widget-3 h3,
#plastic_omnium_email_subscription_widget-4 h3 {
    color: #fff !important;
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 20px;
}

#footer-widget .widget .nav-link {
    text-align: left;
}

@media screen and (min-width: 768px) {
    #nav_menu-3 {
        width: 100%;
    }
}

.navbar .btn-search.active,
.navbar .btn-search:hover {
    background-color: rgba(0, 0, 0, 0);
}

#plastic_omnium_social_links_widget-4 {
    float: left;
}

#media_image-2 {
    max-width: 150px;
}

@media screen and (max-width: 767px) {
    section#media_image-2 {
        margin: auto;
        padding-bottom: 10px;
    }
}

.header-file-info {
    font-size: 12px;
    vertical-align: middle;
}

.file-info {
    font-size: 12px !important;
    font-weight: 400;
}

.file_infos {
    font-size: 12px !important;
    font-weight: 400 !important;
}

@media screen and (max-width: 1300px) {
    .owl-item-content a.po-button {
        display: block;
    }
}

.fa-twitter:before {
    content: "\e61b" !important;
}

.home-group{
    display: block;
    position: relative;
    
}

#et-boc .et-l .home-group{
    padding-top: 30px;
    background: #fff !important;
    padding-bottom: 30px;
}
.home-group img{
    display: block;
    width: 100%;
}