@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Quicksand:wght@300;400;500;600;700&display=swap");

body {
    font-family: "Montserrat",sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5em;
    color: #1B203B;
    background: #f5f5f5;
}

body.fixed {
    position: fixed;
}

body:focus {
    outline: 0;
}

body .ui-autocomplete .ui-menu-item-wrapper {
    display: block;
    width: 95%;
    margin: auto;
    padding: 7px 2%;
    border: none;
    transition: all 300ms ease-in-out;
}

body .ui-autocomplete .ui-menu-item-wrapper:hover {
    color: #fff;
    background: #33B29F;
}

body input:focus::placeholder,
body input:focus::placeholder {
    color: transparent !important;
}

body img {
    height: auto;
    max-width: 100%;
}

body h1 {
    margin: 0;
    font-family: "Quicksand",sans-serif;
    font-size: 50px;
    font-weight: 500;
    line-height: 1em;
}

body h2 {
    margin: 0 0 30px;
    font-family: "Quicksand",sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 1em;
}

body h3 {
    margin: 0 0 5px;
    font-family: "Montserrat",sans-serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 1em;
}

body strong {
    font-weight: 500;
}

body .text ul li {
    display: block;
    position: relative;
    width: 90%;
    margin: 0 auto;
    margin-right: auto;
    margin-left: auto;
    padding: 0 40px 8px;
    max-width: 1100px;
    text-align: left;
    list-style: none;
}

body .text ul li:before {
    content: "•";
    position: absolute;
    top: 7px;
    left: 0;
    font-size: 40px;
    line-height: 0;
    color: #33B29F;
}

body .text ul li:after {
    content: "";
    position: absolute;
    top: 17px;
    bottom: -3px;
    left: 5px;
    width: 1px;
    border-color: #1D2341;
    border-left: 1px dotted;
}

body .text ul li:last-child:after {
    display: none;
}

.top {
    z-index: 2;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 60px;
}

.top .wrap-top {
    z-index: 2;
    position: relative;
    height: 60px;
}

.top .wrap-top .burger {
    display: flex;
    z-index: 1;
    position: fixed;
    top: 0;
    right: 20px;
    width: 28px;
    height: 26px;
    padding: 29px;
    border: 0;
    outline: none;
    background: transparent;
    transition: all 250ms ease-out;
    cursor: pointer;
}

.top .wrap-top .burger:before,
.top .wrap-top .burger:after {
    content: '';
    position: absolute;
    top: 30px;
    right: 0;
    width: 28px;
    height: 3px;
    border-radius: 11px;
    background: #fff;
    transition: all 250ms ease-out;
    will-change: transform;
}

.top .wrap-top .burger:before {
    transform: translateY(-5px);
}

.top .wrap-top .burger:after {
    transform: translateY(5px);
}

.top .wrap-top .logos {
    position: absolute;
    top: 18px;
    left: 20px;
    width: 45px;
}

.top .wrap-top .logos .logo-color {
    display: none;
    position: relative;
    position: absolute;
    width: 45px;
    text-align: left;
}

.top .wrap-top .logos .logo-color img {
    width: 45px;
}

.top .wrap-top .logos .desktop {
    display: none;
}

.top .region-navigation {
    position: fixed;
    top: -100%;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    font-family: "Quicksand",sans-serif;
    opacity: 0;
    transition: height 0.7s ease;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0) ";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
}

.top .region-navigation #block-leader-main-menu {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #1D2341;
    transition: background-color 0.5s ease;
}

.top .region-navigation #block-leader-main-menu:after {
    content: "";
    z-index: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    background: url("../images/bkg/menu-burger/burger-mobile.png");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 300ms ease-in-out;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0) ";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
}

.top .region-navigation #block-leader-main-menu ul.menu li:nth-child(1) {
    transition-delay: 0s;
}

.top .region-navigation #block-leader-main-menu ul.menu li:nth-child(2) {
    transition-delay: 0.05s;
}

.top .region-navigation #block-leader-main-menu ul.menu li:nth-child(3) {
    transition-delay: 0.1s;
}

.top .region-navigation #block-leader-main-menu ul.menu li:nth-child(4) {
    transition-delay: 0.15s;
}

.top .region-navigation #block-leader-main-menu ul.menu li:nth-child(5) {
    transition-delay: 0.2s;
}

.top .region-navigation #block-leader-main-menu ul.menu li:nth-child(6) {
    transition-delay: 0.25s;
}

.top .region-navigation #block-leader-main-menu ul.menu li:nth-child(7) {
    transition-delay: 0.3s;
}

.top .region-navigation #block-leader-main-menu ul.menu li:nth-child(8) {
    transition-delay: 0.35s;
}

.top .region-navigation #block-leader-main-menu ul.menu li:nth-child(9) {
    transition-delay: 0.4s;
}

.top .region-navigation #block-leader-main-menu ul.menu li:nth-child(10) {
    transition-delay: 0.45s;
}

.top .region-navigation #block-leader-main-menu ul.menu li:nth-child(11) {
    transition-delay: 0.5s;
}

.top .region-navigation #block-leader-main-menu ul.menu li:nth-child(12) {
    transition-delay: 0.55s;
}

.top .region-navigation #block-leader-main-menu ul.menu li:nth-child(13) {
    transition-delay: 0.6s;
}

.top .region-navigation #block-leader-main-menu ul.menu li:nth-child(14) {
    transition-delay: 0.65s;
}

.top .region-navigation #block-leader-main-menu ul.menu li:nth-child(15) {
    transition-delay: 0.7s;
}

.top .region-navigation #block-leader-main-menu ul.menu li:nth-child(16) {
    transition-delay: 0.75s;
}

.top .region-navigation #block-leader-main-menu ul.menu li:nth-child(17) {
    transition-delay: 0.8s;
}

.top .region-navigation #block-leader-main-menu ul.menu li:nth-child(18) {
    transition-delay: 0.85s;
}

.top .region-navigation #block-leader-main-menu ul.menu li:nth-child(19) {
    transition-delay: 0.9s;
}

.top .region-navigation #block-leader-main-menu ul.menu li:nth-child(20) {
    transition-delay: 0.95s;
}

.top .region-navigation #block-leader-main-menu ul.menu li:nth-child(21) {
    transition-delay: 1s;
}

.top .region-navigation #block-leader-main-menu ul.menu {
    z-index: 20;
    position: relative;
    top: 130px;
    width: 90%;
    margin: 0 auto;
    margin-right: auto;
    margin-left: auto;
    max-width: 1100px;
}

.top .region-navigation #block-leader-main-menu ul.menu li {
    visibility: hidden;
    margin: 0 20px 20px;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #fff;
    opacity: 0;
    transition: all 1000ms ease-in-out;
    transform: translateY(-20px);
}

.top .region-navigation #block-leader-main-menu ul.menu li:last-child {
    border-bottom: none;
}

.top .region-navigation #block-leader-main-menu ul.menu li a {
    text-decoration: none;
    font-size: 25px;
    font-weight: 100;
    color: #fff;
}

.top .pateforme {
    display: none;
}

.top.open .region-navigation {
    top: 0;
    left: 0;
    height: auto;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100) ";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
}

.top.open .region-navigation #block-leader-main-menu {
    transition: background-color 0.5s ease;
}

.top.open .region-navigation #block-leader-main-menu:after {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100) ";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
}

.top.open .region-navigation #block-leader-main-menu ul.menu li {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

.top.open .wrap-top .burger:before {
    transform: translateY(0) rotate(45deg);
}

.top.open .wrap-top .burger:after {
    transform: translateY(0) rotate(-45deg);
}

@media (min-width:1200px) {
    .top {
        height: 95px;
    }

    .top .wrap-top {
        width: 200px;
        height: 95px;
    }

    .top .wrap-top .burger {
        display: none;
    }

    .top .wrap-top .logos {
        width: 125px;
    }

    .top .wrap-top .logos .mobile {
        display: none;
    }

    .top .wrap-top .logos .desktop {
        display: block;
    }

    .top .region-navigation {
        z-index: 2;
        position: absolute;
        top: 50%;
        bottom: 0;
        left: 50%;
        width: 60%;
        height: 22px;
        font-family: "Quicksand",sans-serif;
        opacity: 1;
        transition: none;
        transform: translateX(-50%) translateY(-50%);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100) ";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
    }

    .top .region-navigation #block-leader-main-menu {
        position: relative;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: none;
        transition: inherit;
    }

    .top .region-navigation #block-leader-main-menu:after {
        display: none;
    }

    .top .region-navigation #block-leader-main-menu ul.menu li:nth-child(1) {
        transition-delay: inherit;
    }

    .top .region-navigation #block-leader-main-menu ul.menu li:nth-child(2) {
        transition-delay: inherit;
    }

    .top .region-navigation #block-leader-main-menu ul.menu li:nth-child(3) {
        transition-delay: inherit;
    }

    .top .region-navigation #block-leader-main-menu ul.menu li:nth-child(4) {
        transition-delay: inherit;
    }

    .top .region-navigation #block-leader-main-menu ul.menu li:nth-child(5) {
        transition-delay: inherit;
    }

    .top .region-navigation #block-leader-main-menu ul.menu li:nth-child(6) {
        transition-delay: inherit;
    }

    .top .region-navigation #block-leader-main-menu ul.menu li:nth-child(7) {
        transition-delay: inherit;
    }

    .top .region-navigation #block-leader-main-menu ul.menu li:nth-child(8) {
        transition-delay: inherit;
    }

    .top .region-navigation #block-leader-main-menu ul.menu li:nth-child(9) {
        transition-delay: inherit;
    }

    .top .region-navigation #block-leader-main-menu ul.menu li:nth-child(10) {
        transition-delay: inherit;
    }

    .top .region-navigation #block-leader-main-menu ul.menu li:nth-child(11) {
        transition-delay: inherit;
    }

    .top .region-navigation #block-leader-main-menu ul.menu li:nth-child(12) {
        transition-delay: inherit;
    }

    .top .region-navigation #block-leader-main-menu ul.menu li:nth-child(13) {
        transition-delay: inherit;
    }

    .top .region-navigation #block-leader-main-menu ul.menu li:nth-child(14) {
        transition-delay: inherit;
    }

    .top .region-navigation #block-leader-main-menu ul.menu li:nth-child(15) {
        transition-delay: inherit;
    }

    .top .region-navigation #block-leader-main-menu ul.menu li:nth-child(16) {
        transition-delay: inherit;
    }

    .top .region-navigation #block-leader-main-menu ul.menu li:nth-child(17) {
        transition-delay: inherit;
    }

    .top .region-navigation #block-leader-main-menu ul.menu li:nth-child(18) {
        transition-delay: inherit;
    }

    .top .region-navigation #block-leader-main-menu ul.menu li:nth-child(19) {
        transition-delay: inherit;
    }

    .top .region-navigation #block-leader-main-menu ul.menu li:nth-child(20) {
        transition-delay: inherit;
    }

    .top .region-navigation #block-leader-main-menu ul.menu li:nth-child(21) {
        transition-delay: inherit;
    }

    .top .region-navigation #block-leader-main-menu ul.menu {
        position: relative;
        top: inherit;
        width: 90%;
        margin: 0 auto;
        margin-right: auto;
        margin-left: auto;
        max-width: 1100px;
        text-align: center;
    }

    .top .region-navigation #block-leader-main-menu ul.menu li {
        display: inline-block;
        visibility: visible;
        margin: 0 20px 0;
        padding: 0;
        border-bottom: none;
        opacity: 1;
        transition: inherit;
        transform: inherit;
    }

    .top .region-navigation #block-leader-main-menu ul.menu li:last-child {
        border-bottom: none;
    }

    .top .region-navigation #block-leader-main-menu ul.menu li a {
        text-decoration: none;
        font-size: 14px;
        font-weight: 100;
        color: #fff;
    }

    .top .region-navigation #block-leader-main-menu ul.menu li.menu-item--active-trail a {
        font-weight: bold;
    }

    .top .pateforme {
        display: block;
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translateY(-50%);
    }

    .top .pateforme input,
    .top .pateforme button,
    .top .pateforme a {
        padding: 14px 17px;
        border: none;
        border-radius: 30px;
        text-decoration: none;
        font-size: 14px;
        font-weight: 500;
        color: #1D2341;
        background: #fff;
    }
}

@media (min-width:1200px) and (min-width:1200px) {
    .top .pateforme:hover input,
    .top .pateforme:hover button,
    .top .pateforme:hover a {
        color: #fff;
        background: #1D2341;
    }

    .top .pateforme input,
    .top .pateforme button,
    .top .pateforme a {
        transition: all 300ms ease-in-out;
    }
}

@media (min-width:1200px) {
    .top .pateforme a {
        border: 1px solid #fff;
    }

    .top .pateforme:hover a {
        background: transparent;
    }
}

.banner {
    position: relative;
    height: 550px;
    overflow: hidden;
    line-height: 0;
}

.banner .anim-banner {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 450%;
    height: 100%;
    max-width: 1100px;
}

.banner .anim-banner .field__label {
    display: none;
}

.banner .anim-banner .field--name-field-animation-bandeau {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
}

.banner .image-banner {
    z-index: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    line-height: 0;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

.banner .inside-banner {
    z-index: 1;
    position: absolute;
    bottom: 30px;
    left: 50%;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    max-width: 1100px;
    line-height: 1.5em;
    color: #fff;
    transform: translateX(-50%);
}

.banner .inside-banner .banner-wrap-text {
    max-width: 80%;
}

@media (min-width:1200px) {
    .banner {
        height: 735px;
    }

    .banner .image-banner {
        background-attachment: fixed;
    }

    .banner .inside-banner {
        bottom: 100px;
    }

    .banner .inside-banner .banner-wrap-text {
        width: 50%;
        font-size: 17px;
        line-height: 1.5em;
    }

    .banner .anim-banner {
        width: 122%;
        max-width: 1500px;
    }
}

.breadcrumb a {
    text-decoration: none;
    color: #fff;
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60) ";
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
}

@media (min-width:1200px) {
    .breadcrumb a {
        transition: all 300ms ease-in-out;
    }

    .breadcrumb a:hover {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100) ";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
    }
}

.content {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.content .bkg {
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    width: 450%;
    max-width: 1100px;
}

.content .bkg img {
    width: 100%;
}

@media (min-width:1200px) {
    .content .bkg {
        width: 122%;
        max-width: 1500px;
    }
}

.page-node-type-accueil .banner {
    position: relative;
}

.page-node-type-accueil .banner .anim-banner {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 160%;
    height: 100%;
    max-width: 1100px;
}

.page-node-type-accueil .banner .anim-banner .field__label {
    display: none;
}

.page-node-type-accueil .banner .anim-banner .field--name-field-animation-bandeau {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
}

.page-node-type-accueil .banner .inside-banner .banner-wrap-text {
    max-width: 400px;
}

.page-node-type-accueil .content {
    z-index: 0;
    position: relative;
    padding: 0;
}

.page-node-type-accueil .content .bkg {
    width: 160%;
    max-width: 1100px;
}

.page-node-type-accueil .content:before {
    content: "";
    z-index: -1;
    position: absolute;
    right: 0;
    left: 0;
    height: 380px;
    background: #1e1632;
    background: linear-gradient(90deg, #1e1632 0%, #33b29f 88%);
}

.page-node-type-accueil .content .services {
    z-index: 5;
    position: relative;
    color: #fff;
}

.page-node-type-accueil .content .services .inside-bloc {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    padding: 30px 0 0;
    max-width: 1100px;
}

.page-node-type-accueil .content .services .inside-bloc .top-block {
    padding: 30px 0;
}

.page-node-type-accueil .content .services .inside-bloc .liste .paragraph {
    position: relative;
    margin: 0 auto 30px;
    max-width: 400px;
}

.page-node-type-accueil .content .services .inside-bloc .liste .paragraph .image img {
    border-radius: 30px;
}

.page-node-type-accueil .content .services .inside-bloc .liste .paragraph .content-service {
    position: absolute;
    bottom: 40px;
    left: 50%;
    width: 80%;
    padding-left: 20px;
    border-left: 1px solid #fff;
    transform: translateX(-50%);
}

.page-node-type-accueil .content .services .inside-bloc .liste .paragraph .content-service .subtitle {
    margin-bottom: 10px;
    font-family: "Quicksand",sans-serif;
    font-size: 30px;
    font-weight: 100;
}

.page-node-type-accueil .content .services .inside-bloc .liste .paragraph .content-service h3 {
    font-weight: 100;
}

.page-node-type-accueil .content .services .inside-bloc .liste .paragraph .content-service .texte {
    max-height: 0;
    max-width: 260px;
    overflow: hidden;
    font-weight: 100;
    transition: all 300ms ease-in-out;
}

.page-node-type-accueil .content .services .inside-bloc .liste .paragraph .content-service a {
    text-decoration: none;
    color: #fff;
}

.page-node-type-accueil .content .valeurs {
    position: relative;
    width: 90%;
    margin: 0 auto 50px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1100px;
}

.page-node-type-accueil .content .valeurs:before {
    content: "";
    z-index: -3;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url("../images/bkg/home/valeurs-mobile.png");
    background-position: center top !important;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
}

.page-node-type-accueil .content .valeurs .inside-bloc {
    padding: 40px 0 0;
}

.page-node-type-accueil .content .valeurs .exams {
    position: relative;
    margin: 50px auto 0;
    padding: 40px 0;
    border-radius: 30px;
    text-align: center;
    background: #fff;
}

.page-node-type-accueil .content .valeurs .exams .line {
    position: absolute;
    top: 40%;
    right: 0;
    left: 0;
    width: 100%;
    height: 0.1px;
    max-height: 0;
    border: 1px dotted #fff;
    overflow: hidden;
    background: linear-gradient(to right, #1e1632, #33B29F) border-box;
    background-repeat: no-repeat;
    transform: translateY(-40%);
}

.page-node-type-accueil .content .valeurs .exams .bkg {
    z-index: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50%;
    height: 70%;
    background: #fff;
    transform: translateX(-50%) translateY(-50%);
}

.page-node-type-accueil .content .valeurs .exams h3 {
    margin-bottom: 40px;
}

.page-node-type-accueil .content .valeurs .exams .exam-anim {
    position: relative;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    max-width: 1100px;
    overflow: hidden;
}

.page-node-type-accueil .content .valeurs .exams .exam-anim ul {
    padding: 0;
}

.page-node-type-accueil .content .valeurs .exams .exam-anim ul li {
    display: inline-block;
    margin: 0 5px 0;
    list-style: none;
}

.page-node-type-accueil .content .valeurs .exams .exam-anim ul li button {
    display: block;
    width: 10px;
    height: 10px;
    padding: 0;
    border: 1px solid;
    border-color: #33B29F;
    border-radius: 20px;
    text-indent: -5000px;
    background: transparent;
}

.page-node-type-accueil .content .valeurs .exams .exam-anim ul li.slick-active button {
    background: #33B29F;
}

.page-node-type-accueil .content .valeurs .exams .exam-anim .anim {
    position: relative;
    width: 220px;
    height: 216px;
    margin: 0 auto 0;
    border-radius: 200px;
    font-size: 50px;
}

.page-node-type-accueil .content .valeurs .exams .exam-anim .anim:after {
    content: "";
    z-index: -1;
    position: absolute;
    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 20px;
    border-radius: 200px;
    background: #fff;
}

.page-node-type-accueil .content .valeurs .exams .exam-anim .anim .taux {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    -webkit-text-fill-color: transparent;
    font-family: "Quicksand",sans-serif;
    line-height: 2em;
    background: #1e1632;
    background: linear-gradient(90deg, #1e1632 0%, #33b29f 88%);
    -webkit-background-clip: text;
    transform: translateY(-50%);
}

.page-node-type-accueil .content .valeurs .exams .exam-anim .titre-exam {
    margin: 30px auto 0;
    max-width: 250px;
    font-size: 20px;
    font-weight: 500;
}

.page-node-type-accueil .content .valeurs .exams .exam-anim .slick-slide {
    display: inline-block;
    position: relative;
    margin: 0 5px;
    padding: 0 0 20px;
    vertical-align: top;
}

.page-node-type-accueil .content .valeurs .exams .exam-anim .slick-dots {
    margin: 50px auto 0;
    text-align: center;
}

.page-node-type-accueil .content .valeurs .btn {
    position: relative;
    margin: 30px auto;
    max-width: 500px;
    max-width: 100%;
    text-align: center;
}

.page-node-type-accueil .content .valeurs .btn input,
.page-node-type-accueil .content .valeurs .btn button,
.page-node-type-accueil .content .valeurs .btn a {
    padding: 14px 17px;
    border: 1px solid;
    border-color: #33B29F;
    border-radius: 30px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    background: #33B29F;
}

@media (min-width:1200px) {
    .page-node-type-accueil .content .valeurs .btn input,
    .page-node-type-accueil .content .valeurs .btn button,
    .page-node-type-accueil .content .valeurs .btn a {
        transition: all 300ms ease-in-out;
    }

    .page-node-type-accueil .content .valeurs .btn input:hover,
    .page-node-type-accueil .content .valeurs .btn button:hover,
    .page-node-type-accueil .content .valeurs .btn a:hover {
        color: #33B29F;
        background: transparent;
    }
}

    .page-node-type-accueil .content .valeurs .btn:before,
    .page-node-type-accueil .content .valeurs .btn:after {
        content: "";
        z-index: -1;
        position: absolute;
        top: 50%;
        width: 20%;
        height: 1px;
        transform: translateY(-50%);
    }

    .page-node-type-accueil .content .valeurs .btn:before {
        left: 0;
        background: #1e1632;
        background: linear-gradient(90deg, #1e1632 0%, #33b29f 88%);
    }

    .page-node-type-accueil .content .valeurs .btn:after {
        right: 0;
        background: linear-gradient(to right, #33B29F, #1e1632);
    }

@media (min-width:768px) {
    .page-node-type-accueil .content .valeurs .btn {
        max-width: inherit;
    }

    .page-node-type-accueil .content .valeurs .btn:before,
    .page-node-type-accueil .content .valeurs .btn:after {
        width: 42%;
    }
}

.page-node-type-accueil .content .valeurs .btn:before,
.page-node-type-accueil .content .valeurs .btn:after {
    width: 50%;
}

.page-node-type-accueil .content .valeurs .btn .inside-btn {
    width: fit-content;
    width: max-content;
    margin: auto;
    padding: 0 50px;
    background: #f5f5f5;
}

.page-node-type-accueil .content .confiance {
    padding: 40px 0;
    background: #1e1632;
    background: linear-gradient(90deg, #1e1632 0%, #33b29f 88%);
}

.page-node-type-accueil .content .confiance .inside-bloc {
    color: #fff;
}

.page-node-type-accueil .content .confiance .inside-bloc h2 {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    max-width: 1100px;
}

.page-node-type-accueil .content .confiance .inside-bloc .references,
.page-node-type-accueil .content .confiance .inside-bloc .temoignages {
    position: relative;
    margin: 40px auto;
}

.page-node-type-accueil .content .confiance .inside-bloc .references h3,
.page-node-type-accueil .content .confiance .inside-bloc .temoignages h3 {
    position: relative;
    width: 90%;
    margin: auto;
    margin-right: auto;
    margin-left: auto;
    max-width: 1100px;
    font-weight: 400;
}

.page-node-type-accueil .content .confiance .inside-bloc .references h3:before,
.page-node-type-accueil .content .confiance .inside-bloc .temoignages h3:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -60px;
    width: 40px;
    height: 1px;
    background: #fff;
    transform: translateY(-50%);
}

.page-node-type-accueil .content .confiance .inside-bloc .references .text,
.page-node-type-accueil .content .confiance .inside-bloc .temoignages .text {
    width: 90%;
    margin: 20px auto;
    margin-right: auto;
    margin-left: auto;
    max-width: 1100px;
}

.page-node-type-accueil .content .confiance .inside-bloc .references .slider-logos,
.page-node-type-accueil .content .confiance .inside-bloc .temoignages .slider-logos {
    position: relative;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    max-width: 1100px;
    overflow: hidden;
}

.page-node-type-accueil .content .confiance .inside-bloc .references .slider-logos .slick-slide,
.page-node-type-accueil .content .confiance .inside-bloc .temoignages .slider-logos .slick-slide {
    display: inline-block;
    position: relative;
    margin: 0 5px;
    padding: 0 0 20px;
    vertical-align: top;
}

.page-node-type-accueil .content .confiance .inside-bloc .references .slider-logos .slick-slide img,
.page-node-type-accueil .content .confiance .inside-bloc .temoignages .slider-logos .slick-slide img {
    border-radius: 30px;
}

.page-node-type-accueil .content .confiance .inside-bloc .references .slider-temoignages,
.page-node-type-accueil .content .confiance .inside-bloc .temoignages .slider-temoignages {
    position: relative;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    max-width: 1100px;
    overflow: hidden;
}

.page-node-type-accueil .content .confiance .inside-bloc .references .slider-temoignages .slick-slide,
.page-node-type-accueil .content .confiance .inside-bloc .temoignages .slider-temoignages .slick-slide {
    display: inline-block;
    position: relative;
    margin: 20px auto 0;
    padding: 0;
    vertical-align: top;
}

.page-node-type-accueil .content .confiance .inside-bloc .references .slider-temoignages .slick-slide .texte,
.page-node-type-accueil .content .confiance .inside-bloc .temoignages .slider-temoignages .slick-slide .texte {
    position: relative;
}

.page-node-type-accueil .content .confiance .inside-bloc .references .slider-temoignages .slick-slide .texte .read-more a,
.page-node-type-accueil .content .confiance .inside-bloc .references .slider-temoignages .slick-slide .texte .read-less a,
.page-node-type-accueil .content .confiance .inside-bloc .temoignages .slider-temoignages .slick-slide .texte .read-more a,
.page-node-type-accueil .content .confiance .inside-bloc .temoignages .slider-temoignages .slick-slide .texte .read-less a {
    display: block;
    text-align: left;
    font-size: 12px;
    color: #fff;
}

.page-node-type-accueil .content .confiance .inside-bloc .references .slider-temoignages .slick-slide .photo,
.page-node-type-accueil .content .confiance .inside-bloc .temoignages .slider-temoignages .slick-slide .photo {
    display: none;
}

.page-node-type-accueil .content .confiance .inside-bloc .references .slider-temoignages .slick-slide .author,
.page-node-type-accueil .content .confiance .inside-bloc .temoignages .slider-temoignages .slick-slide .author {
    position: relative;
    margin-top: 10px;
    padding-right: 40px;
    text-align: right;
    font-style: italic;
    font-weight: 100;
}

.page-node-type-accueil .content .confiance .inside-bloc .references .slider-temoignages .slick-slide .author:after,
.page-node-type-accueil .content .confiance .inside-bloc .temoignages .slider-temoignages .slick-slide .author:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 20px;
    height: 20px;
    background: url("../images/parenthese.png") no-repeat;
    background-size: cover;
}

.page-node-type-accueil .content .confiance .inside-bloc .references .slider-temoignages .slick-dots,
.page-node-type-accueil .content .confiance .inside-bloc .temoignages .slider-temoignages .slick-dots {
    margin: 20px 0 0;
    padding: 0;
    text-align: center;
}

.page-node-type-accueil .content .confiance .inside-bloc .references .slider-temoignages .slick-dots li,
.page-node-type-accueil .content .confiance .inside-bloc .temoignages .slider-temoignages .slick-dots li {
    display: inline-block;
    margin: 0 5px 0;
    list-style: none;
}

.page-node-type-accueil .content .confiance .inside-bloc .references .slider-temoignages .slick-dots li button,
.page-node-type-accueil .content .confiance .inside-bloc .temoignages .slider-temoignages .slick-dots li button {
    display: block;
    width: 10px;
    height: 10px;
    padding: 0;
    border: 1px solid;
    border-color: #fff;
    border-radius: 20px;
    text-indent: -5000px;
    background: transparent;
}

.page-node-type-accueil .content .confiance .inside-bloc .references .slider-temoignages .slick-dots li.slick-active button,
.page-node-type-accueil .content .confiance .inside-bloc .temoignages .slider-temoignages .slick-dots li.slick-active button {
    background: #fff;
}

.page-node-type-accueil .content .actualites {
    background: url("../images/bkg/home/actu-mobile.png");
    background-position: top right !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.page-node-type-accueil .content .actualites .inside-actu {
    padding: 40px 0;
}

.page-node-type-accueil .content .actualites .inside-actu .view-actualites {
    position: relative;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    max-width: 1100px;
}

.page-node-type-accueil .content .actualites .inside-actu .view-actualites .view-empty {
    padding: 100px 0 200px;
    text-align: center;
    color: #fff;
}

.page-node-type-accueil .content .actualites .inside-actu .view-actualites .view-content {
    position: relative;
    width: 100%;
    padding-bottom: 20px;
    text-align: center;
}

.page-node-type-accueil .content .actualites .inside-actu .view-actualites .view-content .views-row {
    position: relative;
    width: 100%;
    margin: 0 auto 40px;
    padding-bottom: 40px;
    max-width: 340px;
    border-radius: 30px;
    text-align: left;
    background: #fff;
}

.page-node-type-accueil .content .actualites .inside-actu .view-actualites .view-filters {
    z-index: 1;
    position: relative;
    width: 100%;
    padding: 30px 0 50px;
    overflow: inherit;
}

.page-node-type-accueil .content .actualites .inside-actu .view-actualites .view-filters form {
    height: 40px;
}

.page-node-type-accueil .content .actualites .inside-actu .view-actualites .view-filters .form--inline {
    text-align: center;
}

.page-node-type-accueil .content .actualites .inside-actu .view-actualites .view-filters .js-form-item {
    display: inline-block;
    float: inherit;
    width: 94%;
    margin: 10px 3px;
    padding: 5px 10px;
    border: none;
    border-radius: 20px;
    text-align: left;
    vertical-align: top;
    background: #fff;
    cursor: pointer;
}

.page-node-type-accueil .content .actualites .inside-actu .view-actualites .view-filters .js-form-item label {
    display: block;
    position: relative;
    padding: 5px 10px;
}

.page-node-type-accueil .content .actualites .inside-actu .view-actualites .view-filters .js-form-item label:after {
  content: "";
  position: absolute;
  color: inherit;
  opacity: 1;
  top: 8px;
  right: 8px;
  width: 0.4rem;
  height: 0.4rem;
  cursor: pointer;
  border-style: solid;
  border-color: #b8b8b8;
  border-width: 0.15rem 0.15rem 0 0;
  -webkit-appearance: inherit;
  -webkit-transform: rotate(-135deg);
  transform: rotate(135deg);
}

.page-node-type-accueil .content .actualites .inside-actu .view-actualites .view-filters .js-form-item .form-select {
    height: 0;
    padding: 0 6px;
    overflow: hidden;
}

.page-node-type-accueil .content .actualites .inside-actu .view-actualites .view-filters .js-form-item .form-select a {
    text-decoration: none;
    color: #1e1632;
}

.page-node-type-accueil .content .actualites .inside-actu .view-actualites .view-filters .js-form-item .form-select a.bef-link--selected {
    font-weight: 600;
}

.page-node-type-accueil .content .actualites .inside-actu .view-actualites .view-filters .js-form-item .form-select ul {
    padding: 0 6px;
}

.page-node-type-accueil .content .actualites .inside-actu .view-actualites .view-filters .js-form-item .form-select ul li {
    display: block;
}

.page-node-type-accueil .content .actualites .inside-actu .view-actualites .view-filters .js-form-item.open .form-select {
    height: inherit;
}

.page-node-type-accueil .content .actualites .inside-actu .view-actualites .view-filters .js-form-item.form-type-entity-autocomplete label,
.page-node-type-accueil .content .actualites .inside-actu .view-actualites .view-filters .js-form-item.js-form-type-textfield label {
    display: none;
}

.page-node-type-accueil .content .actualites .inside-actu .view-actualites .view-filters .js-form-item.form-type-entity-autocomplete .form-select,
.page-node-type-accueil .content .actualites .inside-actu .view-actualites .view-filters .js-form-item.js-form-type-textfield .form-select {
    width: 100%;
}

.page-node-type-accueil .content .actualites .inside-actu .view-actualites .view-filters .js-form-item.form-type-entity-autocomplete input,
.page-node-type-accueil .content .actualites .inside-actu .view-actualites .view-filters .js-form-item.js-form-type-textfield input {
    width: 92%;
    padding: 6px 10px;
    border: none;
    color: #1e1632;
    background: transparent;
}

.page-node-type-accueil .content .actualites .inside-actu .view-actualites .view-filters .js-form-item.form-type-entity-autocomplete::placeholder,
.page-node-type-accueil .content .actualites .inside-actu .view-actualites .view-filters .js-form-item.js-form-type-textfield::placeholder {
    color: #1e1632;
}

@media (min-width:768px) {
    .page-node-type-accueil .content .actualites .inside-actu .view-actualites .view-content {
        margin-top: 0;
        padding-bottom: 40px;
    }

    .page-node-type-accueil .content .actualites .inside-actu .view-actualites .view-content .views-row {
        display: inline-block;
        width: 45.6%;
        margin: 20px 2% !important;
        vertical-align: top;
        box-shadow: 2px 17px 20px 1px rgba(0,0,0,0.1);
    }

    .page-node-type-accueil .content .actualites .inside-actu .view-actualites .view-content .views-row:nth-child(odd) {
        margin-right: 4%;
    }

    .page-node-type-accueil .content .actualites .inside-actu .view-actualites .view-content .views-row .views-field-title a:hover {
        color: #33B29F;
    }

    .page-node-type-accueil .content .actualites .inside-actu .view-actualites .view-filters {
        padding: 60px 0 40px;
    }

    .page-node-type-accueil .content .actualites .inside-actu .view-actualites .view-filters form {
        position: relative;
        width: 100%;
        height: 55px;
    }

    .page-node-type-accueil .content .actualites .inside-actu .view-actualites .view-filters form:before,
    .page-node-type-accueil .content .actualites .inside-actu .view-actualites .view-filters form:after {
        content: "";
        position: absolute;
        top: 50%;
        width: 12%;
        height: 1px;
        background-color: #fff;
        transform: translateY(-50%);
    }

    .page-node-type-accueil .content .actualites .inside-actu .view-actualites .view-filters form:before {
        left: 0;
    }

    .page-node-type-accueil .content .actualites .inside-actu .view-actualites .view-filters form:after {
        right: 0;
    }

    .page-node-type-accueil .content .actualites .inside-actu .view-actualites .view-filters form .form--inline {
        width: 78%;
        height: 32px;
        margin: auto;
    }

    .page-node-type-accueil .content .actualites .inside-actu .view-actualites .view-filters form .js-form-item {
        display: inline-block;
        float: inherit;
        width: 45%;
        text-align: left;
        vertical-align: top;
    }
}

@media (min-width:1200px) {
    .page-node-type-accueil .content .actualites .inside-actu .view-actualites .view-content .views-row {
        width: 29.1%;
        margin: 3% 2% !important;
    }
}

.page-node-type-accueil .content .actualites .inside-actu .view-actualites ul {
    padding: 0;
}

.page-node-type-accueil .content .actualites .inside-actu .view-actualites ul li {
    display: inline-block;
    margin: 0 5px 0;
    list-style: none;
}

.page-node-type-accueil .content .actualites .inside-actu .view-actualites ul li button {
    display: block;
    width: 10px;
    height: 10px;
    padding: 0;
    border: 1px solid;
    border-color: #33B29F;
    border-radius: 20px;
    text-indent: -5000px;
    background: transparent;
}

.page-node-type-accueil .content .actualites .inside-actu .view-actualites ul li.slick-active button {
    background: #33B29F;
}

.page-node-type-accueil .content .actualites .inside-actu .view-content .views-row .views-field-title,
.page-node-type-accueil .content .actualites .inside-actu .view-content .views-row .views-field-field-chapeau-mosaic,
.page-node-type-accueil .content .actualites .inside-actu .view-content .views-row .views-field-view-node,
.page-node-type-accueil .content .actualites .inside-actu .view-content .views-row .views-field-field-sous-titre {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    max-width: 1100px;
}

.page-node-type-accueil .content .actualites .inside-actu .view-content .views-row .views-field-title {
    margin: 20px auto 5px;
}

.page-node-type-accueil .content .actualites .inside-actu .view-content .views-row .views-field-title a {
    text-decoration: none;
    text-transform: uppercase;
    font-family: "Quicksand",sans-serif;
    font-size: 22px;
    font-weight: 500;
    color: #1D2341;
    transition: all 300ms ease-in-out;
}

.page-node-type-accueil .content .actualites .inside-actu .view-content .views-row .views-field-field-sous-titre {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 20px;
    text-transform: uppercase;
    font-weight: 400;
}

.page-node-type-accueil .content .actualites .inside-actu .view-content .views-row .views-field-field-sous-titre:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 14%;
    height: 2px;
    border-radius: 2px;
    background: #33B29F;
}

.page-node-type-accueil .content .actualites .inside-actu .view-content .views-row .views-field-view-node {
    margin-top: 40px;
    text-align: center;
}

.page-node-type-accueil .content .actualites .inside-actu .view-content .views-row .views-field-view-node span input,
.page-node-type-accueil .content .actualites .inside-actu .view-content .views-row .views-field-view-node span button,
.page-node-type-accueil .content .actualites .inside-actu .view-content .views-row .views-field-view-node span a {
    padding: 14px 17px;
    border: 1px solid;
    border-color: #1D2341;
    border-radius: 30px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    background: #1D2341;
}

@media (min-width:1200px) {
    .page-node-type-accueil .content .actualites .inside-actu .view-content .views-row .views-field-view-node span input,
    .page-node-type-accueil .content .actualites .inside-actu .view-content .views-row .views-field-view-node span button,
    .page-node-type-accueil .content .actualites .inside-actu .view-content .views-row .views-field-view-node span a {
        color: #1D2341;
        background: transparent;
        transition: all 300ms ease-in-out;
    }

    .page-node-type-accueil .content .actualites .inside-actu .view-content .views-row .views-field-view-node span input:hover,
    .page-node-type-accueil .content .actualites .inside-actu .view-content .views-row .views-field-view-node span button:hover,
    .page-node-type-accueil .content .actualites .inside-actu .view-content .views-row .views-field-view-node span a:hover {
        color: #fff;
        background: #1D2341;
    }
}

.page-node-type-accueil .content .actualites .inside-actu .view-content .views-row .views-field-field-image-principale img {
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}

.page-node-type-accueil .content .actualites .inside-actu .view-content .slick-slide {
    display: inline-block;
    position: relative;
    margin: 0 5px;
    padding: 0 0 20px;
    vertical-align: top;
}

.page-node-type-accueil .content .actualites .inside-actu .view-content .slick-dots {
    margin: 0 0 0;
    padding: 0;
    text-align: center;
}

@media (min-width:768px) {
    .page-node-type-accueil .content .actualites .inside-actu .view-content .slick-dots {
        margin: 40px 0 0;
    }
}

.page-node-type-accueil .content .actualites .inside-actu h2 {
    width: 90%;
    margin: 0 auto 30px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1100px;
}

.page-node-type-accueil .content .actualites .inside-actu .actu-mosaic {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    max-width: 1100px;
}

.page-node-type-accueil .content .actualites .inside-actu .actu-mosaic .all-actu {
    z-index: 1;
    position: relative;
    margin: 30px auto;
    max-width: 500px;
    max-width: 100%;
    text-align: center;
}

.page-node-type-accueil .content .actualites .inside-actu .actu-mosaic .all-actu input,
.page-node-type-accueil .content .actualites .inside-actu .actu-mosaic .all-actu button,
.page-node-type-accueil .content .actualites .inside-actu .actu-mosaic .all-actu a {
    padding: 14px 17px;
    border: 1px solid;
    border-color: #33B29F;
    border-radius: 30px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    background: #33B29F;
}

@media (min-width:1200px) {
    .page-node-type-accueil .content .actualites .inside-actu .actu-mosaic .all-actu input,
    .page-node-type-accueil .content .actualites .inside-actu .actu-mosaic .all-actu button,
    .page-node-type-accueil .content .actualites .inside-actu .actu-mosaic .all-actu a {
        transition: all 300ms ease-in-out;
    }

    .page-node-type-accueil .content .actualites .inside-actu .actu-mosaic .all-actu input:hover,
    .page-node-type-accueil .content .actualites .inside-actu .actu-mosaic .all-actu button:hover,
    .page-node-type-accueil .content .actualites .inside-actu .actu-mosaic .all-actu a:hover {
        color: #33B29F;
        background: transparent;
    }
}

.page-node-type-accueil .content .actualites .inside-actu .actu-mosaic .all-actu:before,
.page-node-type-accueil .content .actualites .inside-actu .actu-mosaic .all-actu:after {
    content: "";
    z-index: -1;
    position: absolute;
    top: 50%;
    width: 20%;
    height: 1px;
    transform: translateY(-50%);
}

.page-node-type-accueil .content .actualites .inside-actu .actu-mosaic .all-actu:before {
    left: 0;
    background: #1e1632;
    background: linear-gradient(90deg, #1e1632 0%, #33b29f 88%);
}

.page-node-type-accueil .content .actualites .inside-actu .actu-mosaic .all-actu:after {
    right: 0;
    background: linear-gradient(to right, #33B29F, #1e1632);
}

@media (min-width:768px) {
    .page-node-type-accueil .content .actualites .inside-actu .actu-mosaic .all-actu {
        max-width: inherit;
    }

    .page-node-type-accueil .content .actualites .inside-actu .actu-mosaic .all-actu:before,
    .page-node-type-accueil .content .actualites .inside-actu .actu-mosaic .all-actu:after {
        width: 42%;
    }
}

.page-node-type-accueil .content .actualites .inside-actu .actu-mosaic .all-actu input,
.page-node-type-accueil .content .actualites .inside-actu .actu-mosaic .all-actu button,
.page-node-type-accueil .content .actualites .inside-actu .actu-mosaic .all-actu a {
    background: #1e1632;
    background: linear-gradient(90deg, #1e1632 0%, #33b29f 88%);
}

.page-node-type-accueil .content .actualites .inside-actu .actu-mosaic .all-actu:before,
.page-node-type-accueil .content .actualites .inside-actu .actu-mosaic .all-actu:after {
    width: 23%;
}

.page-node-type-accueil .content .actualites .inside-actu .actu-mosaic .all-actu .inside-btn {
    width: fit-content;
    width: max-content;
    margin: auto;
    padding: 0 50px;
}

.page-node-type-accueil .content .actualites .inside-actu .actu-mosaic .nav {
    display: none;
    overflow: hidden;
}

.page-node-type-accueil .content .plateforme {
    padding: 40px 0 60px;
    text-align: center;
    color: #fff;
    background: #1e1632;
    background: linear-gradient(90deg, #1e1632 0%, #33b29f 88%);
}

.page-node-type-accueil .content .plateforme h2 {
    width: 85%;
    margin-right: auto;
    margin-left: auto;
    max-width: 700px;
    max-width: 400px;
    line-height: 1.3em;
}

.page-node-type-accueil .content .plateforme .btn {
    margin-top: 40px;
}

.page-node-type-accueil .content .plateforme .btn input,
.page-node-type-accueil .content .plateforme .btn button,
.page-node-type-accueil .content .plateforme .btn a {
    padding: 14px 17px;
    border: none;
    border-radius: 30px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    color: #1D2341;
    background: #fff;
}

@media (min-width:1200px) {
    .page-node-type-accueil .content .plateforme .btn:hover input,
    .page-node-type-accueil .content .plateforme .btn:hover button,
    .page-node-type-accueil .content .plateforme .btn:hover a {
        color: #fff;
        background: #1D2341;
    }

    .page-node-type-accueil .content .plateforme .btn input,
    .page-node-type-accueil .content .plateforme .btn button,
    .page-node-type-accueil .content .plateforme .btn a {
        transition: all 300ms ease-in-out;
    }
}

.page-node-type-accueil .content .plateforme .btn a {
    font-size: 14px;
}

@media (min-width:768px) {
    .page-node-type-accueil .content .bkg {
        max-width: 1100px;
    }

    .page-node-type-accueil .content .services .inside-bloc .liste {
        width: 102%;
        margin-left: -2%;
    }

    .page-node-type-accueil .content .services .inside-bloc .liste .paragraph {
        display: inline-block;
        width: 45%;
        margin: 0 2%;
        max-width: inherit;
        vertical-align: top;
    }

    .page-node-type-accueil .content .valeurs {
        padding: 30px 0;
    }

    .page-node-type-accueil .content .valeurs:before {
        background: url("../images/bkg/home/valeurs-desktop.png");
    }

    .page-node-type-accueil .content .valeurs .exams {
        position: relative;
        margin: 0 auto 0;
        border-radius: 0;
        text-align: left;
        background: none;
    }

    .page-node-type-accueil .content .valeurs .exams .line {
        display: none;
    }

    .page-node-type-accueil .content .valeurs .exams .bkg {
        display: none;
    }

    .page-node-type-accueil .content .valeurs .exams h3 {
        position: relative;
        margin-bottom: 40px;
    }

    .page-node-type-accueil .content .valeurs .exams h3:before {
        content: "";
        position: absolute;
        top: 50%;
        left: -60px;
        width: 40px;
        height: 1px;
        background: #1e1632;
        transform: translateY(-50%);
    }

    .page-node-type-accueil .content .valeurs .exams .exam-anim {
        width: 100%;
    }

    .page-node-type-accueil .content .valeurs .exams .exam-anim .paragraph {
        display: inline-block;
        width: 32.9%;
        vertical-align: top;
    }

    .page-node-type-accueil .content .valeurs .exams .exam-anim .paragraph .anim {
        width: 215px;
        height: 215px;
    }

    .page-node-type-accueil .content .valeurs .exams .exam-anim .paragraph .anim:after {
        top: 15px;
        right: 15px;
        bottom: 15px;
        left: 15px;
        background: #f5f5f5;
    }

    .page-node-type-accueil .content .valeurs .exams .exam-anim .titre-exam {
        margin: 30px auto 0;
        max-width: 190px;
        text-align: center;
        font-size: 14px;
        font-weight: 400;
    }

    .page-node-type-accueil .content .valeurs .exams .exam-anim .slick-slide {
        display: inline-block;
        position: relative;
        margin: 0 5px;
        padding: 0 0 20px;
        vertical-align: top;
    }

    .page-node-type-accueil .content .valeurs .exams .exam-anim .slick-dots {
        margin: 40px 0 0;
        padding: 0;
    }

    .page-node-type-accueil .content .valeurs .btn {
        position: relative;
        margin: 30px auto;
        margin: 40px auto 0;
        max-width: 500px;
        text-align: center;
    }

    .page-node-type-accueil .content .valeurs .btn input,
    .page-node-type-accueil .content .valeurs .btn button,
    .page-node-type-accueil .content .valeurs .btn a {
        padding: 14px 17px;
        border: 1px solid;
        border-color: #33B29F;
        border-radius: 30px;
        text-decoration: none;
        font-size: 14px;
        font-weight: 500;
        color: #fff;
        background: #33B29F;
    }
}

@media (min-width:768px) and (min-width:1200px) {
    .page-node-type-accueil .content .valeurs .btn input,
    .page-node-type-accueil .content .valeurs .btn button,
    .page-node-type-accueil .content .valeurs .btn a {
        transition: all 300ms ease-in-out;
    }

    .page-node-type-accueil .content .valeurs .btn input:hover,
    .page-node-type-accueil .content .valeurs .btn button:hover,
    .page-node-type-accueil .content .valeurs .btn a:hover {
        color: #33B29F;
        background: transparent;
    }
}

@media (min-width:768px) {
    .page-node-type-accueil .content .valeurs .btn:before,
    .page-node-type-accueil .content .valeurs .btn:after {
        content: "";
        z-index: -1;
        position: absolute;
        top: 50%;
        width: 20%;
        height: 1px;
        transform: translateY(-50%);
    }

    .page-node-type-accueil .content .valeurs .btn:before {
        left: 0;
        background: #1e1632;
        background: linear-gradient(90deg, #1e1632 0%, #33b29f 88%);
    }

    .page-node-type-accueil .content .valeurs .btn:after {
        right: 0;
        background: linear-gradient(to right, #33B29F, #1e1632);
    }
}

@media (min-width:768px) and (min-width:768px) {
    .page-node-type-accueil .content .valeurs .btn {
        max-width: inherit;
    }

    .page-node-type-accueil .content .valeurs .btn:before,
    .page-node-type-accueil .content .valeurs .btn:after {
        width: 42%;
    }
}

@media (min-width:768px) {
    .page-node-type-accueil .content .confiance {
        padding: 70px 0 10px;
    }

    .page-node-type-accueil .content .confiance .inside-bloc .references,
    .page-node-type-accueil .content .confiance .inside-bloc .temoignages {
        margin: 60px auto;
    }

    .page-node-type-accueil .content .confiance .inside-bloc .references .slider-logos,
    .page-node-type-accueil .content .confiance .inside-bloc .references .slider-temoignages,
    .page-node-type-accueil .content .confiance .inside-bloc .temoignages .slider-logos,
    .page-node-type-accueil .content .confiance .inside-bloc .temoignages .slider-temoignages {
        margin-top: 50px;
        cursor: inherit;
    }

    .page-node-type-accueil .content .actualites {
        background: url("../images/bkg/home/actu-desktop.png");
    }

    .page-node-type-accueil .content .actualites .inside-actu {
        padding: 60px 0;
    }

    .page-node-type-accueil .content .actualites .inside-actu h2 {
        margin: 0 auto 40px;
    }

    .page-node-type-accueil .content .actualites .inside-actu .actu-mosaic {
        position: relative;
        padding-bottom: 50px;
    }

    .page-node-type-accueil .content .actualites .inside-actu .actu-mosaic .views-element-container .view-actualites {
        width: 100%;
    }

    .page-node-type-accueil .content .actualites .inside-actu .actu-mosaic .views-element-container .view-actualites .view-content .views-row:first-child {
        margin-left: 0 !important;
    }

    .page-node-type-accueil .content .actualites .inside-actu .actu-mosaic .views-element-container .view-actualites .view-content .views-row:last-child {
        margin-right: 0 !important;
    }

    .page-node-type-accueil .content .actualites .inside-actu .actu-mosaic .views-element-container .slick-slide {
        margin: 0;
        text-align: left;
    }

    .page-node-type-accueil .content .actualites .inside-actu .actu-mosaic .views-element-container .slick-slide .views-row {
        width: 90% !important;
        text-align: left;
    }

    .page-node-type-accueil .content .actualites .inside-actu .actu-mosaic .all-actu {
        position: absolute;
        bottom: 18px;
        left: 0;
        margin: 0;
        text-align: left;
    }

    .page-node-type-accueil .content .actualites .inside-actu .actu-mosaic .all-actu:before,
    .page-node-type-accueil .content .actualites .inside-actu .actu-mosaic .all-actu:after {
        display: none;
    }

    .page-node-type-accueil .content .actualites .inside-actu .actu-mosaic .all-actu .inside-btn {
        padding: 0;
    }

    .page-node-type-accueil .content .actualites .inside-actu .actu-mosaic .nav {
        display: block;
        z-index: 1;
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 100px;
        padding: 0;
        overflow: hidden;
        text-align: center;
        transform: translateX(-50%);
    }

    .page-node-type-accueil .content .actualites .inside-actu .actu-mosaic .nav #next,
    .page-node-type-accueil .content .actualites .inside-actu .actu-mosaic .nav #prev {
        display: inline-block;
        position: relative;
        width: 2rem;
        height: 2rem;
        margin: 0 2px;
        border: 1px solid;
        border-color: #1e1632;
        border-radius: 20px;
        overflow: hidden;
        text-align: center;
        transition: all 300ms ease-in-out;
    }

    .page-node-type-accueil .content .actualites .inside-actu .actu-mosaic .nav #next .inside-prev,
    .page-node-type-accueil .content .actualites .inside-actu .actu-mosaic .nav #next .inside-next,
    .page-node-type-accueil .content .actualites .inside-actu .actu-mosaic .nav #prev .inside-prev,
    .page-node-type-accueil .content .actualites .inside-actu .actu-mosaic .nav #prev .inside-next {
        position: absolute;
        top: 50%;
        top: 9px;
        left: 50%;
        -webkit-appearance: inherit;
        width: 0.7rem;
        height: 0.7rem;
        border: .1rem .1rem 0 0 solid #1e1632;
        text-indent: -5000px;
        color: inherit;
        opacity: 1;
        transform: translateX(-50%) translateY(-50%);
        cursor: pointer;
    }

    .page-node-type-accueil .content .actualites .inside-actu .actu-mosaic .nav #next .inside-prev,
    .page-node-type-accueil .content .actualites .inside-actu .actu-mosaic .nav #prev .inside-prev {
        left: 12px;
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }

    .page-node-type-accueil .content .actualites .inside-actu .actu-mosaic .nav #next .inside-next,
    .page-node-type-accueil .content .actualites .inside-actu .actu-mosaic .nav #prev .inside-next {
        left: 7px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .page-node-type-accueil .content .actualites .inside-actu .actu-mosaic .nav #next:hover,
    .page-node-type-accueil .content .actualites .inside-actu .actu-mosaic .nav #prev:hover {
        background: #1e1632;
    }

    .page-node-type-accueil .content .actualites .inside-actu .actu-mosaic .nav #next:hover .inside-prev,
    .page-node-type-accueil .content .actualites .inside-actu .actu-mosaic .nav #next:hover .inside-next,
    .page-node-type-accueil .content .actualites .inside-actu .actu-mosaic .nav #prev:hover .inside-prev,
    .page-node-type-accueil .content .actualites .inside-actu .actu-mosaic .nav #prev:hover .inside-next {
        border-color: #fff;
    }

    .page-node-type-accueil .content .plateforme {
        padding: 80px 0;
    }

    .page-node-type-accueil .content .plateforme h2 {
        max-width: 800px;
    }
}

@media (min-width:1200px) {
    .page-node-type-accueil .content .services .inside-bloc .liste .paragraph:hover .content-service .texte {
        max-height: 80px;
    }

    .page-node-type-accueil .content .valeurs .exams {
        position: relative;
        margin: 0 auto 0;
        border-radius: 0;
        text-align: left;
        background: none;
    }

    .page-node-type-accueil .content .valeurs .exams .line {
        display: none;
    }

    .page-node-type-accueil .content .valeurs .exams .bkg {
        display: none;
    }

    .page-node-type-accueil .content .valeurs .exams h3 {
        position: relative;
        margin-bottom: 40px;
    }

    .page-node-type-accueil .content .valeurs .exams h3:before {
        content: "";
        position: absolute;
        top: 50%;
        left: -60px;
        width: 40px;
        height: 1px;
        background: #1e1632;
        transform: translateY(-50%);
    }

    .page-node-type-accueil .content .valeurs .exams .exam-anim {
        width: 100%;
    }

    .page-node-type-accueil .content .valeurs .exams .exam-anim .paragraph {
        display: inline-block;
        width: 33.1%;
        vertical-align: top;
    }

    .page-node-type-accueil .content .valeurs .exams .exam-anim .paragraph .titre-exam {
        margin: 30px auto 0;
        max-width: 190px;
        text-align: center;
        font-size: 14px;
        font-weight: 400;
    }

    .page-node-type-accueil .content .valeurs .btn {
        position: relative;
        margin: 30px auto;
        max-width: 500px;
        text-align: center;
    }

    .page-node-type-accueil .content .valeurs .btn input,
    .page-node-type-accueil .content .valeurs .btn button,
    .page-node-type-accueil .content .valeurs .btn a {
        padding: 14px 17px;
        border: 1px solid;
        border-color: #33B29F;
        border-radius: 30px;
        text-decoration: none;
        font-size: 14px;
        font-weight: 500;
        color: #fff;
        background: #33B29F;
    }
}

@media (min-width:1200px) and (min-width:1200px) {
    .page-node-type-accueil .content .valeurs .btn input,
    .page-node-type-accueil .content .valeurs .btn button,
    .page-node-type-accueil .content .valeurs .btn a {
        transition: all 300ms ease-in-out;
    }

    .page-node-type-accueil .content .valeurs .btn input:hover,
    .page-node-type-accueil .content .valeurs .btn button:hover,
    .page-node-type-accueil .content .valeurs .btn a:hover {
        color: #33B29F;
        background: transparent;
    }
}

@media (min-width:1200px) {
.page-node-type-accueil .content .valeurs .btn:before,
.page-node-type-accueil .content .valeurs .btn:after {
    content: "";
    z-index: -1;
    position: absolute;
    top: 50%;
    width: 20%;
    height: 1px;
    transform: translateY(-50%);
}

.page-node-type-accueil .content .valeurs .btn:before {
    left: 0;
    background: #1e1632;
    background: linear-gradient(90deg, #1e1632 0%, #33b29f 88%);
}

.page-node-type-accueil .content .valeurs .btn:after {
    right: 0;
    background: linear-gradient(to right, #33B29F, #1e1632);
}
}

@media (min-width:1200px) and (min-width:768px) {
    .page-node-type-accueil .content .valeurs .btn {
        max-width: inherit;
    }

    .page-node-type-accueil .content .valeurs .btn:before,
    .page-node-type-accueil .content .valeurs .btn:after {
        width: 42%;
    }
}

@media (min-width:1200px) {
    .page-node-type-accueil .content .valeurs .btn a:hover {
        background: transparent;
    }

    .page-node-type-accueil .content .confiance .inside-bloc .references .slider-temoignages .slick-list,
    .page-node-type-accueil .content .confiance .inside-bloc .temoignages .slider-temoignages .slick-list {
        position: relative;
        width: 90%;
        margin-left: 4px;
    }

    .page-node-type-accueil .content .confiance .inside-bloc .references .slider-temoignages .slick-list .slick-slide .photo,
    .page-node-type-accueil .content .confiance .inside-bloc .references .slider-temoignages .slick-list .slick-slide .texte,
    .page-node-type-accueil .content .confiance .inside-bloc .temoignages .slider-temoignages .slick-list .slick-slide .photo,
    .page-node-type-accueil .content .confiance .inside-bloc .temoignages .slider-temoignages .slick-list .slick-slide .texte {
        display: inline-block;
        vertical-align: middle;
    }

    .page-node-type-accueil .content .confiance .inside-bloc .references .slider-temoignages .slick-list .slick-slide .photo,
    .page-node-type-accueil .content .confiance .inside-bloc .temoignages .slider-temoignages .slick-list .slick-slide .photo {
        width: 100px;
        margin: 0 40px;
    }

    .page-node-type-accueil .content .confiance .inside-bloc .references .slider-temoignages .slick-list .slick-slide .photo img,
    .page-node-type-accueil .content .confiance .inside-bloc .temoignages .slider-temoignages .slick-list .slick-slide .photo img {
        padding: 10px;
        border-radius: 50px;
    }

    .page-node-type-accueil .content .confiance .inside-bloc .references .slider-temoignages .slick-list .slick-slide .texte,
    .page-node-type-accueil .content .confiance .inside-bloc .temoignages .slider-temoignages .slick-list .slick-slide .texte {
        width: 785px;
    }

    .page-node-type-accueil .content .confiance .inside-bloc .references .slider-temoignages ul.slick-dots,
    .page-node-type-accueil .content .confiance .inside-bloc .temoignages .slider-temoignages ul.slick-dots {
        position: absolute;
        top: 0;
        left: 0;
        width: 9%;
    }

    .page-node-type-accueil .content .confiance .inside-bloc .references .slider-temoignages ul.slick-dots li,
    .page-node-type-accueil .content .confiance .inside-bloc .temoignages .slider-temoignages ul.slick-dots li {
        display: block;
        margin: 0 0 5px 0;
    }

    .page-node-type-accueil .content .confiance .inside-bloc .references .slider-temoignages ul.slick-dots li button,
    .page-node-type-accueil .content .confiance .inside-bloc .temoignages .slider-temoignages ul.slick-dots li button {
        width: 4px;
        height: 17px;
    }
}

.page-node-type-page-simple {
    position: relative;
}

.page-node-type-page-simple .top_simple_page {
    position: relative;
    background: #1e1632;
    background: linear-gradient(90deg, #1e1632 0%, #33b29f 88%);
}

.page-node-type-page-simple .top_simple_page .banner-wrap-text {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    padding: 100px 0 60px;
    max-width: 1100px;
    color: #fff;
}

.page-node-type-page-simple .top_simple_page .banner-wrap-text h1 {
    position: relative;
    margin: 20px auto;
    margin-bottom: 20px;
    padding: 10px 0;
    padding-bottom: 20px;
}

.page-node-type-page-simple .top_simple_page .banner-wrap-text h1:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 14%;
    height: 2px;
    border-radius: 2px;
    background: #33B29F;
}

.page-node-type-page-simple .top_simple_page .banner-wrap-text h1:after {
    background: #fff;
}

.page-node-type-page-simple .top_simple_page .banner-wrap-text .text-banner {
    width: 70%;
    margin: 40px 0;
    max-width: 320px;
}

.page-node-type-page-simple .content {
    width: 90%;
    margin: 40px auto;
    margin-right: auto;
    margin-left: auto;
    max-width: 1100px;
}

.page-node-type-page-simple .content .paragraph--type--paragraphe-icone-titre-texte {
    position: relative;
    margin-bottom: 40px;
}

.page-node-type-page-simple .content .icone {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
}

.page-node-type-page-simple .content .content-paragraph {
    margin: 0 0 20px 0;
}

.page-node-type-page-simple .content .content-paragraph .inside-paragraph {
    position: relative;
    width: 100%;
    margin-left: 0;
}

.page-node-type-page-simple .content .content-paragraph .inside-paragraph h2 {
    font-family: "Montserrat",sans-serif;
    font-size: 18px;
    color: #33B29F;
}

@media (min-width:768px) {
    .page-node-type-page-simple:after {
        content: "";
        z-index: 1;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: url("../images/bkg/page-simple/bkg.png");
        background-size: 100%;
    }

    .page-node-type-page-simple .dialog-off-canvas-main-canvas {
        z-index: 2;
        position: relative;
    }

    .page-node-type-page-simple .content .icone {
        display: block;
    }

    .page-node-type-page-simple .content .content-paragraph {
        position: relative;
        margin: 0 0 0 20px;
    }

    .page-node-type-page-simple .content .content-paragraph:after {
        content: "";
        position: absolute;
        top: 67px;
        bottom: 0;
        left: 0;
        width: 1px;
        border-color: #1D2341;
        border-left: 1px dotted;
    }

    .page-node-type-page-simple .content .content-paragraph .inside-paragraph {
        position: relative;
        width: 89%;
        margin-left: 50px;
    }
}

.page-node-type-presentation .banner {
    position: relative;
    line-height: 0;
}

.page-node-type-presentation .content {
    position: relative;
    margin: 0 auto 0;
    padding: 40px 0 0;
}

.page-node-type-presentation .content .histoire,
.page-node-type-presentation .content .citation {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    max-width: 1100px;
}

.page-node-type-presentation .content .title-wrap {
    position: relative;
    margin: 40px auto;
    overflow: hidden;
}

.page-node-type-presentation .content .title-wrap .icone {
    position: absolute;
    top: 50%;
    left: 0;
    width: 33px;
    transform: translateY(-50%);
}

.page-node-type-presentation .content .title-wrap h3 {
    position: relative;
    left: 50px;
    margin-right: 50px;
}

.page-node-type-presentation .content .horizontal-liste p {
    display: block;
    position: relative;
    width: 90%;
    margin: 10px auto 0;
    margin-right: auto;
    margin-left: auto;
    padding: 35px 0;
    max-width: 1100px;
    text-align: center;
}

.page-node-type-presentation .content .horizontal-liste p:before {
    content: "•";
    position: absolute;
    top: 0;
    left: 50%;
    padding: 10px 6px 16px;
    border: 1px solid;
    border-color: #1D2341;
    border-radius: 28em;
    font-size: 45px;
    line-height: 0;
    color: #33B29F;
    transform: translateX(-50%);
}

.page-node-type-presentation .content .horizontal-liste p:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 1px;
    height: 30px;
    border-color: #1D2341;
    border-left: 1px dotted;
    transform: translateX(-50%);
}

.page-node-type-presentation .content .horizontal-liste p:last-child:after {
    display: none;
}

.page-node-type-presentation .content .vertical-liste p {
    display: block;
    position: relative;
    width: 90%;
    margin: 0 auto;
    margin-right: auto;
    margin-left: auto;
    padding: 0 40px 8px;
    max-width: 1100px;
    text-align: left;
}

.page-node-type-presentation .content .vertical-liste p:before {
    content: "•";
    position: absolute;
    top: 7px;
    left: 0;
    font-size: 40px;
    line-height: 0;
    color: #33B29F;
}

.page-node-type-presentation .content .vertical-liste p:after {
    content: "";
    position: absolute;
    top: 17px;
    bottom: -3px;
    left: 5px;
    width: 1px;
    border-color: #1D2341;
    border-left: 1px dotted;
}

.page-node-type-presentation .content .vertical-liste p:last-child:after {
    display: none;
}

.page-node-type-presentation .content .citation {
    position: relative;
    margin: 30px auto 50px;
    padding: 0;
    text-align: center;
    font-size: 22px;
    font-weight: 100;
    font-weight: 500;
    line-height: 1.2em;
}

.page-node-type-presentation .content .citation:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 10px;
    width: 14px;
    height: 13px;
    background: url("../images/quote-right.png") no-repeat;
    background-size: cover !important;
}

.page-node-type-presentation .content .citation:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 14px;
    height: 13px;
    background: url("../images/quote-left.png") no-repeat;
    background-size: cover !important;
}

.page-node-type-presentation .content .citation p {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    max-width: 1100px;
}

.page-node-type-presentation .content .statistique {
    padding: 40px 0;
    background: #1e1632;
    background: linear-gradient(90deg, #1e1632 0%, #33b29f 88%);
}

.page-node-type-presentation .content .statistique h3 {
    margin-bottom: 40px;
    font-size: 22px;
    line-height: 1.3em;
    width: 100%;
    flex : 0 0 100%;
    text-align:center;
}

.page-node-type-presentation .content .statistique .anim {
    position: relative;
    width: 100%;
    height: 220px;
    margin: 0 auto 20px;
    font-size: 50px;
}

.page-node-type-presentation .content .statistique .anim .taux {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    font-family: "Quicksand",sans-serif;
    line-height: 1.2em;
    color: #fff;
    transform: translateY(-50%);
}

.page-node-type-presentation .content .statistique .line {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
}

.page-node-type-presentation .content .statistique .line:before,
.page-node-type-presentation .content .statistique .line:after {
    content: "";
    position: absolute;
    width: 10%;
    height: 1px;
    border-bottom: 1px dotted #fff;
}

.page-node-type-presentation .content .statistique .line:after {
    right: 0;
}

.page-node-type-presentation .content .statistique .line:before {
    left: 0;
}

.page-node-type-presentation .content .statistique .inside-bloc {
    color: #fff;
}

.page-node-type-presentation .content .statistique .inside-bloc h2 {
    width: 90%;
    margin-right: auto;
    margin-bottom: 40px;
    margin-left: auto;
    max-width: 1100px;
    text-align: center;
}

.page-node-type-presentation .content .statistique .inside-bloc .first-bloc {
    position: relative;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    max-width: 1100px;
    border-radius: 40px;
    background: rgba(240,240,240,0.15);
}
.page-node-type-presentation .content .statistique .inside-bloc .satisfaction.first-bloc,
.page-node-type-presentation .content .statistique .inside-bloc .stat--3.first-bloc{
    margin-top:30px;
}
.page-node-type-presentation .content .statistique .inside-bloc .first-bloc .inside-first-block {
    padding: 40px;
    text-align: center;
}

.page-node-type-presentation .content .statistique .inside-bloc .first-bloc .inside-first-block .slider {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.page-node-type-presentation .content .statistique .inside-bloc .first-bloc .inside-first-block .slider ul {
    padding: 0;
}

.page-node-type-presentation .content .statistique .inside-bloc .first-bloc .inside-first-block .slider ul li {
    display: inline-block;
    margin: 0 5px 0;
    list-style: none;
}

.page-node-type-presentation .content .statistique .inside-bloc .first-bloc .inside-first-block .slider ul li button {
    display: block;
    width: 10px;
    height: 10px;
    padding: 0;
    border: 1px solid;
    border-color: #33B29F;
    border-radius: 20px;
    text-indent: -5000px;
    background: transparent;
}

.page-node-type-presentation .content .statistique .inside-bloc .first-bloc .inside-first-block .slider ul li.slick-active button {
    background: #33B29F;
}

.page-node-type-presentation .content .statistique .inside-bloc .first-bloc .inside-first-block .slider ul {
    margin: 0;
    padding: 0;
    text-align: center;
}

.page-node-type-presentation .content .statistique .inside-bloc .first-bloc .inside-first-block .slider ul li button {
    display: block;
    width: 10px;
    height: 10px;
    padding: 0;
    border: 1px solid;
    border-color: #fff;
    border-radius: 20px;
    text-indent: -5000px;
    background: transparent;
}

.page-node-type-presentation .content .statistique .inside-bloc .first-bloc .inside-first-block .slider ul li.slick-active button {
    background: #fff;
}

.page-node-type-presentation .content .statistique .inside-bloc .first-bloc .inside-first-block .slider .slick-slide {
    display: inline-block;
    position: relative;
    margin: 0 5px;
    padding: 0 0 20px;
    vertical-align: top;
}

.page-node-type-presentation .content .statistique .inside-bloc .first-bloc .inside-first-block .slider .slick-slide .titre-exam {
    margin-top: 20px;
}

.page-node-type-presentation .content .statistique .inside-bloc .first-bloc .inside-first-block .slider .slick-dots {
    position: absolute;
    bottom: 0;
    left: 50%;
    height: 13px;
    margin: 0;
    padding: 0;
    transform: translateX(-50%);
}
.reussite .paragraph--type--resultat-examens:nth-child(2) .titre-exam {
    cursor: pointer;
    display: inline-block;
    padding: 0 10px;
}
.reussite .paragraph--type--resultat-examens:nth-child(2) .titre-exam:after {
    content: "";
    top: 2px;
    left: 5px;
    font-size: 15px;
    background: #fff;
    background: url(../images/plus.png) #fff no-repeat;
    background-position: center;
    background-size: 10px;
    border-radius: 50%;
    display: inline-block;
    width: 18px;
    height: 18px;
    position: relative;
}
.page-node-type-presentation .taux-supp--titres-pro {
    display: none;
}
.page-node-type-presentation .taux-supp--titres-pro.show {
    display: flex;
    justify-content: center;
    margin: 10px 0;
}
.page-node-type-presentation .taux-supp--titres-pro .field__item {
    display: block;
    position: relative;
    margin: 0 0 0 35px;
    padding: 0 20px 8px;
    text-align: left;
}
.page-node-type-presentation .taux-supp--titres-pro .field__item:before{
    content: "•";
    position: absolute;
    top: 7px;
    left: 0;
    font-size: 40px;
    line-height: 0;
    color: #33B29F;
}
.page-node-type-presentation .taux-supp--titres-pro .field__item:after{
    content: "";
    position: absolute;
    top: 17px;
    bottom: -3px;
    left: 5px;
    width: 1px;
    border-color: #1D2341;
    border-left: 1px dotted;
}
.page-node-type-presentation .taux-supp--titres-pro .field__item:last-child:after{
  display:none;
} 

.page-node-type-presentation .content .statistique .inside-bloc .heures {
    margin-top: 30px;
}

.page-node-type-presentation .content .statistique .inside-bloc .heures a {
    text-decoration: none;
    color: #fff;
}

.page-node-type-presentation .content .statistique .inside-bloc .heures .inside-heures {
    position: relative;
    width: 90%;
    margin: 0 auto 30px;
    margin-right: auto;
    margin-left: auto;
    padding: 40px 0;
    max-width: 1100px;
    border-radius: 40px;
    text-align: center;
    background: rgba(240,240,240,0.15);
}

.page-node-type-presentation .content .statistique .inside-bloc .heures .inside-heures .wrap-anim {
    position: relative;
}

.page-node-type-presentation .content .statistique .inside-bloc .heures .inside-heures .wrap-anim .anim {
    width: 100%;
}

.page-node-type-presentation .content .statistique .inside-bloc .heures .inside-heures .mentions {
    font-size: 12px;
}

.page-node-type-presentation .content .partenaires {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    padding: 40px 0;
    max-width: 1100px;
}

.page-node-type-presentation .content .partenaires .slider-logos {
    position: relative;
    width: 100%;
    margin: 20px auto 0;
    overflow: hidden;
}

.page-node-type-presentation .content .partenaires .slider-logos .slick-slide {
    display: inline-block;
    position: relative;
    margin: 0 5px;
    margin: 0 0.5%;
    padding: 0 0 20px;
    border-radius: 20px;
    vertical-align: top;
    cursor: default;
}

.page-node-type-presentation .content .partenaires .slider-logos .slick-slide img {
    border-radius: 20px;
}

.page-node-type-presentation .content .contact {
    position: relative;
    height: 300px;
    background: #1e1632;
    background: linear-gradient(90deg, #1e1632 0%, #33b29f 88%);
}

.page-node-type-presentation .content .contact:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: inherit;
    width: 100%;
    background: url("../images/bkg/apropos/contact-mobile.png") no-repeat;
    background-position: top right !important;
    background-size: cover !important;
}

.page-node-type-presentation .content .contact .wrap-inside-contact {
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    padding: 40px 0;
    max-width: 1100px;
    text-align: center;
    color: #fff;
    transform: translateX(-50%) translateY(-50%);
}

.page-node-type-presentation .content .contact .wrap-inside-contact p {
    display: none;
    font-size: 22px;
}

.page-node-type-presentation .content .contact .wrap-inside-contact p:first-child {
    display: block;
}

.page-node-type-presentation .content .contact .wrap-inside-contact .btn {
    margin-top: 30px;
}

.page-node-type-presentation .content .contact .wrap-inside-contact .btn input,
.page-node-type-presentation .content .contact .wrap-inside-contact .btn button,
.page-node-type-presentation .content .contact .wrap-inside-contact .btn a {
    padding: 14px 17px;
    border: none;
    border-radius: 30px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    color: #1D2341;
    background: #fff;
}

@media (min-width:1200px) {
    .page-node-type-presentation .content .contact .wrap-inside-contact .btn:hover input,
    .page-node-type-presentation .content .contact .wrap-inside-contact .btn:hover button,
    .page-node-type-presentation .content .contact .wrap-inside-contact .btn:hover a {
        color: #fff;
        background: #1D2341;
    }

    .page-node-type-presentation .content .contact .wrap-inside-contact .btn input,
    .page-node-type-presentation .content .contact .wrap-inside-contact .btn button,
    .page-node-type-presentation .content .contact .wrap-inside-contact .btn a {
        transition: all 300ms ease-in-out;
    }
}

@media (min-width:768px) {
    .page-node-type-presentation .content h2 {
        margin: 40px auto 50px;
    }

    .page-node-type-presentation .content .horizontal-liste {
        margin-top: 60px;
    }

    .page-node-type-presentation .content .horizontal-liste .liste p {
        display: inline-block;
        width: 31%;
        vertical-align: top;
    }

    .page-node-type-presentation .content .horizontal-liste .liste p:before {
        z-index: 1;
        background: #f5f5f5;
    }

    .page-node-type-presentation .content .horizontal-liste .liste p:after {
        content: "";
        position: absolute;
        top: 14px;
        right: 0;
        bottom: inherit;
        left: inherit;
        width: 340px;
        height: 1px;
        border-color: #1D2341;
        border-top: 1px dotted;
        transform: inherit;
    }

    .page-node-type-presentation .content .horizontal-liste .liste p:first-child:after {
        width: 180px;
    }

    .page-node-type-presentation .content .horizontal-liste .liste p:last-child:after {
        display: block;
        right: inherit;
        left: 0;
        width: 180px;
    }

    .page-node-type-presentation .content .vertical-liste {
        display: inline-block;
        width: 43%;
        margin-top: 20px;
        margin-right: 6%;
        vertical-align: top;
    }

    .page-node-type-presentation .content .citation {
        margin: 80px auto;
    }

    .page-node-type-presentation .content .citation p {
        width: 96%;
    }

    .page-node-type-presentation .content .statistique .inside-bloc h2 {
        text-align: left;
    }

    .page-node-type-presentation .content .statistique .inside-bloc .line {
        display: none;
    }

    .page-node-type-presentation .content .statistique .inside-bloc .first-bloc {
        width: 90%;
        margin-right: auto;
        margin-left: auto;
        max-width: 1100px;
    }

    .page-node-type-presentation .content .statistique .inside-bloc .first-bloc .inside-first-block {
        padding: 40px 0;
    }

    .page-node-type-presentation .content .statistique .inside-bloc .first-bloc .inside-first-block .slider .paragraph {
        display: inline-block;
        float: left;
        position: relative;
        width: 33.3%;
        vertical-align: top;
    }

    .page-node-type-presentation .content .statistique .inside-bloc .first-bloc .inside-first-block .slider .paragraph:after,
    .page-node-type-presentation .content .statistique .inside-bloc .first-bloc .inside-first-block .slider .paragraph:before {
        content: "";
        position: absolute;
        top: 107px;
        bottom: inherit;
        width: 20%;
        height: 1px;
        border-color: #fff;
        border-top: 1px dotted;
        transform: inherit;
    }

    .page-node-type-presentation .content .statistique .inside-bloc .first-bloc .inside-first-block .slider .paragraph:after {
        right: 0;
        left: inherit;
    }

    .page-node-type-presentation .content .statistique .inside-bloc .first-bloc .inside-first-block .slider .paragraph:before {
        right: inherit;
        left: 0;
    }
    .page-node-type-presentation .content .statistique .inside-bloc .satisfaction.first-bloc .paragraph {
        display: inline-block;
        float: left;
        position: relative;
        vertical-align: top;
        width:25% !important;
    }
    .page-node-type-presentation .content .statistique .inside-bloc .stat--3.first-bloc .paragraph {
        display: inline-block;
        float: left;
        position: relative;
        vertical-align: top;
        width: 100% !important;
    }

    .page-node-type-presentation .content .statistique .inside-bloc .heures {
        clear: both;
        width: 90%;
        margin-right: auto;
        margin-left: auto;
        padding: 40px 0 0;
        max-width: 1100px;
    }

    .page-node-type-presentation .content .statistique .inside-bloc .heures .inside-heures {
        width: 100%;
        max-width: 100%;
    }

    .page-node-type-presentation .content .statistique .inside-bloc .heures .inside-heures h3 {
        width: 90%;
        margin-right: auto;
        margin-left: auto;
        max-width: 1100px;
        text-align: left;
    }

    .page-node-type-presentation .content .statistique .inside-bloc .heures .inside-heures .anim {
        height: 100px;
        margin: 0 auto 0;
        font-size: 65px;
    }

    .page-node-type-presentation .content .statistique .inside-bloc .heures .inside-heures .anim .taux {
        position: relative;
    }

    .page-node-type-presentation .content .statistique .inside-bloc .heures .inside-heures .anim .taux:after,
    .page-node-type-presentation .content .statistique .inside-bloc .heures .inside-heures .anim .taux:before {
        content: "";
        position: absolute;
        top: 45px;
        bottom: inherit;
        width: 35%;
        height: 1px;
        border-color: #fff;
        border-top: 1px dotted;
        transform: inherit;
    }

    .page-node-type-presentation .content .statistique .inside-bloc .heures .inside-heures .anim .taux:after {
        right: 0;
        left: inherit;
    }

    .page-node-type-presentation .content .statistique .inside-bloc .heures .inside-heures .anim .taux:before {
        right: inherit;
        left: 0;
    }

    .page-node-type-presentation .content .contact {
        height: auto;
    }

    .page-node-type-presentation .content .contact:after {
        background: url("../images/bkg/apropos/contact-desktop.png") no-repeat;
    }

    .page-node-type-presentation .content .contact .wrap-inside-contact {
        position: relative;
        top: inherit;
        left: inherit;
        padding: 40px 0;
        text-align: left;
        color: #fff;
        transform: none;
    }

    .page-node-type-presentation .content .contact .wrap-inside-contact p {
        display: block;
    }

    .page-node-type-presentation .content .contact .wrap-inside-contact .btn {
        position: absolute;
        top: 50%;
        right: 10%;
        margin-top: 0;
        transform: translateY(-50%);
    }
}

.page-node-type-formations .banner {
    position: relative;
    line-height: 0;
}

.page-node-type-formations .banner .lottie {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    overflow: hidden;
}

.page-node-type-formations .banner .lottie lottie-player {
    position: absolute;
    top: 0;
    right: 10%;
    bottom: 0;
    width: 125% !important;
    height: auto;
    max-width: 1300px;
}

.page-node-type-formations .content .bkg-content {
    position: absolute;
    top: 0;
    right: 10%;
    width: 125% !important;
    height: auto;
    max-width: 1100px;
}

.page-node-type-formations .content .formations {
    width: 90%;
    margin: 0 auto;
    margin-right: auto;
    margin-left: auto;
    max-width: 1100px;
}

.page-node-type-formations .content .formations .text {
    padding: 40px 0 30px;
}
.page-node-type-formations .content .formations .pro {
    background: none !important;
}
.page-node-type-formations .content .formations .wrap-pro {
    width: 100% !important;
    padding: 0 !important;
}
.page-node-type-formations .content .formations .wrap-pro p {
    color: #1B203B !important;
}
.page-node-type-formations .content .formations .mosaic .paragraph--type--formation {
    margin: 40px 0;
}

.page-node-type-formations .content .formations .mosaic .paragraph--type--formation .top-row {
    position: relative;
}

.page-node-type-formations .content .formations .mosaic .paragraph--type--formation .top-row .image img {
    border-radius: 40px;
}

.page-node-type-formations .content .formations .mosaic .paragraph--type--formation .top-row .titre-formation {
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 50px;
    left: 0;
    left: 50%;
    width: 90%;
    color: #fff;
    transform: translateX(-50%);
}

.page-node-type-formations .content .formations .mosaic .paragraph--type--formation .top-row .titre-formation span {
    display: inline-block;
    vertical-align: middle;
}

.page-node-type-formations .content .formations .mosaic .paragraph--type--formation .top-row .titre-formation span.titre {
    width: 85%;
    margin-left: 2%;
    font-size: 22px;
}

.page-node-type-formations .content .formations .mosaic .paragraph--type--formation .top-row .titre-formation span.icone {
    width: 10%;
}

.page-node-type-formations .content .formations .mosaic .paragraph--type--formation .content-formation .before-text {
    position: relative;
    padding: 20px 0;
    overflow: hidden;
    font-weight: 500;
}

.page-node-type-formations .content .formations .mosaic .paragraph--type--formation .content-formation .before-text:after {
    content: "";
    display: inline-block;
    width: 80%;
    height: 1.5px;
    margin-right: -80%;
    margin-left: 10px;
    vertical-align: middle;
    background: #1e1632;
    background: linear-gradient(90deg, #1e1632 0%, #33b29f 88%);
}

.page-node-type-formations .content .formations .mosaic .paragraph--type--formation .content-formation .content-text {
    margin: 10px auto;
}

.page-node-type-formations .content .formations .mosaic .paragraph--type--formation .content-formation .content-text .field--name-field-liste-formation .field__item {
    display: block;
    position: relative;
    width: 90%;
    margin: 0 auto;
    margin-right: auto;
    margin-left: auto;
    padding: 0 40px 8px;
    max-width: 1100px;
    text-align: left;
}

.page-node-type-formations .content .formations .mosaic .paragraph--type--formation .content-formation .content-text .field--name-field-liste-formation .field__item:before {
    content: "•";
    position: absolute;
    top: 7px;
    left: 0;
    font-size: 40px;
    line-height: 0;
    color: #33B29F;
}

.page-node-type-formations .content .formations .mosaic .paragraph--type--formation .content-formation .content-text .field--name-field-liste-formation .field__item:after {
    content: "";
    position: absolute;
    top: 17px;
    bottom: -3px;
    left: 5px;
    width: 1px;
    border-color: #1D2341;
    border-left: 1px dotted;
}

.page-node-type-formations .content .formations .mosaic .paragraph--type--formation .content-formation .content-text .field--name-field-liste-formation .field__item:last-child:after {
    display: none;
}

.page-node-type-formations .content .pro {
    background: #1e1632;
    background: linear-gradient(90deg, #1e1632 0%, #33b29f 88%);
}

.page-node-type-formations .content .pro .wrap-pro {
    position: relative;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    padding: 40px 0;
    max-width: 1100px;
    color: #fff;
}

.page-node-type-formations .content .pro .wrap-pro .views-element-container {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.page-node-type-formations .content .pro .wrap-pro .views-element-container ul {
    padding: 0;
}

.page-node-type-formations .content .pro .wrap-pro .views-element-container ul li {
    display: inline-block;
    margin: 0 5px 0;
    list-style: none;
}

.page-node-type-formations .content .pro .wrap-pro .views-element-container ul li button {
    display: block;
    width: 10px;
    height: 10px;
    padding: 0;
    border: 1px solid;
    border-color: #33B29F;
    border-radius: 20px;
    text-indent: -5000px;
    background: transparent;
}

.page-node-type-formations .content .pro .wrap-pro .views-element-container ul li.slick-active button {
    background: #33B29F;
}

.page-node-type-formations .content .pro .wrap-pro .views-element-container ul {
    margin: 0;
    padding: 0;
    text-align: center;
}

.page-node-type-formations .content .pro .wrap-pro .views-element-container ul li button {
    display: block;
    width: 10px;
    height: 10px;
    padding: 0;
    border: 1px solid;
    border-color: #fff;
    border-radius: 20px;
    text-indent: -5000px;
    background: transparent;
}

.page-node-type-formations .content .pro .wrap-pro .views-element-container ul li.slick-active button {
    background: #fff;
}

.page-node-type-formations .content .pro .wrap-pro .views-element-container .slick-slide {
    display: inline-block;
    position: relative;
    margin: 0 5px;
    padding: 0 0 20px;
    vertical-align: top;
}

.page-node-type-formations .content .pro .wrap-pro .views-element-container .views-row {
    margin: 20px 0;
}

.page-node-type-formations .content .pro .wrap-pro .views-element-container .views-row .top-row {
    position: relative;
}

.page-node-type-formations .content .pro .wrap-pro .views-element-container .views-row .top-row .image img {
    border-radius: 40px;
}

.page-node-type-formations .content .pro .wrap-pro .views-element-container .views-row .top-row .titre-formation {
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 50px;
    left: 0;
    left: 50%;
    width: 90%;
    color: #fff;
    transform: translateX(-50%);
}

.page-node-type-formations .content .pro .wrap-pro .views-element-container .views-row .top-row .titre-formation span {
    display: inline-block;
    vertical-align: middle;
}

.page-node-type-formations .content .pro .wrap-pro .views-element-container .views-row .top-row .titre-formation span.titre {
    width: 85%;
    margin-left: 2%;
    font-size: 22px;
}

.page-node-type-formations .content .pro .wrap-pro .views-element-container .views-row .top-row .titre-formation span.icone {
    width: 10%;
}

.page-node-type-formations .content .pro .wrap-pro .views-element-container .views-row .content-formation .before-text {
    position: relative;
    padding: 20px 0;
    overflow: hidden;
}

.page-node-type-formations .content .pro .wrap-pro .views-element-container .views-row .content-formation .before-text .title-pro {
    padding: 7px 20px;
    border-radius: 20px;
    font-weight: 400;
    color: #1e1632;
    background: #fff;
}

.page-node-type-formations .content .pro .wrap-pro .views-element-container .views-row .content-formation .before-text:after {
    content: "";
    display: inline-block;
    width: 80%;
    height: 1.5px;
    margin-right: -80%;
    margin-left: 10px;
    vertical-align: middle;
    background: #fff;
}

.page-node-type-formations .content .pro .wrap-pro .views-element-container .views-row .content-formation .content-text {
    margin: 10px auto;
}

.page-node-type-formations .content .pro .wrap-pro .views-element-container .views-row .content-formation .content-text .field--name-field-liste-formation .field__item {
    display: block;
    position: relative;
    width: 90%;
    margin: 0 auto;
    margin-right: auto;
    margin-left: auto;
    padding: 0 40px 8px;
    max-width: 1100px;
    text-align: left;
}

.page-node-type-formations .content .pro .wrap-pro .views-element-container .views-row .content-formation .content-text .field--name-field-liste-formation .field__item:before {
    content: "•";
    position: absolute;
    top: 7px;
    left: 0;
    font-size: 40px;
    line-height: 0;
    color: #33B29F;
}

.page-node-type-formations .content .pro .wrap-pro .views-element-container .views-row .content-formation .content-text .field--name-field-liste-formation .field__item:after {
    content: "";
    position: absolute;
    top: 17px;
    bottom: -3px;
    left: 5px;
    width: 1px;
    border-color: #1D2341;
    border-left: 1px dotted;
}

.page-node-type-formations .content .pro .wrap-pro .views-element-container .views-row .content-formation .content-text .field--name-field-liste-formation .field__item:last-child:after {
    display: none;
}

.page-node-type-formations .content .pro .wrap-pro .nav {
    display: none;
    z-index: 1;
    width: 100%;
    padding: 20px 0 0;
    overflow: hidden;
    text-align: center;
}

.page-node-type-formations .content .pro .wrap-pro .nav #next,
.page-node-type-formations .content .pro .wrap-pro .nav #prev {
    display: inline-block;
    position: relative;
    width: 2rem;
    height: 2rem;
    margin: 0 2px;
    border: 1px solid #fff;
    border-radius: 20px;
    text-align: center;
}

.page-node-type-formations .content .pro .wrap-pro .nav #next .inside-prev,
.page-node-type-formations .content .pro .wrap-pro .nav #next .inside-next,
.page-node-type-formations .content .pro .wrap-pro .nav #prev .inside-prev,
.page-node-type-formations .content .pro .wrap-pro .nav #prev .inside-next {
    position: absolute;
    top: 50%;
    top: 9px;
    left: 50%;
    -webkit-appearance: inherit;
    width: 0.7rem;
    height: 0.7rem;
    border: .1rem .1rem 0 0 solid #fff;
    text-indent: -5000px;
    color: inherit;
    opacity: 1;
    transform: translateX(-50%) translateY(-50%);
    cursor: pointer;
}

.page-node-type-formations .content .pro .wrap-pro .nav #next .inside-prev,
.page-node-type-formations .content .pro .wrap-pro .nav #prev .inside-prev {
    left: 12px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.page-node-type-formations .content .pro .wrap-pro .nav #next .inside-next,
.page-node-type-formations .content .pro .wrap-pro .nav #prev .inside-next {
    left: 7px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

@media (min-width:768px) {
    .page-node-type-formations .content h2 {
        margin: 40px auto 50px;
    }

    .page-node-type-formations .content .formations {
        padding-bottom: 40px;
    }

    .page-node-type-formations .content .formations .mosaic .paragraph--type--formation {
        display: inline-block;
        width: 42%;
        margin: 0 0 20px;
        vertical-align: top;
    }

    .page-node-type-formations .content .formations .mosaic .paragraph--type--formation:nth-child(odd) {
        margin-right: 12%;
    }

    .page-node-type-formations .content .pro .wrap-pro .nav {
        display: block;
    }

    .page-node-type-formations .content .pro .wrap-pro .views-element-container .slick-slide {
        margin: 0;
        text-align: left;
    }

    .page-node-type-formations .content .pro .wrap-pro .views-element-container .slick-slide .views-row {
        width: 90% !important;
        margin-top: 0;
        text-align: left;
    }
}


/*DEBUT AJOUT FORMATION*/

.page-node-type-formation {
    position: relative;
}
.page-node-type-formation .inside-banner{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
@media (min-width:768px) {
  .page-node-type-formation .inside-banner .banner-wrap-text.col-md-6{
      flex: 0 0 50%;
      max-width: 50%;
      position: relative;
  }
}
.page-node-type-formation .inside-banner .banner-wrap-text .titre-formation {
    display: flex;
    align-items: center;
}
.page-node-type-formation .inside-banner .banner-wrap-text .titre-formation .icone{
    margin-right: 1em;
}
.page-node-type-formation .inside-banner .right {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}
.page-node-type-formation .inside-banner .right .taux {
    background: rgba(255, 255, 255, 0.9);
    color: #33B29F;
    background: rgba(51, 178, 159);
    color: #fff;
    border-radius: 15px;
    padding: 10px 20px;
    font-weight: 500;
    height: min-content;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
@media (min-width:768px) {
  .page-node-type-formation .inside-banner .right .taux {
    margin-bottom:0;
  }
}
.page-node-type-formation .inside-banner .taux img{
    width: 30px;
    margin-right: 10px;
}
.page-node-type-formation .inside-banner .right .certification {
    background: rgba(255, 255, 255, 0.9);
    border-radius: 15px;
    padding: 10px 20px;
    display: inline-block;
}
.page-node-type-formation .inside-banner .right .certification .niveau {
    color: #33B29F;
    font-weight: 500;
}
.page-node-type-formation .inside-banner .right .certification .date {
    color: #000;
    font-style: italic;
    font-size: 80%;
}
.page-node-type-formation .inside-banner .right .certification .ministere {
    color: #000;
    font-size: 80%;
}
.page-node-type-formation .row.content {
    width: 90%;
    margin: 40px auto;
    max-width: 1100px;
    display: flex;
    flex-wrap: wrap;
}
.page-node-type-formation .row h2.main{
    padding-top:20px;
    color: #33B29F;
    flex: 0 0 100%;
}
@media (min-width:768px) {
  .page-node-type-formation .row .col-md-8{
      flex: 0 0 66.66667%;
      max-width: 66.66667%;
      position: relative;
  }
  .page-node-type-formation .row .col-md{
      flex-basis: 0;
      flex-grow: 1;
      max-width: 100%;
      padding-left:3rem;
  }
}
.page-node-type-formation .row .col-md .principal {
    background: #33B29F;
    padding: 15px 20px;
    border-radius: 15px;
    color: #fff;
}
.page-node-type-formation .row .col-md .principal .field__label {
    margin: 10px 0 5px;
}
.page-node-type-formation .row .col-md .principal .field.field--name-field-pre-requis .field__label{
  margin-top: 0;
}
.page-node-type-formation .row .col-md .principal p{
  margin:0;
}
.page-node-type-formation .row .col-md .secondaire {
    margin-top:40px;
}
.page-node-type-formation .row .col-md .secondaire .titre-secondaire{
    font-size: 18px;
    color: #33B29F;
    margin: 40px 0 30px;
    font-family: "Quicksand", sans-serif;
    font-weight: 600;
}
.page-node-type-formation .row .col-md .secondaire .titre-secondaire:after{
    content: "";
    display: inline-block;
    width: 80%;
    height: 1.5px;
    margin-right: -80%;
    margin-left: 10px;
    vertical-align: middle;
    background: #1e1632;
    background: linear-gradient(90deg, #1e1632 0%, #33b29f 88%);
}
.page-node-type-formation .row .col-md .secondaire .field__item{
    display: block;
    position: relative;
    width: 90%;
    margin: 0 auto;
    margin-right: auto;
    margin-left: auto;
    padding: 0 40px 8px;
    max-width: 1100px;
    text-align: left;
}
.page-node-type-formation .row .col-md .secondaire .field__item:before{
    content: "•";
    position: absolute;
    top: 7px;
    left: 0;
    font-size: 40px;
    line-height: 0;
    color: #33B29F;
}
.page-node-type-formation .row .col-md .secondaire .field__item:after{
    content: "";
    position: absolute;
    top: 17px;
    bottom: -3px;
    left: 5px;
    width: 1px;
    border-color: #1D2341;
    border-left: 1px dotted;
}
.page-node-type-formation .row .col-md .secondaire .field__item:last-child:after{
  display:none;
}
.page-node-type-formation .content .paragraph--type--paragraphe-icone-titre-texte {
    position: relative;
    margin-bottom: 40px;
}

.page-node-type-formation .content .icone {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
}

.page-node-type-formation .content .content-paragraph {
    margin: 0 0 20px 0;
}

.page-node-type-formation .content .content-paragraph .inside-paragraph {
    position: relative;
    width: 100%;
    margin-left: 0;
}

.page-node-type-formation .content .content-paragraph .inside-paragraph h2 {
    font-family: "Montserrat",sans-serif;
    font-size: 18px;
    color: #33B29F;
}

@media (min-width:768px) {
  
    .page-node-type-formation .content .icone {
        display: block;
    }

    .page-node-type-formation .content .content-paragraph {
        position: relative;
        margin: 0 0 0 20px;
    }

    .page-node-type-formation .content .content-paragraph:after {
        content: "";
        position: absolute;
        top: 67px;
        bottom: 0;
        left: 0;
        width: 1px;
        border-color: #1D2341;
        border-left: 1px dotted;
    }

    .page-node-type-formation .content .content-paragraph .inside-paragraph {
        position: relative;
        width: 89%;
        margin-left: 50px;
    }
}

/*FIN AJOUT FORMATION*/

/*DEBUT VIEW FORMATION*/
.formations--titres-pro.view-formations .views-row {
    display: inline-block;
    width: 100%;
    margin: 0 0 20px;
    vertical-align: top;
}
@media (min-width:768px) {
  .formations--titres-pro.view-formations .views-row {
      width: 42%;
  }
  .formations--titres-pro.view-formations .views-row:nth-child(odd) {
      margin-right: 12% !important;
  }
}
.formations--titres-pro.view-formations .views-row a {
    text-decoration: none;
    color: #fff;
}
.formations--titres-pro.view-formations .views-row .image.wait{
  opacity:0.5;
}
/*FIN VIEW FORMATION*/

.page-node-type-page-views .block-views {
    position: relative;
}

.page-node-type-page-views .block-views .view {
    position: relative;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    max-width: 1100px;
}

.page-node-type-page-views .block-views .view .view-empty {
    padding: 100px 0 200px;
    text-align: center;
    color: #fff;
}

.page-node-type-page-views .block-views .view .view-content {
    position: relative;
    width: 100%;
    padding-bottom: 20px;
    text-align: center;
}

.page-node-type-page-views .block-views .view .view-content .views-row {
    position: relative;
    width: 100%;
    margin: 0 auto 40px;
    padding-bottom: 40px;
    max-width: 340px;
    border-radius: 30px;
    text-align: left;
    background: #fff;
}

.page-node-type-page-views .block-views .view .view-filters {
    z-index: 1;
    position: relative;
    width: 100%;
    padding: 30px 0 50px;
    overflow: inherit;
}

.page-node-type-page-views .block-views .view .view-filters form {
    height: 40px;
}

.page-node-type-page-views .block-views .view .view-filters .form--inline {
    text-align: center;
}

.page-node-type-page-views .block-views .view .view-filters .js-form-item {
    display: inline-block;
    float: inherit;
    width: 94%;
    margin: 10px 3px;
    padding: 5px 10px;
    border: none;
    border-radius: 20px;
    text-align: left;
    vertical-align: top;
    background: #fff;
    cursor: pointer;
}

.page-node-type-page-views .block-views .view .view-filters .js-form-item label {
    display: block;
    position: relative;
    padding: 5px 10px;
}

.page-node-type-page-views .block-views .view .view-filters .js-form-item label:after {
  content: "";
  position: absolute;
  color: inherit;
  opacity: 1;
  top: 8px;
  right: 8px;
  width: 0.4rem;
  height: 0.4rem;
  cursor: pointer;
  border-style: solid;
  border-color: #b8b8b8;
  border-width: 0.15rem 0.15rem 0 0;
  -webkit-appearance: inherit;
  -webkit-transform: rotate(-135deg);
  transform: rotate(135deg);
}

.page-node-type-page-views .block-views .view .view-filters .js-form-item .bef-links {
    height: 0;
    padding: 0 6px;
    overflow: hidden;
}

.page-node-type-page-views .block-views .view .view-filters .js-form-item a {
    text-decoration: none;
    color: #1e1632;
}

.page-node-type-page-views .block-views .view .view-filters .js-form-item a.bef-link--selected {
    font-weight: 600;
}

.page-node-type-page-views .block-views .view .view-filters .js-form-item ul {
    padding: 0 6px;
}

.page-node-type-page-views .block-views .view .view-filters .js-form-item ul li {
    display: block;
}

.page-node-type-page-views .block-views .view .view-filters .js-form-item.open .bef-links {
    height: inherit;
}

.page-node-type-page-views .block-views .view .view-filters .js-form-item.form-type-entity-autocomplete label,
.page-node-type-page-views .block-views .view .view-filters .js-form-item.js-form-type-textfield label {
    display: none;
}

.page-node-type-page-views .block-views .view .view-filters .js-form-item.form-type-entity-autocomplete .form-select,
.page-node-type-page-views .block-views .view .view-filters .js-form-item.js-form-type-textfield .form-select {
    width: 100%;
}

.page-node-type-page-views .block-views .view .view-filters .js-form-item.form-type-entity-autocomplete input,
.page-node-type-page-views .block-views .view .view-filters .js-form-item.js-form-type-textfield input {
    width: 92%;
    padding: 6px 10px;
    border: none;
    color: #1e1632;
    background: transparent;
}

.page-node-type-page-views .block-views .view .view-filters .js-form-item.form-type-entity-autocomplete::placeholder,
.page-node-type-page-views .block-views .view .view-filters .js-form-item.js-form-type-textfield::placeholder {
    color: #1e1632;
}

@media (min-width:768px) {
    .page-node-type-page-views .block-views .view .view-content {
        margin-top: 0;
        padding-bottom: 40px;
    }

    .page-node-type-page-views .block-views .view .view-content .views-row {
        display: inline-block;
        width: 45.6%;
        margin: 20px 2% !important;
        vertical-align: top;
        box-shadow: 2px 17px 20px 1px rgba(0,0,0,0.1);
    }

    .page-node-type-page-views .block-views .view .view-content .views-row:nth-child(odd) {
        margin-right: 4%;
    }

    .page-node-type-page-views .block-views .view .view-content .views-row .views-field-title a:hover {
        color: #33B29F;
    }

    .page-node-type-page-views .block-views .view .view-filters {
        padding: 60px 0 40px;
    }

    .page-node-type-page-views .block-views .view .view-filters form {
        position: relative;
        width: 100%;
        height: 55px;
    }

    .page-node-type-page-views .block-views .view .view-filters form:before,
    .page-node-type-page-views .block-views .view .view-filters form:after {
        content: "";
        position: absolute;
        top: 50%;
        width: 12%;
        height: 1px;
        background-color: #fff;
        transform: translateY(-50%);
    }

    .page-node-type-page-views .block-views .view .view-filters form:before {
        left: 0;
    }

    .page-node-type-page-views .block-views .view .view-filters form:after {
        right: 0;
    }

    .page-node-type-page-views .block-views .view .view-filters form .form--inline {
        width: 78%;
        height: 32px;
        margin: auto;
    }

    .page-node-type-page-views .block-views .view .view-filters form .js-form-item {
        display: inline-block;
        float: inherit;
        width: 45%;
        text-align: left;
        vertical-align: top;
    }
}

@media (min-width:1200px) {
    .page-node-type-page-views .block-views .view .view-content .views-row {
        width: 29.1%;
        margin: 3% 2% !important;
    }
}

.page-node-type-page-views .block-views:after {
    content: "";
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 270px;
    background: #1e1632;
    background: linear-gradient(90deg, #1e1632 0%, #33b29f 88%);
}

.page-node-type-page-views .content .bkg {
    z-index: 0;
}

.view-actualites.view-display-id-block_2 .view-actualites {
    position: relative;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    max-width: 1100px;
}

.view-actualites.view-display-id-block_2 .view-actualites .view-empty {
    padding: 100px 0 200px;
    text-align: center;
    color: #fff;
}

.view-actualites.view-display-id-block_2 .view-actualites .view-content {
    position: relative;
    width: 100%;
    padding-bottom: 20px;
    text-align: center;
}

.view-actualites.view-display-id-block_2 .view-actualites .view-content .views-row {
    position: relative;
    width: 100%;
    margin: 0 auto 40px;
    padding-bottom: 40px;
    max-width: 340px;
    border-radius: 30px;
    text-align: left;
    background: #fff;
}

.view-actualites.view-display-id-block_2 .view-actualites .view-filters {
    z-index: 1;
    position: relative;
    width: 100%;
    padding: 30px 0 50px;
    overflow: inherit;
}

.view-actualites.view-display-id-block_2 .view-actualites .view-filters form {
    height: 40px;
}

.view-actualites.view-display-id-block_2 .view-actualites .view-filters .form--inline {
    text-align: center;
}

.view-actualites.view-display-id-block_2 .view-actualites .view-filters .js-form-item {
    display: inline-block;
    float: inherit;
    width: 94%;
    margin: 10px 3px;
    padding: 5px 10px;
    border: none;
    border-radius: 20px;
    text-align: left;
    vertical-align: top;
    background: #fff;
    cursor: pointer;
}

.view-actualites.view-display-id-block_2 .view-actualites .view-filters .js-form-item label {
    display: block;
    position: relative;
    padding: 5px 10px;
}

.view-actualites.view-display-id-block_2 .view-actualites .view-filters .js-form-item label:after {
content: "";
  position: absolute;
  color: inherit;
  opacity: 1;
  top: 8px;
  right: 8px;
  width: 0.4rem;
  height: 0.4rem;
  cursor: pointer;
  border-style: solid;
  border-color: #b8b8b8;
  border-width: 0.15rem 0.15rem 0 0;
  -webkit-appearance: inherit;
  -webkit-transform: rotate(-135deg);
  transform: rotate(135deg);
}

.view-actualites.view-display-id-block_2 .view-actualites .view-filters .js-form-item .form-select {
    height: 0;
    padding: 0 6px;
    overflow: hidden;
}

.view-actualites.view-display-id-block_2 .view-actualites .view-filters .js-form-item .form-select a {
    text-decoration: none;
    color: #1e1632;
}

.view-actualites.view-display-id-block_2 .view-actualites .view-filters .js-form-item .form-select a.bef-link--selected {
    font-weight: 600;
}

.view-actualites.view-display-id-block_2 .view-actualites .view-filters .js-form-item .form-select ul {
    padding: 0 6px;
}

.view-actualites.view-display-id-block_2 .view-actualites .view-filters .js-form-item .form-select ul li {
    display: block;
}

.view-actualites.view-display-id-block_2 .view-actualites .view-filters .js-form-item.open .form-select {
    height: inherit;
}

.view-actualites.view-display-id-block_2 .view-actualites .view-filters .js-form-item.form-type-entity-autocomplete label,
.view-actualites.view-display-id-block_2 .view-actualites .view-filters .js-form-item.js-form-type-textfield label {
    display: none;
}

.view-actualites.view-display-id-block_2 .view-actualites .view-filters .js-form-item.form-type-entity-autocomplete .form-select,
.view-actualites.view-display-id-block_2 .view-actualites .view-filters .js-form-item.js-form-type-textfield .form-select {
    width: 100%;
}

.view-actualites.view-display-id-block_2 .view-actualites .view-filters .js-form-item.form-type-entity-autocomplete input,
.view-actualites.view-display-id-block_2 .view-actualites .view-filters .js-form-item.js-form-type-textfield input {
    width: 92%;
    padding: 6px 10px;
    border: none;
    color: #1e1632;
    background: transparent;
}

.view-actualites.view-display-id-block_2 .view-actualites .view-filters .js-form-item.form-type-entity-autocomplete::placeholder,
.view-actualites.view-display-id-block_2 .view-actualites .view-filters .js-form-item.js-form-type-textfield::placeholder {
    color: #1e1632;
}

@media (min-width:768px) {
    .view-actualites.view-display-id-block_2 .view-actualites .view-content {
        margin-top: 0;
        padding-bottom: 40px;
    }

    .view-actualites.view-display-id-block_2 .view-actualites .view-content .views-row {
        display: inline-block;
        width: 45.6%;
        margin: 20px 2% !important;
        vertical-align: top;
        box-shadow: 2px 17px 20px 1px rgba(0,0,0,0.1);
    }

    .view-actualites.view-display-id-block_2 .view-actualites .view-content .views-row:nth-child(odd) {
        margin-right: 4%;
    }

    .view-actualites.view-display-id-block_2 .view-actualites .view-content .views-row .views-field-title a:hover {
        color: #33B29F;
    }

    .view-actualites.view-display-id-block_2 .view-actualites .view-filters {
        padding: 60px 0 40px;
    }

    .view-actualites.view-display-id-block_2 .view-actualites .view-filters form {
        position: relative;
        width: 100%;
        height: 55px;
    }

    .view-actualites.view-display-id-block_2 .view-actualites .view-filters form:before,
    .view-actualites.view-display-id-block_2 .view-actualites .view-filters form:after {
        content: "";
        position: absolute;
        top: 50%;
        width: 12%;
        height: 1px;
        background-color: #fff;
        transform: translateY(-50%);
    }

    .view-actualites.view-display-id-block_2 .view-actualites .view-filters form:before {
        left: 0;
    }

    .view-actualites.view-display-id-block_2 .view-actualites .view-filters form:after {
        right: 0;
    }

    .view-actualites.view-display-id-block_2 .view-actualites .view-filters form .form--inline {
        width: 78%;
        height: 32px;
        margin: auto;
    }

    .view-actualites.view-display-id-block_2 .view-actualites .view-filters form .js-form-item {
        display: inline-block;
        float: inherit;
        width: 45%;
        text-align: left;
        vertical-align: top;
    }
}

@media (min-width:1200px) {
    .view-actualites.view-display-id-block_2 .view-actualites .view-content .views-row {
        width: 29.1%;
        margin: 3% 2% !important;
    }
}

.view-actualites.view-display-id-block_2 .view-actualites ul {
    padding: 0;
}

.view-actualites.view-display-id-block_2 .view-actualites ul li {
    display: inline-block;
    margin: 0 5px 0;
    list-style: none;
}

.view-actualites.view-display-id-block_2 .view-actualites ul li button {
    display: block;
    width: 10px;
    height: 10px;
    padding: 0;
    border: 1px solid;
    border-color: #33B29F;
    border-radius: 20px;
    text-indent: -5000px;
    background: transparent;
}

.view-actualites.view-display-id-block_2 .view-actualites ul li.slick-active button {
    background: #33B29F;
}

.view-actualites.view-display-id-block_2 .view-content .views-row .views-field-title,
.view-actualites.view-display-id-block_2 .view-content .views-row .views-field-field-chapeau-mosaic,
.view-actualites.view-display-id-block_2 .view-content .views-row .views-field-view-node,
.view-actualites.view-display-id-block_2 .view-content .views-row .views-field-field-sous-titre {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    max-width: 1100px;
}

.view-actualites.view-display-id-block_2 .view-content .views-row .views-field-title {
    margin: 20px auto 5px;
}

.view-actualites.view-display-id-block_2 .view-content .views-row .views-field-title a {
    text-decoration: none;
    text-transform: uppercase;
    font-family: "Quicksand",sans-serif;
    font-size: 22px;
    font-weight: 500;
    color: #1D2341;
    transition: all 300ms ease-in-out;
}

.view-actualites.view-display-id-block_2 .view-content .views-row .views-field-field-sous-titre {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 20px;
    text-transform: uppercase;
    font-weight: 400;
}

.view-actualites.view-display-id-block_2 .view-content .views-row .views-field-field-sous-titre:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 14%;
    height: 2px;
    border-radius: 2px;
    background: #33B29F;
}

.view-actualites.view-display-id-block_2 .view-content .views-row .views-field-view-node {
    margin-top: 40px;
    text-align: center;
}

.view-actualites.view-display-id-block_2 .view-content .views-row .views-field-view-node span input,
.view-actualites.view-display-id-block_2 .view-content .views-row .views-field-view-node span button,
.view-actualites.view-display-id-block_2 .view-content .views-row .views-field-view-node span a {
    padding: 14px 17px;
    border: 1px solid;
    border-color: #1D2341;
    border-radius: 30px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    background: #1D2341;
}

@media (min-width:1200px) {
    .view-actualites.view-display-id-block_2 .view-content .views-row .views-field-view-node span input,
    .view-actualites.view-display-id-block_2 .view-content .views-row .views-field-view-node span button,
    .view-actualites.view-display-id-block_2 .view-content .views-row .views-field-view-node span a {
        color: #1D2341;
        background: transparent;
        transition: all 300ms ease-in-out;
    }

    .view-actualites.view-display-id-block_2 .view-content .views-row .views-field-view-node span input:hover,
    .view-actualites.view-display-id-block_2 .view-content .views-row .views-field-view-node span button:hover,
    .view-actualites.view-display-id-block_2 .view-content .views-row .views-field-view-node span a:hover {
        color: #fff;
        background: #1D2341;
    }
}

.view-actualites.view-display-id-block_2 .view-content .views-row .views-field-field-image-principale img {
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}

.view-actualites.view-display-id-block_2 .view-content .slick-slide {
    display: inline-block;
    position: relative;
    margin: 0 5px;
    padding: 0 0 20px;
    vertical-align: top;
}

.view-actualites.view-display-id-block_2 .view-content .slick-dots {
    margin: 0 0 0;
    padding: 0;
    text-align: center;
}

@media (min-width:768px) {
    .view-actualites.view-display-id-block_2 .view-content .slick-dots {
        margin: 40px 0 0;
    }
}

.view-actualites.view-display-id-block_2 .view-filters .js-form-item {
    width: 41% !important;
}

.view-offres-d-emploi.view-display-id-block_1 .view-filters {
    margin-bottom: 40px;
}

.view-offres-d-emploi.view-display-id-block_1 .view-filters .js-form-item {
    width: 41% !important;
    max-width: 595px;
}

.view-offres-d-emploi.view-display-id-block_1 .view-filters .js-form-item.js-form-item-title {
    display: block;
    width: 87% !important;
    margin: 10px auto;
}

.view-offres-d-emploi.view-display-id-block_1 .views-row {
    margin: 0 auto 40px;
    min-height: 260px;
}

.view-offres-d-emploi.view-display-id-block_1 .views-row .wrap-views-row {
    width: 80%;
    margin: auto;
    padding: 40px 0 0;
}

.view-offres-d-emploi.view-display-id-block_1 .views-row .wrap-views-row .top-row {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-color: #1e1632;
    border-bottom: 1px solid;
}

.view-offres-d-emploi.view-display-id-block_1 .views-row .wrap-views-row .top-row span {
    display: inline-block;
    vertical-align: top;
}

.view-offres-d-emploi.view-display-id-block_1 .views-row .wrap-views-row .top-row .title {
    width: 78%;
}

.view-offres-d-emploi.view-display-id-block_1 .views-row .wrap-views-row .top-row .title a {
    text-decoration: none;
    font-family: "Quicksand",sans-serif;
    font-size: 22px;
    font-weight: 600;
    color: #1e1632;
}

.view-offres-d-emploi.view-display-id-block_1 .views-row .wrap-views-row .top-row .logo {
    width: 20%;
}

.view-offres-d-emploi.view-display-id-block_1 .views-row .wrap-views-row .top-row .logo img {
    width: 110px;
}

.view-offres-d-emploi.view-display-id-block_1 .views-row .wrap-views-row .bottom-row {
    position: relative;
}

.view-offres-d-emploi.view-display-id-block_1 .views-row .wrap-views-row .bottom-row .ville,
.view-offres-d-emploi.view-display-id-block_1 .views-row .wrap-views-row .bottom-row .job {
    padding: 10px 0 10px;
    padding-left: 30px;
    background-position: 0 7px !important;
    background-repeat: no-repeat !important;
    background-size: 20px !important;
}

.view-offres-d-emploi.view-display-id-block_1 .views-row .wrap-views-row .bottom-row .ville {
    background: url("../images/localisation.png");
}

.view-offres-d-emploi.view-display-id-block_1 .views-row .wrap-views-row .bottom-row .job {
    background: url("../images/clock.png");
}

.view-offres-d-emploi.view-display-id-block_1 .views-row .wrap-views-row .bottom-row .readmore {
    margin-top: 20px;
    text-align: center;
}

.view-offres-d-emploi.view-display-id-block_1 .views-row .wrap-views-row .bottom-row .readmore input,
.view-offres-d-emploi.view-display-id-block_1 .views-row .wrap-views-row .bottom-row .readmore button,
.view-offres-d-emploi.view-display-id-block_1 .views-row .wrap-views-row .bottom-row .readmore a {
    padding: 14px 17px;
    border: 1px solid;
    border-color: #33B29F;
    border-radius: 30px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    background: #33B29F;
}

@media (min-width:1200px) {
    .view-offres-d-emploi.view-display-id-block_1 .views-row .wrap-views-row .bottom-row .readmore input,
    .view-offres-d-emploi.view-display-id-block_1 .views-row .wrap-views-row .bottom-row .readmore button,
    .view-offres-d-emploi.view-display-id-block_1 .views-row .wrap-views-row .bottom-row .readmore a {
        transition: all 300ms ease-in-out;
    }

    .view-offres-d-emploi.view-display-id-block_1 .views-row .wrap-views-row .bottom-row .readmore input:hover,
    .view-offres-d-emploi.view-display-id-block_1 .views-row .wrap-views-row .bottom-row .readmore button:hover,
    .view-offres-d-emploi.view-display-id-block_1 .views-row .wrap-views-row .bottom-row .readmore a:hover {
        color: #33B29F;
        background: transparent;
    }
}

@media (min-width:768px) {
    .view-offres-d-emploi.view-display-id-block_1 .view-filters {
        margin-bottom: 0;
    }

    .view-offres-d-emploi.view-display-id-block_1 .view-filters form {
        height: 42px !important;
    }

    .view-offres-d-emploi.view-display-id-block_1 .view-filters form:before,
    .view-offres-d-emploi.view-display-id-block_1 .view-filters form:after {
        width: 12%;
    }

    .view-offres-d-emploi.view-display-id-block_1 .view-filters .form--inline {
        width: 78%;
    }

    .view-offres-d-emploi.view-display-id-block_1 .view-filters .form--inline .js-form-item,
    .view-offres-d-emploi.view-display-id-block_1 .view-filters .form--inline .js-form-item.js-form-item-title {
        display: inline-block;
        width: 28% !important;
        margin: 0;
        vertical-align: top;
    }
}

@media (min-width:1200px) {
    .view-offres-d-emploi.view-display-id-block_1 .views-row .wrap-views-row .top-row .title a {
        transition: all 300ms ease-in-out;
    }

    .view-offres-d-emploi.view-display-id-block_1 .views-row .wrap-views-row .top-row .title:hover a {
        color: #33B29F;
    }
}

.page-node-type-emploi {
    padding-top: 100px;
    color: #fff;
    background: #1e1632;
    background: linear-gradient(90deg, #1e1632 0%, #33b29f 88%);
}

.page-node-type-emploi.open-form {
    position: fixed;
    width: 100%;
}

.page-node-type-emploi.open-form .top .wrap-top .burger:before,
.page-node-type-emploi.open-form .top .wrap-top .burger:after {
    background: #1e1632;
    background: linear-gradient(90deg, #1e1632 0%, #33b29f 88%);
}

.page-node-type-emploi.open-form .top .wrap-top .logos .mobile {
    display: none;
}

.page-node-type-emploi.open-form .top .wrap-top .logos .logo-color {
    display: block;
}

.page-node-type-emploi.open-form .top.open .burger:before,
.page-node-type-emploi.open-form .top.open .burger:after {
    background: #fff;
}

.page-node-type-emploi.open-form .formulaire {
    right: 0 !important;
}

@media (min-width:1200px) {
    .page-node-type-emploi.open-form.open-form {
        position: relative;
    }
}

.page-node-type-emploi #block-leader-content {
    position: relative;
}

.page-node-type-emploi:before {
    content: "";
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url("../images/bkg/emploi/emploi-mobile.png");
    background-position: center top;
    background-repeat: no-repeat !important;
    background-size: 50%;
}

.page-node-type-emploi .top_emploi {
    display: block;
    position: relative;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    max-width: 1100px;
}

.page-node-type-emploi .top_emploi h1 {
    padding: 20px 0;
}

.page-node-type-emploi .top_emploi .recruteur {
    position: relative;
    padding: 10px 0;
    overflow: hidden;
    font-weight: 300;
}

.page-node-type-emploi .top_emploi .recruteur:after {
    content: "";
    display: inline-block;
    width: 80%;
    height: 1.5px;
    margin-right: -80%;
    margin-left: 10px;
    vertical-align: middle;
    background: #fff;
}

.page-node-type-emploi .top_emploi .formulaire {
    z-index: 1;
    position: fixed;
    top: 0;
    right: -100%;
    bottom: 0;
    width: 100%;
    margin: 0 auto 0;
    padding: 0 0;
    text-align: center;
    background: #fff;
    transition: all 300ms ease-in-out;
}

.page-node-type-emploi .top_emploi .formulaire .back {
    position: absolute;
    top: 80px;
    left: 50%;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    max-width: 1100px;
    transform: translateX(-50%);
}

.page-node-type-emploi .top_emploi .formulaire .back .arrow {
    position: absolute;
    top: 9px;
    left: 0;
    -webkit-appearance: inherit;
    width: 1.2rem;
    height: 1.2rem;
    border: .1rem .1rem 0 0 solid #1e1632;
    text-indent: -5000px;
    color: inherit;
    opacity: 1;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    cursor: pointer;
}

.page-node-type-emploi .top_emploi .formulaire .label_form {
    width: 90%;
    margin: auto;
    margin-top: 150px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1100px;
    text-align: left;
    font-size: 32px;
    color: #33B29F;
}

.page-node-type-emploi .top_emploi .formulaire iframe,
.page-node-type-emploi .top_emploi .formulaire form {
    position: relative;
    width: 93%;
    margin: 30px auto 0;
}

@media (min-width:1200px) {
    .page-node-type-emploi .top_emploi .formulaire {
        z-index: 1;
        position: absolute;
        top: 0;
        right: 0;
        width: 35%;
        height: fit-content;
        height: max-content;
        margin: 40px auto;
        margin-bottom: 0;
        padding-top: 50px;
        border-radius: 30px;
    }

    .page-node-type-emploi .top_emploi .formulaire .back {
        display: none;
    }

    .page-node-type-emploi .top_emploi .formulaire .label_form {
        margin-top: 0;
        color: #1e1632;
    }
}

.page-node-type-emploi .content {
    position: relative;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 40px;
    max-width: 1100px;
}

.page-node-type-emploi .content .row {
    margin: 20px 0 30px;
}

.page-node-type-emploi .content .row .label-bloc {
    text-transform: uppercase;
    font-weight: 500;
}

.page-node-type-emploi .content .row .text ul {
    margin: 20px 0;
    padding: 0;
}

.page-node-type-emploi .content .row .text ul li:before {
    color: #fff;
}

.page-node-type-emploi .content .row .text ul li:after {
    border-color: #fff;
}

.page-node-type-emploi .content .open-btn {
    position: relative;
    margin: auto;
    max-width: 600px;
    text-align: center;
}

.page-node-type-emploi .content .open-btn input,
.page-node-type-emploi .content .open-btn button,
.page-node-type-emploi .content .open-btn a {
    padding: 14px 17px;
    border: none;
    border-radius: 30px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    color: #1D2341;
    background: #fff;
}

@media (min-width:1200px) {
    .page-node-type-emploi .content .open-btn:hover input,
    .page-node-type-emploi .content .open-btn:hover button,
    .page-node-type-emploi .content .open-btn:hover a {
        color: #fff;
        background: #1D2341;
    }

    .page-node-type-emploi .content .open-btn input,
    .page-node-type-emploi .content .open-btn button,
    .page-node-type-emploi .content .open-btn a {
        transition: all 300ms ease-in-out;
    }
}

.page-node-type-emploi .content .open-btn:before,
.page-node-type-emploi .content .open-btn:after {
    content: "";
    z-index: 0;
    position: absolute;
    top: 50%;
    width: 34%;
    height: 1px;
    max-width: 180px;
    background: #fff;
    transform: translateY(-50%);
}

.page-node-type-emploi .content .open-btn:before {
    left: 0;
}

.page-node-type-emploi .content .open-btn:after {
    right: 0;
}

.page-node-type-emploi .cta {
    padding: 40px;
    background: #f5f5f5;
}

.page-node-type-emploi .cta .text-before-cta,
.page-node-type-emploi .cta #block-addtoanybuttons {
    display: inline-block;
    vertical-align: middle;
}

.page-node-type-emploi .cta .text-before-cta {
    -webkit-text-fill-color: transparent;
    font-size: 22px;
    line-height: 2em;
    background: linear-gradient(90deg, #1e1632 0%, #33b29f 38%);
    -webkit-background-clip: text;
}

.page-node-type-emploi .cta #block-addtoanybuttons div {
    display: inline-block;
    position: relative;
    width: 28px;
    height: 35px;
    margin: 0 2px;
    vertical-align: middle;
}

.page-node-type-emploi .cta #block-addtoanybuttons div a {
    position: relative;
    width: 40px;
    height: 40px;
}

.page-node-type-emploi .cta #block-addtoanybuttons div a span {
    position: absolute;
    top: 0;
    left: 0;
}

.page-node-type-emploi .cta #block-addtoanybuttons div a span.second {
    display: none;
}

.page-node-type-emploi .cta #block-addtoanybuttons div a:hover span {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100) ";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
}

.page-node-type-emploi .cta #block-addtoanybuttons div a:hover span img {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100) ";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
}

@media (min-width:1200px) {
    .page-node-type-emploi .cta .inside-cta {
        width: 90%;
        margin-right: auto;
        margin-left: auto;
        max-width: 1100px;
    }

    .page-node-type-emploi .cta .inside-cta #block-addtoanybuttons div {
        display: inline-block;
        position: relative;
        width: 28px;
        height: 35px;
        margin: 0 4px;
        vertical-align: middle;
    }

    .page-node-type-emploi .cta .inside-cta #block-addtoanybuttons div.fb .first,
    .page-node-type-emploi .cta .inside-cta #block-addtoanybuttons div.lk .first,
    .page-node-type-emploi .cta .inside-cta #block-addtoanybuttons div.email .first {
        opacity: 1;
        transition: all 300ms ease-in-out;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100) ";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
    }

    .page-node-type-emploi .cta .inside-cta #block-addtoanybuttons div.fb .second,
    .page-node-type-emploi .cta .inside-cta #block-addtoanybuttons div.lk .second,
    .page-node-type-emploi .cta .inside-cta #block-addtoanybuttons div.email .second {
        display: block;
        opacity: 0;
        transition: all 300ms ease-in-out;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0) ";
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
    }

    .page-node-type-emploi .cta .inside-cta #block-addtoanybuttons div.fb:hover .first,
    .page-node-type-emploi .cta .inside-cta #block-addtoanybuttons div.lk:hover .first,
    .page-node-type-emploi .cta .inside-cta #block-addtoanybuttons div.email:hover .first {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0) ";
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
    }

    .page-node-type-emploi .cta .inside-cta #block-addtoanybuttons div.fb:hover .second,
    .page-node-type-emploi .cta .inside-cta #block-addtoanybuttons div.lk:hover .second,
    .page-node-type-emploi .cta .inside-cta #block-addtoanybuttons div.email:hover .second {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100) ";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
    }
}

@media (min-width:1200px) {
    .page-node-type-emploi {
        padding-top: 140px;
    }

    .page-node-type-emploi.open-form {
        position: relative;
    }

    .page-node-type-emploi .top .region-navigation #block-leader-main-menu ul.menu li.emplois a {
        font-weight: bold;
    }

    .page-node-type-emploi:before {
        right: 0;
        left: inherit;
        width: 67%;
        background: url("../images/bkg/emploi/emploi-desktop.png");
        background-size: 100%;
    }

    .page-node-type-emploi .top_emploi {
        position: relative;
        width: 100%;
        width: 90%;
        margin-right: auto;
        margin-left: auto;
        max-width: 1100px;
    }

    .page-node-type-emploi .top_emploi .recruteur {
        width: 60%;
    }

    .page-node-type-emploi .top_emploi h1 {
        width: 60%;
    }

    .page-node-type-emploi .content {
        position: relative;
        width: 90%;
        margin: 0 auto;
        margin-right: auto;
        margin-left: auto;
        max-width: 1100px;
        min-height: 500px;
    }

    .page-node-type-emploi .content .inside-content {
        width: 60%;
    }

    .page-node-type-emploi .content .inside-content .left,
    .page-node-type-emploi .content .inside-content .right {
        display: inline-block;
        width: 45%;
        vertical-align: top;
    }

    .page-node-type-emploi .content .inside-content .left {
        margin-right: 4%;
    }

    .page-node-type-emploi .content .open-btn {
        display: none;
    }
}

.page-node-type-actualite {
    position: relative;
    padding-top: 100px;
    color: #fff;
    background: #1e1632;
    background: linear-gradient(90deg, #1e1632 0%, #33b29f 88%);
}

.page-node-type-actualite:before {
    content: "";
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url("../images/bkg/actu/actu-mobile.png");
    background-position: center top;
    background-repeat: no-repeat !important;
    background-size: 50%;
}

.page-node-type-actualite .top_actu {
    display: block;
    position: relative;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    max-width: 1100px;
}

.page-node-type-actualite .top_actu .banner-wrap-text {
    padding-bottom: 30px;
    border-bottom: 1px solid #fff;
}

.page-node-type-actualite .top_actu h1 {
    padding: 20px 0;
}

.page-node-type-actualite .top_actu .subtitle {
    position: relative;
    font-size: 32px;
    font-weight: 100;
    line-height: 1.1em;
}

.page-node-type-actualite .top_actu .image {
    margin: auto;
    padding: 30px 0;
    max-width: 500px;
}

.page-node-type-actualite .top_actu .image img {
    border-radius: 50px;
}

.page-node-type-actualite .content {
    position: relative;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 40px;
    max-width: 1100px;
}

.page-node-type-actualite .cta {
    padding: 40px;
    background: #f5f5f5;
}

.page-node-type-actualite .cta .text-before-cta,
.page-node-type-actualite .cta #block-addtoanybuttons {
    display: inline-block;
    vertical-align: middle;
}

.page-node-type-actualite .cta .text-before-cta {
    -webkit-text-fill-color: transparent;
    font-size: 22px;
    line-height: 2em;
    background: linear-gradient(90deg, #1e1632 0%, #33b29f 38%);
    -webkit-background-clip: text;
}

.page-node-type-actualite .cta #block-addtoanybuttons div {
    display: inline-block;
    position: relative;
    width: 28px;
    height: 35px;
    margin: 0 2px;
    vertical-align: middle;
}

.page-node-type-actualite .cta #block-addtoanybuttons div a {
    position: relative;
    width: 40px;
    height: 40px;
}

.page-node-type-actualite .cta #block-addtoanybuttons div a span {
    position: absolute;
    top: 0;
    left: 0;
}

.page-node-type-actualite .cta #block-addtoanybuttons div a span.second {
    display: none;
}

.page-node-type-actualite .cta #block-addtoanybuttons div a:hover span {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100) ";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
}

.page-node-type-actualite .cta #block-addtoanybuttons div a:hover span img {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100) ";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
}

@media (min-width:1200px) {
    .page-node-type-actualite .cta .inside-cta {
        width: 90%;
        margin-right: auto;
        margin-left: auto;
        max-width: 1100px;
    }

    .page-node-type-actualite .cta .inside-cta #block-addtoanybuttons div {
        display: inline-block;
        position: relative;
        width: 28px;
        height: 35px;
        margin: 0 4px;
        vertical-align: middle;
    }

    .page-node-type-actualite .cta .inside-cta #block-addtoanybuttons div.fb .first,
    .page-node-type-actualite .cta .inside-cta #block-addtoanybuttons div.lk .first,
    .page-node-type-actualite .cta .inside-cta #block-addtoanybuttons div.email .first {
        opacity: 1;
        transition: all 300ms ease-in-out;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100) ";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
    }

    .page-node-type-actualite .cta .inside-cta #block-addtoanybuttons div.fb .second,
    .page-node-type-actualite .cta .inside-cta #block-addtoanybuttons div.lk .second,
    .page-node-type-actualite .cta .inside-cta #block-addtoanybuttons div.email .second {
        display: block;
        opacity: 0;
        transition: all 300ms ease-in-out;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0) ";
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
    }

    .page-node-type-actualite .cta .inside-cta #block-addtoanybuttons div.fb:hover .first,
    .page-node-type-actualite .cta .inside-cta #block-addtoanybuttons div.lk:hover .first,
    .page-node-type-actualite .cta .inside-cta #block-addtoanybuttons div.email:hover .first {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0) ";
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
    }

    .page-node-type-actualite .cta .inside-cta #block-addtoanybuttons div.fb:hover .second,
    .page-node-type-actualite .cta .inside-cta #block-addtoanybuttons div.lk:hover .second,
    .page-node-type-actualite .cta .inside-cta #block-addtoanybuttons div.email:hover .second {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100) ";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
    }
}

@media (min-width:1200px) {
    .page-node-type-actualite {
        padding-top: 140px;
    }

    .page-node-type-actualite .top .region-navigation #block-leader-main-menu ul.menu li.actualits a {
        font-weight: bold;
    }

    .page-node-type-actualite:before {
        right: 0;
        left: inherit;
        width: 67%;
        background: url("../images/bkg/actu/actu-desktop.png");
        background-size: 100%;
    }

    .page-node-type-actualite .top_actu {
        width: 90%;
        margin-right: auto;
        margin-left: auto;
        max-width: 1100px;
    }

    .page-node-type-actualite .top_actu .banner-wrap-text {
        width: 60%;
    }

    .page-node-type-actualite .top_actu .image {
        z-index: 1;
        position: absolute;
        top: 0;
        right: 0;
        width: 35%;
    }

    .page-node-type-actualite .content .left {
        width: 60%;
    }

    .page-node-type-actualite .cta .inside-cta {
        width: 90%;
        margin-right: auto;
        margin-left: auto;
        max-width: 1100px;
    }
}

.page-node-type-contact {
    position: relative;
    padding-top: 100px;
    color: #fff;
    background: #1e1632;
    background: linear-gradient(90deg, #1e1632 0%, #33b29f 88%);
}

.page-node-type-contact a {
    color: #fff;
}

.page-node-type-contact:before {
    content: "";
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: inherit;
    width: 100%;
    max-width: 470px;
    background: url("../images/bkg/contact/contact-mobile.png");
    background-position: right top;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
}

.page-node-type-contact.open-form {
    position: fixed;
    width: 100%;
}

.page-node-type-contact.open-form .top .wrap-top .burger:before,
.page-node-type-contact.open-form .top .wrap-top .burger:after {
    background: #1e1632;
    background: linear-gradient(90deg, #1e1632 0%, #33b29f 88%);
}

.page-node-type-contact.open-form .top .wrap-top .logos .mobile {
    display: none;
}

.page-node-type-contact.open-form .top .wrap-top .logos .logo-color {
    display: block;
}

.page-node-type-contact.open-form .top.open .burger:before,
.page-node-type-contact.open-form .top.open .burger:after {
    background: #fff;
}

.page-node-type-contact.open-form .formulaire {
    right: 0 !important;
}

@media (min-width:1200px) {
    .page-node-type-contact.open-form.open-form {
        position: relative;
    }
}

.page-node-type-contact #block-leader-content {
    position: relative;
}

.page-node-type-contact .top_contact {
    display: block;
    position: relative;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    max-width: 1100px;
}

.page-node-type-contact .top_contact h1 {
    position: relative;
    margin: 20px 0;
    margin-bottom: 20px;
    padding: 10px 0;
    padding-bottom: 20px;
    max-width: 400px;
}

.page-node-type-contact .top_contact h1:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 14%;
    height: 2px;
    border-radius: 2px;
    background: #33B29F;
}

.page-node-type-contact .top_contact h1:after {
    background: #fff;
}

.page-node-type-contact .top_contact .text-banner {
    margin: 40px 0;
    max-width: 400px;
}

.page-node-type-contact .top_contact .formulaire {
    z-index: 1;
    position: fixed;
    top: 0;
    right: -100%;
    bottom: 0;
    width: 100%;
    margin: 0 auto 0;
    padding: 0 0;
    text-align: center;
    background: #fff;
    transition: all 300ms ease-in-out;
}

.page-node-type-contact .top_contact .formulaire .back {
    position: absolute;
    top: 80px;
    left: 50%;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    max-width: 1100px;
    transform: translateX(-50%);
}

.page-node-type-contact .top_contact .formulaire .back .arrow {
    position: absolute;
    top: 9px;
    left: 0;
    -webkit-appearance: inherit;
    width: 1.2rem;
    height: 1.2rem;
    border: .1rem .1rem 0 0 solid #1e1632;
    text-indent: -5000px;
    color: inherit;
    opacity: 1;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    cursor: pointer;
}

.page-node-type-contact .top_contact .formulaire .label_form {
    width: 90%;
    margin: auto;
    margin-top: 150px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1100px;
    text-align: left;
    font-size: 32px;
    color: #33B29F;
}

.page-node-type-contact .top_contact .formulaire iframe,
.page-node-type-contact .top_contact .formulaire form {
    position: relative;
    width: 93%;
    margin: 30px auto 0;
}

@media (min-width:1200px) {
    .page-node-type-contact .top_contact .formulaire {
        z-index: 1;
        position: absolute;
        top: 0;
        right: 0;
        width: 35%;
        height: fit-content;
        height: max-content;
        margin: 40px auto;
        margin-bottom: 0;
        padding-top: 50px;
        border-radius: 30px;
    }

    .page-node-type-contact .top_contact .formulaire .back {
        display: none;
    }

    .page-node-type-contact .top_contact .formulaire .label_form {
        margin-top: 0;
        color: #1e1632;
    }
}

.page-node-type-contact .top_contact .formulaire form {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    max-width: 1100px;
    text-align: left;
}

.page-node-type-contact .top_contact .formulaire form .js-form-item {
    width: 100%;
}

.page-node-type-contact .top_contact .formulaire form .js-form-item::placeholder {
    color: #BFBFBF;
}

.page-node-type-contact .top_contact .formulaire form .js-form-item select,
.page-node-type-contact .top_contact .formulaire form .js-form-item input,
.page-node-type-contact .top_contact .formulaire form .js-form-item textarea {
    padding: 10px;
    min-width: 300px;
    border: none;
    border-radius: 10px;
    color: #1e1632;
}

.page-node-type-contact .top_contact .formulaire form .js-form-item input {
    width: 96.5%;
}

.page-node-type-contact .top_contact .formulaire form .js-form-item input,
.page-node-type-contact .top_contact .formulaire form .js-form-item textarea {
    background: #F2F2F2;
}

.page-node-type-contact .top_contact .formulaire form .js-form-item select {
    width: 100%;
    border: 1px solid;
    border-color: #BFBFBF;
    background: #fff;
}

.page-node-type-contact .top_contact .formulaire form #edit-actions {
    position: relative;
    margin: 30px auto;
    max-width: 500px;
    text-align: center;
}

.page-node-type-contact .top_contact .formulaire form #edit-actions input,
.page-node-type-contact .top_contact .formulaire form #edit-actions button,
.page-node-type-contact .top_contact .formulaire form #edit-actions a {
    padding: 14px 17px;
    border: 1px solid;
    border-color: #33B29F;
    border-radius: 30px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    background: #33B29F;
}

@media (min-width:1200px) {
    .page-node-type-contact .top_contact .formulaire form #edit-actions input,
    .page-node-type-contact .top_contact .formulaire form #edit-actions button,
    .page-node-type-contact .top_contact .formulaire form #edit-actions a {
        transition: all 300ms ease-in-out;
    }

    .page-node-type-contact .top_contact .formulaire form #edit-actions input:hover,
    .page-node-type-contact .top_contact .formulaire form #edit-actions button:hover,
    .page-node-type-contact .top_contact .formulaire form #edit-actions a:hover {
        color: #33B29F;
        background: transparent;
    }
}

.page-node-type-contact .top_contact .formulaire form #edit-actions:before,
.page-node-type-contact .top_contact .formulaire form #edit-actions:after {
    content: "";
    z-index: -1;
    position: absolute;
    top: 50%;
    width: 20%;
    height: 1px;
    transform: translateY(-50%);
}

.page-node-type-contact .top_contact .formulaire form #edit-actions:before {
    left: 0;
    background: #1e1632;
    background: linear-gradient(90deg, #1e1632 0%, #33b29f 88%);
}

.page-node-type-contact .top_contact .formulaire form #edit-actions:after {
    right: 0;
    background: linear-gradient(to right, #33B29F, #1e1632);
}

@media (min-width:768px) {
    .page-node-type-contact .top_contact .formulaire form #edit-actions {
        max-width: inherit;
    }

    .page-node-type-contact .top_contact .formulaire form #edit-actions:before,
    .page-node-type-contact .top_contact .formulaire form #edit-actions:after {
        width: 42%;
    }
}

.page-node-type-contact .top_contact .formulaire form #edit-actions input,
.page-node-type-contact .top_contact .formulaire form #edit-actions button,
.page-node-type-contact .top_contact .formulaire form #edit-actions a {
    background: #1e1632;
    background: linear-gradient(90deg, #1e1632 0%, #33b29f 88%);
}

.page-node-type-contact .top_contact .formulaire form #edit-actions input {
    padding: 13px 20px;
    border-radius: 21px;
    background: #33B29F;
}

.page-node-type-contact .top_contact .formulaire form #edit-actions:before,
.page-node-type-contact .top_contact .formulaire form #edit-actions:after {
    width: 35%;
}

.page-node-type-contact .top_contact .open-btn {
    position: relative;
    margin: 40px auto;
    max-width: 600px;
    text-align: center;
}

.page-node-type-contact .top_contact .open-btn input,
.page-node-type-contact .top_contact .open-btn button,
.page-node-type-contact .top_contact .open-btn a {
    padding: 14px 17px;
    border: none;
    border-radius: 30px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    color: #1D2341;
    background: #fff;
}

@media (min-width:1200px) {
    .page-node-type-contact .top_contact .open-btn:hover input,
    .page-node-type-contact .top_contact .open-btn:hover button,
    .page-node-type-contact .top_contact .open-btn:hover a {
        color: #fff;
        background: #1D2341;
    }

    .page-node-type-contact .top_contact .open-btn input,
    .page-node-type-contact .top_contact .open-btn button,
    .page-node-type-contact .top_contact .open-btn a {
        transition: all 300ms ease-in-out;
    }
}

.page-node-type-contact .top_contact .open-btn:before,
.page-node-type-contact .top_contact .open-btn:after {
    content: "";
    z-index: 0;
    position: absolute;
    top: 50%;
    width: 34%;
    height: 1px;
    max-width: 180px;
    background: #fff;
    transform: translateY(-50%);
}

.page-node-type-contact .top_contact .open-btn:before {
    left: 0;
}

.page-node-type-contact .top_contact .open-btn:after {
    right: 0;
}

.page-node-type-contact .content {
    z-index: 0;
    position: relative;
    padding: 40px 0;
    background: #f5f5f5;
}

.page-node-type-contact .content:after {
    content: "";
    z-index: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background: url("../images/bkg/contact/resaux.png");
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: cover;
}

.page-node-type-contact .content .cta {
    z-index: 1;
    position: relative;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    max-width: 1100px;
    text-align: center;
}

.page-node-type-contact .content .cta span.copy-link {
    margin: 0 0 20px;
    -webkit-text-fill-color: transparent;
    font-family: "Quicksand",sans-serif;
    font-size: 14px;
    font-size: 32px;
    font-weight: 500;
    line-height: 2em;
    line-height: 1em;
    background: #1e1632;
    background: linear-gradient(90deg, #1e1632 0%, #33b29f 88%);
    -webkit-background-clip: text;
}

.page-node-type-contact .content .cta .icones {
    padding-top: 30px;
}

.page-node-type-contact .content .cta .icones .facebook,
.page-node-type-contact .content .cta .icones .linkedin,
.page-node-type-contact .content .cta .icones .fb,
.page-node-type-contact .content .cta .icones .lk,
.page-node-type-contact .content .cta .icones .insta {
    display: inline-block;
    position: relative;
    width: 40px;
    height: 40px;
    margin-right: 2px;
    vertical-align: top;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
}

.page-node-type-contact .content .cta .icones .facebook a,
.page-node-type-contact .content .cta .icones .linkedin a,
.page-node-type-contact .content .cta .icones .fb a,
.page-node-type-contact .content .cta .icones .lk a,
.page-node-type-contact .content .cta .icones .insta a {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-indent: -5000px;
}

.page-node-type-contact .content .cta .icones .facebook {
    background: url("../images/reseaux/fb.png");
    transition: all 300ms ease-in-out;
}

.page-node-type-contact .content .cta .icones .linkedin {
    background: url("../images/reseaux/lk.png");
    transition: all 300ms ease-in-out;
}

.page-node-type-contact .content .cta .icones .insta {
    background: url("../images/reseaux/insta.png");
    transition: all 300ms ease-in-out;
}

@media (min-width:1200px) {
    .page-node-type-contact .content .cta .icones .facebook:hover {
        background: url("../images/reseaux/fb-border.png");
    }

    .page-node-type-contact .content .cta .icones .linkedin:hover {
        background: url("../images/reseaux/lk-border.png");
    }

    .page-node-type-contact .content .cta .icones .insta:hover {
        background: url("../images/reseaux/insta-border.png");
    }
}

@media (min-width:1200px) {
    .page-node-type-contact:before {
        height: 558px;
        max-width: inherit;
        background: url("../images/bkg/contact/contact-desktop.png");
        background-position: bottom left;
    }

    .page-node-type-contact .top_contact {
        position: relative;
        width: 100%;
        width: 90%;
        margin-right: auto;
        margin-left: auto;
        max-width: 1100px;
    }

    .page-node-type-contact .top_contact h1 {
        width: 60%;
        margin: 20px 0;
    }

    .page-node-type-contact .top_contact .text-banner {
        max-width: 178px;
    }

    .page-node-type-contact .top_contact .open-btn {
        display: none;
    }

    .page-node-type-contact .top_contact .formulaire {
        margin-top: 0;
    }

    .page-node-type-contact .top_contact .formulaire form #edit-actions {
        text-align: right;
    }

    .page-node-type-contact .top_contact .formulaire form #edit-actions:before,
    .page-node-type-contact .top_contact .formulaire form #edit-actions:after {
        display: none;
    }

    .page-node-type-contact .content {
        padding: 70px 0;
    }

    .page-node-type-contact .content .cta {
        text-align: left;
    }

    .page-node-type-contact .content .cta .icones {
        display: inline-block;
        margin-left: 10px;
        padding: 0;
        vertical-align: 12px;
    }
}

.page-node-type-page-tampon {
    position: relative;
    padding-top: 100px;
    color: #fff;
    background: #1e1632;
    background: linear-gradient(90deg, #1e1632 0%, #33b29f 88%);
}

.page-node-type-page-tampon:before {
    content: "";
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url("../images/bkg/tampon/tampon-mobile.png");
    background-position: center top;
    background-repeat: no-repeat !important;
    background-size: 50%;
}

.page-node-type-page-tampon .mosaic {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    max-width: 1100px;
}

.page-node-type-page-tampon .mosaic .paragraph--type--espaces {
    position: relative;
    margin: 0 auto 40px;
    max-width: 350px;
}

.page-node-type-page-tampon .mosaic .paragraph--type--espaces .image img {
    border-radius: 50px;
}

.page-node-type-page-tampon .mosaic .paragraph--type--espaces .content-service {
    position: absolute;
    bottom: 40px;
    left: 50%;
    width: 80%;
    padding-left: 20px;
    border-left: 1px solid #fff;
    transform: translateX(-50%);
}

.page-node-type-page-tampon .mosaic .paragraph--type--espaces .content-service .subtitle {
    margin-bottom: 10px;
    font-family: "Quicksand",sans-serif;
    font-size: 30px;
    font-weight: 100;
}

.page-node-type-page-tampon .mosaic .paragraph--type--espaces .content-service h3 {
    font-weight: 100;
}

.page-node-type-page-tampon .mosaic .paragraph--type--espaces .content-service .texte {
    max-height: 0;
    max-width: 260px;
    overflow: hidden;
    font-weight: 100;
    transition: all 300ms ease-in-out;
}

.page-node-type-page-tampon .mosaic .paragraph--type--espaces .content-service .inside-content .subtitle {
    font-family: "Montserrat",sans-serif;
    font-size: 22px;
    font-weight: 100;
}

.page-node-type-page-tampon .mosaic .paragraph--type--espaces .content-service .inside-content h3 {
    margin-bottom: 10px;
    font-family: "Quicksand",sans-serif;
    font-size: 30px;
    font-weight: 100;
}

.page-node-type-page-tampon .mosaic .paragraph--type--espaces .content-service .inside-content .btn input,
.page-node-type-page-tampon .mosaic .paragraph--type--espaces .content-service .inside-content .btn button,
.page-node-type-page-tampon .mosaic .paragraph--type--espaces .content-service .inside-content .btn a {
    padding: 14px 17px;
    border: 1px solid;
    border-color: #33B29F;
    border-radius: 30px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    background: #33B29F;
}

@media (min-width:1200px) {
    .page-node-type-page-tampon .mosaic .paragraph--type--espaces .content-service .inside-content .btn input,
    .page-node-type-page-tampon .mosaic .paragraph--type--espaces .content-service .inside-content .btn button,
    .page-node-type-page-tampon .mosaic .paragraph--type--espaces .content-service .inside-content .btn a {
        transition: all 300ms ease-in-out;
    }

    .page-node-type-page-tampon .mosaic .paragraph--type--espaces .content-service .inside-content .btn input:hover,
    .page-node-type-page-tampon .mosaic .paragraph--type--espaces .content-service .inside-content .btn button:hover,
    .page-node-type-page-tampon .mosaic .paragraph--type--espaces .content-service .inside-content .btn a:hover {
        color: #33B29F;
        background: transparent;
    }
}

.page-node-type-page-tampon .mosaic .paragraph--type--espaces .content-service .inside-content .btn .field__label {
    display: none;
}

.page-node-type-page-tampon .mosaic .paragraph--type--espaces .content-service .inside-content .btn .field__items {
    padding: 20px 0;
}

.page-node-type-page-tampon .mosaic .paragraph--type--espaces .content-service .inside-content .btn .field__items .field__item {
    display: inline-block;
}

.page-node-type-page-tampon .mosaic .paragraph--type--espaces .content-service .inside-content .btn .field__items .field__item a {
    border: 1px solid #fff;
    background: transparent;
}

@media (min-width:768px) {
    .page-node-type-page-tampon:before {
        content: "";
        z-index: -1;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: url("../images/bkg/tampon/tampon-desktop.png");
        background-position: center top;
        background-repeat: no-repeat !important;
        background-size: 50%;
    }

    .page-node-type-page-tampon .mosaic {
        padding-bottom: 40px;
    }

    .page-node-type-page-tampon .mosaic .paragraph--type--espaces {
        display: inline-block;
        width: 30.3%;
        margin: 2% !important;
        max-width: inherit;
    }

    .page-node-type-page-tampon .mosaic .paragraph--type--espaces:first-child {
        margin-left: 0 !important;
    }

    .page-node-type-page-tampon .mosaic .paragraph--type--espaces:last-child {
        margin-right: 0 !important;
    }

    .page-node-type-page-tampon .mosaic .paragraph--type--espaces .content-service .inside-content .btn .field__items .field__item:last-child {
        margin: 30px 0 0;
    }
}

@media (min-width:1200px) {
    .page-node-type-page-tampon .mosaic .paragraph--type--espaces {
        margin: 0;
    }

    .page-node-type-page-tampon .mosaic .paragraph--type--espaces:hover .content-service .texte {
        max-height: 80px;
    }

    .page-node-type-page-tampon .mosaic .paragraph--type--espaces .content-service .inside-content .btn .field__items {
        padding-top: 0;
    }

    .page-node-type-page-tampon .mosaic .paragraph--type--espaces .content-service .inside-content .btn .field__items .field__item a {
        transition: all 300ms ease-in-out;
    }

    .page-node-type-page-tampon .mosaic .paragraph--type--espaces .content-service .inside-content .btn .field__items .field__item a:hover {
        color: #1e1632;
        background: #fff;
    }
}

.path-user main #block-pagetitle {
    position: relative;
    padding: 100px 0 60px;
    background: #1e1632;
    background: linear-gradient(90deg, #1e1632 0%, #33b29f 88%);
}

.path-user main #block-pagetitle .banner-wrap-text {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    padding: 100px 0 60px;
    max-width: 1100px;
    color: #fff;
}

.path-user main #block-pagetitle .banner-wrap-text h1 {
    position: relative;
    margin: 20px auto;
    margin-bottom: 20px;
    padding: 10px 0;
    padding-bottom: 20px;
}

.path-user main #block-pagetitle .banner-wrap-text h1:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 14%;
    height: 2px;
    border-radius: 2px;
    background: #33B29F;
}

.path-user main #block-pagetitle .banner-wrap-text h1:after {
    background: #fff;
}

.path-user main #block-pagetitle .banner-wrap-text .text-banner {
    width: 70%;
    margin: 40px 0;
    max-width: 320px;
}

.path-user main #block-pagetitle h1 {
    position: relative;
    width: 90%;
    margin: 20px auto;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
    padding: 10px 0;
    padding-bottom: 20px;
    max-width: 1100px;
    color: #fff;
}

.path-user main #block-pagetitle h1:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 14%;
    height: 2px;
    border-radius: 2px;
    background: #33B29F;
}

.path-user main #block-pagetitle h1:after {
    background: #fff;
}

.path-user main #block-leader-content {
    position: relative;
    height: 600px;
}

.path-user main #block-leader-content .user-login-form,
.path-user main #block-leader-content .user-pass {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 500px;
    transform: translateX(-50%) translateY(-50%);
}

.path-user main #block-leader-local-tasks {
    z-index: 10;
    position: absolute;
    top: 400px;
    left: 50%;
    transform: translateX(-50%);
}

#block-webmastermenu {
    z-index: 10;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background: #1e1632;
}

#block-webmastermenu ul {
    width: 100%;
    margin: 0 auto;
    max-width: 1200px;
    text-align: right;
}

#block-webmastermenu ul li {
    display: inline-block;
    position: relative;
    padding: 14px 10px;
    transition: all 300ms ease-in-out;
}

#block-webmastermenu ul li a,
#block-webmastermenu ul li span {
    font-weight: bold;
}

#block-webmastermenu ul li ul {
    display: none;
    position: absolute;
    top: 52px;
    left: 0;
    width: 230px;
    padding: 20px;
    text-align: left;
    background: #f5f5f5;
}

#block-webmastermenu ul li ul li {
    padding: 0;
}

#block-webmastermenu ul li ul li a {
    color: #1e1632;
}

#block-webmastermenu ul li ul li a:hover {
    color: #33B29F;
}

#block-webmastermenu ul li:hover {
    background: #f5f5f5;
    cursor: pointer;
}

#block-webmastermenu ul li:hover a,
#block-webmastermenu ul li:hover span {
    color: #33B29F;
}

#block-webmastermenu ul li:hover ul {
    display: block;
}

#block-webmastermenu ul li:hover ul li {
    padding: 0;
}

#block-webmastermenu ul li:hover ul li a {
    color: #1e1632;
}

#block-webmastermenu ul li:hover ul li a:hover {
    color: #33B29F;
}

#block-webmastermenu ul li a,
#block-webmastermenu ul li span {
    text-decoration: none;
    color: #fff;
}

/*.user-logged-in main {
    margin-top: 50px;
}*/
.user-logged-in .top {
    top: 80px;
}
.user-logged-in.page-node-type-page-simple .top {
    top: 0px;
}
.user-logged-in .top_emploi .banner-wrap-text ,
.user-logged-in .top_contact .banner-wrap-text,
.user-logged-in .top_actu .banner-wrap-text,
.user-logged-in .top_tampon .banner-wrap-text {
    margin-top: 150px;
}
.user-logged-in .top_simple_page h1 {
    margin-top: 100px !important;
}


#block-leader-local-tasks {
    z-index: 1;
    position: fixed;
    top: 50px;
    right: 0;
    left: 0;
    color: #fff;
    background: #1a5e58;
}

#block-leader-local-tasks ul {
    margin: 0;
    padding: 0;
}

#block-leader-local-tasks ul li {
    margin: 0;
}

#block-leader-local-tasks ul li.is-active a {
    color: #1e1632;
}

#block-leader-local-tasks ul a {
    padding: 10px;
    font-weight: bold;
    color: #fff;
}

#block-leader-local-tasks ul a:hover {
    color: #1e1632;
}

footer {
    padding: 40px 0 0;
    color: #fff;
    background: #1D2341;
}

footer a {
    text-decoration: none;
    color: #fff;
}

footer .region-footer {
    position: relative;
}

footer h2 {
    margin-bottom: 0;
    margin-left: 30px;
    text-transform: uppercase;
    font-size: 14px;
    color: #33B29F;
}

footer #block-siegesocial {
    width: 45%;
}

footer #block-siegesocial .field--name-body {
    margin-left: 30px;
}

footer #block-logowhite {
    position: absolute;
    top: 0;
    right: 30px;
    width: 45%;
}

footer #block-logowhite .field--name-body {
    float: right;
    width: 160px;
    height: 40px;
    text-indent: -5000px;
    background: url("../images/logo-white.png");
    background-repeat: no-repeat;
    background-size: 100%;
}

footer #block-qualiopi {
    position: absolute;
    top: 60px;
    right: 30px;
    width: 150px;
}

footer #block-qualiopi .label-qualio {
    display: none;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid #fff;
    text-align: left;
    text-transform: uppercase;
}

footer #block-qualiopi p {
    margin: 0;
}

footer #block-qualiopi img {
    float: right;
    width: 80%;
    padding: 10%;
    max-width: 100px;
    background: #fff;
}

footer #block-mainnavigation {
    margin-top: 20px;
    padding: 20px 0;
    border-color: #33B29F;
    border-top: 1px solid;
    border-bottom: 1px solid;
}

footer #block-mainnavigation .wrap-title {
    position: relative;
    margin-right: 30px;
    cursor: pointer;
}

footer #block-mainnavigation .wrap-title .plus {
    position: absolute;
    top: 50%;
    right: 0;
    width: 20px;
    height: 20px;
    transition: all 300ms ease-in-out;
    transform: translateY(-50%);
}

footer #block-mainnavigation .wrap-title .plus:after,
footer #block-mainnavigation .wrap-title .plus:before {
    content: "";
    position: absolute;
    border-radius: 2px;
    background: #33B29F;
}

footer #block-mainnavigation .wrap-title .plus:after {
    top: 50%;
    right: 0;
    left: 0;
    height: 2px;
    transform: translateY(-50%);
}

footer #block-mainnavigation .wrap-title .plus:before {
    top: 0;
    bottom: 0;
    left: 50%;
    width: 2px;
    transition: all 300ms ease-in-out;
    transform: translateX(-50%);
}

footer #block-mainnavigation ul.menu {
    height: 0;
    margin: 0 0 0 30px;
    overflow: hidden;
    transition-property: height,visibility;
    transition-duration: .35s;
}

footer #block-mainnavigation ul.menu li a {
    text-decoration: none;
    color: #fff;
}

footer #block-mainnavigation ul.menu li.menu-item--active-trail a {
    color: #33B29F;
}

footer #block-mainnavigation.open .wrap-title .plus:before {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

footer #block-mainnavigation.open ul.menu {
    height: inherit;
    margin: 10px 0 20px 30px;
}

footer #block-reseaux {
    padding: 10px 0;
}

footer #block-reseaux .facebook,
footer #block-reseaux .linkedin,
footer #block-reseaux .fb,
footer #block-reseaux .lk,
footer #block-reseaux .insta {
    display: inline-block;
    position: relative;
    width: 40px;
    height: 40px;
    margin-right: 2px;
    vertical-align: top;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
}

footer #block-reseaux .facebook a,
footer #block-reseaux .linkedin a,
footer #block-reseaux .fb a,
footer #block-reseaux .lk a,
footer #block-reseaux .insta a {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-indent: -5000px;
}

footer #block-reseaux .facebook {
    background: url("../images/reseaux/fb.png");
    transition: all 300ms ease-in-out;
}

footer #block-reseaux .linkedin {
    background: url("../images/reseaux/lk.png");
    transition: all 300ms ease-in-out;
}

footer #block-reseaux .insta {
    background: url("../images/reseaux/insta.png");
    transition: all 300ms ease-in-out;
}

@media (min-width:1200px) {
    footer #block-reseaux .facebook:hover {
        background: url("../images/reseaux/fb-border.png");
    }

    footer #block-reseaux .linkedin:hover {
        background: url("../images/reseaux/lk-border.png");
    }

    footer #block-reseaux .insta:hover {
        background: url("../images/reseaux/insta-border.png");
    }
}

footer #block-reseaux h2,
footer #block-reseaux .field--name-body {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}

footer #block-reseaux .icones .facebook,
footer #block-reseaux .icones .linkedin,
footer #block-reseaux .icones .insta {
    width: 30px;
    height: 30px;
}

@media (min-width:1200px) {
    footer .region-footer {
        width: 90%;
        height: 200px;
        margin-right: auto;
        margin-left: auto;
        max-width: 1100px;
    }

    footer .region-footer h2 {
        margin: 0;
    }

    footer .region-footer #block-logowhite {
        position: absolute;
        top: 0;
        left: 0;
        width: 300px;
    }

    footer .region-footer #block-logowhite .field--name-body {
        float: left;
    }

    footer .region-footer #block-reseaux {
        position: absolute;
        top: 60px;
        left: 0;
    }

    footer .region-footer #block-mainnavigation {
        position: absolute;
        top: 0;
        right: 230px;
        margin: 0;
        padding: 0;
        border: none;
    }

    footer .region-footer #block-mainnavigation .plus {
        display: none;
    }

    footer .region-footer #block-mainnavigation .wrap-title {
        margin: 0;
    }

    footer .region-footer #block-mainnavigation ul.menu {
        height: inherit !important;
        margin: 0.7rem 0 0;
    }

    footer .region-footer #block-mainnavigation ul.menu li {
        padding: 0 0 0.2em;
    }

    footer .region-footer #block-mainnavigation ul.menu li a {
        transition: all 300ms ease-in-out;
    }

    footer .region-footer #block-mainnavigation ul.menu li a:hover {
        color: #33B29F;
    }

    footer .region-footer #block-siegesocial {
        position: absolute;
        left: 400px;
        width: 206px;
    }

    footer .region-footer #block-siegesocial div {
        margin-left: 0;
    }

    footer .region-footer #block-qualiopi {
        position: absolute;
        top: 0;
        right: 0;
    }

    footer .region-footer #block-qualiopi .label-qualio {
        display: block;
    }

    footer .region-footer #block-qualiopi img {
        float: left;
        margin: 15px 0 0;
        max-width: inherit;
    }
}

.bottom {
    padding: 10px 0 50px;
    font-size: 12px;
    color: #afafaf;
    background: #1D2341;
}

.bottom a {
    text-decoration: none;
    color: #afafaf;
}

.bottom .block {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    max-width: 1100px;
    text-align: center;
}

.bottom .block#block-bottom ul {
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

.bottom .block#block-bottom ul li {
    display: inline-block;
    position: relative;
    padding: 0 20px 0 0;
    vertical-align: top;
}

.bottom .block#block-bottom ul li:after {
    content: "";
    z-index: 1;
    position: absolute;
    top: 0;
    top: 6px;
    right: 7px;
    bottom: 0;
    width: 1px;
    height: 10px;
    color: #fff;
    background: #fff;
}

.bottom .block#block-bottom ul li:last-child:after {
    display: none;
}

@media (min-width:1200px) {
    .bottom .inside-bottom {
        width: 90%;
        margin-right: auto;
        margin-left: auto;
        max-width: 1100px;
    }

    .bottom .inside-bottom .block {
        display: block;
        width: fit-content;
        max-width: inherit;
    }

    .bottom .inside-bottom .block a {
        transition: all 300ms ease-in-out;
    }

    .bottom .inside-bottom .block a:hover {
        color: #fff;
    }

    .bottom .inside-bottom .block br {
        display: none;
    }

    .bottom .inside-bottom .block#block-bottom ul {
        max-width: 100%;
    }

    .bottom .inside-bottom .block#block-bottom ul li,
    .bottom .inside-bottom .block#block-bottom ul li:nth-child(odd) {
        width: inherit !important;
        margin: 0 !important;
        text-align: left !important;
    }
}

#sliding-popup {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    font-size: 12px;
    color: #fff;
    background: #1e1632;
}

#sliding-popup a {
    color: #fff;
}

#sliding-popup .popup-content {
    position: relative;
}

#sliding-popup .popup-content #popup-buttons {
    float: inherit;
    position: relative;
    top: auto;
    right: inherit;
    max-width: 100%;
    text-align: center;
    transition: auto;
}

#sliding-popup .popup-content #popup-buttons input,
#sliding-popup .popup-content #popup-buttons button,
#sliding-popup .popup-content #popup-buttons a {
    padding: 14px 17px;
    border: 1px solid;
    border-color: #33B29F;
    border-radius: 30px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    background: #33B29F;
}

@media (min-width:1200px) {
    #sliding-popup .popup-content #popup-buttons input,
    #sliding-popup .popup-content #popup-buttons button,
    #sliding-popup .popup-content #popup-buttons a {
        transition: all 300ms ease-in-out;
    }

    #sliding-popup .popup-content #popup-buttons input:hover,
    #sliding-popup .popup-content #popup-buttons button:hover,
    #sliding-popup .popup-content #popup-buttons a:hover {
        color: #33B29F;
        background: transparent;
    }
}

#sliding-popup .popup-content #popup-buttons button {
    margin-bottom: 10px;
    margin-left: 5px;
    padding: 6px 10px;
    border-radius: 17px;
    font-size: 11px;
    letter-spacing: 0;
}

#sliding-popup .popup-content .eu-cookie-compliance-message {
    float: inherit;
    width: 100%;
    margin: auto;
    padding-bottom: 0;
    max-width: inherit;
    text-align: center;
}

@media (min-width:1200px) {
    #sliding-popup {
        left: auto;
        width: 350px;
        height: fit-content;
    }

    #sliding-popup .popup-content {
        display: block;
        width: 85%;
        margin-right: auto;
        margin-left: auto;
        padding: 20px 0;
        max-width: 700px;
    }
}

.messages--status {
    position: absolute;
    top: 60px;
    left: 110px;
    border: 1px solid;
    color: #fff;
    background-color: #5c6c7bb0;
    box-shadow: none;
}

.backtotop {
    z-index: 10;
    position: fixed;
    right: 50px;
    bottom: 50px;
    width: 60px;
    height: 60px;
    border: 2px solid;
    border-color: #33B29F;
    border-radius: 100px;
    background: #33B29F;
    transition: all 300ms ease-in-out;
}

.backtotop .arrow {
  position: absolute;
  color: inherit;
  opacity: 1;
  left: 19px;
  top: 25px;
  width: 1.2rem;
  height: 1.2rem;
  cursor: pointer;
  border-style: solid;
  border-color: #fff;
  border-width: .1rem .1rem 0 0;
  text-indent: -5000px;
  -webkit-appearance: inherit;
  transform: rotate(-45deg);
  transition: all 300ms ease-in-out;
}

@media (min-width:1200px) {
    .backtotop:hover {
        background: transparent;
    }

    .backtotop:hover .arrow {
        border-color: #33B29F;
    }
}