@charset "UTF-8";

::selection {
    background: #AF007C; /* WebKit/Blink Browsers */
    color: #fff;
}

::-moz-selection {
    background: #AF007C; /* Gecko Browsers */
    color: #fff;
}

/* Typography
----------------------------------------------------------------------------- */
*:focus {
    outline: none !important;
}

a:empty {
    display: none;
}

body {
    font-size: 20px;
    font-weight: 500;
    font-family: "Open Sans";
    letter-spacing: -0.6px;
}

body.language-4 {
    font-family: "Noto Sans JP" !important;
}

body:before {
    background-size: 249px 201px !important;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    text-transform: uppercase;
    letter-spacing:-1.6px;
}

h1,
.h1 {
    font-size: 3.4rem;
}
h2,
.h2 {
    font-size: 2.8rem;
}
h3,
.h3 {
    font-size: 1.75rem;
}
h4,
.h4 {
    font-size: 18px;
}

.important {
    background: linear-gradient(to top, #e7b042 50%, transparent 50%);
    font-weight: bolder;
}
.frame-background-primary .important,
.frame-background-dark .important {
    background: linear-gradient(to top, #FF00B6 50%, transparent 50%);
}

.frame-background-process-technologies {
    background-color: #007479;
    color: #fff;
}

.frame-background-high-precision-machines {
    background-color: #e7b042;
}

.frame-background-smart-automation-solutions {
    background-color: #203669;
    color: #fff;
}
.body-bg {
    background-color: #dbd9d3;
}
.big {
    font-size: 80px;
}
.frame-has-backgroundimage .boxNumber span ,
.frame-background-primary .boxNumber span ,
.frame-background-dark .boxNumber span {
    color: #fff !important;
}
.boxNumber {
    display: flex;
    flex-direction: column;
}
.boxNumber a {
    height: 100%;
}
.boxNumber.text-right .d-flex {
    justify-content: end;
    padding: 0 !important;
}
.boxNumber.text-left .d-flex {
    justify-content: start;
    padding: 0 !important;
}
.boxNumber.text-center .d-flex {
    justify-content: center;
    padding: 0 !important;
    align-items: center;
}
.boxNumber .big {
    color: #000 !important;
}
.boxNumber a:hover .big {
    color: #fff !important;
}
.lead {
    font-size: 1.7rem;
    font-weight: 500;
}

.btn {
    text-transform: uppercase;
    font-family: "Open Sans";
    margin: 3px;
}
body.language-4 .btn{
    font-family: "Noto Sans JP" !important;
}
.frame-background-primary {
    color: #E9E7E0;
}
.frame-background-primary .btn-primary {
    background-color: #E9E7E0;
    border-color: #2b2b2b;
    color: #2b2b2b;
}
.frame-background-primary .btn-primary:hover,
.frame-background-primary .btn-primary:focus {
    background-color: #2b2b2b;
    border-color: #2b2b2b;
    color: #E9E7E0;
}

/*
LINK COLOR PART
 */
.frame-background-light div:not(.frame-background-primary):not(.frame-background-dark):not(.frame-background-secondary) a:not(.btn),
.frame-background-dark div:not(.frame-background-primary):not(.frame-background-light):not(.frame-background-secondary) a:not(.btn),
.frame-background-secondary div:not(.frame-background-light):not(.frame-background-dark):not(.frame-background-secondary) a:not(.btn) {
    color: #AF007C !important;
}
.frame-background-light div:not(.frame-background-primary):not(.frame-background-dark):not(.frame-background-secondary) a:not(.btn):hover,
.frame-background-dark div:not(.frame-background-primary):not(.frame-background-light):not(.frame-background-secondary) a:not(.btn):hover,
.frame-background-secondary div:not(.frame-background-light):not(.frame-background-dark):not(.frame-background-secondary) a:not(.btn):hover, 
.frame-background-primary div:not(.frame-background-light):not(.frame-background-dark):not(.frame-background-secondary) .news .news-blog .blog-card .description .read-more a:not(.btn):hover
{
    color: #620045 !important;
}
.frame-background-primary div:not(.frame-background-light):not(.frame-background-dark):not(.frame-background-secondary) a:not(.btn) {
    color: #fff !important;
} 
.frame-background-primary div:not(.frame-background-light):not(.frame-background-dark):not(.frame-background-secondary) .news .news-blog .blog-card .description .read-more a:not(.btn) {
    color: #AF007C !important;
}
.frame-background-primary .news .news-list-view .blog-card .description .main-title a,
.frame-background-secondary .news .news-list-view .blog-card .description .main-title a,
.frame-background-light .news .news-list-view .blog-card .description .main-title a,
.frame-background-dark .news .news-list-view .blog-card .description .main-title a,
.frame-background-primary .news .news-list-view .blog-card .description .main-title a:hover,
.frame-background-secondary .news .news-list-view .blog-card .description .main-title a:hover,
.frame-background-light .news .news-list-view .blog-card .description .main-title a:hover,
.frame-background-dark .news .news-list-view .blog-card .description .main-title a:hover,
.news-list-view .blog-card .description > p:not(.read-more) {
    color: #2b2b2b !important;
}
.frame-background-primary div:not(.frame-background-light):not(.frame-background-dark):not(.frame-background-secondary) a:not(.btn):hover {
    color: #d9d9d9 !important;
}
.pagelevel-1 #page-title {
    max-width: 100%;
}
small {
    font-size: 17px;
}
#page-title {
    padding-top: 40px !important;
}
#page-content a:not(.btn) {
    text-decoration: underline;
}
a:hover {
    color: #000000;
}
hr {
    border-top: 1px solid #333;
}
#page-content {
    background-color: #dbd9d3;
}
.pagelevel-0 #page-content {
    background-color: #ffffff;
}
.pagelevel-1 #page-content #page-title {
    padding: 0 40px;
}
#page-content #contents .section>*:not(.frame-background-primary):not(.frame-background-secondary):not(.frame-background-light):not(.frame-background-dark):not(.frame-has-backgroundimage):not(.frame-container):not(.container):not(iframe){
    margin-left: 40px;
    margin-right: 40px;
}
.pagelevel-0 #page-content,
.pagelevel-0 .carousel,
#page-content .carrousel {
    padding-top: 0;
}
.pagelevel-0 .body-bg-top {
    background-color: #ffffff;
}

.container {
    margin-left:auto !important;
    margin-right:auto !important;
}
.flex > div{
    display: flex;
}
.frame-space-before- {
    margin-top: 0;
}
.frame-gridelement {
    padding: 0;
}
.sameHeightCol > div > div {
    height: 100%;
}
.titleCol {
    padding: 30px 0;
    margin: 0;
}
.gallery-item figure.image {
    position: relative;
}
.descriptionItem {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 15px;
    background-color: #AF007C;
    opacity: 0.75;
}
.descriptionItem p{
    opacity: 1;
    margin: 0;
    color: #DBD9D3;
}
.descriptionItemContentElement {
    display: inline-block;
    position: relative !important;
}
.imageContentElement {
    text-align: center;
}
.frame-space-before-extra-small {
    padding-top: 1rem;
    margin-top: 0;
}
.frame-space-before-small {
    padding-top: 1.5rem;
    margin-top: 0;
}
.frame-space-before-medium {
    padding-top: 2rem;
    margin-top: 0;
}
.frame-space-before-large {
    padding-top: 2.5rem;
    margin-top: 0;
}
.frame-space-before-extra-large {
    padding-top: 3rem;
    margin-top: 0;
}
.frame-space-after-extra-small {
    padding-bottom: 1rem;
    margin-bottom: 0;
}
.frame-space-after-small {
    padding-bottom: 1.5rem;
    margin-bottom: 0;
}
.frame-space-after-medium {
    padding-bottom: 2rem;
    margin-bottom: 0;
}
.frame-space-after-large {
    padding-bottom: 2.5rem;
    margin-bottom: 0;
}
.frame-space-after-extra-large {
    padding-bottom: 3rem;
    margin-bottom: 0;
}
.no-padding {
    padding: 0 !important;
}
.text-column {
    column-gap: 70px;
}
@media (min-width: 1200px){
    .frame-container, .container {
        max-width: 1440px;
    }
    .hidden-lg{
        display:none!important;
    }
    .body-bg-top {
        padding-top: 170px;
    }
    .pagelevel-0 .body-bg-top {
        padding-top: 130px;
    }
    h1,.h1 {
        font-size: 3.5rem;
    }
    h2,.h1{
        font-size: 3.0625rem;
    }
    h3,.h1 {
        font-size: 2.7rem;
    }
    h4,.h4 {
        font-size: 2.3rem;
    }
    h5,.h5 {
        font-size: 2rem;
    }
    .menu-plus.h1 {
        font-size: 3.5rem !important;
    }
    .menu-plus.h2 {
        font-size: 3.0625rem !important;
    }
    .menu-plus.h3 {
        font-size: 2.7rem !important;
    }
    .menu-plus.h4 {
        font-size: 2.3rem !important;
    }
    .menu-plus.h5 {
        font-size: 2rem !important;
    }
}
@media (min-width:992px) and (max-width:1199px){
    .hidden-md{
        display:none!important;
    }
    .body-bg-top {
        padding-top: 170px;
    }
    .pagelevel-0 .body-bg-top {
        padding-top: 130px;
    }
    h1,.h1 {
        font-size: 3rem;
    }
    h2,.h2 {
        font-size: 2.625rem;
    }
    h3,.h3 {
        font-size: 2.3rem;
    }
    h4,.h2 {
        font-size: 2rem;
    }
    h5,.h5 {
        font-size: 1.8rem;
    }
    .menu-plus.h1 {
        font-size: 3rem !important;
    }
    .menu-plus.h2 {
        font-size: 2.625rem !important;
    }
    .menu-plus.h3 {
        font-size: 2.3rem !important;
    }
    .menu-plus.h4 {
        font-size: 2rem !important;
    }
    .menu-plus.h5 {
        font-size: 1.8rem !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #page-content,
    .carrousel {
        padding-top: 10px;
    }
    .pagelevel-0 #page-content,
    .pagelevel-0 .carousel {
        padding-top: 0;
    }
    .hidden-sm{
        display:none!important;
    }
    .body-bg-top {
        padding-top: 110px;
    }
    .pagelevel-0 .body-bg-top {
        padding-top: 70px;
    }
    h1,.h1 {
        font-size: 2.5rem;
    }

    h2,.h2 {
        font-size: 2.1875rem;
    }
    h3,.h3 {
        font-size: 1.85rem;
    }
    h4,.h4 {
        font-size: 1.6rem;
    }
    h5,.h5 {
        font-size: 1.5rem;
    }
        
    .menu-plus.h1 {
        font-size: 2.5rem !important;
    }

    .menu-plus.h2 {
        font-size: 2.1875rem !important;
    }
    .menu-plus.h3 {
        font-size: 1.85rem !important;
    }
    .menu-plus.h4 {
        font-size: 1.6rem !important;
    }
    .menu-plus.h5 {
        font-size: 1.5rem !important;
    }
    #page-footer P, #page-footer a{
        font-size: 0.95rem;
    }
}
@media (max-width:767px){
    .hidden-xs{
        display:none!important;
    }
    .body-bg-top {
        padding-top: 110px;
    }
    .pagelevel-0 .body-bg-top {
        padding-top: 70px;
    }
    #page-content #contents .section>*:not(.frame-background-primary):not(.frame-background-secondary):not(.frame-background-light):not(.frame-background-dark):not(.frame-has-backgroundimage):not(.frame-container):not(.container):not(iframe) {
        margin-right: 0;
        margin-left: 0;
    }
    h1,.h1 {
        font-size: 2rem;
    }

    h2,.h2 {
        font-size: 1.5rem;
    }
    h3,.h3 {
        font-size: 1.4rem;
    }
    h4,.h4 {
        font-size: 1.3rem;
    }
    h5,.h5 {
        font-size: 1.2rem;
    }
    .menu-plus.h1 {
        font-size: 2rem !important;
    }

    .menu-plus.h2 {
        font-size: 1.5rem !important;
    }
    .menu-plus.h3 {
        font-size: 1.4rem !important;
    }
    .menu-plus.h4 {
        font-size: 1.3rem !important;
    }
    .menu-plus.h5 {
        font-size: 1.2rem !important;
    }
    .lead {
        font-size: 1.2rem;
    }
    body {
        font-size: 0.95rem;
    }
}
@media (max-width: 567px){
    .frame:first-child p span.text-uppercase {
        font-size: 60px !important;
    }
    .section-column .frame .frame-container {
        padding-right: 25px !important;
        padding-left: 25px !important;
    }
}
/* TOOLBOX
----------------------------------------------------------------------------- */
.toolbox {
    position: fixed;
    bottom: 70px;
    right: 20px;
    z-index: 999;
}
ul.toolboxItems,
.shareSocialEvent ul {
    list-style-type: none;
    font-size: 24px;
}
.toolboxItems li a,
.toolboxItems li #popUpButtonOpen {
    display: block;
    background-color: #333;
    border-radius: 50%;
    margin: 7px 0;
    padding-top: 6px;
    text-align: center;
    color: #fff;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    z-index: 1020;
    opacity: 1;
    width: 60px;
    height: 60px;
}
.toolboxItems li a:hover {
    text-decoration: none;
    background-color: #AF007C;
}
.toolboxItems li a i,
.toolboxItems li #popUpButtonOpen i{
    line-height: 46px;
    font-size: 30px;
}
.pagelevel-0 .toolboxItems li a {
    display: none;
}
.pagelevel-0 .toolboxItems li.skipper a {
    display: block;
}
.toolboxItems li a span {
    font-size: 0;
}

.toolbox .btn-group-share > div {
    display: none;
}
#btn-search {
    font-size: 0;
    text-indent: 0;
}
#btn-search > a {
    text-decoration: none;
}
#btn-search > a:before {
    content: "\f002";
    font-family: FontAwesome;
    font-size: 25px;
    z-index: 999;
    color: #000000;
    padding: 9px 10px;
    margin-right: 15px;
}
@media (max-width: 768px) {
    .toolbox {
        right: 5px;
    }
}
/* BUTTON
----------------------------------------------------------------------------- */
.btn-dark:hover,
.btn-dark:focus {
    background-color: #dbd9d3;
    border-color: #2b2b2b;
    color: #2b2b2b;
}
.btn-dark:focus {
    box-shadow: none;
}
.btn-primary:hover {
    background-color: #2b2b2b;
    border-color: #2b2b2b;
}
.btn-primary:focus {
    box-shadow: none;
    background-color: #2b2b2b;
    border-color: #2b2b2b;
}
.btn-secondary {
    border-color: #2b2b2b;
}
.btn-secondary:hover,
.btn-secondary:focus {
    color: #ffffff;
    background-color: #2b2b2b;
    border-color: #2b2b2b;
}
/* HEADER
----------------------------------------------------------------------------- */
#page-header .navbar-brand-image {
    padding: 0;
}
#page-header.navbar-transition .navbar-brand-image img {
    max-height: 100%;
    height: 100%;
}
#page-header:not(.navbar-transition) .navbar-brand-image img {
    max-height: 75%;
    height: 75%;
}
body:not(.page-level-0) #page-header:not(.navbar-transition) .navbar-brand-image img {
    max-height: 100%;
    height: 100%;
}
#page-header>.container, #page-header>div:not(#banner-top) .container {
    max-width: 100%;
}
/* SUBNAV
----------------------------------------------------------------------------- */
.subnav-nav {
    background-color: #AF007C;
    color: #ffffff;
}
.subnav-nav .active > .subnav-link {
    color: #ffffff !important;
    font-weight: 900;
}
.subnav-nav .active > .subnav-link:hover {
    color: #333 !important;
}
.subnav-item.active > .subnav-nav > .subnav-item .subnav-link{
    padding: 0.5rem 2rem;
}
.subnav-nav .subnav-nav {
    border: none;
}
.subnav-nav .subnav-nav:before {
    width: 0;
}
.section-column .frame-type-subnavigation.frame .frame-container {
    padding: 0;
}
.section-column .frame-type-subnavigation.frame .frame-container .subnav-link {
    border: 1px solid #AF007C;
    padding:1rem 0;
}
.subnav-item.active > .subnav-nav > .subnav-item .subnav-link {
    padding: 0.5rem 0;
}
.section-column .frame-type-subnavigation.frame .frame-container .frame-inner > .subnav-nav > li > .subnav-link span {
    font-size: 28px;
    font-weight: 300 !important;
    text-transform: uppercase;
}
.section-column .frame-type-subnavigation.frame .frame-container .frame-inner > .subnav-nav > li > ul .subnav-link span {
    font-size: 20px;
    margin-left:0;
}
.frame-type-subnavigation br {
    display: none;
}
.subnav-link:hover, .subnav-link:focus {
    background-color: #AF007C;
}
.frame-inner>.subnav-nav {
    padding:10px 40px;
}
.section-column.subnav-wrap {
    padding: 0 !important;
}
.section-column.subnav-wrap nav {
    padding-top: 0 !important;
}
span.subnav-link-icon {
    display: none;
}
/* NAVIGATIONS
----------------------------------------------------------------------------- */
.page-88 #nav-item-108:before,
.page-87 #nav-item-109:before,
.page-86 #nav-item-110:before {
    background: #AF007C !important;
    opacity: 0.5;
    top: auto;
    left: 1rem;
    right: 1rem;
    bottom: 0.25rem;
    height: 2px;
    width: auto;
    content: '';
    position: absolute;
    transition: opacity 0.25s ease-in-out;
}
.navbar-toggler {
    position: absolute;
    bottom: 10px;
    right: 40px;
    z-index: 8;
}
.navbar-transition .navbar-toggler {
    bottom: 0;
}
.navbar-toggler, .navbar-toggler * {
    color: #AF007C;
}

#mainnavigation, #banner-top {
    font-family: "Open Sans", sans serif;
}
body.language-4 #mainnavigation,
body.language-4 #banner-top{
    font-family: "Noto Sans JP" !important;
}
.nav-link-text {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
}
.navbar-mainnavigation {
    box-shadow: none;
}
.navbar-mainnavigation.navbar-fixed-top {
    top: 40px;
    right: 0;
    padding-right: 40px;
}
.backendlayout-special_start .navbar-mainnavigation.navbar-fixed-top{
    left: 40px;
}
.navbar-mainnavigation.navbar-fixed-top.navbar-transition {
    top: 0;
    left: 0;
}
#mainnavigation>ul:last-child>li:last-child>a {
    padding-right: 0;
}
#mainnavigation>ul:last-child>li:last-child>a::before {
    right: 0;
}
.navbar-mainnavigation .navbar-nav > li > .nav-link::before{
    height: 0;
}
.navbar-mainnavigation .navbar-nav > li > .nav-link:focus::before,
.navbar-mainnavigation .navbar-nav > li > .nav-link:hover::before,
.navbar-mainnavigation .navbar-nav > li:hover > .nav-link::before {
    opacity: 1;
}
#mainnavigation .navbar-nav .dropdown-hover .dropdown-menu .dropdown-text {
    color: #2b2b2b;
}
.navbar-transition .navbar-brand {
    height: 120px;
}
.navbar-transition #mainnavigation {
    margin-top: 70px;
}
.navbar-mainnavigation .navbar-nav:first-child > li > .nav-link::before,
.navbar-mainnavigation .navbar-nav:first-child > li:hover > .nav-link::before {
    background: #AF007C !important;
}
.backendlayout-special_start .navbar-mainnavigation .navbar-nav:first-child > li > .nav-link::before,
.backendlayout-special_start .navbar-mainnavigation .navbar-nav:first-child > li:hover > .nav-link::before {
    background: #fff !important;
}
.navbar-transition.navbar-mainnavigation .navbar-nav:first-child > li > .nav-link::before,
.navbar-transition.navbar-mainnavigation .navbar-nav:first-child > li:hover > .nav-link::before {
    background: #AF007C !important;
}
#mainnavigation>.navbar-nav:first-child>li.nav-item:first-child>a>span {
    font-weight: 900;
}
.navbar-transition #mainnavigation>.navbar-nav:first-child>li.nav-item:first-child>a>span {
    color: #AF007C !important;
}
.navbar-mainnavigation > .navbar-nav .nav-link,
.navbar-mainnavigation > .container > .collapse > .navbar-nav .nav-link,
.navbar-mainnavigation > .container-fluid > .collapse > .navbar-nav .nav-link {
    padding-right: 1.5rem;
}
#mainnavigation .navbar-nav:last-child .nav-item:last-child > a span {
    font-weight: 900;
}
.dropdown-menu{
    -webkit-transition: display 0.25s ease-out;
    -moz-transition: display 0.25s ease-out;
    -o-transition: display 0.25s ease-out;
    transition: display 0.25s ease-out;
}
.dropdown-menu.show {
    opacity: 0.9;
    padding: 0;
    background: none;
    border: none;
    position: absolute;
    left: -20px;
    z-index: 9;
}
body.language-4 #mainnavigation .dropdown-menu.show{
    font-family: "Noto Sans JP" !important;
}
#mainnavigation .dropdown-menu.show {
    font-family: "Open Sans";
}
.dropdown-menu.show > li {
    background-color: #dbd9d3;
    padding: 0 20px;
}
.dropdown-menu.show > li:first-child {
    margin-top: 20px;
    padding-top: 20px;
}
.dropdown-menu.show > li:last-child {
    padding-bottom: 20px;
}
.navbar-transition .dropdown-menu.show > li:first-child,
.pagelevel-0 .dropdown-menu.show > li:first-child {
    margin-top: 0;
}
.dropdown-menu.show .dropdown-item:hover,
.dropdown-menu.show .dropdown-item:focus {
    background: transparent;
}
.dropdown-menu.show .dropdown-item:hover span.dropdown-text ,
.dropdown-menu.show .dropdown-item:focus span.dropdown-text {
    color: #AF007C !important;
}
.dropdown-menu.show .dropdown-item.active {
    background-color: transparent;
    font-weight: 900;
}
.dropdown-item.active,
.dropdown-item:active {
    background-color: transparent;
}
.show > .dropdown-toggle::after {
    transform: rotate(-180deg);
}
.carousel-item-type-header .carousel-text-inner {
    width: 100%;
}
#menuBottom {
    width: 100%;
}
#menuBottom ul{
    list-style: none;
    padding: 0;
}
#menuBottom li{
    display: inline;
}
#menuBottom li:before{
    content: '•';
}
#menuBottom li:first-child:before{
    content: '';
}
#menuBottom a{
    text-transform: uppercase;
    margin: 0 10px;
}
#mainnavigation {
    padding-right: 0;
}
.navbar-mainnavigation .dropdown-item .open-sans {
    display: contents;
}
@media (max-width: 567px){
    nav#mainnavigation {
        padding: 0;
        width: 100%;
        margin: 0 -35px;
    }
    #menuBottom a {
        margin: 0 6px;
    }
}
@media (min-width: 992px){
    .navbar-mainnavigation > .container > .collapse > .navbar-nav{
        margin-left: auto;
    }
    .navbar-mainnavigation > .container > .collapse > .navbar-nav a span {
        color: #333;
    }
    .navbar-mainnavigation > .container > .collapse > .navbar-nav:first-child li:first-child a span{
        color: #AF007C;
    }
    .backendlayout-special_start .navbar-mainnavigation > .container > .collapse > .navbar-nav:first-child li:first-child a span{
        color: #ffffff;
    }
    .navbar-mainnavigation > .container > .collapse > .navbar-nav:last-child {
        margin-left: 0;
    }
    .navbar-mainnavigation > .container > .collapse > .navbar-nav:last-child a span {
        color: #333;
    }
    .backendlayout-special_start .navbar-mainnavigation > .container > .collapse > .navbar-nav:first-child a span {
        color: #FFFFFF;
    }
    .navbar-mainnavigation.navbar-transition > .container > .collapse > .navbar-nav:first-child a span {
        color: #333333;
    }
    .dropdown-menu.show > li.firstEle {
        margin-top: 20px;
        padding-top: 20px;
    }
    .navbar-transition .dropdown-menu.show > li.firstEle,
    .pagelevel-0 .dropdown-menu.show > li.firstEle {
        margin-top: 0;
    }
    #mainnavigation ul:first-child li:first-child .nav-link-text {
        width: 47px;
        white-space: initial
    }
}
@media (max-width: 1400px) {
    #main-submenu.one-line {
        bottom: inherit;
    }
}
@media (min-width: 992px) and (max-width: 1400px) {
    #mainnavigation>ul:first-child>li {
        display: none;
    }
    #mainnavigation>ul>li:first-child, #mainnavigation>ul>li:last-child {
        display: block;
    }
}
@media (min-width: 1401px) {
    #main-submenu>span:first-child {
        display: none !important;
    }
    #main-submenu:hover::before {
        content: unset !important;
    }
    .active #main-submenu:before{
        display: none;
    }
}
@media (min-width: 1201px ){
    #mainnavigation hr {
        display: none;
    }
}
@media (max-width: 1200px) {
    .carouselHome .item {
        background: #AF007C !important;
        background-clip: content-box !important;
    }
    .carousel.carouselHome .carousel-item h1 {
        color: #DBD9D3;
    }

}
@media (max-width: 1200px ) and (min-width: 992px ){
    .navbar-transition #mainnavigation .navbar-nav li a span{
        color: #333 !important;
    }
    .backendlayout-special_start .navbar-mainnavigation > .container > .collapse > .navbar-nav:not(:first-child) a span {
        color: #fff !important;
    }
    .backendlayout-special_start #mainnavigation {
        padding-right: 15px;
    }
}
@media (min-width: 992px ){
    #mainnavigation {
        position: relative;
    }
    #mainnavigation .navbar-nav:last-child {
        bottom: 0;
        position: absolute;
        right: 25px;
    }
    #mainnavigation .navbar-nav li.nav-item:last-child > a {
        padding-right: 0;
    }
    #mainnavigation .navbar-nav:first-child li.nav-item:last-child > a {
        padding-right: 1.5rem;
    }
    #page-header.navbar-transition .navbar-brand-image img {
        z-index: 9;
    }
}
@media (max-width: 991px) {
    .navbar-mainnavigation .dropdown-menu {
        margin-left: -16px;
    }
    .dropdown-menu.show > li:first-child,
    .dropdown-menu.show > li,
    .dropdown-menu.show > li:last-child {
        padding: 0;
    }
    .dropdown-menu.show {
        left: 0;
    }
    .navbar-mainnavigation .dropdown-toggle::after {
        color: #AF007C;
    }
    #page-header {
        box-shadow: inset 0 -1px 1px 0 #dadada;
    }
    #mainnavigation br {
        display: none;
    }
    .navbar-fixed-top .navbar-collapse.show, .navbar-fixed-bottom .navbar-collapse.show {
        overflow-y: unset;
    }
    .navbar-mainnavigation.navbar-fixed-top {
        right: 0 !important;
    }
    .navbar-mainnavigation.navbar-fixed-top {
        left: 0 !important;
        padding-left: 40px;
    }
    .navbar-transition .navbar-mainnavigation.navbar-fixed-top {
        left: 40px;
        padding-left: 0;
    }
    .carouselHome .item {
        background: #AF007C !important;
        background-clip: border-box !important;
    }
    header.navbar-mainnavigation > .container > .collapse > .navbar-nav:last-child a span {
        color: #333 !important;
    }
    .navbar-default-transition.navbar-mainnavigation #mainnavigation a:not(.active),
    .navbar-default-transition.navbar-transition.navbar-mainnavigation #mainnavigation a:not(.active){
        color: #2b2b2b!important;
    }
    #mainnavigation .navbar-nav {
        margin-bottom: 0;
        padding-bottom: 0;
    }
    #main-submenu {
        bottom: auto !important;
        display: none;
    }
    #page-header .container button {
        top: 20px;
    }
    #mainnavigation>.navbar-nav:first-child>li.nav-item:first-child>a>span {
        color: #AF007C !important;
    }
    #mainnavigation #main-submenu>span:last-child {
        background: #AF007C;
        color: #fff;
        border: 1px solid #AF007C;
    }
    .navbar-transition#page-header .container button{
        top: 60px;
    }
    #page-header.navbar-transition .navbar-brand-image img {
        max-height: 100%;
        height: 63%;
    }
    #page-header:not(.navbar-transition) .navbar-brand-image img {
        max-height: 100%;
        height: 100%;
    }
    .navbar-mainnavigation .navbar-brand-image img {
        top: 50%;
    }
    .navbar-transition .navbar-brand-image img {
        top: 68%;
    }
    .navbar-transition .navbar-brand {
        height: 110px;
    }
    .navbar-transition #mainnavigation,
    .navbar-mainnavigation > .container > .navbar-collapse{
        margin-top: 0 !important;
    }
    .navbar-nav:first-child {
        margin-top: 1rem;
        padding-top: 1rem;
        border-top: 1px solid #333;
    }
    .navbar-nav:last-child {
        margin-bottom: 0;
    }
    #mainnavigation #main-submenu>span:last-child {
        bottom: 2px;
    }
    .dropdown-menu.show {
        position: relative;
    }
    .dropdown-menu.show > li {
        background: #ffffff;
    }
    .dropdown-menu {
        top: auto;
    }
}
@media (min-width: 768px) and (max-width: 991px){
    .navbar-mainnavigation .navbar-brand {
        height: 70px;
    }
    .navbar-transition .navbar-brand {
        height: 110px;
    }
}
.navbar-collapse {
    align-items: end;
}

.navbar-mainnavigation > .container > .navbar-collapse, .navbar-mainnavigation > .container-fluid > .navbar-collapse {
    margin-top: 32px;
}

.navbar-transition .navbar-mainnavigation > .container > .navbar-collapse, .navbar-mainnavigation > .container-fluid > .navbar-collapse {
    margin-top: 0;
}

.navbar-mainnavigation .navbar-collapse {
    justify-content: space-between;
}
.submenu {
    min-width: calc(3rem + 40px);
}
.submenu ul a:hover {
    color: var(--primary) !important;
}
@media (min-width: 992px) and (max-width: 1401px) {
    .submenu>ul {
        display: none !important;
    }
}
.submenu>a+a {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
}
.hidden {
    display: none;
}
.navbar-transition #mainnavigation #main-submenu>span:last-child {
    background: #AF007C;
    color: #fff !important;
    border: 1px solid #AF007C;
}
.navbar-transition #main-submenu:hover>span:last-child {
    color: #AF007C;
}
.navbar-transition #main-submenu:hover span {
    background: #fff;
    color: #AF007C;
}
#banner-top ul, #banner-top li {
    display: inline-block;
}
#banner-top {
    position: fixed;
    top: 0;
    left: 40px;
    right: 40px;
    height: 40px;
    text-align: right;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 5px;
    z-index: 9;
    width: 100%;
    margin-left: -40px;
    padding-right: 40px;
}
#banner-top {
    background-color: #fff;
}
@media (min-width: 992px){
    .pagelevel-0 #banner-top {
        background-color: transparent;
    }
}
#banner-top .section-main-search form {
    margin-left: 20px;
}
#banner-top .section-main-search input, #banner-top .section-main-search button {
    border: none;
    background: rgba(255,255,255,0.3);
    margin: 0;
    padding: 0 5px;
    color: #AF007C;
}

#banner-top .section-main-search input {
    font-weight: bold;
    border-bottom: 1px #AF007C solid;
}
#banner-top .has-menu {
    display: flex;
}
::placeholder {
    color: #AF007C;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #AF007C;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #AF007C;
}
#banner-top #language-menu ul li {
    font-weight: bold;
    text-transform: uppercase;
}
#banner-top #language-menu ul li.text-muted {
    display: none;
}
#banner-top #language-menu> ul>li:not(.morelanguages, #showMoreLanguagesContent)::before {
    content: "|";
    font-weight: normal;
    margin: 0 5px;
    color: #AF007C;
}
#banner-top #language-menu> ul>li:first-child::before {
    display: none;
}
.icon-loupe-pink {
    border-bottom: 1px solid #AF007C !important;
}
#banner-top #language-menu ul li.search {
    display: none;
}
#language-menu>ul {
    padding: 0;
}
#language-menu a:hover {
    text-decoration: none;
}
#showMoreLanguages {
    margin-left: 5px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    line-height: 18px;
    background-color: #AF007C;
    display: block;
    color: #fff;
    text-decoration: none;
    border: 1px transparent solid;
    -webkit-transition: background-color 0.25s ease-out;
    -moz-transition: background-color 0.25s ease-out;
    -o-transition: background-color 0.25s ease-out;
    transition: background-color 0.25s ease-out;
}
#showMoreLanguages:hover {
    background-color: transparent;
    border: 1px solid #AF007C;
    color: #AF007C;

}
#showMoreLanguagesContent {
    position: relative;
    width: 0;
}
#showMoreLanguagesContent ul {
    display: block;
    position: absolute;
    top:25px;
    right: 0;
    background: #AF007C;
    text-align: right;
    width: 200px;
    padding: 10px;
    opacity: 0;
    -webkit-transition: opacity 0.25s ease-out;
    -moz-transition: opacity 0.25s ease-out;
    -o-transition: opacity 0.25s ease-out;
    transition: opacity 0.25s ease-out;
}
#showMoreLanguagesContent ul.open {
    opacity: 0.8;
}
#showMoreLanguagesContent ul li {
    display: block;
}
#showMoreLanguagesContent ul li a {
    color: #fff !important;
}
#showMoreLanguagesContent ul:not(.open) li,
#showMoreLanguagesContent ul:not(.open) li a {
    font-size: 0 !important;
}
#showMoreLanguagesContent ul.open li a:hover {
    border-bottom: 2px solid #fff;
}
#menuTop ul {
    padding: 0;
}
#menuTop ul > li{
    padding-left: 15px;
}
#menuTop ul > li.search{
    display: none;
}
#menuTop ul > li:first-child{
    padding-left: 20px;
}
#menuTop ul > li i{
    padding-left: 6px;
}
#menuTop ul li a:not(.btn){
    font-weight: bold;
    text-transform: uppercase;
    color: #AF007C;
}
@media (max-width: 991px){
    #contact-modal a.btn-dark {
        color: #fff !important;
    }
    #language-menu>ul>li>a {
        color: #AF007C;
    }
    #language-menu li a#showMoreLanguages {
        color: #ffffff;
    }
}
@media (max-width: 567px) {
    .header-toolbar-last {
        display: none !important;
    }
    #banner-top #language-menu ul li.search {
        display: inline-block;
    }
    #showMoreLanguagesContent > ul {
        display: none;
    }
    #showMoreLanguagesContent > ul.open {
        display: block;
    }
    #contact-modal h1,
    #contact-modal .h1 {
        font-size: 1.5rem;
    }
    #contact-modal .frame.frame-has-backgroundimage {
        padding: 2rem !important;
    }
    #menuTop ul > li.search{
        display: inline-block;
    }
}

/* POP UP ACTUS
----------------------------------------------------------------------------- */
.news .contentCarrousel {
    position: fixed;
    width: 360px;
    height: 400px;
    right: 0;
    top: 280px;
    overflow: hidden;
    z-index: 9999;
}
.pagelevel-0 .news .contentCarrousel {
    top: 30%;
}
#popUpButton {
    background: #e7b042;
    opacity:0.9;
    left: 0;
    top: 0;
    z-index: 998;
    width: 400px;
    height: 400px;
    position: absolute;
    border-radius: 50%;
    transform: scale(0);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    display: flex;
    align-items: center;
    align-content: center;
    overflow: hidden;
}
#popUpButton a {
    color: #333333;
    letter-spacing: unset;
    font-size:18px;
    text-decoration: none !important;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
#popUpButton .title a {
    font-size:22px;
}
#popUpButton #main-submenu-closer:hover {
    border:none;
}
#popUpButton p {
    padding: 0 80px 0 60px;
    margin: 0;
}
#popUpButton p.date {
    padding-bottom: 15px;
}
#popUpButton p.title {
    height: 175px;
    overflow: hidden;
}
#popUpButton .owl-carousel {
    height: 400px;
}
#popUpButton .owl-stage-outer,
#popUpButton .owl-stage,
#popUpButton .owl-carousel.owl-drag .owl-item {
    height: 100%;
}
#popUpButton .buttonClose {
    position: absolute;
    right: 80px;
    top: 50px;
    z-index: 999;
    transform: rotate(45deg);
    background: transparent;
    width: 30px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
}
#popUpButton .buttonClose > span {
    font-size: 4rem;
    color: #333333;
}
#popUpButton .news-listlink-wrap {
    padding: 0 70px 0 0;
    position: absolute;
    bottom: 60px;
    right: 0;
    z-index: 998;
}
#popUpButton .news-listlink-wrap a {
    color: #ffffff;
}
#popUpButton .news-listlink-wrap a:hover,
#popUpButton .news-listlink-wrap a:focus {
    color: #333333;
}
#popUpButton .owl-nav {
    position: absolute;
    bottom: 61px;
    left: 85px;
}
#popUpButton .owl-nav button:before{
    border-top: 4px solid #333;
    border-right: 4px solid #333;
}
#popUpButton .cover{
    display: none;
}
#popUpButton:hover {
    opacity: 1;
}
#popUpButton:hover .cover {
    left: 0;
    top: 0;
    opacity: 0.4;
    z-index: 1;
    width: 400px;
    height: 400px;
    position: absolute;
    border-radius: 50%;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#popUpButton:hover .actu>.infos {
    position: absolute;
    z-index: 998;
    top: 100px;
    left: 0;
}
#popUpButton .actu {
    padding: 100px 0;
}
#popUpButtonOpen {
    background-color: #e7b042 !important;
    color: #333 !important;
    transform: scale(0);
    cursor: pointer;
}
.pagelevel-0 #popUpButtonOpen {
    bottom: 90px;
}

@media (max-width: 991px) {
    .news .contentCarrousel {
        top: 15%;
    }
    .pagelevel-0 .news .contentCarrousel {
        top: 30%;
    }
}
/* BREADCRUMB
----------------------------------------------------------------------------- */
.breadcrumb-section,
.breadcrumb{
    background-color: #e7b042;
}
.breadcrumb-text,
.breadcrumb-item + .breadcrumb-item::before,
.breadcrumb-link{
    color: #333333;
}
.breadcrumb br {
    display: none;
}
.breadcrumb-link:hover {
    color: #333333;
    text-decoration: none;
    border-bottom: 2px solid #333333;
    font-weight: normal !important;
    text-shadow: 1px 0 1px #fff;
}
/* CARROUSEL HOME
----------------------------------------------------------------------------- */
.carouselHome a {
    color: #333333;
}
.carouselHome .item {
    background: linear-gradient(to left, transparent 50%, #AF007C 50%);
    background-clip: content-box;
    padding: 40px !important;
}
.carouselHome .item .valign{
    color: #333333;
}
.carouselHome .item .valign .vcontainer{
    padding: 0 20px;
}
.carouselHome .item .valign .vcontainer .carousel-text-inner{
    width: 100%;
}
.carouselHome .item .valign .vcontainer .carousel-text-inner span:first-child{
    color:#DBD9D3;
}
@media (max-width: 1200px) {
    .carouselHome a {
        color: #DBD9D3;
    }
}
/* PROCESS LINE
----------------------------------------------------------------------------- */
.process-line-sections {
    position: relative;
}
.process-line-sections img {
    width: 100%;
    height: auto;
}
.process-line-sections a:hover {
    background-color: rgba(174, 0, 124, 0.3);
}
/* ACTUS SEARCH
----------------------------------------------------------------------------- */
.news-search-form {
    padding: 40px;
    margin-top:40px;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
}
.news-search-form .form-group {
    display: flex;
    margin-bottom: 0;
}
.news-search-form form input.form-control {
    border: none;
    background: rgba(255,255,255,0.3);
    margin: 0;
    padding: 0 5px;
    color: #AF007C;
    border-bottom: 1px #AF007C solid;
    box-shadow: none;font-size: 25px;
}
.news-search-form button {
    border: none;
    background: rgba(255,255,255,0.3);
    margin: 0;
    padding: 0 5px;
    font-size: 30px;
    color: #AF007C;
}
.news-menu-view {
    margin: 0 25px 4px 40px;
}
.news-menu-view > a.btn{
    margin: 0 15px 31px 0;
}
.news-menu-view ul {
    list-style: none;
    text-align: right;
    float: right;
    padding: 0;
}
.news-menu-view .itemactive > .btn-dark {
    background-color: #AF007C;
    border-color: #AF007C;
}
.news-menu-view ul li.item{
    margin: 0 15px 15px 0;
    display: inline-block;
}
.menuLeftActu {
    padding-left: 40px;
}
#categoriesActus {
    margin: 3px;
    height: 88%;
}
.menuActuFull {
    margin: 0;
}
.menuActuFull > div{
    padding: 0;
}
@media (max-width: 991px) {
    .news-menu-view ul {
        float: left;
        text-align: left;
    }
}
/* YOUTUBE, IFRAME
----------------------------------------------------------------------------- */

.youtube_player {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%;
}

.youtube_player  iframe{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
/* ACTUS LIST, AGENDA LIST
----------------------------------------------------------------------------- */
.news-list-view {
    height: 100%;
}
.news-list-view .article,
.agenda .article{
    display: flex;
    padding: 0 20px 40px 20px;
    margin-bottom: 0;
}
.news-list-view .article article,
.agenda .article article{
    margin: 0;
    background-color: #AF007C;
    width: 100%;
}
.news-list-view .article.white article,
.agenda .article.white article{
    background-color: #ffffff;
}
.news-list-view .article .backgroundImgArt,
.agenda .article .backgroundImgArt{
    background-color: transparent;
    background-size: cover;
}
.news-list-view .article .backgroundImgArt .blogpost-body,
.agenda .article .backgroundImgArt .blogpost-body{
    background: rgba(255,255,255,0.6);
    height: 100%;
}
.news-list-view .news-list-category,
.agenda .news-list-category {
    padding-top: 20px;
    color: #ffff;
    text-transform: uppercase;
}
.news-list-view .news-list-category p {
    display: block;
    margin-bottom: 0;
}
.news-list-view .news-list-category p span:after,
.agenda .news-list-category p span:after {
    content: '|';
    margin: 0 10px;
}
.news-list-view .news-list-category p span:last-child:after,
.agenda .news-list-category p span:last-child:after {
    display: none;
}
.news-list-view .white .news-list-category,
.agenda .white .news-list-category {
    color: #2b2b2b;
}
.news-list-view .backgroundImgArt .news-list-category,
.agenda .backgroundImgArt .news-list-category {
    color: #2b2b2b;
    text-shadow: 2px 2px 20px #fff;
    text-transform: uppercase;
    font-size: 20px;
}
.news-list-view .date,
.agenda .date {
    font-weight: 900;
    color: #FFFFFF;
}
.news-list-view .white .date,
.agenda .white .date {
    font-weight: 900;
    color: #2b2b2b;
}
.news-list-view .backgroundImgArt .date,
.agenda .backgroundImgArt .date {
    font-weight: 900;
    color: #2B2B2B;
    text-shadow: 2px 2px 20px #fff;
}
.news-list-view .blogpost .blogpost-content,
.agenda .blogpost .blogpost-content {
    margin-top: 40px;
    margin-left: 0;
}
.news-list-view .blogpost-content .title,
.agenda .blogpost-content .title{
    text-transform: none;
    font-size: 1.6em;
    letter-spacing:-0.6px;
}
.actusPrio .col:first-child .news-list-view .blogpost-content .title a {
    font-size: 3rem;
}
.actusPrio .news {
    height: 100%;
}
.news-list-view .blogpost-content .title a,
.agenda .blogpost-content .title a{
    color: #FFFFFF;
}
.news-list-view .white .blogpost-content .title a,
.agenda .white .blogpost-content .title a{
    color: #AF007C;
}
.news-list-view .backgroundImgArt .blogpost-content .title a,
.agenda .backgroundImgArt .blogpost-content .title a{
    color: #2B2B2B;
    text-shadow: 2px 2px 20px #fff;
}
.news .news-list-view .article:last-child,
.news .agenda .article:last-child {
    padding-bottom: 40px;
}
.section-column.section-column-third .news .news-list-view .article:last-child{
    padding-bottom: 0;
}
.table th,
.table td {
    padding: 0.5rem 0.5rem;
}
.news-list-item > a {
    display: block;
    width: 100%;
    height: 100%;
    color: #ffffff !important;
    text-decoration: none !important;
}
.news-list-item.backgroundImgArt > a {
    color: #2B2B2B !important;
}
.article.white .news-list-item > a h2{
    color: #AF007C !important;
}
.news-list-item > a:hover {
    text-decoration: none !important;
}
/* ACTUS PAGINATION
----------------------------------------------------------------------------- */
.news .page-navigation {
    padding: 20px;
}
.news .page-navigation > ul {
    position: relative;
    padding-right: 63px;
}
.news .page-navigation > ul li.current {
    background: transparent;
    color: #AF007C;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 50%;
    font-size: 20px;
    line-height: 45px;
    transition: 1s;
    border: 1px solid #AF007C;
}
.news .page-navigation > ul li.noLink,
.news .page-navigation > ul li > a{
    background: #AF007C;
    color: #fff;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 50%;
    font-size: 20px;
    line-height: 45px;
    transition: 1s;
    border: 1px solid #AF007C;
}
.news .page-navigation > ul li.previous > a {
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    bottom: -10px;
    left: -30px;
    position: absolute;
    width: 60px;
    height: 60px;
    font-size: 0;
}
.news .page-navigation > ul li.next > a{
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    bottom: -10px;
    right: 0;
    position: absolute;
    width: 60px;
    height: 60px;
    font-size: 0;
}
.news .page-navigation > ul li.previous > a:before{
    content: '';
    position: absolute;
    height: 30%;
    width: 30%;
    border-top: 1px solid;
    border-left: 1px solid;
    top: 55%;
    left: 55%;
    transform: translate(-50%, -50%) rotate(-45deg);
}
.news .page-navigation > ul li.next > a:before{
    content: '';
    position: absolute;
    height: 30%;
    width: 30%;
    border-top: 1px solid;
    border-left: 1px solid;
    top: 52%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(135deg);
}
.news .page-navigation > ul li.previous a:hover,
.news .page-navigation > ul li.next a:hover,
.news .page-navigation > ul li a:hover {
    color: #AF007C !important;
    background-color: transparent !important;
    border: 1px solid #AF007C;
    text-decoration: none !important;
    transition: 1s;
}
/* ACTUS DETAILS
----------------------------------------------------------------------------- */
.news-single .footer {
    border: none;
    margin: 0;
    color: #2b2b2b;
    padding: 0;
}
.news-single .footer .category {
    padding: 26px 0;
}
.news-single .footer .category span{
    padding-right: 0;
    margin-right: 0;
    text-transform: uppercase;
    font-size: 20px;
    border: none;
}
.news-single .footer .category span:after{
    content: '|';
    margin: 0 10px;
}
.news-single .footer .category span:last-child:after{
    display: none;
}
.news-single .footer .date {
    font-weight: 900;
}
.news-single .article .teaser-text {
    margin-top: 30px;
    font-size: 1.7rem;
    font-weight: 500;
    color: #2b2b2b;
}
.news-single .news-img-wrap {
    width: 100%;
    background: none;
}
.news-single .article .news-img-wrap {
    width: 100%;
    margin-bottom: 40px;
}
.news-single .news-img-wrap .carousel {
    padding: 0;
}
.news-single #carousel-SingleNews a.carousel-control{
    background: none;
    border: none;
}
.news-backlink-wrap {
    margin: 40px 0;
}
.news-single h2,
.news-single .h2 {
    font-size: 2.5rem;
    text-transform: none;
}
.news-single h3,
.news-single .h3,
.news-single h4,
.news-single .h4 {
    text-transform: none;
}
.news-single .header h1 {
    text-transform: none;
}
@media (max-width: 567px){
    .news-single h2,
    .news-single .h2 {
        font-size: 2rem;
    }
    .news-single .header h1 {
        font-size: 2.5rem;
    }
}
/* ACTUS LIEN (ACTUS-FICHIER-URL)
----------------------------------------------------------------------------- */
.news-related {
    border: none;
    width: 100%;
}
.news-related-wrap .news-related {
    padding: 40px;
    display: block;
}
.news-related-wrap .news-related ul {
    list-style: none;
}
.news-related-wrap .news-related.news-related-files {
    padding: 40px 0;
}
.news-related-wrap .news-related.news-related-files ul.media-list {
    padding: 0;
    text-transform: uppercase;
}
.news-related-wrap .news-related.news-related-files ul.media-list .media + .media {
    margin-top: 1rem;
}
.news-related-wrap .news-related.news-related-files ul.media-list li{
    margin: 0;
    line-height: 1.5;
}
.news-related-wrap .news-related.news-related-files .media-list h4 {
    margin-bottom: 0.5rem;
}
.news-related-wrap .news-related.news-related-files .media-list h4 span {
    padding: 0;
    color: inherit;
}
.news-related-wrap .news-related.news-related-files .media-list .uploads-fileicon {
    margin-right: 0.25rem;
}
.news-related-wrap .news-related.news-related-files .media-list .uploads-filedescription {
    text-transform: none;
}
.news-related-wrap .news-related.news-related-links {
    background-color: #fff;
}
.news-related-wrap .news-related.news-related-links ul{
    padding: 0;
}
.news-related-wrap .news-related.news-related-links a{
    margin-right: 10px;
}
.news-related-news {
    margin-top: 40px;
    padding: 0;
}
.news-related-news .article {
    display: flex;
    padding: 0 20px;
    margin: 0;
}
.news-related-news .article .blogpost{
    margin: 0;
    background-color: #AF007C;
}
.news-related-news .corporate.article .blogpost {
    background-color: #FFFFFF;
}
.news-related-news .article .news-list-category,
.news-related-news .article .blogpost-content .title a{
    color: #FFFFFF;
}

.news-related-news .article .date {
    color: #FFFFFF;
    font-weight: 900;
}
.news-related-news .corporate.article .news-list-category ,
.news-related-news .corporate.article .blogpost-content .title a,
.news-related-news .corporate.article .date {
    color: #AF007C;
}
.news-related-news .article .news-list-category span:after{
    content: '|';
    margin: 0 10px;
}
.news-related-news .article .news-list-category span:last-child:after{
    display: none;
}
.news-related-news .article .blogpost-content {
    margin: 40px 0 0 0;
}

/* ACTUS ISOTOPE
----------------------------------------------------------------------------- */
.news-isotope .isotope.iso-col-4 .grid-sizer {
    width: 25%;
}
.news-isotope .isotope.iso-col-4 .isotope-item {
    width: 25%;
}
.news-isotope .isotope.iso-gutter-5 .isotope-item {
    padding:0 20px 40px 20px;
}
@media (max-width: 1200px){
    .news-isotope .isotope.iso-col-4 .isotope-item,
    .news-isotope .isotope.iso-col-4 .grid-sizer {
        width: 33.33333333%;
    }
}
@media (max-width: 991px){
    .news-isotope .isotope-item,
    .news-isotope .isotope.iso-col-4 .isotope-item,
    .news-isotope .grid-sizer,
    .news-isotope .isotope.iso-col-4 .grid-sizer {
        width: 50%;
    }
}
@media (max-width: 768px){
    .news-isotope .isotope-item,
    .news-isotope .isotope.iso-col-4 .isotope-item,
    .news-isotope .grid-sizer,
    .news-isotope .isotope.iso-col-4 .grid-sizer {
        width: 100%;
    }
}
.news-isotope .isotope-item .blog-list-item .bl-item-info {
    min-height: 200px;
}
.news-isotope .isotope-item .blog-list-item {
    background-color: #AF007C;
    color: #ffffff;
    border-right: none;
    cursor: pointer;
    height: 100%;
}
.news-isotope .isotope-item .blog-list-item.white,
.news-isotope .isotope-item .blog-list-item .bl-item-info.icon{
    background-color: #fff;
    color: #2b2b2b;
}
.news-isotope .isotope-item .blog-list-item .bl-item-image-wrap{
    color: #2b2b2b;
}
.news-isotope .isotope-item .blog-list-item .text-primary {
    color: #ffffff !important;
}
.news-isotope .isotope-item  .blog-list-item.white .text-primary {
    color: #AF007C !important;
}

@keyframes resetBiggerWidth {
    from { width:50%;}
    to   { width:25%}
}
@keyframes biggerWidth {
    from { width:25%;}
    to   { width:50%}
}
.news-isotope .isotope .isotope-item.item-big {
    width:50% ;
    animation:0.5s biggerWidth;
}
.news-isotope .isotope-item.reset-big {
    width:25%;
    animation:0.5s resetBiggerWidth;
}
@media (max-width: 1200px) {
    @keyframes biggerWidth {
        from { width:33%;}
        to   { width:66%}
    }
    @keyframes resetBiggerWidth {
        from { width:66%;}
        to   { width:33%}
    }
    .news-isotope .isotope-item {
        width:33%;
    }
    .news-isotope .isotope .isotope-item.item-big {
        width:66%;
        animation:0.5s biggerWidth;
    }
    .news-isotope .isotope-item.reset-big {
        width:33%;
        animation:0.5s resetBiggerWidth;
    }
}
@media (max-width: 991px) {
    @keyframes biggerWidth {
        from { width:50%;}
        to   { width:100%}
    }
    @keyframes resetBiggerWidth {
        from { width:100%;}
        to   { width:50%}
    }
    .news-isotope .isotope-item {
        width:50%;
    }
    .news-isotope .isotope .isotope-item.item-big {
        width:100%;
        animation:0.5s biggerWidth;
    }
    .news-isotope .isotope-item.reset-big {
        width:50%;
        animation:0.5s resetBiggerWidth;
    }
}
@media (max-width: 768px) {
    .news-isotope .isotope .isotope-item,
    .news-isotope .isotope .isotope-item.item-big {
        width:100%;
    }
}

@keyframes biggerHeight {
    from { min-height: 200px;}
    to   { min-height: auto;}
}
@keyframes resetBiggerHeight {
    from { min-height: 580px;}
    to   { min-height: auto;}
}
.news-isotope .isotope-item.item-big .blog-list-item .bl-item-info {
    min-height: auto;
    animation:0.5s biggerHeight;
}
.news-isotope .isotope-item.reset-big .blog-list-item .bl-item-info {
    min-height: 200px;
    animation:0.5s resetBiggerHeight;
}

.news-isotope-8 .isotope-item .blog-list-item .headerbox {
    padding: 40px 40px 70px 40px;
}
.news-isotope-9 .isotope-item .blog-list-item > .headerbox {
    display: none;
}
.news-isotope .isotope-item .blog-list-item .bl-item-image-wrap .headerbox {
    padding: 40px;
}
.news-isotope .isotope-item.item-big .blog-list-item .headerbox {
    padding: 40px;
}
.news-isotope .isotope-item.item-big .blog-list-item .bl-item-info {
    padding-bottom: 70px !important;
}
.news-isotope .isotope-item .blog-list-item:after {
    content: '';
    background-image: url(../Images/plus.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: 52px;
    right: 37px;
    z-index: 1;
}
.news-isotope .isotope-item .blog-list-item:not(.white):after {
    background-image: url(../Images/plus-white.png);
}
.news-isotope .isotope-item.item-big .blog-list-item:after {
    background-image: url(../Images/minus.png);
}
.news-isotope .isotope-item.item-big .blog-list-item:not(.white):after {
    background-image: url(../Images/minus-white.png);
}
@media (max-width: 991px) {
    @keyframes biggerHeight {
        from { min-height: 150px;}
        to   { min-height: auto;}
    }
    @keyframes resetBiggerHeight {
        from { min-height: 400px;}
        to   { min-height: auto;}
    }
    .news-isotope .isotope-item .blog-list-item .bl-item-info {
        min-height: 150px;
    }
    .news-isotope .isotope-item.reset-big .blog-list-item .bl-item-info {
        min-height: 150px;
        animation:0.5s resetBiggerHeight;
    }
}
@media (max-width: 768px) {
    .news-isotope .isotope-item .blog-list-item .bl-item-info {
        min-height: auto;
    }
    .news-isotope .isotope-item.item-big .blog-list-item {
        padding-bottom: 0;
    }
    .news-isotope .isotope-item .blog-list-item:after {
        content: '';
        display: none;
    }
}
.news-isotope-8 .isotope-item .blog-list-item .bl-item-image.bg-image {
    min-height: 400px;
    background-size: cover;
    height: 100%;
}
.news-isotope-9 .isotope-item .blog-list-item .bl-item-image.bg-image {
    padding-bottom: 75%;
}
.news-isotope .isotope-item .blog-list-item .bl-item-image.bg-image .headerbox {
    background: rgba(255,255,255,0.6);
    height: 100%;
    position: absolute;
    width: 100%;
}
.news-isotope .isotope-item.item-big .blog-list-item .bl-item-image.bg-image {
    padding-bottom: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.news-isotope .bl-item-image-wrap {
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.news-isotope-8 .bl-item-image-wrap {
    height: 100%;
}
.news-isotope .bl-item-image {
    position: relative;
    display: block;
    background-color: rgba(130, 130, 130, 0.1);
    z-index: 3;
    transition: 1s all;
}
@media (max-width: 768px) {
    .news-isotope .isotope-item .blog-list-item .bl-item-image.bg-image {
        padding-bottom: 50%;
    }
}
.news-isotope .isotope-item .blog-list-item .bl-item-info.icon::before {
    content: '';
    background-color: #AF007C;
    position: absolute;
    top: -28px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 8;
    border-radius: 50%;
    margin: 7px 0;
    width: 40px;
    height: 40px;
}
.news-isotope .isotope-item .blog-list-item .bl-item-info {
    padding: 15px 20px 70px 20px;
    position: relative;
}
.news-isotope-9 .isotope-item .blog-list-item .bl-item-info{
    padding: 40px 40px 70px 40px;
}
.news-isotope .isotope-item.item-big .blog-list-item .bl-item-info {
    padding: 15px 20px;
}
.news-isotope .isotope-item .blog-list-item .bl-item-title {
    text-transform: none;
    font-size: 1.6em;
    margin-top: 40px;
    padding-bottom: 10px;
}
.news-isotope .isotope-item.item-big .blog-list-item .bl-item-title {
    position: relative;
}
@media (max-width: 768px) {
    .news-isotope .isotope-item .blog-list-item .bl-item-title {
        position: relative;
    }
}
.news-isotope .isotope-item .blog-list-item .news-list-category {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 20px;
    padding-top: 20px;
}
.news-isotope .isotope-item .blog-list-item .bl-item-image-wrap .news-list-category {
    color: #2b2b2b;
    text-shadow: 2px 2px 20px #fff;
}
.news-isotope .isotope-item .white.blog-list-item .news-list-category,
.news-isotope .isotope-item .blog-list-item .bl-item-info.icon .news-list-category {
    color: #2b2b2b;
}
.news-isotope .isotope-item .blog-list-item .news-list-category p {
    display: block;
    margin-bottom: 0;
}
.news-isotope .isotope-item .blog-list-item .date {
    font-weight: 900;
    color: #ffffff;
}
.news-isotope .isotope-item .blog-list-item .bl-item-image-wrap .date {
    text-shadow: 2px 2px 20px #fff;
    color: #2B2B2B;
}
.news-isotope .isotope-item .white.blog-list-item .date,
.news-isotope .isotope-item .blog-list-item .bl-item-info.icon .date {
    color: #2B2B2B;
}
.news-isotope .isotope-item .blog-list-item .bl-item-info a {
    color: #ffffff;
}
.news-isotope .isotope-item .white.blog-list-item .bl-item-info a {
    color: #AF007C;
}

@keyframes biggerDisplay {
    0% { display: none;}
    80% { display: none;}
    100% { display: block;}
}
@keyframes resetBiggerDisplay {
    0% { display: block;}
    80% { display: block;}
    100% { display: none;}
}
.news-isotope-8 .isotope-item .blog-list-item .bl-item-info,
.news-isotope-8 .isotope-item .blog-list-item .bl-item-info .headerbox {
    display: none;
}
.news-isotope-9 .isotope-item .blog-list-item .bl-item-text,
.news-isotope-9 .isotope-item .blog-list-item .bl-item-desc {
    display: none;
}
.news-isotope .isotope-item.item-big .blog-list-item .bl-item-info,
.news-isotope .isotope-item.item-big .blog-list-item .bl-item-info.icon .headerbox,
.news-isotope .isotope-item.item-big .blog-list-item .bl-item-info.icon .bl-item-desc,
.news-isotope .isotope-item.item-big .blog-list-item .bl-item-info.icon .bl-item-text {
    display: block;
    animation: 1s biggerDisplay;
}
.news-isotope-9 .isotope-item.item-big .blog-list-item .bl-item-info .bl-item-text,
.news-isotope-9 .isotope-item.item-big .blog-list-item .bl-item-info .bl-item-desc {
    display: block;
    animation: 1s biggerDisplay;
}
.news-isotope .isotope-item .blog-list-item .bl-item-image-wrap .headerbox {
    display: block;
}
.news-isotope .isotope-item.item-big .blog-list-item .bl-item-image-wrap .headerbox {
    display: none;
}
.news-isotope .isotope-item.reset-big .blog-list-item .bl-item-info {
    display: none;
    animation: 1s resetBiggerDisplay;
}
.news-isotope-9 .isotope-item.reset-big .blog-list-item .bl-item-info {
    display: block;
}

@media (max-width: 768px) {
    .news-isotope .isotope-item .blog-list-item .bl-item-info {
        display: block;
    }
}
.news-isotope .isotope-item .blog-list-item .bl-item-desc {
    color: #ffffff;
}
.news-isotope .isotope-item .white.blog-list-item .bl-item-desc,
.news-isotope .isotope-item .blog-list-item .bl-item-info.icon .bl-item-desc {
    color: #797979;
}
/* AGENDA
----------------------------------------------------------------------------- */
.news ul.pager {
    list-style: none;
    padding: 0;
    text-align: center;
}
.news ul.pager > li{
    display: inline;
}
.news ul.pager > li.previous{
    float: left;
}
.news ul.pager > li.next{
    float: right;
}
form.agendaSearch {
    background-color: #FFFFFF;
    padding: 15px 0 0 0;
}
.selectDay {
    color: #AF007C;
}
/* SEARCH
----------------------------------------------------------------------------- */
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
#googleSearch {
    background-color: #ffffff;
    padding: 40px;
}
#googleSearch .form-rw {
    width: 100%;
}
#googleSearch .form-rw p {
    width: 100%;
}
#googleSearch .form-rw p span.title{
    display: block;
    font-weight: bold;
    border-top: 1px solid;
    padding-top: 10px;
    text-transform: uppercase;
}
#googleSearch .form-rw p span{
    font-size: 15px;
}
#googleSearch .form-rw p span.form-input-group label{
    vertical-align: top;
}
.form-search .form-rw [class^="w-"] {
    width: 100%;
}
.form-search .form-rw [class^="w-"] > label {
    display: block;
}
.form-screener .form-rw [class^="w-"] select {
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
}
#googleSearch .form-rw label {
    width: 25%;
}
.google-search-results .tx-indexedsearch-browsebox .pager-wrapper {
    margin: 20px 0;
    text-align: center;
}
.google-search-results .tx-indexedsearch-browsebox .pager-current {
    font-size: 30px;
    margin: 0 10px;
}
.google-search-results .tx-indexedsearch-browsebox a,
.google-search-results .tx-indexedsearch-browsebox span {
    text-decoration: none !important;
    margin: 0 10px;
    font-size: 30px;
}
.google-search-results .tx-indexedsearch-browsebox .pager-prev,
.google-search-results .tx-indexedsearch-browsebox .pager-next {
    display: inline-block;
    background-color: #AF007C;
    border-radius: 50%;
    padding: 1em !important;
    transition: all 0.4s ease-in-out 0s;
    font-size: 20px;
    vertical-align: bottom;
}
.google-search-results .tx-indexedsearch-browsebox .pager-prev span,
.google-search-results .tx-indexedsearch-browsebox .pager-next span {
    display: none;
}
.google-search-results .tx-indexedsearch-browsebox .pager-prev:before,
.google-search-results .tx-indexedsearch-browsebox .pager-next:before {
    content: '';
    width: 1em;
    height: 1em;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg);
    display: block;
}
.google-search-results .tx-indexedsearch-browsebox .pager-prev:before {
    transform: rotate(225deg);
}
.google-search-results .tx-indexedsearch-browsebox .pager-prev:hover,
.google-search-results .tx-indexedsearch-browsebox .pager-next:hover {
    background-color: #2d2d2d;
}
.tx-indexedsearch-redMarkup {
    background: linear-gradient(to top, #e7b042 50%, transparent 50%);
}
.tx-indexedsearch-res > .tx-indexedsearch-res {
    padding: 20px 0;
}
.tx-indexedsearch-res > .tx-indexedsearch-res br {
    display: none;
}
.tx-indexedsearch-res .result-title > a {
    text-decoration: none !important;
}
.tx-indexedsearch-res .tx-indexedsearch-path > a {
    color: #2b2b2b;
}
.tx-indexedsearch-res .tx-indexedsearch-path > a:hover,
.tx-indexedsearch-res .tx-indexedsearch-path > a:focus {
    text-decoration: none !important;
}
.tx-indexedsearch-res .result-title > a:hover,
.tx-indexedsearch-res .result-title > a:focus {
    color: #AF007C;
    text-decoration: underline !important;
}
.tx-indexedsearch-res > .tx-indexedsearch-res p {
    margin-left:5px;
    display: inline;
}
#search-loading-container {
    text-align: center;
    margin-top: 15px;
    display: none;
}

#search-loading-text {
    margin-top: 15px;
}

#search-loading {
    width: 60px;
    height: 60px;
    margin: 0 auto;
    border-radius: 50%;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    box-shadow: 3px 3px 1px rgb(172,0,123);
    animation: cssload-spin 690ms infinite linear;
    -o-animation: cssload-spin 690ms infinite linear;
    -ms-animation: cssload-spin 690ms infinite linear;
    -webkit-animation: cssload-spin 690ms infinite linear;
    -moz-animation: cssload-spin 690ms infinite linear;
}

#googleSearch #filtersBtn {
    display: none;
}
@keyframes cssload-spin {
    100%{ transform: rotate(360deg);}
}

@-o-keyframes cssload-spin {
    100%{ -o-transform: rotate(360deg); transform: rotate(360deg); }
}

@-ms-keyframes cssload-spin {
    100%{ -ms-transform: rotate(360deg); transform: rotate(360deg); }
}

@-webkit-keyframes cssload-spin {
    100%{ -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@-moz-keyframes cssload-spin {
    100%{ -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
@media (max-width: 1740px) {
    #googleSearch .form-rw label {
        width: 50%;
    }
}
@media (max-width: 1199px) {
    #googleSearch .form-rw label {
        width: 25%;
    }
    #googleSearch .form-rw.filters {
        display: none;
    }
    #googleSearch .form-rw.filters.open {
        display: block;
    }
    #googleSearch #filtersBtn {
        display: inline-block;
    }
}
@media (max-width: 991px) {
    #googleSearch .form-rw {
        display: block;
    }
    #googleSearch.form-search .form-rw [class^="w-"] {
        width: 100%;
    }
    #googleSearch .form-button-rw {
        text-align: center;
    }
    #googleSearch .form-rw label {
        width: 33%;
    }
}
@media (max-width: 767px) {
    #googleSearch .form-rw label {
        width: 50%;
    }
}
@media (max-width: 575px) {
    #googleSearch .form-rw label {
        width: 100%;
    }
}
/* SECTION
----------------------------------------------------------------------------- */
.section .section-row {
    padding: 40px 0;
}
main.section-column.maincontent-wrap>*:first-child {
    padding-top: 0 !important;
}
.section-column.section-column-third {
    padding: 20px;
    display: flex;
}
.section-column.section-column-third > div{
    width: 100%;
}
.section-column.section-column-third > div .frame-container {
    max-width: 100%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.section-column.section-column-third > div .frame-container p span{
    line-height: 5rem;
}
.section-column.section-column-third.small-lineheight > div .frame-container p span{
    line-height: 1.5;
}
/* FRAME
----------------------------------------------------------------------------- */
.section-column .frame .frame-container{
    padding-right: 40px;
    padding-left: 40px;
}

.frame.frame-has-backgroundimage.frame-space-before-extra-small {
    padding-top: 1rem;
}
.frame.frame-has-backgroundimage.frame-space-after-extra-small {
    padding-bottom: 1rem;
}
.frame.frame-has-backgroundimage.frame-space-before-small {
    padding-top: 1.5rem;
}
.frame.frame-has-backgroundimage.frame-space-after-small {
    padding-bottom: 1.5rem;
}
.frame.frame-has-backgroundimage.frame-space-before-medium {
    padding-top: 2rem;
}
.frame.frame-has-backgroundimage.frame-space-after-medium {
    padding-bottom: 2rem;
}
.frame.frame-has-backgroundimage.frame-space-before-large {
    padding-top: 2.5rem;
}
.frame.frame-has-backgroundimage.frame-space-after-large {
    padding-bottom: 2.5rem;
}
.frame.frame-has-backgroundimage.frame-space-before-extra-large {
    padding-top: 3rem;
}
.frame.frame-has-backgroundimage.frame-space-after-extra-large {
    padding-bottom: 3rem;
}
@media (min-width: 1200px) {
    .frame.frame-has-backgroundimage {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    #contact-modal .frame {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }
}
@media (max-width: 1200px) and (min-width: 992px){
    .section-column .frame {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    .section-column .frame .frame-container{
        padding-right: 20px;
        padding-left: 20px;
    }
    .section-column .frame .frame-container .lead{
        font-size: 1.5rem;
    }
}
@media (min-width: 992px) {
    .frame.frame-has-backgroundimage {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .section-column .frame {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem;
    }
}

/* SUBMENU CONTENT
----------------------------------------------------------------------------- */
#main-submenu-contents h3,
#main-submenu-contents h4,
#main-submenu-contents p {
    text-transform: none;
    font-family: "Open Sans";
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 0.5rem;
}
body.language-4 #main-submenu-contents h3,
body.language-4 #main-submenu-contents h4,
body.language-4 #main-submenu-contents p {
    font-family: "Noto Sans JP" !important;
}
#frame-backgroundimage-1998 {
    background-image: url('/fileadmin/Proto/SOHAR_ALU490.JPG');
}
#main-submenu-contents br {
    display: none;
}
#main-submenu {
    position: absolute;
    bottom: 0;
    text-decoration: none !important;
}
body.language-4 #main-submenu span:first-child {
    font-family: "Noto Sans JP" !important;
}
#main-submenu span:first-child {
    font-family: "Open Sans";
    font-size: 14px;
    white-space: nowrap;
    text-transform: uppercase;
    line-height: 1.3rem;
    display: inline-block;
}

#main-submenu:hover {
    text-decoration: none !important;
}

#main-submenu-closer {
    width: 30px;
    height: 30px;
    background: #fff;
    display: block;
    text-align: center;
    border-radius: 50%;
    bottom: 10px;
    position: absolute;
    font-size: 30px;
    line-height: 30px;
    border: 1px solid transparent;
    transition: 1s;
    font-family: "Open Sans" !important;
}
body.language-4 #main-submenu-closer{
    font-family: "Noto Sans JP" !important;
}
#main-submenu>span:last-child,
.backendlayout-special_start .navbar-transition #main-submenu>span:last-child {
    width: 30px;
    height: 30px;
    background: #AF007C;
    display: block;
    text-align: center;
    border-radius: 50%;
    bottom: 10px;
    position: absolute;
    font-size: 30px;
    right: -20px;
    line-height: 30px;
    border: 1px solid transparent;
    transition: 1s;
    font-family: "Open Sans" !important;

}
body.language-4 #main-submenu>span:last-child,
body.language-4 .backendlayout-special_start .navbar-transition #main-submenu>span:last-child
{
    font-family: "Noto Sans JP" !important;
}
#main-submenu:hover>span:last-child,
#main-submenu:focus>span:last-child,
.backendlayout-special_start .navbar-transition #main-submenu:focus>span:last-child,
.backendlayout-special_start .navbar-transition #main-submenu:hover>span:last-child {
    color: #AF007C;
}
.backendlayout-special_start #main-submenu>span:last-child {
    background: #fff;
}
#main-submenu:hover span:last-child,
#main-submenu:focus span:last-child,
.backendlayout-special_start .navbar-transition #main-submenu:hover span:last-child,
.backendlayout-special_start .navbar-transition #main-submenu:focus span:last-child{
    background: transparent;
    border: 1px solid #AF007C;
    text-decoration: none !important;
    transition: 1s;
}
#main-submenu-closer:hover {
    background: transparent;
    border: 1px solid #ffffff;
    text-decoration: none !important;
    transition: 1s;
}
#main-submenu>span:last-child,
.backendlayout-special_start .navbar-transition #main-submenu>span:last-child {
    color: #ffffff;
}
.backendlayout-special_start #main-submenu>span:last-child {
    color: #AF007C;
}
.backendlayout-special_start #main-submenu:hover>span:last-child,
.backendlayout-special_start #main-submenu:focus>span:last-child {
    color: #ffffff;
    border: 1px solid #ffffff;
}
#main-submenu-closer span {
    position: relative;
    color: #AF007C;
}
#main-submenu:hover span,
.backendlayout-special_start .navbar-transition #main-submenu:hover span,
#main-submenu-closer:hover span {
    color: #fff;
}
#main-submenu:hover span:first-child {
    color: #333333 !important;
}
.pagelevel-0 #main-submenu:hover span:first-child {
    color: #ffffff !important;
}
.navbar-transition #main-submenu:hover span:first-child {
    color: #333 !important;
}
#main-submenu>span:last-child::after {
    width: 30px;
    height: 30px;
    background: #AF007C;
    transform: scale(0);
    display: block;
    position: absolute;
    border-radius: 50%;
    transition: 1s ease-in-out;
    content: "";
    top: 0;
    z-index: 9;
}

#main-submenu>span:last-child.open::after {
    transform: scale(110);
    transition: 1s ease-in-out;
}

#main-submenu-contents {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 99999;
    padding: 40px 40px 40px 40px;
    display: none;
}

#main-submenu-contents .row>div a,
#main-submenu-contents .row>div>h3,
#main-submenu-contents .row>div h2 {
    color: #fff;
}
#main-submenu-contents .row>div.purple a,
#main-submenu-contents .row>div.purple>h3,
#main-submenu-contents .row>div.purple h2 {
    color: #AF007C;
    text-shadow: 2px 2px 20px #fff;
}

#main-submenu-contents hr {
    border-top: 2px solid #fff;
}
#main-submenu-contents .purple hr {
    border-top: 2px solid #AF007C;
}
#main-submenu-contents #main-submenu-closer {
    position: absolute;
    right: 40px;
    top: 40px;
    z-index: 999;
    transform: rotate(45deg);
}
#main-submenu-contents h2 {
    text-align: center;
    margin-bottom: 20px;
}
#main-submenu-contents h4 {
    text-transform: none;
}
#main-submenu-contents .row {
    margin: 0;
}
#main-submenu-contents .container >.row > div {
    padding: 2rem 40px;
}
#main-submenu-contents .container {
    padding: 100px;
    height:100%;
    max-height: calc(100vh - 80px);
    overflow-y: auto;
    overflow-x: hidden;
}
#main-submenu-contents .background {
    position: absolute;
    top: 40px;
    left: 40px;
    right: 40px;
    bottom: 40px;
    background: linear-gradient(to left, transparent 33.3%, #fff 33.3%);
}
#main-submenu-contents .background.without {
    position: relative;
}
#main-submenu-contents .background.full {
    background: linear-gradient(to left, transparent 0%, #fff 0%);
}
#main-submenu-contents .pictures {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0.4;
}
#main-submenu-contents a:hover,
#main-submenu-contents a:focus {
    border-bottom: 2px solid #ffffff;
}
#main-submenu-contents .purple h2 a:hover,
#main-submenu-contents .purple h2 a:focus,
#main-submenu-contents .purple h4 a:hover,
#main-submenu-contents .purple h4 a:focus {
    border-bottom: 2px solid #AF007C;
}
#main-submenu-contents a {
    text-decoration: none;
}
#main-submenu-contents .container .col-xl-6:last-child h3 {
    line-height: 1em;
    margin-bottom: 30px;
}

#main-submenu-contents .container {
    padding: 0 100px;
}

#main-submenu-contents .subNav{
    margin-left: 15%;
}
#main-submenu-contents .col-xl-12 .subNav {
    margin-left: 35%;
    text-align: left !important;
}
#main-submenu-contents .nav-picto img{
    max-width: 200px;
    padding: 10px;
    margin: 10px 0 30px 0;
}
#main-submenu-contents .nav-picto a:hover,
#main-submenu-contents .nav-picto a:focus,
#main-submenu-contents .nav-picto a:active{
    border-bottom: none;
}
#main-submenu-contents .col-xl-12 .nav-picto {
    text-align: center !important;
}
#main-submenu-contents .col-xl-12 .nav-picto img {
    max-width: 250px;
}
#main-submenu-contents .zone2 a:hover,
#main-submenu-contents .zone2 a:focus {
    border-bottom: 2px solid #AF007C;
}
#main-submenu-contents .col-xl-12 .nav-picto,
#main-submenu-contents .col-xl-8 .nav-picto{
    text-align: center !important;
}
#main-submenu-contents .col-xl-12 .subNav,
#main-submenu-contents .col-xl-8 .subNav{
    text-align: left !important;
}
#main-submenu-contents .col-xl-12 .nav-picto img,
#main-submenu-contents .col-xl-8 .nav-picto img {
    max-width: 250px;
    width: 100%;
}
#main-submenu-contents .frame-backgroundimage-fade {
    opacity: 0.15;
}
#main-submenu-contents .zone1 .nav-picto .subNav {
    max-width: 250px;
    margin: auto;
    transform: translateX(50px);
}
#main-submenu-contents .zone1 .nav-picto:nth-child(0n+3) .subNav {
    transform: translateX(75px);
}
#main-submenu-contents .zone1 .nav-picto:first-child .subNav {
    transform: translateX(35px);
}
#main-submenu-contents .zone1 .nav-picto:last-child .subNav {
    transform: translateX(61px);
}
#main-submenu-contents .purple hr {
    border-top: 1px solid #999;
    margin: 25px;
}
.zone2 .col-md-6:nth-child(2n+1) {
    margin-left: 33%;
}
.zone2 .col-md-6 {
    padding-left: 20%;
    flex: 0 0 33%;
    max-width: 33% !important;
    padding: 0;
}
.zone2 .col-md-6 h3 {
    transform: translateX(-50px);
}
#main-submenu-contents .row > div.purple .nav-picto a {
    color:#007479;
}
#main-submenu-contents .row > div.purple .nav-picto .subNav a:hover,
#main-submenu-contents .row > div.purple .nav-picto .subNav a:focus {
    border-bottom: 2px solid #007479;
}
#main-submenu-contents .row > div.purple .nav-picto:nth-child(0n+3) a {
    color:#203669;
}
#main-submenu-contents .row > div.purple .nav-picto:nth-child(0n+3) .subNav a:hover,
#main-submenu-contents .row > div.purple .nav-picto:nth-child(0n+3) .subNav a:focus {
    border-bottom: 2px solid #203669;
}
#main-submenu-contents .row > div.purple .nav-picto:first-child a {
    color:#c59c4d;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}
#main-submenu-contents .row > div.purple .nav-picto:first-child .subNav a:hover,
#main-submenu-contents .row > div.purple .nav-picto:first-child .subNav a:focus {
    border-bottom: 2px solid #c59c4d;
}
#main-submenu-contents .row > div.purple .nav-picto:last-child a {
    color:#AF007C;
}
#main-submenu-contents .row > div.purple .nav-picto:last-child .subNav a:hover,
#main-submenu-contents .row > div.purple .nav-picto:last-child .subNav a:focus {
    border-bottom: 2px solid #AF007C;
}
a:empty {
    display:block;
}
#page-footer .footer-section-content a.btn:hover,
#page-footer .footer-section-content a.btn:focus {
    border-bottom: none;
    border-bottom-color: currentcolor;
    background:#7b0058;
    border-color:#7b0058;
}
.juicer-feed {
    max-width: calc(100% - 80px) !important;
}
#mainnavigation > .navbar-nav:first-child > li.nav-item:first-child > a > span {
    font-weight: inherit;
}
#main-submenu-contents .container {
    height: 100% !important;
}
.submenu ul a {
    color: #2b2b2b !important;
}
.frame-backgroundimage-parallax,
.carousel .carousel-backgroundimage-parallax {
    background-attachment: fixed !important;
}
_::-webkit-full-page-media, _:future, :root .frame-backgroundimage-parallax, :root .carousel .carousel-backgroundimage-parallax {
    background-attachment: initial !important;
}
.section-column.section-column-third > div .frame-container {
    top: 0;
    transform: none;
}
@media (max-width: 1200px ){
    #main-submenu-contents .container {
        padding: 0 40px;
    }
    #main-submenu-contents {
        padding: 40px;
    }
    #main-submenu-contents .text-right {
        text-align: left !important;
    }
    #main-submenu-contents .background,
    #main-submenu-contents .background.without,
    #main-submenu-contents .background.full {
        background: linear-gradient(to left, #fff 50%,#fff 50%);
    }
    #main-submenu-contents .row>div a,
    #main-submenu-contents .row>div>h3,
    #main-submenu-contents .row>div h2 {
        color: #AF007C;
    }
    #main-submenu-contents hr {
        border-top: 2px solid #AF007C;
    }
    #main-submenu-contents a:hover,
    #main-submenu-contents a:focus {
        border-bottom: 2px solid #AF007C;
    }
    #main-submenu-contents p {
        font-size: 13px;
    }
    #main-submenu-contents .zone1 .nav-picto .subNav {
        transform: translateX(45px);
    }
    #main-submenu-contents .zone1 .nav-picto:first-child .subNav {
        transform: translateX(31px);
    }
    #main-submenu-contents .zone1 .nav-picto:nth-child(0n+3) .subNav {
        transform: translateX(66px);
    }
    #main-submenu-contents .zone1 .nav-picto:last-child .subNav {
        transform: translateX(56px);
    }
}
@media (min-width: 992px) {
    #mainnavigation ul:first-child li:first-child .nav-link-text {
        width: 47px;
        white-space: initial
    }
}
@media (max-width: 992px ){
    #main-submenu-contents .container {
        padding: 0 20px;
    }
    #main-submenu-contents .container >.row > div {
        padding: 2rem;
    }
    #main-submenu-contents .row{
        margin: 0;
    }
    #popUpButton #main-submenu-closer span {
        color: #ffffff;
    }
}
@media (max-width: 768px ){
    #main-submenu-contents .container {
        padding: 0 25px;
    }
    #main-submenu-contents .nav-picto,
    #main-submenu-contents .zone2 > div {
        text-align: center !important;
    }
    #main-submenu-contents .subNav {
        margin: 0;
    }
    #main-submenu-contents .col-xl-12 .subNav {
        margin-left: 0;
        text-align: center !important;
    }
}
@media (max-width: 575px ){
    #main-submenu-contents .nav-picto a {
        text-align: center;
        display: block;
    }
    #main-submenu-contents .subNav {
        text-align: center;
    }
    #main-submenu-contents .background,
    #main-submenu-contents .background.without,
    #main-submenu-contents .background.full {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
    #main-submenu-contents .container >.row > div {
        padding: 0;
    }
    #main-submenu-contents {
        padding: 40px 20px;
    }
    #main-submenu-contents .zone2{
        padding-bottom: 20px;
    }
    #main-submenu-contents .col-sm-6{
        padding: 0;
    }
    #main-submenu-contents #main-submenu-closer {
        right: 20px;
    }
}
/* POWERMAIL
----------------------------------------------------------------------------- */
.tx-powermail form h3,
.tx-powermail form .powermail_legend {
    font-size: 0;
}
.tx-powermail .container-fluid {
    padding: 0;
}
.powermail_fieldwrap {
    margin-bottom: 1rem;
}
.form-control {
    color: #2d2d2d;
    font-size: 20px;
    border: 1px solid #2d2d2d;
    background-color: #efede9;
}
.form-control:focus {
    color: #2d2d2d;
    border-color: #2d2d2d;
    box-shadow: none;
}
.tx-powermail .powermail_fieldset .powermail_field_error,
.tx-powermail .powermail_fieldset .parsley-error,
.tx-powermail .powermail_fieldset .powermail_form .parsley-error:focus,
.tx-powermail .powermail_fieldset div.error {
    background-color: #ffffff;
    color: #2d2d2d;
    border: 1px solid #AF007C;
}
.tx-powermail .powermail_fieldset .parsley-errors-list,
.tx-powermail .powermail_fieldset .powermail_field_error_container .parsley-errors-list{
    background-color: transparent;
    border: none;
}
.tx-powermail .powermail_fieldset .parsley-errors-list>li {
    color: #AF007C;
    padding: 5px 0 !important;
}
.frame-background-primary .tx-powermail .powermail_fieldset .parsley-errors-list>li {
    color: yellow;
}
.powermail_fieldwrap_type_check .powermail_field_error_container {
    border: none !important;
}
.tx-powermail .powermail_message.powermail_message_error {
    background-image: none;
}
.tx-powermail .powermail_morestep .btn-primary:hover {
    color: #2b2b2b;
    background-color: #d6d8da;
    border-color: #cfd2d4;
}
.tx-powermail .powermail_morestep .btn-primary:active {
    color: #2b2b2b;
    background-color: #cfd2d4;
    border-color: #c9cbce;
}
.tx-powermail .powermail_morestep .btn-primary:focus {
    color: #2b2b2b;
    background-color: #eaebec;
    border-color: #eaebec;
    box-shadow: 0 0 0 0.2rem rgba(205, 206, 207, 0.5);
}
.frame-background-primary .powermail_morestep .btn-primary {
    color: #2b2b2b;
    background-color: #eaebec;
    border-color: #eaebec;
    }
/* CARROUSEL
----------------------------------------------------------------------------- */
.carousel .carousel-backgroundimage-fade,
.frame-backgroundimage-fade {
    opacity: 0.4;
}
h1.carousel-header.h2 {
    font-size: 80px;
}
.carousel .item {
    height: 500px;
}
#page-content .carousel .item {
    height: 400px;
}
.backendlayout-special_start .carousel .item {
    height: 400px;
}
.pagelevel-0 .carousel {
    margin-bottom: 10px;
}
.pagelevel-0 .carousel {
    margin-bottom: 0;
}
.carousel .carousel-control-icon {
    background-color: #AF007C;
    border-radius: 50%;
}
.carousel a:hover .carousel-control-icon {
    background: #2b2b2b;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-image: none;
}
.carousel .carousel-control-icon:before {
    content: '';
    width: 1em;
    height: 1em;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
}
@media (min-width: 768px){
    .carousel .item {
        height: 500px;
    }
    #page-content .carousel .item {
        height: 600px;
    }
    .backendlayout-special_start .carousel .item {
        height: 600px;
    }
}
@media (max-width: 768px) {
    h1.carousel-header.h2 {
        font-size: 60px;
    }
}
@media (max-width: 468px) {
    h1.carousel-header.h2 {
        font-size: 40px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .carousel {
        margin-bottom: -10px;
    }
    .pagelevel-0 .carousel {
        margin-bottom: 0;
    }
}
/* CARD MENU
----------------------------------------------------------------------------- */
.card-menu .card-footer {
    display: none;
}
.card-menu-item {
    padding: 20px;
}
.owl-carousel.card-menu-columns-2 .card-menu-item {
    width: 100%;
}
.owl-carousel .owl-stage, .owl-carousel.owl-drag .owl-item {
    display: flex;
}
.owl-theme .owl-nav {
    margin-top: 0;
}
.owl-carousel.owl-theme .owl-nav button {
    background-color: #AF007C;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    padding: 1em !important;
    transition: all 0.4s ease-in-out 0s;
}
.owl-nav button:before {
    content: '';
    width: 1em;
    height: 1em;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg);
    display: block;
}
.owl-nav button > span {
    display: none;
}
.owl-nav button.owl-prev:before {
    transform: rotate(225deg);
}
.owl-carousel .owl-nav .owl-prev {
    left: -70px;
}
.owl-carousel .owl-nav .owl-next {
    right: -70px;
}
.owl-theme .owl-nav [class*='owl-']:hover {
    background: #2d2d2d;
}
.card-menu-item .card-title a {
    text-decoration: none !important;
}
.card-menu-item .card-title a:hover {
    text-decoration: underline !important;
}
@media (max-width: 1199px) {
    .owl-carousel .owl-nav .owl-prev {
        left: -52px;
    }
}
@media (max-width: 567px) {
    .owl-carousel .owl-nav .owl-prev {
        left: -15px;
    }
    .owl-carousel .owl-nav .owl-next {
        right: -15px;
    }
}
/* Isotope actus
----------------------------------------------------------------------------- */
.see-on {
    margin-top: 20px;
}

.news-header {
    margin-top: 40px;
}

.news-header h2 {
    margin: 0;
    padding: 0;
    float: left;
}

.news-header .btn {
    float: right;
}

.socialMedia .squareSociaux .blogpost .title{
    font-weight: 700;
    padding-bottom: 15px;
}
.socialMedia .squareSociaux .blogpost .date{
    margin: 20px 0;
    font-weight: bold;
}
.socialMedia .blogpost h3.title a {
    text-decoration: none;
}

.socialMedia .blogpost h3.title:hover a {
    text-decoration: underline;
}

.socialMedia .blogpost .submitted {
    margin: 15px 0 10px;
}

.socialMedia .blogpost .blogpost-content {
    margin-left: 0;
    margin-top: 20px;
}

.socialMedia .blogpost .post-info {
    width: 100px;
    border-radius: 50%;
    height: 100px;
    padding: 8px 8px;
    margin: 0 20px 5px 0;
}

.socialMedia .blogpost .post-info .day {
    font-size: 2.5rem;
    margin-top: 10px;
    margin-bottom: -5px;
}

.socialMedia .blogpost .post-info .month {
    font-size: 18px;
    line-height: 1.2;
    text-transform: uppercase;
}
.socialMedia .blogpost .category {
    font-size: 1.5rem;
    padding: 26px 0 26px 26px;
}
.squareActu .blogpost {
    background-color: #AF007C;
}
.squareActu .blogpost .post-info {
    background-color: #ffffff;
    color: #AF007C;
}
.squareActu .blogpost-content .submitted,
.squareActu .blogpost-content .title a,
.squareActu .blogpost .category {
    color: #ffffff;
}
.blogpost {
    background-color: #FFFFFF;
    margin: 0 0 70px;
    position: relative;
}
.rectangle .blogpost {
    background-color: transparent;
}

.blogpost .blogpost-body {
    padding: 40px;
}

.blogpost h2.title {
    margin-bottom: 0;
    margin-top: 0;
    font-size: 2rem;
    text-transform: none;
}
.rectangle .blogpost h2.title {
    font-size: 3rem;
}
.blogpost .submitted {
    font-size: 12px;
    margin: 10px 0;
}

.blogpost .side {
    float: left;
    width: 80px;
}

.blogpost .post-info {
    display: none;
    float: left;
    top: 0;
    left: 25px;
    width: 80px;
    height: 90px;
    padding: 10px 15px;
    background-color: #AF007C;
    color: #ffffff;
    text-align: center;
    z-index: 3;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.blogpost .side .post-info {
    float: none;
}

.blogpost .post-info .day {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1;
    display: block;
}

.blogpost .post-info .month {
    font-size: 18px;
    line-height: 1.2;
    display: inline-block;
}

.blogpost .side span.share {
    font-size: 13px;
    font-weight: 700;
    text-align: right;
    padding-top: 20px;
    display: block;
}

.blogpost .side .social-links {
    margin-top: 0;
}

.blogpost .side .social-links li {
    display: block;
    margin: 0;
}

.blogpost .side .social-links li a {
    width: 100%;
    height: auto;
    display: block;
    font-size: 20px;
    margin-bottom: 0;
    text-align: right;
    background-color: transparent;
    border-color: transparent;
    color: #AF007C;
}

.blogpost .side .social-links li.twitter a:hover {
    background-color: transparent;
    color: #55acee;
    border-color: transparent;
}

.blogpost .side .social-links li.facebook a:hover {
    background-color: transparent;
    color: #3b5998;
    border-color: transparent;
}

.blogpost .side .social-links li.googleplus a:hover {
    background-color: transparent;
    color: #dd4b39;
    border-color: transparent;
}
.blogpost .blogpost-content {
    padding: 0 0 10px;
    margin-left: 100px;
}

.blogpost .blogpost-content b.cat{
    text-transform: uppercase;
}
.blogpost .blogpost-content p:not(.lead){
    margin-bottom: 0;
    font-size: 1.2rem;
    line-height: 1.4;
}
.blogpost .blogpost-content p:not(.lead) a{
    color: #AF007C;
    font-weight: 700;
}

.blogpost footer {
    background-color: #f1f1f1;
    padding: 12px 20px;
    border-top: 1px solid #e8e8e8;
    font-size: 14px;
    line-height: 2;
    clear: both;
}

.blogpost ul.links {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.blogpost ul.links li {
    display: inline-block;
}

.blogpost ul.links li a {
    color: #666666;
    display: inline-block;
}

.blogpost ul.links li a:hover {
    color: #AF007C;
}

.blogpost.full {
    background-color: transparent;
    border: none;
}

.blogpost.full footer {
    border: 1px solid #e8e8e8;
}

.blogpost.full .blogpost-body {
    padding: 20px 0;
}

.blogpost.full .submitted {
    margin: 0 0 20px 0;
}

.blogpost.full .overlay-container {
    margin-bottom: 20px;
}
.rectangle .overlay-container {
    position: relative;
    display: block;
    overflow: hidden;
    opacity: 0.4;
    height: 100%;
}
.rectangle .overlay-container img{
    width: 100%;
}

/* Small devices (tablets, phones less than 767px) */
@media (max-width: 767px) {
    .blogpost .blogpost-content {
        margin-left: 70px;
    }

    .blogpost .side {
        width: 50px;
    }

    .blogpost .post-info {
        width: 50px;
        height: 60px;
        padding: 8px 8px;
        margin: 0 20px 5px 0;
    }

    .blogpost .post-info .day {
        font-size: 20px;
    }

    .blogpost .post-info .month {
        font-size: 11px;
        line-height: 1.2;
    }
}

/* Medium desktop devices and tablets */
@media (min-width: 992px) and (max-width: 1199px) {
    .socialMedia .blogpost footer {
        font-size: 12px;
    }
}

/* Small devices (tablets, phones less than 767px) */
@media (max-width: 767px) {
    .squareSociaux {
        max-width: 100%;
        width: 100%;
    }
    .squareSociaux img {
        margin-left: auto;
        margin-right: auto;
    }
}
@media (max-width: 567px) {
    .blogpost .blogpost-body {
        padding: 25px;
    }
    .actusPrio .col:first-child .news-list-view .blogpost-content .title a {
        font-size: 2.8rem;
    }
}
/* BLOC DE REMONTE DES RESEAUX SOCIAUX
----------------------------------------------------------------------------- */
.socialMedia {
    position: relative;
}
.squareSociaux {
    padding: 20px;
    display: flex;
}
.socialMedia .blogpost {
    margin-bottom: 0;
    width: 100%;
}
.socialMedia .blogpost .blogpost-body {
    padding: 40px 40px 0 40px;
}
.socialMedia .squareSociaux:first-child .blogpost .blogpost-body{
    padding: 40px 33px 0 33px;
}
.socialMedia .squareSociaux .blogpost i{
    background-color: #AF007C;
    color: #fff;
    width: 100px;
    border-radius: 50%;
    height: 100px;
    padding: 8px 8px;
    margin: 0 15px 5px 0;
}
.socialMedia .squareSociaux .blogpost i:before {
    padding: 15px;
    line-height: 1.4;
    font-size: 4rem;
}
/* Contenu Texte-Icone
----------------------------------------------------------------------------- */
.texticon .element-header i {
    margin-bottom: 25px;
}
.texticon .element-header {
    font-size: 60px;
}
.texticon .texticon-content {
    text-transform: uppercase;
}
/* CONTACT MODAL
----------------------------------------------------------------------------- */
#contact-modal .container .row:first-child .btn {
    position: relative;
}
#contact-modal .contactFives .frame.frame-type-header {
    padding-bottom: 0;
}
li.contact, #contact-modal-opener {
    position: relative;
}
#contact-modal-opener::after {
    position: absolute;
    background: #fff;
    color: #AF007C;
    width: 50px;
    height: 50px;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    transform: scale(0);
    transition: 1s ease-in-out;
    content: "";
}
#contact-modal-opener.open::after {
    transform: scale(110);
    transition: 1s ease-in-out;
}
body.language-4 #contact-modal-closer {
    font-family: "Noto Sans JP" !important;
}
#contact-modal-closer {
    font-family: "Open Sans";
}
body.language-4 #contact-modal {
    font-family: "Noto Sans JP" !important;
}
#contact-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #DBD9D3;
    z-index: 999;
    padding: 60px 20px;
    font-family: "Open Sans";
}
#contact-modal>#contact-modal-closer {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 30px;
    height: 30px;
    color: #fff;
    background: #AF007C;
    border-radius: 50%;
    border: 1px transparent solid;
    text-align: center;
    line-height: 30px;
    z-index: 9;
    font-size: 30px;
    transform: rotate(45deg);
    transition: 0.5s;
    text-decoration: none;
}
#contact-modal>#contact-modal-closer:hover {
    background: transparent !important;
    color: #AF007C;
    border-color: #AF007C !important;
    transition: 0.5s;
}
#contact-modal a.link {
    width: 100%;
    text-align: left;
    border: 1px solid black;
    margin-bottom: 10px;
    border-radius: 20px;
    font-weight: bold;
}
#contact-modal .frame.frame-has-backgroundimage {
    padding: 5rem !important;
}
#contact-modal>.scroller .container {
    text-align: left;
}
#contact-modal>.scroller .container h2.element-header {
    display: block;
    width: 100%;
    text-transform: initial !important;
    padding-left: 20px;
    position: relative;
}
#contact-modal>.scroller .container h2.element-header>span {
    text-transform: uppercase;
    font-weight: 500;
    line-height: 20px;
    font-size: 20px;
}
#contact-modal h1 {
    color: #AF007C;
}
#contact-modal>.scroller .container h2.element-header::before {
    content: "•";
    color: #AF007C;
    position: absolute;
    left: 0;
    top: 6px;
    font-size: 2.8rem;
}
#contact-modal>.scroller .container>div:first-child {
    padding-top: 0;
    margin-top: 0;
}
#contact-modal>.scroller .container>div.frame a.btn {
    text-transform: initial !important;
}
#contact-modal>.scroller .container a.btn.btn-dark:hover {
    background-color: #dbd9d3 !important;
    border-color: #dbd9d3 !important;
    color: #2b2b2b !important;
}
#contact-modal>.scroller .container img {
    width: 100%;
    height: auto;
}
#contact-modal>.scroller .container .map-preview {
    width: 100%;
    height: 200px;
    overflow: hidden;
}
#profil-links {
    display: flex;
    justify-content: space-between;
}
@media screen and (max-width: 768px) {
    #contact-modal>.scroller .container>div.frame a.btn {
        margin-bottom: 10px;
    }
    #contact-modal>.scroller .container>div.frame p.text-center {
        margin-bottom: 0;
    }
}
/* Scroll menu
----------------------------------------------------------------------------- */
.nano {
    position : relative;
    width    : 100%;
    height   : 100%;
    overflow : hidden;
}
.nano > .nano-content {
    position      : absolute;
    overflow      : scroll;
    overflow-x    : hidden;
    top           : 0;
    right         : 0;
    bottom        : 0;
    left          : 0;
}
.nano > .nano-content:focus {
    outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
    display: none;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
    display: block;
}
.nano > .nano-pane {
    position   : absolute;
    width      : 10px;
    right      : 0;
    top        : 0;
    bottom     : 0;
    visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
    opacity    : .01;
    -webkit-transition    : .2s;
    -moz-transition       : .2s;
    -o-transition         : .2s;
    transition            : .2s;
    -moz-border-radius    : 5px;
    -webkit-border-radius : 5px;
    border-radius         : 5px;
}
.nano > .nano-pane > .nano-slider {
    background: #444;
    position              : relative;
    margin                : 0 1px;
    -moz-border-radius    : 3px;
    -webkit-border-radius : 3px;
    border-radius         : 3px;
}

#contact-modal .nano > .nano-pane > .nano-slider {
    background: rgba(168,167,162,.5);
}

#main-submenu-contents .nano > .nano-pane > .nano-slider {
    background: rgba(122,0,88,.5);
}
#main-submenu-contents .nano > .nano-pane {
    background: rgba(122,0,88,.3);
}

#contact-modal .nano > .nano-pane {
    background : rgba(168,167,162,.3);
}
/* #7A0058 */
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
    visibility : visible\9; /* Target only IE7 and IE8 with this hack */
    opacity    : 0.99;
}
/* Scroll to top
----------------------------------------------------------------------------- */
.scroll-top {
    background-color: #333;
    border-radius: 50%;
}

@media (max-width: 768px) {
    .scroll-top {
        right: 5px;
    }
}
/* Sitemap
----------------------------------------------------------------------------- */
.frame-type-menu_sitemap ul li a > br,
.frame-type-menu_sitemap_pages ul li a > br,
.frame-type-menu_thumbnail_list .thumbnail-menu-item > a br,
.frame-type-menu_thumbnail_dir .thumbnail-menu-item > a br{
    display: none;
}
/* LIENS RESEAUX SOCIAUX
----------------------------------------------------------------------------- */
.sociallinks-link-label {
    font-size: 0;
}
.footer-sociallinks .sociallinks-link,
.footer-sociallinks .sociallinks-item{
    height: auto;
    width: auto;
}
.sociallinks-link-icon {
    font-size: 2.5rem;
    width: 60px;
    height: 60px;
    border: 1px solid #DBD9D3;
    border-radius: 50%;
    padding: 10px;
}
.sociallinks-link-icon:hover {
    border: 1px solid #DBD9D3;
    background-color: #DBD9D3;
    color: #232323;
}
.sociallinks > .sociallinks-list > .sociallinks-item{
    display: inline-block;
}
/* FOOTER
----------------------------------------------------------------------------- */
#page-footer P,
#page-footer a {
    color: #DBD9D3;
}
#page-footer .footer-section-content a:hover {
    text-decoration: none;
    border-bottom: 2px solid #fff;
}
#page-footer .footer-section-content-column-left,
#page-footer .footer-section-content-column-right,
#page-footer .footer-section-content-column-middle {
    width: 100%;
}
#page-footer .footer-section-content-column-middle p a{
    text-decoration: none;
}
#page-footer .frame {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
}
.footer-section-meta {
    padding: 1rem 0;
}
#page-footer p {
    margin-bottom: 0;
}
#page-footer .btn-light {
    color: #2b2b2b;
}
#page-footer .btn-light:hover,
#page-footer .btn-light:focus {
    color: #ffffff;
}
/* Popup container */
.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: underline;
}

/* The actual popup */
.popup .popuptext {
    visibility: hidden;
    width: 60vw;
    background-color: #555;
    color: #fff;
    text-align: justify;
    border-radius: 6px;
    padding: 8px 8px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    margin-left: -34vw;
}

/* Popup arrow */
.popup .popuptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}

/* CARTE DEBUT
----------------------------------------------------------------------------- */
.card-group-element .card-group-element-item .card-img-top img {
    width: 100%;
    height: 100%;
}
/* CARTE FIN

/* TT_ADDRESS DEBUT
----------------------------------------------------------------------------- */
.tx-ttaddress {
    margin: 0 !important;
}
.tt_address_list .list-group {
    display: none;
}
.tt_address_list .filterSelect {
    width: 100%;
    text-align: center;
    padding: 10px 0;
    background: #e7b042;
    z-index: 500 !important;
}
.tt_address_list .filterSelect #categoriesMap {
    height: 30px;
    display: inline-block;
    margin-right: 15px;
}
.tt_address_list .filterSelect #searchMap {
    display: inline-block;
    width: auto;
}
.tt_address_list .filterSelect #searchMap > input {
    display: inline-block;
    width: auto;
    height: 30px;
    margin-right: 15px;
}
.tt_address_list .filterSelect #searchMap > button {
    display: inline-block;
    height: 30px;
    margin: 0;
    vertical-align: bottom;
}
.marker-cluster {
    background-color: #ffffff;
    background-clip: padding-box;
    border-radius: 20px;
}
.marker-cluster div {
    background-color: rgb(175, 0, 124);
    color: rgb(255, 255, 255);
    width: 30px;
    height: 30px;
    margin-left: 5px;
    margin-top: 5px;
    text-align: center;
    border-radius: 15px;
    font: 12px "Open Sans", Arial, Helvetica, sans-serif;
}
body.language-4 .marker-cluster div {
    font-family: "Noto Sans JP" !important;
}
.marker-cluster div span {
    line-height: 30px;
}
.leaflet-marker-icon .icon_container {
    background-color: rgb(175, 0, 124);
    border-radius: 16px 16px 16px 16px;
    box-shadow: 6px 13px 8px -4px black;
    height: 32px;
    line-height: 32px;
    opacity: 0.9;
    text-align: center;
    width: 32px;
}
.leaflet-marker-icon.secondary .icon_container {
    background-color: #e7b042;
}
.leaflet-marker-icon.grey .icon_container {
    background-color: #9D9D9D;
}
.leaflet-marker-icon .icon_container img{
    vertical-align: middle;
    max-width: 24px !important;
    max-height: 24px!important;
}
.leaflet-marker-icon .icon_arrow{
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 16px solid rgb(175, 0, 124);
    height: 0;
    left: 6px;
    position: relative;
    top: -4px;
    width: 0;
}
.leaflet-marker-icon.secondary .icon_arrow{
    border-top: 16px solid #e7b042;
}
.leaflet-marker-icon.grey .icon_arrow{
    border-top: 16px solid #9d9d9d;
}
.leaflet-container a.btn {
    color: #fff;
}
.leaflet-popup-content li.description p {
    margin: 0;
    display: initial;
}

@media (max-width: 600px) {
    .tt_address_list .filterSelect #categoriesMap,
    .tt_address_list .filterSelect #searchMap > input,
    .tt_address_list .filterSelect #searchMap > button {
        display: block;
        margin: 10px auto auto auto;
    }
}
/* TT_ADDRESS FIN
----------------------------------------------------------------------------- */
/* CONTENU BANNER HEADINGS DEBUT
----------------------------------------------------------------------------- */
.frame-type-wseils_bannerheadings {
    height: 500px;
    overflow: hidden;
}
.frame-type-wseils_bannerheadings > .heading-background,
.frame-type-wseils_bannerheadings > .heading-background30,
.frame-type-wseils_bannerheadings > .heading-thumbnail {
    padding: 40px;
    height: 100%;
    position: relative;
}
.frame-type-wseils_bannerheadings > .heading-thumbnail {
    display: flex;
}
.frame-type-wseils_bannerheadings > .heading-thumbnail > .image-container {
    width: 50%;
    height: 100%;
}
.frame-type-wseils_bannerheadings > .heading-thumbnail.textblockalignment-left {
    flex-direction: row-reverse;
}
.frame-type-wseils_bannerheadings > .heading-thumbnail > .image-container > img{
    width: 100%;
    height: 100%;
}
.frame-type-wseils_bannerheadings .heading-background .backgroundimage-container,
.frame-type-wseils_bannerheadings .heading-background .backgroundimage-container > .backgroundimage,
.frame-type-wseils_bannerheadings .heading-background30 .backgroundimage-container,
.frame-type-wseils_bannerheadings .heading-background30 .backgroundimage-container > .backgroundimage,
.frame-type-wseils_bannerheadings .heading-thumbnail .backgroundimage-container > .backgroundimage {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-position: center;
    background-size: cover;
}
.frame-type-wseils_bannerheadings .heading-background .backgroundimage-container > .backgroundimage,
.frame-type-wseils_bannerheadings .heading-background30 .backgroundimage-container > .backgroundimage {
    background-repeat: no-repeat;
}

.frame-type-wseils_bannerheadings > .heading-background > .content,
.frame-type-wseils_bannerheadings > .heading-background30 > .content {
    position: relative;
    height: 100%;
    width: 50%;
    background-color: #dbd9d3;
    background-clip: content-box;
}
.frame-type-wseils_bannerheadings > .heading-background30 > .content {
    width: 30%;
}
.frame-type-wseils_bannerheadings > .heading-background > .content.noParallax,
.frame-type-wseils_bannerheadings > .heading-background30 > .content.noParallax {
    background-color: #dbd9d3d9;
}
.frame-type-wseils_bannerheadings > .heading-thumbnail > .backgroundimage-container,
.frame-type-wseils_bannerheadings > .heading-thumbnail > .content {
    position: relative;
    height: 100%;
    width: 50%;
}
.frame-type-wseils_bannerheadings > .heading-background.textblockalignment-right .content,
.frame-type-wseils_bannerheadings > .heading-background30.textblockalignment-right .content {
    float: right;
}
.frame-type-wseils_bannerheadings > .heading-background .content > .text,
.frame-type-wseils_bannerheadings > .heading-background30 .content > .text,
.frame-type-wseils_bannerheadings > .heading-thumbnail .content > .text {
    padding: 40px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    width: 100%;
}

.frame-type-wseils_bannerheadings .content > .text h2 {
    font-size: 2.2rem;
}

.frame-type-wseils_bannerheadings > .heading-background.textblockalignment-left .content > .text,
.frame-type-wseils_bannerheadings > .heading-background30.textblockalignment-left .content > .text,
.frame-type-wseils_bannerheadings > .heading-thumbnail.textblockalignment-left .content > .text{
    right: 0;
}
.frame-type-wseils_bannerheadings > .heading-background > .content > .backgroundimage-container > .backgroundimage,
.frame-type-wseils_bannerheadings > .heading-background30 > .content > .backgroundimage-container > .backgroundimage {
    opacity: 0.2;
}
@media (max-width: 1200px) {
    .frame-type-wseils_bannerheadings > .heading-background > .content,
    .frame-type-wseils_bannerheadings > .heading-background30 > .content {
        width: 100%;
    }
    .frame-type-wseils_bannerheadings > .heading-background .content > .text,
    .frame-type-wseils_bannerheadings > .heading-background30 .content > .text {
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        text-align: center !important;
    }
}
@media (max-width: 992px) {
    .frame-type-wseils_bannerheadings > .heading-background,
    .frame-type-wseils_bannerheadings > .heading-background30,
    .frame-type-wseils_bannerheadings > .heading-thumbnail {
        padding: 0;
    }
    .frame-type-wseils_bannerheadings > .heading-background .content > .text,
    .frame-type-wseils_bannerheadings > .heading-background30 .content > .text,
    .frame-type-wseils_bannerheadings > .heading-thumbnail .content > .text {
        padding: 40px 0;
        width: 100%;
    }
    .frame-type-wseils_bannerheadings > .heading-thumbnail {
        display: inherit;
    }
    .frame-type-wseils_bannerheadings > .heading-thumbnail > .backgroundimage-container {
        width: 100%;
        opacity: 0.2;
    }
    .frame-type-wseils_bannerheadings > .heading-thumbnail > .content {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        text-align:center;
        width: 100%;
    }
}
@media (max-width: 991px) and (min-width: 768px) {
    .frame-type-wseils_bannerheadings {
        margin-bottom: -10px;
    }
}
/* CONTENU BANNER HEADINGS FIN
----------------------------------------------------------------------------- */
/* CONTENU CHIFFRES CLES DEBUT
----------------------------------------------------------------------------- */
.frame.frame-type-wseils_keyfigures {
    padding: 0;
    height:100%;
}
.frame.frame-type-wseils_keyfigures.frame-space-before-extra-small {
    padding-top: 1rem;
}
.frame.frame-type-wseils_keyfigures.frame-space-after-extra-small {
    padding-bottom: 1rem;
}
.frame.frame-type-wseils_keyfigures.frame-space-before-small {
    padding-top: 1.5rem;
}
.frame.frame-type-wseils_keyfigures.frame-space-after-small {
    padding-bottom: 1.5rem;
}
.frame.frame-type-wseils_keyfigures.frame-space-before-medium {
    padding-top: 2rem;
}
.frame.frame-type-wseils_keyfigures.frame-space-after-medium {
    padding-bottom: 2rem;
}
.frame.frame-type-wseils_keyfigures.frame-space-before-large {
    padding-top: 2.5rem;
}
.frame.frame-type-wseils_keyfigures.frame-space-after-large {
    padding-bottom: 2.5rem;
}
.frame.frame-type-wseils_keyfigures.frame-space-before-extra-large {
    padding-top: 3rem;
}
.frame.frame-type-wseils_keyfigures.frame-space-after-extra-large {
    padding-bottom: 3rem;
}
.boxNumber {
    margin-bottom: 0;
    height: 100%;
    position: relative;
}
.boxNumber:not(.notlink) {
    display: flex;
}
.boxNumber > a,
div.boxNumber > a > span{
    text-decoration: none !important;
    width: 100%;
    color: #2b2b2b !important;
    padding: 3.5rem 40px;
}
div.boxNumber > a > span {
    display: block;
    padding: 0 40px;
}
div.boxNumber > a .texticon-type-default {
    margin: 0 40px;
    padding: 0;
}
div.boxNumber > a  svg{
    color: #2b2b2b !important;
}
.boxNumber.notlink,
.boxNumber > a {
    padding: 3.5rem 40px;
}
.boxNumber > a:hover,
.boxNumber > a:focus{
    color:#fff !important;
    background-color: #AF007C;
}
.boxNumber > a:hover > span,
.boxNumber > a:focus > span,
.boxNumber > a:hover svg,
.boxNumber > a:focus svg{
    color:#fff !important;
}
.frame-has-backgroundimage .boxNumber > a:hover,
.frame-has-backgroundimage .boxNumber > a:focus{
    color:#fff !important;
    background-color: #AF007C8c;
}
/* CONTENU CHIFFRES CLES FIN
----------------------------------------------------------------------------- */
/* TARTE AU CITRON
----------------------------------------------------------------------------- */
body #tarteaucitronRoot #tarteaucitronAlertBig {
    background: #AF007C;
}
body #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert,
body #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName .tarteaucitronListCookies,
body #tarteaucitron a,
body div#tarteaucitronInfo{
    font-family: "Open Sans" !important;
    font-size: 17px !important;
    font-weight: 500 !important;
}
body.language-4 #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert,
body.language-4 #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong,
body.language-4 #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName .tarteaucitronListCookies,
body.language-4 #tarteaucitron a,
body.language-4 div#tarteaucitronInfo {
    font-family: "Noto Sans JP" !important;
}
body #tarteaucitron #tarteaucitronPrivacyUrl {
    background-color: #dbd9d3;
    color: #2B2B2B !important;
    font-size: 13px;
    padding: 4px 10px;
}

body #tarteaucitronAlertBig #tarteaucitronCloseAlert,
body #tarteaucitronAlertBig #tarteaucitronPersonalize,
body #tarteaucitronAlertBig #tarteaucitronAllDenied2,
body #tarteaucitronAlertBig #tarteaucitronPersonalize2 {
    text-transform: uppercase;
    font-family: "Open Sans" !important;
    margin: 3px;
    color: #fff !important;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: text-bottom;
    user-select: none;
    background-color: #2b2b2b;
    border: 1px solid #2b2b2b !important;
    padding: 0.375rem 0.75rem;
    font-size: 17px;
    line-height: 1.5 !important;
    border-radius: 0;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    box-sizing: border-box;
    width: auto;
}
body.language-4 #tarteaucitronAlertBig #tarteaucitronCloseAlert,
body.language-4 #tarteaucitronAlertBig #tarteaucitronPersonalize,
body.language-4 #tarteaucitronAlertBig #tarteaucitronAllDenied2,
body.language-4 #tarteaucitronAlertBig #tarteaucitronPersonalize2 {
    font-family: "Noto Sans JP" !important;
}
body #tarteaucitronAlertBig #tarteaucitronCloseAlert:hover,
body #tarteaucitronAlertBig #tarteaucitronCloseAlert:focus,
body #tarteaucitronAlertBig #tarteaucitronPersonalize:hover,
body #tarteaucitronAlertBig #tarteaucitronPersonalize:focus,
body #tarteaucitronAlertBig #tarteaucitronAllDenied2:hover,
body #tarteaucitronAlertBig #tarteaucitronAllDenied2:focus,
body #tarteaucitronAlertBig #tarteaucitronPersonalize2:hover,
body #tarteaucitronAlertBig #tarteaucitronPersonalize2:focus {
    background-color: #dbd9d3;
    color: #2b2b2b !important;
}
body #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronClosePanelCookie,
body #tarteaucitron #tarteaucitronClosePanel {
    background: #dbd9d3;
    color: #2b2b2b !important;
}
body #tarteaucitron #tarteaucitronServices {
    overflow-x: auto;
    margin-top: 0 !important;
}
body #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine,
body #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine:hover{
    background: #dbd9d3;
    border: 3px solid #dbd9d3 !important;
    border-top: 5px solid #dbd9d3;
}
body #tarteaucitron .tarteaucitronBorder {
    background: #dbd9d3;
    border: 3px solid #dbd9d3;
    padding-bottom: 40px;
}
body #tarteaucitronRoot .tarteaucitronH1,
body #tarteaucitron #tarteaucitronInfo,
body #tarteaucitronRoot .tarteaucitronH2,
body #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle,
body #tarteaucitron #tarteaucitronServices .tarteaucitronTitle button,
body #tarteaucitronServices_analytic .tarteaucitronName,
body #tarteaucitronServices_analytic .tarteaucitronName > span,
body #tarteaucitronServices_analytic .tarteaucitronName > a{
    color: #2b2b2b !important;
}
body #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle,
body #tarteaucitron #tarteaucitronServices .tarteaucitronTitle button,
body #tarteaucitron #tarteaucitronInfo, #tarteaucitron #tarteaucitronServices .tarteaucitronDetails {
    background: #dbd9d3;
}
body #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow,
body #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny,
body .tac_activate .tarteaucitronAllow {
    font-weight: 400;
    vertical-align: middle;
    user-select: none;
    border: 1px solid #2b2b2b;
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem !important;
    border-radius: 0;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    background-color: #E9E7E0 !important;
    color: #2b2b2b !important;
    opacity: 1 !important;
    text-transform: uppercase;
    font-family: "Open Sans"!important;
    margin: 3px;
}
body.language-4 #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow,
body.language-4 #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny,
body.language-4 .tac_activate .tarteaucitronAllow  {
    font-family: "Noto Sans JP" !important;
}
body .tarteaucitronSelfLink,
body #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronHidden,
body #tarteaucitron #tarteaucitronServices .tarteaucitronHidden {
    background: none;
}
body #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAsk .tarteaucitronAllow,
body #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAsk .tarteaucitronAllow > span:before,
body #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow:hover {
    background-color: #AF007C !important;
    border-color:#AF007C !important;
    color: #ffffff !important;
}
body #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied .tarteaucitronAsk .tarteaucitronDeny,
body #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied .tarteaucitronAsk .tarteaucitronDeny > span:before,
body #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny:hover {
    background-color: #333 !important;
    color: #ffffff !important;
}
body #tarteaucitron #tarteaucitronInfo {
    background: none !important;
    margin-bottom: 25px !important;
}
body #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed {
    border: none !important;
}
body div#tarteaucitronAlertBig:before {
    display: none;
}
body #tarteaucitronRoot #tarteaucitronClosePanel {
    z-index: 9;
    text-transform: uppercase;
    font-family: "Open Sans" !important;
    margin: 3px;
    font-weight: 400;
    border: 1px solid #2b2b2b;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5 !important;
    border-radius: 0;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    color: #fff !important;
    background-color: #2b2b2b;
    width: auto;
}
body.language-4 #tarteaucitronRoot #tarteaucitronClosePanel {
    font-family: "Noto Sans JP" !important;
}
body #tarteaucitronRoot #tarteaucitronClosePanel:hover,
body #tarteaucitronRoot #tarteaucitronClosePanel:focus {
    background-color: #dbd9d3;
    border-color: #2b2b2b;
    color: #2b2b2b !important;
}
body #tarteaucitronRoot .tarteaucitronH1,
body #tarteaucitronRoot .tarteaucitronH2 {
    font-family: "Open Sans" !important;
    text-transform: uppercase;
    line-height: 1 !important;
}
body.language-4 #tarteaucitronRoot .tarteaucitronH1,
body.language-4  #tarteaucitronRoot .tarteaucitronH2 {
    font-family: "Noto Sans JP" !important;
}
body #tarteaucitronRoot .tarteaucitronH1 {
    font-size: 2.8rem;
    margin-top: 60px !important;
}
body #tarteaucitronRoot .tarteaucitronH2 {
    font-size: 1.75rem !important;
    margin-bottom: 15px;
    max-width: 100%;
}
body #tarteaucitron .tarteaucitronH3 {
    font-size: 17px;
    font-family: "Open Sans" !important;
}
body.language-4 #tarteaucitron .tarteaucitronH3 {
    font-family: "Noto Sans JP" !important;
}
body div#tarteaucitronInfo {
    border-top: none !important;
    max-width: 100% !important;
    line-height: 1 !important;
    padding: 15px 15px !important;
}
body #tarteaucitron #tarteaucitronServices .tarteaucitronLine {
    padding: 15px 0 0 !important;
}
body #tarteaucitron #tarteaucitronServices #tarteaucitronServices_analytic > .tarteaucitronLine,
body #tarteaucitron #tarteaucitronServices #tarteaucitronServices_video > .tarteaucitronLine {
    border: none !important;
    background: transparent !important;
}
body #tarteaucitron #tarteaucitronServices .tarteaucitronDetails {
    background: transparent !important;
    display: block !important;
    position: relative !important;
    color: #2b2b2b !important;
    font-size: 17px;
    max-width: 100%;
    padding: 0 10px 10px;
    font-family: "Open Sans" !important;
}
body.language-4 #tarteaucitron #tarteaucitronServices .tarteaucitronDetails {
    font-family: "Noto Sans JP" !important;
}
body #tarteaucitron a {
    text-decoration: underline !important;
}
body #tarteaucitron a:hover,
body #tarteaucitron a:focus {
    text-decoration: none !important;
}
body #tarteaucitronRoot div#tarteaucitron {
    border: 30px solid #dbd9d3;
    background: #dbd9d3;
}
@media (max-width: 768px) {
    body #tarteaucitron #tarteaucitronServices #tarteaucitronServices_analytic > .tarteaucitronLine .tarteaucitronName {
        width: 45% !important;
    }
}
@media (max-width: 560px) {
    body #tarteaucitron #tarteaucitronServices #tarteaucitronServices_analytic > .tarteaucitronLine .tarteaucitronName {
        width: 100% !important;
    }
}
/* TARTE AU CITRON FIN
----------------------------------------------------------------------------- */
/* BTN PREVIEW DEBUT
----------------------------------------------------------------------------- */
#btnPreview > a {
    position: fixed;
    top: 15px;
    right: 15px;
    padding: 10px 30px;
    z-index: 9999999999;
}
#popUpPreview {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    outline: 0;
    z-index: 99999999999;
    transition: opacity .15s linear;
}
#popUpPreview > div {
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    max-width: 500px;
    margin: 40vh auto;
    width: 100%;
    padding: 25px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.2);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
#popUpPreview .buttonClose{
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 999999999999;
    transform: rotate(45deg);
    background: transparent;
    width: 30px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
}
#popUpPreview .buttonClose > span {
    font-size: 4rem;
    color: #333333;
}
#htmlStock {
    display: none;
}
/* BTN PREVIEW FIN
----------------------------------------------------------------------------- */
/* PRODUCT FINDER DEBUT
----------------------------------------------------------------------------- */
.productfinderForm {
    margin-top: 75px;
}
.productfinderForm .form-group{
    position: relative;
}
.productfinderForm .form-group input{
    margin-bottom: 40px;
}
.productfinderForm .form-control{
    border: none;
    opacity: 0.7;
}
.productfinderForm .form-control option:disabled {
    color: #c7c7c7;
}
.productfinderForm .form-group button{
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    border: none;
    background-color: transparent;
}
.productfinderForm .tags .chip {
    display: inline-block;
    padding: 10px 25px 10px 10px;
    border: 1px solid #AF007C;
    color: #AF007C;
    background-color: rgba(239, 237, 233,0.7);
    margin: 10px 10px 10px 0;
    text-transform: uppercase;
    font-size: 15px;
    position: relative;
}

.productfinderForm .tags .chip a {
    position: absolute;
    right: 5px;
    top: -5px;
    transform: rotate(45deg);
    text-decoration: none !important;
}
.productfinderForm .tags .chip a span {
    position: relative;
    color: #AF007C;
    font-size: 35px;
}
.listProducFinder .card,
.listProducFinderRecords .card {
    height: 100%;
}
.listProducFinder .row > div,
.listProducFinderRecords .row > div {
    padding: 20px;
}
.listProducFinder .card .card-menu-item,
.listProducFinderRecords .card .card-menu-item {
    padding: 0;
}
.listProducFinder .card .card-menu-item .card-body,
.listProducFinderRecords .card .card-menu-item .card-body {
    padding: 20px;
}
.listProducFinder .card .card-menu-item .wrap-img,
.listProducFinderRecords .card .card-menu-item .wrap-img {
    position: relative;
    z-index: 1;
}
.listProducFinder .card .card-menu-item .card-img-top,
.listProducFinderRecords .card .card-menu-item .card-img-top {
    display: block;
    background-color: rgba(130, 130, 130, 0.1);
    z-index: 3;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 300px;
}
.listProducFinder .card .card-menu-item .card-img-top img,
.listProducFinderRecords .card .card-menu-item .card-img-top img{
    transition: 1s all;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.listProducFinder .card .card-menu-item .wrap-img:hover .img,
.listProducFinderRecords .card .card-menu-item .wrap-img:hover .img {
    transform: scale(1.2);
}
.listProducFinder .card .card-menu-item .card-img-top a,
.listProducFinderRecords .card .card-menu-item .card-img-top a,
.listProducFinderFile .media a{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.listProducFinder .catList > span,
.listProducFinderRecords .catList > span,
.listProducFinderFile .catList > span {
    display: inline-block;
    padding: 10px;
    border: 1px solid #000000;
    color: #000000;
    margin: 10px 10px 10px 0;
    text-transform: uppercase;
    font-size: 15px;
}
.listProducFinder .catList > span.hidden,
.listProducFinderRecords .catList > span.hidden,
.listProducFinderFile .catList > span.hidden {
    display: none;
}
@keyframes fadeIn {
    0% {display:none; opacity:0;}
    1% {display:block; opacity:0;}
    100% {display:block; opacity:1;}
}
/*This is a fade out example. */
@keyframes fadeOut {
    0% {display:block; opacity:1;}
    99% {display:block; opacity:0;}
    100% {display: none; opacity:0;}
}
.listProducFinder .row > div,
.listProducFinderRecords .row > div {
    display: none;
    opacity: 0;
    animation-iteration-count: 1;
    animation: 4s fadeOut;
}
.listProducFinder .row > .result-show,
.listProducFinderRecords .row > .result-show {
    opacity: 1;
    display: block;
    animation-iteration-count: 1;
    animation: 4s fadeIn;
}
.listProducFinderFile .media {
    display: none;
    opacity: 0;
    animation-iteration-count: 1;
    animation: 4s fadeOut;
    background-color: #fff;
    margin: 20px 0;
    position: relative;
}
.listProducFinderFile .media.result-show {
    opacity: 1;
    display: block;
    animation-iteration-count: 1;
    animation: 4s fadeIn;
}
.listProducFinderFile .media-body {
    padding: 20px;
}
.listProducFinderFile .media-heading {
    text-decoration: none;
}
.listProducFinderFile .media .uploads-fileicon,
.listProducFinderFile .media .uploads-filename {
    color: #AF007C;
}
.listProducFinderFile .media:hover .uploads-fileicon,
.listProducFinderFile .media:hover .uploads-filename {
    color: #333333;
}
.listProducFinderFile .uploads-fileicon {
    font-size: 100px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}
.listProducFinderFile .media-text {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 120px);
}
.formReset {
    text-align: center;
}
.ressourceFinderHeader {
    padding: 3rem 0;
}
.ressourceFinder {
    display: flex;
    margin-bottom: 40px;
}
.ressourceFinder .formFinder {
    width: 25%;
}
.ressourceFinder .formFinder .stickyColForm {
    position: sticky;
    top: 150px;
    padding-bottom: 20px;
    padding: 1.8rem !important;
    color: #2b2b2b !important;
    background-color: #fff;
}
.ressourceFinder .formFinder .stickyColForm h3 {
    font-size: 2rem;
}
.ressourceFinder .formFinder .stickyColForm .productfinderForm {
    margin-top: 30px;
}
.ressourceFinder .formFinder .stickyColForm input {
    margin-bottom: 0;
    background-color: transparent;
    border-bottom: 2px solid;
    opacity: 1;
    padding: 0.375rem 0.9rem;
}
.ressourceFinder .formFinder .stickyColForm .productfinderForm div[class^='subCat']{
    display: none;
    margin-left: 25px;
}
.ressourceFinder .formFinder .stickyColForm .productfinderForm div[class^='subCat']:last-child{
    margin-bottom: 20px;
}
.ressourceFinder .formFinder .stickyColForm .select-cat-ressource {
    background-color: transparent;
    border-bottom: 2px solid;
    opacity: 1;
}
.ressourceFinder .formFinder .stickyColForm .groupCheck {
    display: flex;
    flex-wrap: wrap;
}
.ressourceFinder .formFinder .stickyColForm .groupCheck > .checkbox {
    width: 100%;
}
.ressourceFinder .formFinder .stickyColForm .groupCheck > .checkbox label {
    margin-bottom: 0;
}
.ressourceFinder .formFinder .formReset {
    text-align: right;
}
.ressourceFinder .ressourceFinderList {
    width: 75%;
    padding-left: 20px;
}
.ressourceFinder .ressourceFinderList .results {
    padding: 20px 20px;
    margin-bottom: 0;
    font-size: 2rem;
    opacity: 0.8;
}
.ressourceFinder .ressourceFinderList .card .card-menu-item .card-img-top {
    height: 200px;
}
.ressourceFinder .ressourceFinderList .card .card-menu-item .card-img-top.file-img img {
    opacity: 0.6;
}
.ressourceFinder .ressourceFinderList .card .card-menu-item .card-img-top .bootstrappackageicon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.ressourceFinder .ressourceFinderList .card .card-menu-item .card-img-top .bootstrappackageicon:before {
    font-size: 60px;
}
.ressourceFinder .ressourceFinderList .card .card-menu-item .card-title {
    line-height: 1;
    font-size: 1.7rem;
}
.ressourceFinder .ressourceFinderList .card .card-menu-item .card-title a {
    font-size: 1.2rem;
    text-transform: none;
    line-height: 1.8rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    box-orient: vertical;
}
.ressourceFinder .ressourceFinderList .card .card-menu-item .catList span,
.ressourceFinder .ressourceFinderList .card .card-menu-item .catList button {
    border-radius: 4px;
    border: 1px solid #AF007C;
    background-color: #F5F5F5;
    color: #AF007C;
    font-weight: 600;
    padding: 4px;
    margin: 0 10px 10px 0;
    width: fit-content;
    font-size: 0.8rem;
    transition: 0.5s all;
}
.ressourceFinder .ressourceFinderList .card .card-menu-item .catList button:hover,
.ressourceFinder .ressourceFinderList .card .card-menu-item .catList button:focus {
    background-color: #AF007C;
    color: #fff;
}
.ressourceFinder .ressourceFinderList .card .card-menu-item .catList span.moreCat {
    display: none;
}
.ressourceFinder .grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    justify-items: stretch;
    align-items: stretch;
}
.ressourceFinderList .listProducFinder .card .card-menu-item .card-body .catList {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: flex-start;
}
.ressourceFinderList .listProducFinder .card .card-menu-item .card-body .catList span {
    margin:0;
}
.ressourceFinder .grid-item {
    display: none;
    width: 100%;
}
.ressourceFinder .grid-item.result-show {
    display: block;
}
.ressourceFinder .formFinder .stickyColForm input.powermail_checkbox {
    margin-bottom: 0;
    margin-right: 5px;
}
@media (max-width: 1200px) {    
    .ressourceFinder .grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .ressourceFinder .formFinder {
        width: 30%;
    }
    .ressourceFinder .ressourceFinderList {
        width: 70%;
    }
}
@media (max-width: 992px) {
    .ressourceFinder {
        flex-wrap: wrap;
    }
    .ressourceFinder .formFinder {
        width: 100%;
    }
    .ressourceFinder .ressourceFinderList {
        width: 100%;
        padding-left: 0;
    }
}
@media (max-width: 768px) {
    .listProducFinderFile .uploads-fileicon {
        display: block;
    }
    .listProducFinderFile .media-text {
        width: 100%;
    }    
    .ressourceFinder .grid {
        grid-template-columns: 1fr;
    }
}
/* PRODUCT FINDER FIN
----------------------------------------------------------------------------- */

/* CARROUSEL HOME BEGIN*/
.carouselHome .item .valign .vcontainer .carousel-text-inner span span:first-child {
    color: inherit;
}
@media (max-width:1199px){
    #fivesDynamicTitle span:first-child {
        max-width:100% !important;
        bottom: 180px;
    }
    #fivesDynamicTitle span:last-child {
        bottom:80px;
    }
    #fivesDynamicTitle span {
        right: 0 !important;
        left: 0 !important;
        width: 100% !important;
        text-align: center !important;
        margin: 0 !important;
    }
}

@media (max-width:767px){
    #fivesDynamicTitle span:first-child {
        bottom: 110px;
    }
    #fivesDynamicTitle span:last-child {
        bottom:40px;
    }
}

@media (max-width:470px){
    #fivesDynamicTitle span:first-child {
        bottom: 110px;
    }
    #fivesDynamicTitle span:last-child {
        bottom:60px;
    }
}
.frame-backgroundimage-fade.value-1,
.frame-backgroundimage-fade.value-2,
.frame-backgroundimage-fade.value-3,
.frame-backgroundimage-fade.value-4 {
    display:none;
}

.frame-backgroundimage.value-1 {background-image:url('https://webasset.fivesgroup.com/Corporate/fives-values/fives-value-1-680.jpg');}
.frame-backgroundimage.value-2 {background-image:url('https://webasset.fivesgroup.com/Corporate/fives-values/fives-value-2-680-3.jpg');}
.frame-backgroundimage.value-3 {background-image:url('https://webasset.fivesgroup.com/Corporate/fives-values/fives-value-3-680.jpg');}
.frame-backgroundimage.value-4 {background-image:url('https://webasset.fivesgroup.com/Corporate/fives-values/fives-value-4-680.jpg');}

@media (min-width:768px){
    .frame-backgroundimage.value-1 {background-image:url('https://webasset.fivesgroup.com/Corporate/fives-values/fives-value-1-920.jpg');}
    .frame-backgroundimage.value-2 {background-image:url('https://webasset.fivesgroup.com/Corporate/fives-values/fives-value-2-920.jpg');}
    .frame-backgroundimage.value-3 {background-image:url('https://webasset.fivesgroup.com/Corporate/fives-values/fives-value-3-920.jpg');}
    .frame-backgroundimage.value-4 {background-image:url('https://webasset.fivesgroup.com/Corporate/fives-values/fives-value-4-920.jpg');}
}
@media (min-width:992px){
    .frame-backgroundimage.value-1 {background-image:url('https://webasset.fivesgroup.com/Corporate/fives-values/fives-value-1-1200.jpg');}
    .frame-backgroundimage.value-2 {background-image:url('https://webasset.fivesgroup.com/Corporate/fives-values/fives-value-2-1200.jpg');}
    .frame-backgroundimage.value-3 {background-image:url('https://webasset.fivesgroup.com/Corporate/fives-values/fives-value-3-1200.jpg');}
    .frame-backgroundimage.value-4 {background-image:url('https://webasset.fivesgroup.com/Corporate/fives-values/fives-value-4-1200.jpg');}
}
@media (min-width:1200px){
    .frame-backgroundimage.value-1 {background-image:url('https://webasset.fivesgroup.com/Corporate/fives-values/fives-value-1-1900.jpg');}
    .frame-backgroundimage.value-2 {background-image:url('https://webasset.fivesgroup.com/Corporate/fives-values/fives-value-2-1900.jpg');}
    .frame-backgroundimage.value-3 {background-image:url('https://webasset.fivesgroup.com/Corporate/fives-values/fives-value-3-1900.jpg');}
    .frame-backgroundimage.value-4 {background-image:url('https://webasset.fivesgroup.com/Corporate/fives-values/fives-value-4-1900.jpg');}
}

/* CARROUSEL HOME END*/
/* INBOUND MARKETING BEGIN*/
.iframeInboundMarketing {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100vw;
    z-index: 99999;
    padding: 40px;
    display: none;
    text-align: center;
}
.iframeInboundMarketing iframe{
    width: 100%;
    height: 100%;
    max-width: 800px;
    margin: auto;
}
.iframeInboundMarketing>.iframeInboundMarketing-closer {
    position: absolute;
    right: calc((100% - 800px) / 2 + 15px);
    top: 45px;
    width: 30px;
    height: 30px;
    color: #fff;
    background: #AF007C;
    border-radius: 50%;
    border: 1px transparent solid;
    text-align: center;
    line-height: 30px;
    z-index: 9;
    font-size: 30px;
    transform: rotate(45deg);
    transition: 0.5s;
    text-decoration: none !important;
}
.frame-background-light div:not(.frame-background-primary):not(.frame-background-dark):not(.frame-background-secondary) .iframeInboundMarketing>.iframeInboundMarketing-closer {
    color: #fff !important;
}
.iframeInboundMarketing>.iframeInboundMarketing-closer:hover {
    background: transparent !important;
    color: #AF007C;
    border-color: #AF007C !important;
    transition: 0.5s;
}
.appearInboundMarketing:before {
    width: 30px;
    height: 30px;
    background: rgba(255, 255, 255, 0.2);
    display: block;
    border-radius: 50%;
    backdrop-filter: blur(4px);
    transition: 1s ease-in-out;
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 9999;
}
.appearInboundMarketing.open::before {
    transition: 1s ease-in-out;
    animation: 2s openIframe;
}
.appearInboundMarketing.open::before {
    width: 100vw;
    height: 100vh;
    opacity: 1;
    border-radius: 0;
}
.media-heading {
    text-transform: none;
}
@keyframes openIframe {
    0% {
        opacity:0;
        width: 30px;
        height: 30px;
        border-radius: 50%;
    }
    100% {
        opacity:1;
        width: 100vw;
        height: 100vh;
        border-radius: 0;
    }
}
@media (max-width:992px){
    .iframeInboundMarketing {
        padding: 0;
    }
    .iframeInboundMarketing>.iframeInboundMarketing-closer {
        top: 5px;
    }
}
@media (max-width:800px){
    .iframeInboundMarketing>.iframeInboundMarketing-closer {
        right: 15px;
    }
}
/* INBOUND MARKETING END*/
.powermail_fieldwrap.hidden {
    display: none !important;
}
p.h1.element-header.text-center.purple-title {
    color: #AF007C;
}
#contact-modal  p.h2{
    text-transform: uppercase;
    font-weight: 500;
    line-height: 20px;
    font-size: 20px !important;
    padding-left: 20px;
}
#contact-modal  p.h2.contact::before{
    content: "•";
    color: #AF007C;
    position: absolute;
    left: 0;
    top: 16px;
    font-size: 2.8rem !important;
}
p.h2.menu-plus {
    color: #AF007C;
    text-shadow: 2px 2px 20px #fff;
    text-align: center;
    margin-bottom: 20px;
    text-transform: uppercase !important;
    letter-spacing: -1.6px;
}
p.h2.menu-plus a:hover, p.h2.menu-plus a:focus {
    border-bottom: 2px solid #AF007C !important;
}
/* NEWS REFONTE BEGIN*/
.news-list-view .news-blog {
    container-type: inline-size;
    container-name: newsCard;
    width: 100%;
}
.news-list-view .news-blog.blog-card-list {
    width: calc(100% / 3);
}
.news-list-view .blog-card {
    display: flex;
    flex-direction: column;
    margin: 1rem auto;
    box-shadow: 0 3px 7px -1px rgba(0, 0, 0, 0.1);
    margin-bottom: 1.6%;
    background: #fff;
    line-height: 1.4;
    border-radius: 5px;
    overflow: hidden;
    z-index: 0;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
}
.news-list-view .blog-card a {
    color: inherit;
}
.news-list-view .blog-card a:hover {
    color: #fff;
}
.news-list-view .blog-card:hover .photo {
    transform: scale(1.3) rotate(3deg);
}
.news-list-view .blog-card .meta {
    position: relative;
    z-index: 0;
    height: 200px;
}
.news-list-view .blog-card .photo {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    transition: transform 0.2s;
}
.news-list-view .blog-card .details,
.news-list-view .blog-card .details ul {
    margin: auto;
    padding: 0;
    list-style: none;
}
.news-list-view .blog-card .details {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -100%;
    margin: auto;
    transition: left 0.2s;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    padding: 10px;
    width: 100%;
    font-size: 0.9rem;
}
.news-list-view .blog-card .details a {
    -webkit-text-decoration: dotted underline;
    text-decoration: dotted underline;
}
.news-list-view .blog-card .details ul li {
    display: inline-block;
}
.news-list-view .blog-card .details .author:before {
    font-family: 'premium-line-icons'!important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    margin-right: 10px;
    content: "\e90f";
}
.news-list-view .blog-card .details .date:before {
    font-family: 'premium-line-icons'!important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    margin-right: 10px;
    content: "\ea0d";
}
.news-list-view .blog-card .details .tags ul:before {
    font-family: 'premium-line-icons'!important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    content: "\f01e";
    margin-right: 10px;
}
.news-list-view .blog-card .details .tags li {
    margin-right: 2px;
}
.news-list-view .blog-card .details .tags li:first-child {
    margin-left: -4px;
}
.news-list-view .blog-card .description {
    padding: 1rem;
    background: #fff;
    position: relative;
    z-index: 1;
}
.news-list-view .blog-card .description > p:not(.read-more) {
    display: none;
}
.news-list-view .blog-card .description .main-title {
    line-height: 1;
    margin: 0;
    font-size: 1.7rem;
}
.news-list-view .blog-card .description .subtitle {
    font-size: 1rem;
    font-weight: 300;
    text-transform: uppercase;
    color: #a2a2a2;
    margin-top: 5px;
}
.news-list-view .blog-card .description .read-more {
    text-align: right;
}
.news-list-view .blog-card .description .read-more a {
    color: #af007c;
    display: inline-block;
    position: relative;
}
.news-list-view .blog-card .description .read-more a:after {
    content: "";
    font-family: FontAwesome;
    margin-left: -10px;
    opacity: 0;
    vertical-align: middle;
    transition: margin 0.3s, opacity 0.3s;
}
.news-list-view .blog-card .description .read-more a:hover:after {
    margin-left: 5px;
    opacity: 1;
}
.news-list-view .blog-card p {
    position: relative;
    margin: 1rem 0 0;
}
.news-list-view .blog-card .main-title {
    margin-bottom: 1.25rem !important;
    position: relative;
}
.news-list-view .blog-card .main-title a {
    text-decoration: none !important;
}
.news-list-view .blog-card .main-title a:hover {
    color: #2b2b2b;
}
.news-list-view .blog-card .main-title:after {
    content: "";
    position: absolute;
    height: 5px;
    background: #af007c;
    width: 35px;
    bottom: -0.75rem;
    left: 0;
    border-radius: 3px;
}
.news-list-view .blog-card:hover .details {
    left: 0%;
}
@media (max-width: 1500px){
    #carousel-SingleNews.carousel .carousel-backgroundimage {
        background-size: contain;
        background-repeat: no-repeat;
    }
}
@media (max-width: 1200px){
    .news-list-view .news-blog.blog-card-list {
        width: calc(100% / 2);
    }
}
@media (max-width: 768px){
    .news-list-view .news-blog.blog-card-list {
        width: 100%;
    }
    .row.actusPrio {
        margin: 0;
    }
    .news-search-form {
        max-width: 100%;
    }
}
@container newsCard (min-width: 640px) {
    .news-list-view .blog-card {
        flex-direction: row;
        max-width: 700px;
    }
    .news-list-view .blog-card .meta {
        flex-basis: 40%;
        height: auto;
    }
    .news-list-view .blog-card .description {
        flex-basis: 60%;
    }
    .news-list-view .blog-card .description > p:not(.read-more) {
        display: block;
    }
    .news-list-view .blog-card .description:before {
        transform: skewX(-3deg);
        content: "";
        background: #fff;
        width: 30px;
        position: absolute;
        left: -10px;
        top: 0;
        bottom: 0;
        z-index: -1;
    }
    .news-list-view .blog-card.alt {
        flex-direction: row-reverse;
    }
    .news-list-view .blog-card.alt .description:before {
        left: inherit;
        right: -10px;
        transform: skew(3deg);
    }
    .news-list-view .blog-card.alt .details {
        padding-left: 25px;
    }
}

.chinese-word {
    white-space: nowrap;
}

.pdfviewer .mailBody {
    display: none;
}

.pdfviewer .list-pdf li a {
    word-break: break-all;
}

.pdfviewer iframe {
    height: calc(100vh - 170px);
    width: 100%;
}

.pdfviewer .pdfviewer-button {
    display: none;
    justify-content: center;
}
.pdfviewer .pdfUnique {
    display: none;
}
/* ACCORDION
----------------------------------------------------------------------------- */
.card-header {
    padding: 0;
}