/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */
@font-face {
    font-family: Brandon bold;
    src: url("../fonts/Brandon_bld.otf") format("opentype");
}

@font-face {
    font-family: Brandon light;
    src: url("../fonts/Brandon_light.otf") format("opentype");
}

@font-face {
    font-family: Brandon reg;
    src: url("../fonts/Brandon_reg.otf") format("opentype");
}

@font-face {
    font-family: Brandon med;
    src: url("../fonts/Brandon_med.otf") format("opentype");
}

@font-face {
    font-family: Brandon light italic;
    src: url("../fonts/Brandon_light_it.otf") format("opentype");
}

@font-face {
    font-family: Brandon reg italic;
    src: url("../fonts/Brandon_reg_it.otf") format("opentype");
}

@font-face {
    font-family: Brandon bold italic;
    src: url("../fonts/Brandon_blk_it.otf") format("opentype");
}

@font-face {
    font-family: Lora bold;
    src: url("../fonts/Lora/Lora_bold.ttf") format("opentype");
}

@font-face {
    font-family: Lora reg;
    src: url("../fonts/Lora/Lora_reg.ttf") format("opentype");
}

@font-face {
    font-family: Gotham light;
    src: url("../fonts/GothamLight.ttf") format("opentype");
}

@font-face {
    font-family: RobotoCondensed-Bold;
    src: url("../fonts/RobotoCondensed-Bold.ttf") format("truetype");
}

@font-face {
    font-family: RobotoCondensed-Regular;
    src: url("../fonts/RobotoCondensed-Regular.ttf") format("truetype");
}

@font-face {
    font-family: RobotoCondensed-Light;
    src: url("../fonts/RobotoCondensed-Light.ttf") format("truetype");
}

@font-face {
    font-family: MyriadPro-Regular;
    src: url("../fonts/MyriadPro-Regular.otf") format("opentype");
}

@font-face {
    font-family: MyriadPro-Light;
    src: url("../fonts/MyriadPro-Light.otf") format("opentype");
}

img {
    max-width: 100%;
    height: auto;
    border: 0;
    -ms-interpolation-mode: bicubic;
}

@keyframes bounce {
    0% {
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -ms-transform: translateY(-20px);
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    50% {
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    60% {
        -ms-transform: translateY(-5px);
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }

    80% {
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes prevanim {
    0% {
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    40% {
        -ms-transform: translateX(-20px);
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    50% {
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    60% {
        -ms-transform: translateX(-5px);
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }

    80% {
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes nextanim {
    0% {
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    40% {
        -ms-transform: translateX(20px);
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }

    50% {
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    60% {
        -ms-transform: translateX(5px);
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }

    80% {
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes animmm {
    0% {
        width: 0;
        height: 0;
        border-top-color: #242424;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
        border-radius: 50%;
    }

    50% {
        width: 100%;
        height: 0;
        border-top-color: #242424;
        border-right-color: #242424;
        border-bottom-color: transparent;
        border-left-color: transparent;
        border-radius: 50%;
    }

    100% {
        width: 100%;
        height: 100%;
        border-top-color: #242424;
        border-right-color: #242424;
        border-bottom-color: transparent;
        border-left-color: transparent;
        border-radius: 50%;
    }
}

.header {
    position: absolute;
    width: 100%;
    z-index: 4;
}

.relative {
    position: relative;
}

.inline-block {
    display: inline-block;
}

.vertical-top {
    vertical-align: top;
}

.lgwhite {
    display: block;
}

.lgblack {
    display: none;
}

/***********************************/
/***************MENU****************/
/***********************************/
.menu-navigation {
    position: fixed;
    color: white;
    top: 5%;
    left: 0;
    width: 8%;
    text-align: center;
    z-index: 2;
    transition: all .5s ease;
}

.menu-navigation .menu-open {
    line-height: 23px;
    width: 100%;
    cursor: pointer;
    padding: 5%;
}

.menu-navigation .menu-open svg {
    font-size: 23px;
    vertical-align: bottom;
    margin-right: 5px;
}

.menu-container {
    position: fixed;
    background: black;
    transition: all .5s ease;
    left: -150%;
    z-index: 2;
}

.menu-container a, .menu-container .navbar-nav>li a {
    color: white
}

.menu-container .navbar-nav {
    float: none;
    margin-top: 5%;
}

.menu-container .navbar-nav>li a {
    padding-top: 15px;
    padding-bottom: 5px;
    padding-left: 22px;
}

.menu-container .navbar-nav>li {
    float: left;
    width: 100%;
    font-family: RobotoCondensed-Bold;
    text-transform: uppercase;
    font-size: 15px;
}

.menu-container .nav>li>a:hover, .menu-container .nav>li>a:focus {
    text-decoration: none;
    background-color: transparent;
}

.menu-container .menu-close {
    text-align: right;
    margin-right: 8%;
    margin-top: 13%;
    cursor: pointer;
}

.menu-container .menu-close img {
    width: 12%;
    border: 1px solid #404040;
    border-radius: 15px;
    background: #404040;
}

.align-left {
    text-align: left !important;
}

.align-right {
    text-align: right !important;
}

.float-right {
    float: right;
}

.mt15 {
    margin-top: 15%;
}

.menu-container .icon-img img {
    -webkit-filter: brightness(0) invert(1);
    -ms-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.menu-uk {
    position: fixed;
    color: white;
    top: 7%;
    right: 0;
    width: 7%;
    text-align: center;
    z-index: 2;
    transition: all .5s ease;
}

.menu-uk img {
    width: 25%;
}

.menu-container .menu-uk {
    color: white;
    top: 3% !important;
    left: -5%;
    width: 36%;
    text-align: center;
    z-index: 2;
    transition: all .5s ease;
    position: absolute;
}

.menu-container .social-media .icon-text,
.mobile-social-media .icon-text {
    display: inline-block;
    vertical-align: top;
    line-height: 1.9vw;
    width: 67%;
    margin-top: 0%;
}

.menu-container .social-media .icon-img.icon-text,
.mobile-social-media .icon-img.icon-text {
    margin-top: 2%;
}

.menu-container .social-media .icon-text a {
    color: white;
}

.menu-container .social-media ul.list li a.a-item .circle span em,
.mobile-social-media ul.list li a.a-item .circle span em {
    background: #f28700;
}

.menu-container .social-media ul.list,
.mobile-social-media ul.list {
    width: 96.5%;
    position: relative;
    top: 0%;
    left: 0;
    transform: none;
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin-left: 3%;
    text-align: left;
    margin-top: 4%;
}

.menu-container .social-media ul.list li.list-item,
.mobile-social-media ul.list li.list-item {
    width: 100% !important;
    margin-top: 3.5%;
    display: block;
    margin-bottom: 4%;
    margin-left: 11px;
}

.menu-container .social-media ul.list li a.a-item {
    float: none;
    display: inline-block;
    margin-right: 1%;
    color: white;
}

.mobile-social-media ul.list li a.a-item {
    float: none;
    display: inline-block;
    margin-right: 1%;
}

.menu-container .social-media ul.list li a.a-item .circle {
    background: rgba(255, 255, 255, 1);
}

.menu-container .social-media ul.list li a.a-item .circle:after {
    top: 0.15vw;
    background: black;
}

.mobile-social-media ul.list li a.a-item .circle:after {
    top: 0.15vw;
}

.menu-texture {
    position: absolute;
    bottom: 0%;
    width: 100%;
}

/***********************************/
/**************HEADER***************/
/***********************************/
.logo {
    text-align: center;
}

.logo img {
    width: 12.5%;
    margin-top: 3.2%;
    margin-left: 1.2%;
}

.persistent-header {
    background: white;
    position: fixed;
    top: -100%;
    width: 100%;
    height: 11.5%;
    transition: all .5s ease;
    z-index: 1;
}

.persistent-header .logo img {
    width: 8.5%;
    margin-top: 1%;
    margin-left: 1.2%;
    transition: all .5s ease;
}

.body-histoire .header .logo,
.body-en-continu .header .logo,
.body-english .header .logo,
.body-informations-pratiques .header .logo {
    display: none;
}

.body-histoire .header .persistent-header,
.body-en-continu .header .persistent-header,
.body-english .header .persistent-header,
.body-informations-pratiques .persistent-header {
    top: 0% !important;
}

.body-histoire.user-logged-in .header .persistent-header,
.body-en-continu.user-logged-in .header .persistent-header,
.body-english.user-logged-in .header .persistent-header,
.body-informations-pratiques.user-logged-in .persistent-header {
    top: 78px !important;
}

.body-histoire .header .persistent-header .logo,
.body-histoire .header .persistent-header .logo .lgblack,
.body-en-continu .header .persistent-header .logo,
.body-en-continu .header .persistent-header .logo .lgblack,
.body-english .header .persistent-header .logo,
.body-english .header .persistent-header .logo .lgblack,
.body-informations-pratiques .persistent-header .logo,
.body-informations-pratiques .persistent-header .logo .lgblack {
    display: block !important;
}

.body-histoire .menu-navigation,
.body-en-continu .menu-navigation,
.body-english .menu-navigation,
.body-informations-pratiques .menu-navigation {
    top: 1%;
    color: black !important;
}

.body-histoire.user-logged-in .menu-navigation,
.body-en-continu.user-logged-in .menu-navigation,
.body-english.user-logged-in .menu-navigation,
.body-informations-pratiques.user-logged-in .menu-navigation {
    top: 11%;
    color: black !important;
}

.body-histoire .menu-uk,
.body-en-continu .menu-uk,
.body-english .menu-uk,
.body-informations-pratiques .menu-uk {
    top: 2%;
}

.body-histoire.user-logged-in .menu-uk,
.body-en-continu.user-logged-in .menu-uk,
.body-english.user-logged-in .menu-uk,
.body-informations-pratiques.user-logged-in .menu-uk {
    top: 12%;
}

.body-histoire .persistent-header,
.body-en-continu .persistent-header,
.body-english .persistent-header,
.body-informations-pratiques .persistent-header {
    height: 17.5%;
}

.body-histoire .persistent-header .logo img,
.body-en-continu .persistent-header .logo img,
.body-english .persistent-header .logo img,
.body-informations-pratiques .persistent-header .logo img {
    width: 12.5%;
}

/***********************************/
/***************HOME****************/
/***********************************/
.main-container, .home-top {
    position: relative;
    width: 100%;
}

.home-image {
    width: 100%;
    position: relative;
}

.home-image img {
    width: 100%;
}

.home-text {
    position: absolute;
    top: 54%;
    color: white;
    margin: auto;
    width: 100%;
    text-align: center;
}

.home-text h1 {
    font-family: RobotoCondensed-Bold;
    text-transform: uppercase;
    font-size: 47px;
}

.home-text span {
    font-style: italic;
    font-size: 17px;
    letter-spacing: 0px;
    font-family: MyriadPro-Light;
}

.home-arrow {
    text-align: center;
    cursor: pointer;
}

.home-arrow img {
    width: 6%;
    margin-top: 1%;
    margin-left: -3%;
    position: absolute;
}

.home-arrow.bounce {
    -webkit-animation: bounce 1.5s linear infinite;
    -moz-animation: bounce 1.5s linear infinite;
    animation: bounce 1.5s linear infinite;
}

.home-social-media {
    position: absolute;
    bottom: 0%;
    width: 100%;
}

.home-social-media-items {
    position: relative;
    background-color: white;
    width: 74%;
    margin: auto;
    padding-top: 0.5%;
    padding-left: 2%;
    padding-bottom: 0.4%;
    height: 38px;
}

.home-social-media-items ul.list li.list-item {
    width: 17%!important;
    margin-top: 1%;
}
.home-social-media-items ul.list .icon-text {
    margin-top: 6%;
}

.hsm-item {
    display: inline-block;
    color: black;
    width: 15%;
    vertical-align: top;
    margin-right: 1%;
    cursor: pointer;
}

.hsm-item .icon {
    display: inline-block;
    width: 1.85em;
    border: 1px solid;
    height: 1.9em;
    border-radius: 50%;
    text-align: center;
    vertical-align: top;
    line-height: 1.9em;
}

.hsm-item .icon-text {
    display: inline-block;
    font-family: RobotoCondensed-Regular;
    text-transform: uppercase;
    font-size: 0.9vw;
    font-weight: bold;
    width: 78%;
}

.hsm-item .icon svg {
    width: 1.1em;
    height: 1.1em;
}

.hsm-item:hover>.icon {
    background: #f28700;
}

.hsm-item-10 {
    width: 10%;
    margin-right: 1.5%;
}

.hsm-item-10 .icon-text {
    width: 68%;
}

.hsm-item-12 {
    width: 12%;
}

.hsm-item-12 .icon-text {
    width: 68%;
    line-height: 13px;
}

.hsm-item-13 {
    width: 13%;
    margin-right: 1.5%;
}

.hsm-item-13 .icon-text {
    width: 73%;
    line-height: 13px;
}

.hsm-item-14 {
    width: 14%;
}

.hsm-item-14 .icon-text {
    width: 74%;
}

.hsm-menu {
    width: 100%;
    display: block;
    color: white;
    margin-bottom: 6%;
    padding-left: 20px;
    margin-top: 4%;
}

.hsm-menu .icon {
    width: 1.75em;
    height: 1.75em;
    line-height: 1.75em;
}

.hsm-menu .icon-text {
    width: 75%;
}

.oranye {
    background: #f28700;
    width: 30%;
    height: 100%;
    position: absolute;
}

.hsm-item .icon-img {
    line-height: 1.6em;
}

.hsm-item .icon-img img {
    width: 72%;
}

.hsm-item .icon {
    position: relative
}

.hsm-item .icon:before {
    position: absolute;
    content: '';
    top: -2px;
    left: -2px;
    width: 0;
    height: 0;
    background: transparent;
    border: 2px solid transparent;
    border-radius: 50%;
}

.hsm-item .icon:hover:before {
    animation: animmm 1s linear forwards;
}

ul.list li.list-item {
    width: 13%;
    margin-top: 0.5%;
}

ul.list {
    width: 96.5%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin-left: 1%;
}

ul.list li {
    display: inline-block;
    margin: 0 3px 9px;
    vertical-align: top;
}

ul.list li a.a-item {
    position: relative;
    display: block;
    width: 2vw;
    height: 2vw;
    overflow: hidden;
    color: #000;
    font-family: "Roboto Slab", serif;
    font-size: 1.2vw;
    text-align: center;
    text-decoration: none;
    line-height: 2vw;
    float: left;
    margin-right: 3%;
}

ul.list li a.a-item .icon {
    position: relative;
    z-index: 2;
}

ul.list li a.a-item .circle {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 100%;
}

ul.list li a.a-item .circle:after {
    content: "";
    position: absolute;
    top: 0.145vw;
    left: 0.145vw;
    width: 1.7vw;
    height: 1.7vw;
    border-radius: 100%;
    background: #fff;
}

ul.list li a.a-item .circle span {
    position: absolute;
    width: 50%;
    height: 100%;
    overflow: hidden;
}

ul.list li a.a-item .circle span em {
    position: absolute;
    border-radius: 999px;
    width: 100%;
    height: 100%;
    /* background: #000;*/
    background: #f28700;
    transition: transform 0.25s linear;
}

ul.list li a.a-item .circle span:first-child {
    left: 0%;
}

ul.list li a.a-item .circle span:first-child em {
    left: 100%;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    transform-origin: 0% 50%;
}

ul.list li a.a-item .circle span:last-child {
    left: 50%;
}

ul.list li a.a-item .circle span:last-child em {
    left: -100%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    transform-origin: 100% 50%;
    transition-delay: 0.25s;
}

ul.list li a.a-item:hover .circle span:first-child em, ul.list li a.a-item .circle.hover-child span:first-child em, .hover-first-child {
    transform: rotate(180deg);
    transition: transform 0.3s ease-out;
    transition-delay: 0.15s;
}

ul.list li a.a-item:hover .circle span:last-child em, ul.list li a.a-item .circle.hover-child span:last-child em, .hover-last-child {
    transform: rotate(180deg);
    transition: transform 0.15s linear;
}

ul.list .icon-text {
    width: 100%;
    margin-top: 8.8%;
    font-family: RobotoCondensed-Regular;
    text-transform: uppercase;
    font-size: 0.9vw;
    line-height: 0.5vw;
    font-weight: bold;
}

ul.list .icon-img.icon-text {
    margin-top: 3%;
    line-height: 0.9vw;
}

ul.list .icon-text a {
    color: black;
    text-decoration: none;
}

ul.list .icon img {
    width: 60%;
}

/***********************************/
/************HOME-EVENTS************/
/***********************************/

.view-home-events {
    position: relative;
}

.view-home-events .views-row {
    position: relative;
}

.view-home-events .home-events-fields-wrapper {
    position: absolute;
    width: 21%;
    margin-left: 13%;
    padding: 2%;
    height: 100%;
}

.view-home-events .home-events-bottom {
    position: absolute;
    bottom: 10px;
    padding-right: 10%;
    padding-bottom: 10%;
}

.view-home-events .home-events-fields-wrapper .views-field-counter,
.view-home-events .home-events-fields-wrapper .views-field-counter-1 {
    font-family: RobotoCondensed-Bold;
    text-transform: uppercase;
    font-size: 46px;
}

.view-home-events .home-events-fields-wrapper .views-field-field-tag,
.view-home-events .home-events-fields-wrapper .views-field-field-tag-1 {
    font-family: RobotoCondensed-Regular;
    text-transform: uppercase;
    font-size: 15px;
}

.view-home-events .home-events-fields-wrapper .views-field-title a,
.view-home-events .home-events-fields-wrapper .views-field-title,
.view-home-events .home-events-fields-wrapper .views-field-title-1 a,
.view-home-events .home-events-fields-wrapper .views-field-title-1 {
    font-family: RobotoCondensed-Bold;
    text-transform: uppercase;
    font-size: 27px;
    letter-spacing: -1px;
    line-height: 26px;
    color: black;
}

.view-home-events .home-events-fields-wrapper .views-field-field-subtitle,
.view-home-events .home-events-fields-wrapper .views-field-field-subtitle-1 {
    font-family: RobotoCondensed-Bold;
    text-transform: uppercase;
    font-size: 22px;
    letter-spacing: -1px;
    line-height: 22px;
    color: black;
}

.view-home-events .home-events-fields-wrapper .home-events-button {
    background: #f28700;
    width: 42%;
    margin-top: 5%;
    font-size: 0.9vw;
    font-family: Robotocondensed-Regular;
    text-align: left;
    position: relative;
    text-align: left;
    padding: 0;
}

.view-home-events .home-events-fields-wrapper .home-events-button.more {
    width: 100px;
}

.view-home-events .home-events-fields-wrapper .home-events-button a {
    color: white;
    text-decoration: none;
    width: 100%;
}

.view-home-events .home-events-fields-wrapper .home-events-button svg,
.view-home-events .home-events-fields-wrapper .home-events-button span.en-savoir,
.view-home-events .home-events-fields-wrapper .home-events-button img.image-white,
.view-home-events .home-events-fields-wrapper .home-events-button img.image-orange {
    margin-right: 5%;
    padding-top: 2%;
    position: absolute;
    left: 12%;
    z-index: 3;
}

.view-home-events .home-events-fields-wrapper .home-events-button img.image-white,
.view-home-events .home-events-fields-wrapper .home-events-button img.image-orange {
    width: 16%;
}

.view-home-events .home-events-fields-wrapper .views-field-field-date,
.view-home-events .home-events-fields-wrapper .views-field-field-date-1 {
    font-family: RobotoCondensed-Regular;
    font-size: 15px;
    margin-bottom: 3%;
    margin-top: 3%;
}

.view-home-events .home-events-fields-wrapper .views-field-field-date strong,
.view-home-events .home-events-fields-wrapper .views-field-field-date-1 strong {
    font-family: RobotoCondensed-Bold;
}

.view-home-events .home-events-fields-wrapper .views-field-field-author,
.view-home-events .home-events-fields-wrapper .views-field-field-author-1 {
    font-family: RobotoCondensed-Bold;
    font-size: 12px;
}

.view-home-events .home-events-fields-wrapper .views-field-body,
.view-home-events .home-events-fields-wrapper .views-field-body-1 {
    font-family: RobotoCondensed-Regular;
    font-size: 12px;
}

.view.view-home-events img {
    width: 100%;
}

.view-home-events .views-row-1 .home-events-fields-wrapper {
    background-color: #000000;
    color: white;
}

.view-home-events .views-row-2 .home-events-fields-wrapper {
    background-color: #ffffff;
}

.view-home-events .views-row-3 .home-events-fields-wrapper {
    background-color: #f28700;
}

.view-home-events .views-row-1 .home-events-fields-wrapper .views-field-title a,
.view-home-events .views-row-1 .home-events-fields-wrapper .views-field-title,
.view-home-events .views-row-1 .home-events-fields-wrapper .views-field-title-1 a,
.view-home-events .views-row-1 .home-events-fields-wrapper .views-field-title-1 {
    color: white;
}

.view-home-events .views-row-1 .home-events-fields-wrapper .views-field-counter,
.view-home-events .views-row-1 .home-events-fields-wrapper .views-field-field-tag,
.view-home-events .views-row-2 .home-events-fields-wrapper .views-field-counter,
.view-home-events .views-row-2 .home-events-fields-wrapper .views-field-field-tag,
.view-home-events .views-row-1 .home-events-fields-wrapper .views-field-counter-1,
.view-home-events .views-row-1 .home-events-fields-wrapper .views-field-field-tag-1,
.view-home-events .views-row-2 .home-events-fields-wrapper .views-field-counter-1,
.view-home-events .views-row-2 .home-events-fields-wrapper .views-field-field-tag-1 {
    color: #f28700;
}

.view-home-events .views-row-3 .home-events-fields-wrapper .views-field-counter,
.view-home-events .views-row-3 .home-events-fields-wrapper .views-field-field-tag,
.view-home-events .views-row-3 .home-events-fields-wrapper .views-field-counter-1,
.view-home-events .views-row-3 .home-events-fields-wrapper .views-field-field-tag-1 {
    color: white;
}

.view-home-events .views-row-1 .home-events-fields-wrapper .views-field-field-subtitle {
    color: white;
}

.home-events-button .icon-img {
    display: inline-block;
    margin-left: -12%;
}

.home-events-button .icon-img img {
    width: 62%;
    filter: brightness(0) invert(1);
}

/***********************************/
/************En Continu*************/
/***********************************/
.en-continu .page-header, .en-continu .nav {
    display: none;
}

.encon-expositions {
    width: 75%;
    margin: auto;
    margin-bottom: 8%;
}

.en-continu .big-number,
.body-english .big-number {
    font-family: RobotoCondensed-Bold;
    font-size: 9vw;
    color: black;
    position: absolute;
    top: -18%;
}

.en-continu .encon-title,
.body-english .encon-title {
    font-family: RobotoCondensed-Bold;
    font-size: 3.6vw;
    text-align: center;
    color: black;
    margin-top: 4%;
}

.body-english .encon-expositions {
    margin-top: 3%;
}

.encon-expositions .big-number {
    top: -130px;
    left: -0.8%;
}

.encon-expositions .view-expositions,
.encon-expositions .view-exhibits {
    margin-top: 5%;
}

.encon-expositions .view-expositions .views-row,
.encon-expositions .view-exhibits .views-row {
    width: 48%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    cursor: pointer;
    margin-bottom: 1.3%;
    overflow: hidden;
}

.encon-expositions .view-expositions .views-row:hover .views-field-field-image-principale,
.encon-expositions .view-exhibits .views-row:hover .views-field-field-image-principale {
    opacity: 1;
}

.encon-expositions .view-expositions .views-row:hover .expositions-content,
.encon-expositions .view-exhibits .views-row:hover .expositions-content {
    opacity: 1;
    top: 0%;
}

.encon-expositions .view-expositions .views-row .views-field-field-image-principale,
.encon-expositions .view-exhibits .views-row .views-field-field-image-principale {
    width: 98%;
    transition: all .2s ease;
}

.encon-expositions .view-expositions .views-row .views-field-field-image-principale img,
.encon-expositions .view-exhibits .views-row .views-field-field-image-principale img {
    min-height: 400px;
}

.encon-expositions .view-expositions .views-row .expositions-content,
.encon-expositions .view-exhibits .views-row .expositions-content {
    position: absolute;
    top: 0%;
    width: 98%;
    height: 100%;
    background: black;
    color: white;
    padding: 7%;
    padding-top: 19%;
    opacity: 0;
    transition: all 1s ease;
    top: 105%;
}

.encon-expositions .view-expositions .views-row .expositions-content .views-field-field-category,
.encon-expositions .view-exhibits .views-row .expositions-content .views-field-field-category {
    font-family: RobotoCondensed-Regular;
    text-transform: uppercase;
    font-size: 15px;
    color: #f28700;
}

.encon-expositions .views-row .expositions-content .views-field-title a,
.encon-expositions .views-row .expositions-content .views-field-title,
.encon-expositions .views-row .expositions-content .views-field-field-english-title {
    font-family: RobotoCondensed-Bold;
    text-transform: uppercase;
    font-size: 27px;
    letter-spacing: -1px;
    line-height: 26px;
    color: white;
}

.encon-expositions .view-expositions .views-row .expositions-content .views-field-field-location,
.encon-expositions .view-exhibits .views-row .expositions-content .views-field-field-location {
    font-family: RobotoCondensed-Regular;
    font-size: 15px;
    color: white;
    padding-top: 1.5%;
    padding-bottom: 1.5%;
}

.encon-expositions .view-expositions .views-row .expositions-content .views-field-body,
.encon-expositions .view-exhibits .views-row .expositions-content .views-field-body,
.encon-expositions .views-row .expositions-content .views-field-field-english-body {
    font-family: RobotoCondensed-Regular;
    font-size: 12px;
    color: white;
}

.encon-article {
    width: 100%;
    background-image: url(../images/encontinu-background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 1%;
}

.encon-article .encon-basic-page {
    width: 84%;
}

.encon-article .encon-container {
    width: 100%;
    margin: auto;
    background-color: #f28700;
    padding-left: 15%;
    padding-bottom: 8%;
}

.encon-basic-page-top {
    width: 100%;
    padding-bottom: 5%;
    padding-top: 3%;
    color: black;
}

.encon-article .encon-basic-page-top .encon-title {
    color: white;
}

.encon-article .encon-basic-page-top .encon-sub-title {
    font-family: RobotoCondensed-Regular;
    font-size: 12px;
    color: #f28700;
    text-align: center;
}

.encon-article .kanak {
    position: absolute;
    width: 31%;
    left: 18%;
    top: -9%;
    filter: brightness(70%);
}

.en-continu .encon-article .big-number {
    font-family: RobotoCondensed-Bold;
    font-size: 9vw;
    color: #f28700;
    position: absolute;
    top: -12%;
    right: 15.6%;
}

.encon-article .encon-content {
    font-family: RobotoCondensed-Regular;
    font-size: 13px;
    color: black;
}

.encon-article .encon-content h3,
.encon-article .encon-content h4,
.encon-article .encon-fields label {
    font-family: RobotoCondensed-Bold;
    color: white;
}

.encon-article .encon-fields label {
    margin-bottom: 1px;
}

.encon-article .encon-left {
    display: inline-block;
    vertical-align: top;
    width: 70%;
    padding-right: 6%;
}

.encon-article .encon-right {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    margin-top: 22px;
}

.encon-article .field--name-field-basic-tarifs .field--label {
    display: none;
}

.encon-fields {
    line-height: 1.2vw;
    margin-bottom: 3%;
}

.encon-culturel {
    background: #ededed;
    padding-bottom: 1%;
}

.encon-culturel .region {
    width: 72%;
    margin-left: 12%;
    margin-bottom: 8%;
}

.encon-culturel .culturel-content {
    background: white;
    padding: 8%;
    min-height: 330px;
}

.encon-culturel .encon-title {
    font-family: RobotoCondensed-Bold;
    font-size: 45px;
    text-align: center;
    color: black;
    padding-top: 4%;
    padding-bottom: 4%;
    margin-top: 0%;
}

.encon-culturel .big-number {
    font-family: RobotoCondensed-Bold;
    font-size: 9vw;
    color: black;
    position: absolute;
    top: -9.5%;
    left: 11.6%;
}

.encon-culturel .culturel-content .views-field-field-category {
    font-family: RobotoCondensed-Regular;
    text-transform: uppercase;
    font-size: 1.1vw;
    color: #f28700;
}

.encon-culturel .culturel-content .views-field-title a,
.encon-culturel .culturel-content .views-field-title {
    font-family: RobotoCondensed-Bold;
    text-transform: uppercase;
    font-size: 27px;
    letter-spacing: -1px;
    line-height: 26px;
    color: black;
}

.encon-culturel .culturel-content .views-field-field-date {
    font-family: RobotoCondensed-Bold;
    color: black;
    font-size: 1vw;
    margin-top: 2.5%;
}

.encon-culturel .culturel-content .views-field-field-location {
    font-family: RobotoCondensed-Regular;
    font-size: 1vw;
    color: black;
    padding-bottom: 1.5%;
    margin-top: -1%;
}

.encon-culturel .culturel-content .views-field-body {
    font-family: RobotoCondensed-Regular;
    font-size: 0.9vw;
    color: black;
}

.encon-culturel .culturel-content .views-field-field-tariff {
    font-family: RobotoCondensed-Regular;
    font-size: 0.9vw;
    color: #f28700;
    margin-top: 1%;
}

.encon-culturel .owl-prev.disabled, .encon-culturel .owl-next.disabled,
.encon-culturel .owl-prev.disabled:hover, .encon-culturel .owl-next.disabled:hover {
    border: 1px solid #cccccc !important;
    width: 45px;
    color: white;
    background: #cccccc !important;
    font-size: 20px !important;
    height: 45px;
    line-height: 20px !important;
}

.encon-culturel .owl-prev span, .encon-culturel .owl-next span {
    color: white;
    font-size: 47px !important;
}

.encon-culturel .owl-prev {
    position: absolute;
    top: 47%;
    left: -7%;
    -webkit-animation: prevanim 1.5s linear infinite;
    -moz-animation: prevanim 1.5s linear infinite;
    animation: prevanim 1.5s linear infinite;
}

.encon-culturel .owl-next {
    position: absolute;
    top: 47%;
    right: -7%;
    -webkit-animation: nextanim 1.5s linear infinite;
    -moz-animation: nextanim 1.5s linear infinite;
    animation: nextanim 1.5s linear infinite;
}

.encon-culturel .owl-prev.disabled, .encon-culturel .owl-next.disabled {
    -webkit-animation: none;
    -moz-animation: none;
    animation: none;
}

.encon-culturel .owl-prev, .encon-culturel .owl-next,
.encon-culturel .owl-prev:hover, .encon-culturel .owl-next:hover {
    border: 1px solid #f28700 !important;
    width: 45px;
    color: white;
    background: #f28700 !important;
    font-size: 20px !important;
    height: 45px;
    line-height: 20px !important;
}

/***********************************/
/*************Services**************/
/***********************************/
.infos-practique .page-header, .infos-practique .nav {
    display: none;
}

.infos-practique-top {
    width: 75%;
    margin: auto;
    margin-bottom: 5%;
    margin-top: 5%;
}

.infos-practique-top .ipt-item {
    border: 1px solid black;
    display: inline-block;
    vertical-align: top;
    width: 32%;
    margin-right: 1%;
    padding: 3%;
    height: 280px;
}

.infos-practique-top .ipt-item .field--label {
    font-family: RobotoCondensed-Bold;
    text-transform: capitalize;
    font-size: 27px;
    letter-spacing: -1px;
    line-height: 26px;
    margin-bottom: 2%;
}

.infos-practique-top .ipt-item .field--item {
    font-family: RobotoCondensed-Regular;
    font-size: 12px;
    color: black;
}

.infos-practique-top .ipt-item.contact {
    background: #000;
    border-color: #000;
}

.infos-practique-top .ipt-item.horaires {
    background: #f28700;
    border-color: #f28700;
}

.infos-practique-top .ipt-item.horaires .field--item,
.infos-practique-top .ipt-item.contact .field--item,
.infos-practique-top .ipt-item.horaires .field--label,
.infos-practique-top .ipt-item.contact .field--label {
    color: white;
}

.infos-practique-top .ipt-item.contact .field--item a,
.infos-practique-top .ipt-item.contact .field--item a:hover {
    color: white;
}

.infos-practique-top .map {
    margin-top: 1.5%;
}

.infos-practique-top .map iframe {
    z-index: 2;
    position: relative;
}

.infos-practique-top .map-link {
    background: #ededed;
    padding: 2.5%;
    padding-top: 2.2%;
    margin: auto;
    margin-top: -1%;
    position: relative;
    width: 98.7%;
    margin-left: 0;
    z-index: 1;
    height: 60px;
}

.infos-practique-top .map-link a.btn-effect {
    width: 13%;
    margin: auto;
    overflow: hidden;
    position: absolute;
    border: 1px solid #f28700;
    line-height: 30px;
    height: 30px;
    top: 11%;
    left: 0%;
    transform: translate(330%, 31%);
}

.body-english .infos-practique-top .map-link {
    background: white;
}

a.btn-effect {
    color: white;
    padding: 0.5%;
    background: #f28700;
    font-size: 0.9vw;
    font-family: Robotocondensed-Regular;
    text-align: center;
    width: 13%;
    margin: auto;
    overflow: hidden;
    position: absolute;
    border: 2px solid #f28700;
}

a.btn-effect:before {
    content: '';
}

a.btn-effect:before, a.btn-effect:after {
    content: attr(data-content);
    padding-left: 10px;
}

.btn-effect:hover:before, .btn-effect.hover:before {
    left: 20px;
}

.btn-effect:before {
    z-index: 1;
    left: 0;
    background-color: #f28700;
    color: #fff;
}

.btn-effect:after {
    z-index: 2;
    left: -100%;
    color: #f28700;
    background-color: #fff;
}

.btn-effect:hover:after, .btn-effect.hover:after {
    left: 0;
    padding-left: 10px;
}

.btn-effect:before, .btn-effect:after {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    text-align: center;
    display: inline-block;
    -moz-transition: all 120ms ease-out;
    -o-transition: all 120ms ease-out;
    -webkit-transition: all 120ms ease-out;
    transition: all 120ms ease-out;
}

.btn-effect:hover, .btn-effect:hover span.en-savoir {
    color: #f28700;
}

.btn-effect.image-white {
    display: block;
}

.btn-effect .image-orange {
    display: none;
}

.btn-effect:hover .image-white {
    display: none;
}

.btn-effect:hover .image-orange {
    display: block;
}

.infos-practique-top .map-link-btn a:hover {
    text-decoration: none;
}

.infos-practique-art .ipa-item {
    position: relative;
    width: 100%;
}

.infos-practique-art .ipa-title {
    position: absolute;
    top: 40%;
    color: white;
    font-family: RobotoCondensed-Bold;
    font-size: 47px;
    width: 70%;
    text-align: center;
}

.infos-practique-art .ipa-sub-body {
    position: absolute;
    color: white;
    background: black;
    height: 100%;
    top: 0%;
    right: 13.5%;
    width: 20%;
    padding: 3%;
    padding-top: 4%;
}

.infos-practique-art .ipa-sub-body .field--name-field-sub-title-art {
    font-family: RobotoCondensed-Bold;
    text-transform: uppercase;
    font-size: 27px;
    letter-spacing: -1px;
    line-height: 26px;
    margin-bottom: 7%;
}

.infos-practique-art .ipa-sub-body .field--name-field-body-art {
    font-family: RobotoCondensed-Regular;
    font-size: 12px;
}

.infos-practique-art .ipa-sub-body .field--name-field-body-art {
    font-family: RobotoCondensed-Regular;
    font-size: 12px;
}

.infos-practique-art .field--item:nth-child(2) .ipa-sub-body {
    background: white;
    color: black;
}

.infos-practique-art .field--item:nth-child(3) .ipa-sub-body {
    background: #f28700;
    color: black;
}

.infos-practique-art .ipa-images {
    width: 100%;
}

/***********************************/
/**************Footer***************/
/***********************************/
.footer {
    margin-top: 0px;
    padding-bottom: 2%;
    background: url(/themes/adck/images/footer-background.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: -25px;
    padding-top: 2%;
}

.footer .logo img {
    width: 8%;
    margin-top: -0.8%;
}

.hsm-footer {
    width: 1%;
}

.social-media {
    text-align: center;
    margin-top: 1%;
}

.social-media .hsm-item {
    text-align: left;
}

.hsm-item-17 {
    width: 17%;
}

.social-media.bottom .hsm-item .icon {
    color: white;
    background: black;
}

.footer .social-media {
    position: relative;
}

.footer ul.list {
    position: relative;
    transform: none;
    left: 0%;
    top: 0%;
    margin-top: -1%;
}

.footer .social-media ul.list li.list-item {
    width: 2%;
    margin-top: 1.5%;
}

.footer .social-media.bottom ul.list li.list-item {
    width: 16%;
    margin-top: 1.5%;
    text-align: left;
    color: white;
    margin-right: 1.5%;
    margin-left: 1.5%;
}

.footer .social-media.bottom ul.list li.list-item a {
    color: white;
}

.footer .social-media.bottom ul.list li.list-item .icon-text a {
    color: #000;
}

.footer .social-media.bottom ul.list li a.a-item .circle:after {
    background: #000;
}

.footer .social-media.bottom ul.list li a.a-item:hover .circle:after {
    background: #f28700;
}

/***********************************/
/************Contact-us*************/
/***********************************/

.desktop-only, .desktop {
    display: block;
}

.mobile-only, .mobile {
    display: none;
}

.body-english .encon-article .encon-basic-page {
    width: 86.5%;
}

.body-english .en-continu .encon-article .big-number {
    right: 13.2%;
}

.body-english .home-social-media-items {
    width: 73.4%;
}

.body-english .infos-practique-top {
    margin-top: 0%;
}

.body-english .encon-culturel .big-number {
    top: -8%;
    left: 11.8%;
}

.body-english .infos-practique-top .ipt-item.tarifs {
    background: white;
    border-color: white;
}

.horaires ul, .tarifs ul {
    list-style: none;
    position: relative;
}

.horaires ul li, .tarifs ul li {
    margin-left: -2%;
}

.horaires ul li:before {
    content: '>';
    position: absolute;
    color: black;
    left: 0%;
    font-family: robotoCondensed-Bold;
}

.tarifs ul li:before {
    content: '>';
    position: absolute;
    color: #f28700;
    left: 0%;
    font-family: robotoCondensed-Bold;
}

span.en-savoir {
    font-size: 1.44vw;
    font-family: sans-serif;
    font-weight: bolder;
    vertical-align: sub;
    margin-right: 2%;
    line-height: 1.1vw;
    left: 7% !important;
}

.home-social-media-items ul.list .icon-text {
    width: 110%;
}

/*histoire*/
.histoire .banner {
    height: 68vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

.histoire-blocks {
    margin-top: -1px;
    position: relative;
    z-index: 1;
}

.histoire-block {
    display: flex;
    min-height: 465px;
}

.histoire-text {
    width: 53.5%;
    font-size: 0.9vw;
    font-family: RobotoCondensed-Regular;
    padding-top: 3.5%;
    padding-bottom: 3.5%;
    color: #000;
}

.histoire-image {
    width: 46.5%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.left .histoire-text {
    padding-left: 12.5%;
    padding-right: 4%;
}

.right .histoire-text {
    padding-left: 4%;
    padding-right: 12.5%;
    background: #f28700;
}

.right.black .histoire-text {
    background: black;
    color: white;
}

.histoire-title {
    font-size: 2.3vw;
    line-height: 2.3vw;
    font-family: RobotoCondensed-Bold;
    padding-bottom: 4%;
}

.histoire-body {
    padding-bottom: 1%;
}

.histoire-link {
    padding-top: 2%;
    padding-bottom: 3%;
}
.histoire a.btn-effect {
    padding: 5px;
    background: #f28700;
    border: 1.5px solid #f28700;
    min-width: 110px;
    width: 7%;
}

.histoire a.btn-effect:before, .histoire a.btn-effect:after {
    top: 0.5px;
    padding: 5px;
}

.histoire .right a.btn-effect {
    background: white;
    border: 1.5px solid white;
    color: #f28700;
}

.histoire .right .btn-effect:after {
    color: white;
    background-color: #f28700;
}

.histoire .right .btn-effect:before {
    background-color: white;
    color: #f28700;
}



@media only screen and (min-width:1300px) {
    body {
        margin-top: 0px;
    }

    .menu-navigation .menu-open {
        line-height: 1.3vw;
        font-size: 1vw;
    }

    .menu-navigation .menu-open svg {
        font-size: 1.5vw;
    }

    .menu-container .navbar-nav>li {
        font-size: 1.2vw;
    }

    .menu-container .navbar-nav>li a {
        padding-top: 1.2vw;
        padding-bottom: 15px;
    }

    .hsm-menu .icon {
        width: 1.75vw;
        height: 1.75vw;
        line-height: 2.1vw;
    }

    .hsm-item .icon svg {
        width: 1.1vw;
        height: 1.1vw;
    }

    .hsm-item .icon-img {
        line-height: 1.6vw;
    }

    .home-text h1,
    .en-continu .encon-title,
    .infos-practique-art .ipa-title {
        font-size: 3.6vw;
    }

    .home-text span, .encon-article .encon-content h4, .encon-expositions .view-expositions .views-row .expositions-content .views-field-field-category {
        font-size: 1.3vw;
    }

    .view-home-events .home-events-fields-wrapper .views-field-counter {
        font-size: 3.6vw;
    }

    .view-home-events .home-events-fields-wrapper .views-field-field-tag,
    .view-home-events .home-events-fields-wrapper .views-field-field-date,
    .view-home-events .home-events-fields-wrapper .views-field-field-location {
        font-size: 1vw;
    }

    .view-home-events .home-events-fields-wrapper .views-field-title a,
    .view-home-events .home-events-fields-wrapper .views-field-title,
    .infos-practique-art .ipa-sub-body .field--name-field-sub-title-art,
    .infos-practique-top .ipt-item .field--label,
    .encon-expositions .views-row .expositions-content .views-field-title a,
    .encon-expositions .views-row .expositions-content .views-field-field-english-title,
    .encon-expositions .views-row .expositions-content .views-field-title {
        font-size: 2.3vw;
        line-height: 2.3vw;
    }

    .view-home-events .home-events-fields-wrapper .views-field-field-subtitle {
        font-size: 2vw;
        line-height: 2vw;
    }

    .view-home-events .home-events-fields-wrapper .views-field-field-author,
    .view-home-events .home-events-fields-wrapper .views-field-body,
    .encon-article .encon-basic-page-top .encon-sub-title,
    .infos-practique-top .ipt-item .field--item,
    .infos-practique-art .ipa-sub-body .field--name-field-body-art,
    .encon-expositions .view-expositions .views-row .expositions-content .views-field-body,
    .encon-expositions .views-row .expositions-content .views-field-field-english-body {
        font-size: 0.9vw;
    }

    .view-home-events .home-events-fields-wrapper .home-events-button {
        width: 42% !important;
        font-size: 0.9vw;
        position: relative;
        text-align: left;
        padding: 0;
        height: 15px;
    }

    .view-home-events .home-events-fields-wrapper .views-field-field-en-savoir-plus .home-events-button {
        width: 50% !important;
    }

    .encon-expositions .view-expositions .views-row .views-field-field-image-principale img,
    .encon-expositions .view-exhibits .views-row .views-field-field-image-principale img {
        min-height: 400px;
        width: 100%;
    }

    .encon-expositions .big-number {
        top: -8%;
    }

    .en-continu .big-number, .en-continu .encon-article .big-number, .encon-culturel .big-number {
        font-size: 9vw;
    }

    .encon-article .encon-content h3 {
        font-size: 1.7vw;
    }

    .encon-article .encon-content {
        font-size: 0.95vw;
        padding-top: 1.1%;
    }

    .encon-expositions .view-expositions .views-row .expositions-content .views-field-field-location,
    .encon-expositions .view-expositions .views-row .expositions-content .views-field-field-category {
        font-size: 1.1vw;
    }

    .encon-expositions .view-expositions .views-row .expositions-content .views-field-field-category {
        margin-top: 10%;
    }

    .body-english .encon-expositions .big-number {
        top: -3%;
    }

    .view-home-events .views-row-1 .home-events-fields-wrapper .views-field-title a,
    .view-home-events .views-row-1 .home-events-fields-wrapper .views-field-title {
        color: white;
    }

    .footer {
        background-position-y: 0px !important;
    }

    .histoire-block {
        min-height: 465px;
    }
}

@media only screen and (min-width:768px) {
    .body-english .encon-expositions .big-number {
        top: -3%;
    }
}

@media only screen and (max-width:1024px) {
    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }

    .restons {
        text-transform: uppercase;
        text-align: center;
        font-size: 16px;
        font-family: RobotoCondensed-Regular;
        font-weight: bold;
        margin-top: 14px;
        margin-bottom: 14px;
    }

    .msm-area {
        transition: all 1s ease;
        height: 0px;
        overflow: hidden;
    }

    .msm-area.expanded {
        height: 333px;
    }

    .mobile-social-media ul.list .icon-text {
        width: 67% !important;
        margin-top: 3%;
        font-size: 16px;
        line-height: 17px !important;
    }

    .mobile-social-media ul.list {
        width: 100%;
        margin-left: 0%;
        margin-top: 0%;
    }

    .mobile-social-media ul.list li.list-item {
        width: 100% !important;
        margin-top: 1%;
        display: block;
        margin-bottom: 1%;
        margin: auto;
        border-bottom: 1px solid;
        margin-left: 0px;
        line-height: 1.7vw;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .msm-border {
        width: 31%;
        margin: auto;
    }

    .msm-area ul.list .icon-text {
        font-size: 14px;
        line-height: 21px !important;
    }

    .msm-area ul.list li a.a-item {
        width: 34px;
        height: 34px;
        font-size: 19px;
        line-height: 35px;
    }

    .msm-area ul.list li a.a-item .circle:after {
        width: 32px;
        height: 32px;
        top: 1px !important;
        left: 1px;
    }

    .msm-area ul.list .icon img {
        width: 21px;
    }

    .view-home-events .home-events-fields-wrapper {
        position: relative;
        width: 100%;
        margin-left: 0%;
        padding: 3% 6%;
        height: 100%;
    }

    .view-home-events .home-events-bottom {
        position: relative;
        padding-right: 0%;
    }

    .home-image img, .view.view-home-events img {
        object-fit: cover;
        object-position: -100px;
    }

    .menu-container {
        left: -250%;
    }

    .menu-navigation {
        top: 9%;
    }

    .menu-uk {
        top: 10%;
    }

    .en-continu .big-number, .body-english .big-number {
        font-size: 22vw;
        line-height: 22vw;
        transform: translateY(-50%);
        top: -0.7%;
    }

    .en-continu .encon-article .big-number {
        font-size: 22vw;
        line-height: 22vw;
        top: -0.3%;
        transform: translateY(-50%);
        right: 4.6% !important;
    }

    .encon-culturel .big-number {
        font-size: 22vw;
        line-height: 22vw;
        transform: translateY(-50%);
        top: 0.2% !important;
        left: 3.6% !important;
    }

    .logo img {
        width: 16%;
        margin-top: 5%;
        min-width: 120px;
    }

    ul.list li a.a-item {
        width: 20px;
        height: 20px;
        font-size: 15px;
        line-height: 15px;
    }

    ul.list li a.a-item .circle:after {
        width: 3.7vw;
        height: 3.7vw;
    }

    ul.list li.list-item {
        width: 12%;
        margin-top: 0.5%;
    }

    ul.list .icon-text {
        font-size: 2.5vw;
        line-height: 4vw;
    }

    ul.list .icon-img.icon-text {
        line-height: 2.5vw;
        margin-top: 0%;
    }

    .encon-article .encon-basic-page, .body-english .encon-article .encon-basic-page {
        width: 100%;
    }

    .encon-article .encon-container {
        width: 100%;
        padding-left: 5%;
        padding-top: 1%;
        padding-bottom: 65px;
    }
    .home-text {
        top: 45%;
    }
    .home-text h1, .encon-culturel .encon-title, .en-continu .encon-title, .body-english .encon-title {
        font-size: 36px;
    }
    .home-text span {
        font-size: 14px;
    }

    .en-continu .encon-title, .body-english .encon-title {
        margin-top: 5%;
        margin-bottom: 2%;
    }

    .encon-culturel .encon-title {
        margin-top: 0%;
        padding-top: 8%;
        padding-bottom: 6%;
    }

    .encon-article {
        padding-top: 13%;
    }

    .encon-expositions {
        width: 90%;
        margin-bottom: 70px;
    }

    .encon-basic-page-top {
        padding-bottom: 21%;
        padding-top: 9%;
    }

    .encon-article .kanak {
        width: 100%;
        left: 0%;
        top: -4%;
    }

    .body-continu .home-text, .body-english .home-text, .body-informations-pratiques .home-text {
        top: 50%;
        transform: translateY(-50%);
    }

    .home-arrow {
        display: none;
    }

    .menu-container .navbar-nav>li a {
        padding-top: 10px;
        padding-bottom: 0px;
        padding-left: 22px;
    }

    .hsm-menu {
        margin-bottom: 6%;
        padding-left: 5px;
        margin-top: 10%;
    }

    .view-home-events .home-events-fields-wrapper .home-events-button a {
        font-size: 13px;
    }

    .view-home-events .home-events-fields-wrapper .home-events-button,
    .view-home-events .home-events-fields-wrapper .home-events-button.more {
        width: 100%;
    }

    .view-home-events .home-events-fields-wrapper .home-events-button img.image-white, .view-home-events .home-events-fields-wrapper .home-events-button img.image-orange {
        width: 18px !important;
        height: 20px !important;
        top: 0%;
        margin-top: -1.5%;
        object-position: initial !important;
        left: 33% !important;
        transform: translateX(50%);
    }

    span.en-savoir {
        font-size: 15px;
        left: 33% !important;
        transform: translateX(50%);
        line-height: 6px;
    }

    .encon-fields {
        line-height: 12px;
    }

    .infos-practique-top .map-link a.btn-effect {
        width: 96%;
        margin: auto;
        overflow: hidden;
        position: absolute;
        border: 1px solid #f28700;
        line-height: 26px;
        height: 27px;
        top: 22%;
        left: 2%;
        transform: none;
        font-size: 2.5vw;
    }

    .body-english .encon-expositions {
        margin-top: 16%;
    }

    .body-english .mobile-social-media.mobile {
        border-bottom: 1px solid;
    }

    .body-english .big-number {
        top: -0.3%;
    }

    .histoire-block {
        min-height: 250px;
    }
    .left .histoire-text {
        padding-left: 4%;
        padding-right: 4%;
    }
}


/*90%*/
@media only screen and (min-width:769px) and (max-width:1280px) {
    body {
        margin-top: 0px;
    }

    .histoire-block {
        min-height: 400px;
    }

    .histoire-title {
        font-size: 34px;
        line-height: 34px;
    }

    .histoire-text {
        font-size: 13px!important;
    }

    .histoire a.btn-effect {
        font-size: 12.9px;
    }
}

@media only screen and (max-width:768px) {
    .body-en-continu.user-logged-in .menu-navigation, .body-english.user-logged-in .menu-navigation, .body-informations-pratiques.user-logged-in .menu-navigation {
        top: 0% !important;
        color: black !important;
    }

    .body-en-continu.user-logged-in .header .persistent-header, .body-english.user-logged-in .header .persistent-header, .body-informations-pratiques.user-logged-in .persistent-header,
    .body-en-continu .header .persistent-header, .body-english .header .persistent-header, .body-informations-pratiques .persistent-header {
        top: 0% !important;
    }

    .body-en-continu .menu-uk, .body-english .menu-uk, .body-informations-pratiques .menu-uk {
        top: 1.5% !important;
    }

    .encon-expositions .view-expositions .views-row, .encon-expositions .view-exhibits .views-row {
        width: 100%;
        display: block;
        margin-bottom: 6%;
    }

    .encon-expositions .view-expositions .views-row .expositions-content, .encon-expositions .view-exhibits .views-row .expositions-content {
        position: relative;
        background: white;
        color: black;
        opacity: 1 !important;
        padding: 0%;
        margin-top: 2%;
    }

    .encon-expositions .view-expositions .views-row .expositions-content .views-field-field-category {
        margin-top: 0%;
    }

    .encon-expositions .view-expositions .views-row .views-field-field-image-principale, .encon-expositions .view-exhibits .views-row .views-field-field-image-principale {
        position: relative;
        opacity: 1 !important;
    }

    .encon-expositions .views-row .expositions-content .views-field-title a, .encon-expositions .views-row .expositions-content .views-field-title, .encon-expositions .views-row .expositions-content .views-field-field-english-title,
    .encon-expositions .view-expositions .views-row .expositions-content .views-field-field-location, .encon-expositions .view-exhibits .views-row .expositions-content .views-field-field-location,
    .encon-expositions .view-expositions .views-row .expositions-content .views-field-body, .encon-expositions .view-exhibits .views-row .expositions-content .views-field-body, .encon-expositions .views-row .expositions-content .views-field-field-english-body {
        color: black;
    }

    .encon-expositions .view-expositions .views-row .expositions-content .views-field-body, .encon-expositions .view-exhibits .views-row .expositions-content .views-field-body, .encon-expositions .views-row .expositions-content .views-field-field-english-body {
        font-size: 0.9em;
        color: black;
        line-height: 1.4em
    }

    .body-en-continu .home-image img, .body-english .home-image img, .body-informations-pratiques .home-image img {
        object-fit: unset;
        object-position: 0px;
    }

    .infos-practique-art .ipa-sub-body {
        padding-bottom: 16px;
    }

    .infos-practique-art .ipa-sub-body .field--name-field-sub-title-art {
        margin-bottom: 14px;
    }

    .infos-practique-top {
        width: 90%;
    }

    .infos-practique-top .ipt-item {
        width: 100%;
        height: auto !important;
        margin-bottom: 2%;
    }

    .infos-practique-top .map {
        margin-bottom: -7%;
    }

    .map iframe {
        height: auto !important;
    }

    .infos-practique-art .ipa-sub-body {
        position: relative;
        height: 100%;
        top: 0%;
        right: 0%;
        width: 100%;
    }

    .infos-practique-art .ipa-title {
        font-size: 12vw;
        width: 100%;
        top: 12%;
        transform: translateY(100%);
    }

    .menu-navigation .menu-open span {
        display: none;
    }

    .menu-navigation .menu-open svg, .menu-uk img {
        font-size: 4vw;
        width: 4vw;
    }

    .persistent-header {
        height: 11.2%!important;
    }

    .persistent-header .logo img {
        min-width: 108px;
    }

    .encon-expositions .view-expositions .views-row .views-field-field-image-principale img,
    .encon-expositions .view-exhibits .views-row .views-field-field-image-principale img {
        min-height: auto !important;
        height: initial !important;
        width: 100%;
    }

    .encon-article .encon-left, .encon-article .encon-right {
        width: 100%;
        display: block;
    }

    .owl-nav {
        text-align: center;
    }

    .encon-culturel .region {
        width: 90%;
        margin-left: 5%;
    }

    .encon-culturel .owl-prev, .encon-culturel .owl-next {
        position: relative;
        left: 0%;
        right: 0%;
        margin-left: 1%;
        margin-right: 1%;
    }

    .social-media.bottom .icon-text {
        display: none;
    }

    .hsm-footer {
        width: 8%;
    }

    .social-media.bottom .hsm-item {
        width: 8% !important;
        margin-right: 0% !important;
    }

    .footer {
        padding-bottom: 18px;
        background-position-y: 0px !important;
    }

    .footer .social-media ul.list li.list-item {
        width: 5%;
        margin-top: 1.5%;
    }

    .footer .social-media.bottom ul.list li.list-item {
        width: 7% !important;
        margin-right: 0%;
        margin-left: 0%;
    }

    .msm-border {
        width: 38%;
        margin: auto;
    }

    .menu-container .social-media ul.list {
        margin-top: 17px;
    }

    .menu-container .social-media ul.list li.list-item {
        margin-left: 11px;
    }

    .menu-container .social-media .icon-text {
        margin-top: 4px;
    }

    .menu-container .social-media .icon-img.icon-text {
        margin-top: 0px !important;
    }

    ul.list li a.a-item {
        width: 23px;
        height: 23px;
        font-size: 15px;
        line-height: 24px !important;
    }

    ul.list li a.a-item.img {
        line-height: 21px !important
    }

    ul.list .icon-text {
        font-size: 15px;
        line-height: 15px !important;
    }

    ul.list .icon-img.icon-text {
        line-height: 13px;
        margin-top: 0%;
    }

    ul.list li a.a-item .circle:after {
        width: 21px;
        height: 21px;
        top: 1px !important;
        left: 1px;
    }

    ul.list .icon img {
        width: 16px;
    }

    .menu-navigation .menu-open svg, .menu-uk img {
        font-size: 5vw;
        width: 5vw;
    }

    .menu-container .social-media ul.list li.list-item {
        margin-left: 3px;
        margin-bottom: 13px;
    }

    .msm-area ul.list li a.a-item {
        width: 34px;
        height: 34px;
        font-size: 19px;
        line-height: 35px !important;
    }

    .encon-culturel .culturel-content .views-field-field-category,
    .encon-culturel .culturel-content .views-field-field-date,
    .encon-culturel .culturel-content .views-field-field-location {
        font-size: 15px;
    }

    .encon-culturel .culturel-content .views-field-body,
    .encon-culturel .culturel-content .views-field-field-tariff {
        font-size: 12px;
    }

    .menu-container .navbar-nav>li {
        font-size: 18px;
    }

    .histoire-block {
        min-height: auto;
        flex-direction: column;
    }
    .histoire-title {
        font-size: 34px;
        line-height: 34px;
        padding-bottom: 10px;
    }
    .histoire-text {
        width: 100%;
        font-size: 13px;
        padding: 20px!important;
        padding-bottom: 30px!important;
    }
    .histoire-link {
        padding-top: 5px;
        padding-bottom: 20px;
    }
    .histoire a.btn-effect {
        min-width: 70px;
        font-size: 12.9px;
    }
    .histoire-image {
        width: 100%;
        height: 390px;

    }
    .home-image img, .view.view-home-events img {
        object-fit: cover!important;
        object-position: center!important;
    }
}

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

    .menu-container .navbar-nav>li {
        font-size: 15px;
    }

    ul.list .icon-text {
        font-size: 13px;
        line-height: 13px !important;
    }

    .infos-practique-top .map-link a.btn-effect {
        font-size: 13px;
    }

    .msm-border {
        width: 61%;
        margin: auto;
    }

    .msm-area ul.list li a.a-item {
        width: 34px;
        height: 34px;
        font-size: 19px;
        line-height: 35px !important;
    }

    .body-en-continu.user-logged-in .header .persistent-header, .body-english.user-logged-in .header .persistent-header, .body-informations-pratiques.user-logged-in .persistent-header,
    .body-en-continu .header .persistent-header, .body-english .header .persistent-header, .body-informations-pratiques .persistent-header {
        top: 0% !important;
        max-height: 12.1% !important;
    }

    .persistent-header .logo img {
        margin-top: 2%;
    }
}

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