:root {
    --app-top:0}

html {
    font-family: Orkney,Arial,Helvetica,sans-serif;
    font-size: 10px;
    font-weight: 400;
    line-height: 1;
    -webkit-text-size-adjust: 100%;
    background: #fff;
    color: #000
}

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

.uk-link,a {
    color: #000;
    text-decoration: none;
    cursor: pointer
}

.uk-link-toggle:focus .uk-link,.uk-link-toggle:hover .uk-link,.uk-link:hover,a:hover {
    color: #000;
    text-decoration: none
}

@media(min-width: 1200px) {
    .maps-agence-cadre-g {
        box-sizing:content-box !important;
        max-width: 1284px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        display: block !important;
        position: relative !important
    }
}




audio,canvas,iframe,img,svg,video {
    vertical-align: middle
}

@supports(display: block) {
    svg {
        max-width:100%;
        height: auto;
        box-sizing: border-box
    }
}

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

img:not([src]) {
    visibility: hidden
}


address,dl,fieldset,figure,ol,p,pre,ul {
    margin: 0
}

*+address,*+dl,*+fieldset,*+figure,*+ol,*+p,*+pre,*+ul {
    margin-top: 0
}

.uk-h1,.uk-h2,.uk-h3,.uk-h4,.uk-h5,.uk-h6,.uk-heading-2xlarge,.uk-heading-large,.uk-heading-medium,.uk-heading-small,.uk-heading-xlarge,h1,h2,h3,h4,h5,h6 {
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-weight: 400;
    color: #333;
    text-transform: none
}

*+.uk-h1,*+.uk-h2,*+.uk-h3,*+.uk-h4,*+.uk-h5,*+.uk-h6,*+.uk-heading-2xlarge,*+.uk-heading-large,*+.uk-heading-medium,*+.uk-heading-small,*+.uk-heading-xlarge,*+h1,*+h2,*+h3,*+h4,*+h5,*+h6 {
    margin-top: 40px
}

.uk-h1,h1 {
    font-size: 2.23125rem;
    line-height: 1
}

.uk-h2,h2 {
    font-size: 1.7rem;
    line-height: 1
}

.uk-h3,h3 {
    font-size: 1.5rem;
    line-height: 1
}

.uk-h4,h4 {
    font-size: 1.25rem;
    line-height: 1
}

.uk-h5,h5 {
    font-size: 16px;
    line-height: 1
}

.uk-h6,h6 {
    font-size: .875rem;
    line-height: 1
}

@media(min-width: 960px) {
    .uk-h1,h1 {
        font-size:2.625rem
    }

    .uk-h2,h2 {
        font-size: 2rem
    }
}

ol,ul {
    padding-left: 0
}

ol>li>ol,ol>li>ul,ul>li>ol,ul>li>ul {
    margin: 0
}

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

.uk-hr,hr {
    overflow: visible;
    text-align: inherit;
    margin: 0 0 20px;
    border: 0;
    border-top: 1px solid #e5e5e5
}

*+.uk-hr,*+hr {
    margin-top: 20px
}


::selection {
    background: #f60;
    color: #16191a;
    text-shadow: none
}

details,main {
    display: block;
    margin-bottom: -140px
}


:root {
    --uk-breakpoint-s:640px;--uk-breakpoint-m:960px;--uk-breakpoint-l:1200px;--uk-breakpoint-xl:1440px}

.uk-container {
    box-sizing: content-box;
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px
}

@media(min-width: 640px) {
    .uk-container {
        padding-left:30px;
        padding-right: 30px
    }
}

@media(min-width: 960px) {
    .uk-container {
        padding-left:50px;
        padding-right: 50px
    }
}

.uk-container:after,.uk-container:before {
    content: "";
    display: table
}

.uk-container:after {
    clear: both
}

.uk-container>:last-child {
    margin-bottom: 0
}


[class*=uk-animation-] {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.uk-animation-fade {
    -webkit-animation-name: uk-fade;
    animation-name: uk-fade;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}


.uk-animation-stroke {
    -webkit-animation-name: uk-stroke;
    animation-name: uk-stroke;
    stroke-dasharray: var(--uk-animation-stroke);
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.uk-animation-reverse {
    animation-direction: reverse;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

.uk-animation-fast {
    -webkit-animation-duration: .1s;
    animation-duration: .1s
}

.uk-animation-toggle:not(:hover):not(:focus) [class*=uk-animation-] {
    -webkit-animation-name: none;
    animation-name: none
}

.uk-animation-toggle {
    -webkit-tap-highlight-color: transparent
}

.uk-animation-toggle:focus {
    outline: 0
}

@-webkit-keyframes uk-fade {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes uk-fade {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

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

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes uk-fade-top {
    0% {
        opacity: 0;
        transform: translateY(-100%)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

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

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes uk-fade-bottom {
    0% {
        opacity: 0;
        transform: translateY(100%)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes uk-fade-left {
    0% {
        opacity: 0;
        transform: translateX(-100%)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes uk-fade-left {
    0% {
        opacity: 0;
        transform: translateX(-100%)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@-webkit-keyframes uk-fade-right {
    0% {
        opacity: 0;
        transform: translateX(100%)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes uk-fade-right {
    0% {
        opacity: 0;
        transform: translateX(100%)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@-webkit-keyframes uk-fade-top-small {
    0% {
        opacity: 0;
        transform: translateY(-10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes uk-fade-top-small {
    0% {
        opacity: 0;
        transform: translateY(-10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes uk-fade-bottom-small {
    0% {
        opacity: 0;
        transform: translateY(10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes uk-fade-bottom-small {
    0% {
        opacity: 0;
        transform: translateY(10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes uk-fade-left-small {
    0% {
        opacity: 0;
        transform: translateX(-10px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes uk-fade-left-small {
    0% {
        opacity: 0;
        transform: translateX(-10px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@-webkit-keyframes uk-fade-right-small {
    0% {
        opacity: 0;
        transform: translateX(10px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes uk-fade-right-small {
    0% {
        opacity: 0;
        transform: translateX(10px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@-webkit-keyframes uk-fade-top-medium {
    0% {
        opacity: 0;
        transform: translateY(-50px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes uk-fade-top-medium {
    0% {
        opacity: 0;
        transform: translateY(-50px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes uk-fade-bottom-medium {
    0% {
        opacity: 0;
        transform: translateY(50px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes uk-fade-bottom-medium {
    0% {
        opacity: 0;
        transform: translateY(50px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes uk-fade-left-medium {
    0% {
        opacity: 0;
        transform: translateX(-50px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes uk-fade-left-medium {
    0% {
        opacity: 0;
        transform: translateX(-50px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@-webkit-keyframes uk-fade-right-medium {
    0% {
        opacity: 0;
        transform: translateX(50px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes uk-fade-right-medium {
    0% {
        opacity: 0;
        transform: translateX(50px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@-webkit-keyframes uk-fade-scale-02 {
    0% {
        opacity: 0;
        transform: scale(.2)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes uk-fade-scale-02 {
    0% {
        opacity: 0;
        transform: scale(.2)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@-webkit-keyframes uk-fade-scale-18 {
    0% {
        opacity: 0;
        transform: scale(1.8)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes uk-fade-scale-18 {
    0% {
        opacity: 0;
        transform: scale(1.8)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@-webkit-keyframes uk-scale-kenburns {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(1.2)
    }
}

@keyframes uk-scale-kenburns {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(1.2)
    }
}

@-webkit-keyframes uk-shake {
    0%,to {
        transform: translateX(0)
    }

    10% {
        transform: translateX(-9px)
    }

    20% {
        transform: translateX(8px)
    }

    30% {
        transform: translateX(-7px)
    }

    40% {
        transform: translateX(6px)
    }

    50% {
        transform: translateX(-5px)
    }

    60% {
        transform: translateX(4px)
    }

    70% {
        transform: translateX(-3px)
    }

    80% {
        transform: translateX(2px)
    }

    90% {
        transform: translateX(-1px)
    }
}

@keyframes uk-shake {
    0%,to {
        transform: translateX(0)
    }

    10% {
        transform: translateX(-9px)
    }

    20% {
        transform: translateX(8px)
    }

    30% {
        transform: translateX(-7px)
    }

    40% {
        transform: translateX(6px)
    }

    50% {
        transform: translateX(-5px)
    }

    60% {
        transform: translateX(4px)
    }

    70% {
        transform: translateX(-3px)
    }

    80% {
        transform: translateX(2px)
    }

    90% {
        transform: translateX(-1px)
    }
}

@-webkit-keyframes uk-stroke {
    0% {
        stroke-dashoffset: var(--uk-animation-stroke)
    }

    to {
        stroke-dashoffset: 0
    }
}

@keyframes uk-stroke {
    0% {
        stroke-dashoffset: var(--uk-animation-stroke)
    }

    to {
        stroke-dashoffset: 0
    }
}

.uk-accordion {
    padding: 0;
    list-style: none
}

.uk-accordion>:nth-child(n+2) {
    margin-top: 20px
}

.uk-accordion-title {
    display: block;
    font-size: 1.25rem;
    line-height: 1.4;
    color: #333
}

.uk-accordion-title:focus,.uk-accordion-title:hover {
    color: #000;
    text-decoration: none;
    outline: 0
}

.uk-accordion-content {
    margin-top: 20px
}

.uk-accordion-content:after,.uk-accordion-content:before {
    content: "";
    display: table
}

.uk-accordion-content:after {
    clear: both
}

.uk-accordion-content>:last-child {
    margin-bottom: 0
}

.uk-slider {
    -webkit-tap-highlight-color: transparent
}

.uk-slider-container {
    overflow: hidden
}

.uk-slider-items {
    will-change: transform;
    position: relative
}

.uk-slider-items-act {
    will-change: transform;
    position: relative
}

.uk-slider-items:not(.uk-grid) {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: -73px;
    -webkit-touch-callout: none
}

.uk-slider-items-act:not(.uk-grid) {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    -webkit-touch-callout: none
}

.uk-slider-items.uk-grid {
    flex-wrap: nowrap
}

.uk-slider-items-act.uk-grid {
    flex-wrap: nowrap
}

.uk-slider-items>* {
    flex: none;
    position: relative;
    touch-action: pan-y
}

.uk-slider-items-act>* {
    flex: none;
    position: relative;
    touch-action: pan-y
}

.uk-slider-items>:focus {
    outline: 0
}

.uk-slider-items-act>:focus {
    outline: 0
}

.uk-dotnav {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    list-style: none;
    margin: 0 0 0 -12px
}

.uk-dotnav>* {
    flex: none;
    padding-left: 12px
}

.uk-dotnav>*>* {
    display: block;
    box-sizing: border-box;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(0,0,0,.2);
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap
}

.uk-dotnav>*>:focus,.uk-dotnav>*>:hover {
    background-color: rgba(0,0,0,.6);
    outline: 0
}

.uk-dotnav>*>:active {
    background-color: rgba(0,0,0,.2)
}

.uk-dotnav>.uk-active>* {
    background-color: rgba(0,0,0,.6)
}

.uk-dotnav-vertical {
    flex-direction: column;
    margin-left: 0;
    margin-top: -12px
}

.uk-dotnav-vertical>* {
    padding-left: 0;
    padding-top: 12px
}

[class*=uk-child-width]>* {
    box-sizing: border-box;
    width: 100%
}

.uk-child-width-1-2>* {
    width: 50%
}

.uk-child-width-1-3>* {
    width: 33.32%
}

.uk-child-width-1-4>* {
    width: 25%
}

.uk-child-width-1-5>* {
    width: 20%
}

.uk-child-width-1-6>* {
    width: 16.66%
}

.uk-child-width-auto>* {
    width: auto
}

.uk-child-width-expand>:not([class*=uk-width]) {
    flex: 1;
    min-width: 1px
}

@media(min-width: 640px) {
    .uk-child-width-1-1\@s>* {
        width:100%
    }

    .uk-child-width-1-2\@s>* {
        width: 50%
    }

    .uk-child-width-1-3\@s>* {
        width: 33.32%
    }

    .uk-child-width-1-4\@s>* {
        width: 25%
    }

    .uk-child-width-1-5\@s>* {
        width: 20%
    }

    .uk-child-width-1-6\@s>* {
        width: 16.66%
    }

    .uk-child-width-auto\@s>* {
        width: auto
    }

    .uk-child-width-expand\@s>:not([class*=uk-width]) {
        flex: 1;
        min-width: 1px
    }
}

@media(min-width: 960px) {
    .uk-child-width-1-1\@m>* {
        width:100%
    }

    .uk-child-width-1-2\@m>* {
        width: 50%
    }

    .uk-child-width-1-3\@m>* {
        width: 33.32%
    }

    .uk-child-width-1-4\@m>* {
        width: 25%
    }

    .uk-child-width-1-5\@m>* {
        width: 20%
    }

    .uk-child-width-1-6\@m>* {
        width: 16.66%
    }

    .uk-child-width-auto\@m>* {
        width: auto
    }

    .uk-child-width-expand\@m>:not([class*=uk-width]) {
        flex: 1;
        min-width: 1px
    }
}

@media(min-width: 1200px) {
    .uk-child-width-1-1\@l>* {
        width:100%
    }

    .uk-child-width-1-2\@l>* {
        width: 50%
    }

    .uk-child-width-1-3\@l>* {
        width: 33.32%
    }

    .uk-child-width-1-4\@l>* {
        width: 25%
    }

    .uk-child-width-1-5\@l>* {
        width: 20%
    }

    .uk-child-width-1-6\@l>* {
        width: 16.66%
    }

    .uk-child-width-auto\@l>* {
        width: auto
    }

    .uk-child-width-expand\@l>:not([class*=uk-width]) {
        flex: 1;
        min-width: 1px
    }
}

@media(min-width: 1440px) {
    .uk-child-width-1-1\@xl>* {
        width:100%
    }

    .uk-child-width-1-2\@xl>* {
        width: 50%
    }

    .uk-child-width-1-3\@xl>* {
        width: 33.32%
    }

    .uk-child-width-1-4\@xl>* {
        width: 25%
    }

    .uk-child-width-1-5\@xl>* {
        width: 20%
    }

    .uk-child-width-1-6\@xl>* {
        width: 16.66%
    }

    .uk-child-width-auto\@xl>* {
        width: auto
    }

    .uk-child-width-expand\@xl>:not([class*=uk-width]) {
        flex: 1;
        min-width: 1px
    }
}

[class*=uk-width] {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%
}

.uk-width-1-2 {
    width: 50%
}

.uk-width-1-3 {
    width: 33.32%
}

.uk-width-2-3 {
    width: 66.64%
}

.uk-width-1-4 {
    width: 25%
}

.uk-width-3-4 {
    width: 75%
}

.uk-width-1-5 {
    width: 20%
}

.uk-width-2-5 {
    width: 40%
}

.uk-width-3-5 {
    width: 60%
}

.uk-width-4-5 {
    width: 80%
}

.uk-width-1-6 {
    width: 16.66%
}

.uk-width-5-6 {
    width: 83.32%
}

.uk-width-small {
    width: 150px
}

.uk-width-medium {
    width: 300px
}

.uk-width-large {
    width: 450px
}

.uk-width-xlarge {
    width: 600px
}

.uk-width-xxlarge {
    width: 750px
}

.uk-width-auto {
    width: auto
}

.uk-width-expand {
    flex: 1;
    min-width: 1px
}

@media(min-width: 640px) {
    .uk-width-1-1\@s {
        width:100%
    }

    .uk-width-1-2\@s {
        width: 50%
    }

    .uk-width-1-3\@s {
        width: 33.32%
    }

    .uk-width-2-3\@s {
        width: 66.64%
    }

    .uk-width-1-4\@s {
        width: 25%
    }

    .uk-width-3-4\@s {
        width: 75%
    }

    .uk-width-1-5\@s {
        width: 20%
    }

    .uk-width-2-5\@s {
        width: 40%
    }

    .uk-width-3-5\@s {
        width: 60%
    }

    .uk-width-4-5\@s {
        width: 80%
    }

    .uk-width-1-6\@s {
        width: 16.66%
    }

    .uk-width-5-6\@s {
        width: 83.32%
    }

    .uk-width-small\@s {
        width: 150px
    }

    .uk-width-medium\@s {
        width: 300px
    }

    .uk-width-large\@s {
        width: 450px
    }

    .uk-width-xlarge\@s {
        width: 600px
    }

    .uk-width-xxlarge\@s {
        width: 750px
    }

    .uk-width-auto\@s {
        width: auto
    }

    .uk-width-expand\@s {
        flex: 1;
        min-width: 1px
    }
}

@media(min-width: 960px) {
    .uk-width-1-1\@m {
        width:100%
    }

    .uk-width-1-2\@m {
        width: 50%
    }

    .uk-width-1-3\@m {
        width: 33.32%
    }

    .uk-width-2-3\@m {
        width: 66.64%
    }

    .uk-width-1-4\@m {
        width: 25%
    }

    .uk-width-3-4\@m {
        width: 75%
    }

    .uk-width-1-5\@m {
        width: 20%
    }

    .uk-width-2-5\@m {
        width: 40%
    }

    .uk-width-3-5\@m {
        width: 60%
    }

    .uk-width-4-5\@m {
        width: 80%
    }

    .uk-width-1-6\@m {
        width: 16.66%
    }

    .uk-width-5-6\@m {
        width: 83.32%
    }

    .uk-width-small\@m {
        width: 150px
    }

    .uk-width-medium\@m {
        width: 300px
    }

    .uk-width-large\@m {
        width: 450px
    }

    .uk-width-xlarge\@m {
        width: 600px
    }

    .uk-width-xxlarge\@m {
        width: 750px
    }

    .uk-width-auto\@m {
        width: auto
    }

    .uk-width-expand\@m {
        flex: 1;
        min-width: 1px
    }
}

@media(min-width: 1200px) {
    .uk-width-1-1\@l {
        width:100%
    }

    .uk-width-1-2\@l {
        width: 50%
    }

    .uk-width-1-3\@l {
        width: 33.32%
    }

    .uk-width-2-3\@l {
        width: 66.64%
    }

    .uk-width-1-4\@l {
        width: 25%
    }

    .uk-width-3-4\@l {
        width: 75%
    }

    .uk-width-1-5\@l {
        width: 20%
    }

    .uk-width-2-5\@l {
        width: 40%
    }

    .uk-width-3-5\@l {
        width: 60%
    }

    .uk-width-4-5\@l {
        width: 80%
    }

    .uk-width-1-6\@l {
        width: 16.66%
    }

    .uk-width-5-6\@l {
        width: 83.32%
    }

    .uk-width-small\@l {
        width: 150px
    }

    .uk-width-medium\@l {
        width: 300px
    }

    .uk-width-large\@l {
        width: 450px
    }

    .uk-width-xlarge\@l {
        width: 600px
    }

    .uk-width-xxlarge\@l {
        width: 750px
    }

    .uk-width-auto\@l {
        width: auto
    }

    .uk-width-expand\@l {
        flex: 1;
        min-width: 1px
    }
}

@media(min-width: 1440px) {
    .uk-width-1-1\@xl {
        width:100%
    }

    .uk-width-1-2\@xl {
        width: 50%
    }

    .uk-width-1-3\@xl {
        width: 33.32%
    }

    .uk-width-2-3\@xl {
        width: 66.64%
    }

    .uk-width-1-4\@xl {
        width: 25%
    }

    .uk-width-3-4\@xl {
        width: 75%
    }

    .uk-width-1-5\@xl {
        width: 20%
    }

    .uk-width-2-5\@xl {
        width: 40%
    }

    .uk-width-3-5\@xl {
        width: 60%
    }

    .uk-width-4-5\@xl {
        width: 80%
    }

    .uk-width-1-6\@xl {
        width: 16.66%
    }

    .uk-width-5-6\@xl {
        width: 83.32%
    }

    .uk-width-small\@xl {
        width: 150px
    }

    .uk-width-medium\@xl {
        width: 300px
    }

    .uk-width-large\@xl {
        width: 450px
    }

    .uk-width-xlarge\@xl {
        width: 600px
    }

    .uk-width-xxlarge\@xl {
        width: 750px
    }

    .uk-width-auto\@xl {
        width: auto
    }

    .uk-width-expand\@xl {
        flex: 1;
        min-width: 1px
    }
}

.uk-switcher {
    margin: 0;
    padding: 0;
    list-style: none
}

.uk-switcher>:not(.uk-active) {
    display: none
}

.uk-switcher>*>:last-child {
    margin-bottom: 0
}

.uk-spinner>* {
    -webkit-animation: uk-spinner-rotate 1.4s linear infinite;
    animation: uk-spinner-rotate 1.4s linear infinite
}

@-webkit-keyframes uk-spinner-rotate {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(270deg)
    }
}

@keyframes uk-spinner-rotate {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(270deg)
    }
}

.uk-spinner>*>* {
    stroke-dasharray: 88px;
    stroke-dashoffset: 0;
    transform-origin: center;
    -webkit-animation: uk-spinner-dash 1.4s ease-in-out infinite;
    animation: uk-spinner-dash 1.4s ease-in-out infinite;
    stroke-width: 1;
    stroke-linecap: round
}

@-webkit-keyframes uk-spinner-dash {
    0% {
        stroke-dashoffset: 88px
    }

    50% {
        stroke-dashoffset: 22px;
        transform: rotate(135deg)
    }

    to {
        stroke-dashoffset: 88px;
        transform: rotate(450deg)
    }
}

@keyframes uk-spinner-dash {
    0% {
        stroke-dashoffset: 88px
    }

    50% {
        stroke-dashoffset: 22px;
        transform: rotate(135deg)
    }

    to {
        stroke-dashoffset: 88px;
        transform: rotate(450deg)
    }
}

.uk-text-lead {
    font-size: 1.5rem;
    line-height: 1.5;
    color: #333
}

.uk-text-meta {
    font-size: .875rem;
    line-height: 1.4;
    color: #999
}

.uk-text-small {
    font-size: .875rem;
    line-height: 1.5
}

.uk-text-large {
    font-size: 1.5rem;
    line-height: 1.5
}

.uk-text-bold {
    font-weight: bolder
}

.uk-text-uppercase {
    text-transform: uppercase!important
}

.uk-text-capitalize {
    text-transform: capitalize!important
}

.uk-text-lowercase {
    text-transform: lowercase!important
}

.uk-text-muted {
    color: #999!important
}

.uk-text-emphasis {
    color: #333!important
}

.uk-text-primary {
    color: #1e87f0!important
}

.uk-text-secondary {
    color: #222!important
}

.uk-text-success {
    color: #32d296!important
}

.uk-text-warning {
    color: #faa05a!important
}

.uk-text-danger {
    color: #f0506e!important
}

.uk-text-background {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    color: #1e87f0!important
}

@supports(-webkit-background-clip: text) {
    .uk-text-background {
        background-color:#1e87f0
    }
}

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

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

.uk-text-center {
    text-align: center!important
}

.uk-text-justify {
    text-align: justify!important
}

@media(min-width: 640px) {
    .uk-text-left\@s {
        text-align:left!important
    }

    .uk-text-right\@s {
        text-align: right!important
    }

    .uk-text-center\@s {
        text-align: center!important
    }
}

@media(min-width: 960px) {
    .uk-text-left\@m {
        text-align:left!important
    }

    .uk-text-right\@m {
        text-align: right!important
    }

    .uk-text-center\@m {
        text-align: center!important
    }
}

@media(min-width: 1200px) {
    .uk-text-left\@l {
        text-align:left!important
    }

    .uk-text-right\@l {
        text-align: right!important
    }

    .uk-text-center\@l {
        text-align: center!important
    }
}

@media(min-width: 1440px) {
    .uk-text-left\@xl {
        text-align:left!important
    }

    .uk-text-right\@xl {
        text-align: right!important
    }

    .uk-text-center\@xl {
        text-align: center!important
    }
}

.uk-text-top {
    vertical-align: top!important
}

.uk-text-middle {
    vertical-align: middle!important
}

.uk-text-bottom {
    vertical-align: bottom!important
}

.uk-text-baseline {
    vertical-align: baseline!important
}

.uk-text-nowrap,.uk-text-truncate {
    white-space: nowrap
}

.uk-text-truncate {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

td.uk-text-truncate,th.uk-text-truncate {
    max-width: 0
}

.uk-text-break {
    overflow-wrap: break-word;
    word-wrap: break-word
}

td.uk-text-break,th.uk-text-break {
    word-break: break-all
}

[class*=uk-position-bottom],[class*=uk-position-center],[class*=uk-position-left],[class*=uk-position-right],[class*=uk-position-top] {
    position: absolute!important
}

.uk-position-top {
    top: 0;
    left: 0;
    right: 0
}

.uk-position-bottom {
    bottom: 0;
    left: 0;
    right: 0
}

.uk-position-left {
    top: 0;
    bottom: 0;
    left: 0
}

.uk-position-right {
    top: 0;
    bottom: 0;
    right: 0
}

.uk-position-top-left {
    top: 0;
    left: 0
}

.uk-position-top-right {
    top: 0;
    right: 0
}

.uk-position-bottom-left {
    bottom: 0;
    left: 0
}

.uk-position-bottom-right {
    bottom: 0;
    right: 0
}

.uk-position-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    box-sizing: border-box
}

[class*=uk-position-center-left],[class*=uk-position-center-right] {
    top: 50%;
    transform: translateY(-50%)
}

.uk-position-center-left {
    left: 0
}

.uk-position-center-right {
    right: 0
}

.uk-position-center-left-out {
    right: 100%
}

.uk-position-center-left-out,.uk-position-center-right-out {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.uk-position-center-right-out {
    left: 100%
}

.uk-position-bottom-center,.uk-position-top-center {
    left: 50%;
    transform: translateX(-50%);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    box-sizing: border-box
}

.uk-position-top-center {
    top: 0
}

.uk-position-bottom-center {
    bottom: 0
}

.uk-position-cover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.uk-position-relative {
    margin-bottom: 89px;
    position: relative!important
}

.uk-position-absolute {
    position: absolute!important
}

.uk-position-fixed {
    position: fixed!important
}

.uk-position-z-index {
    z-index: 1
}

.uk-position-small {
    max-width: calc(100% - 30px);
    margin: 15px
}

.uk-position-small.uk-position-center {
    transform: translate(-50%,-50%) translate(-15px,-15px)
}

.uk-position-small[class*=uk-position-center-left],.uk-position-small[class*=uk-position-center-right] {
    transform: translateY(-50%) translateY(-15px)
}

.uk-position-small.uk-position-bottom-center,.uk-position-small.uk-position-top-center {
    transform: translateX(-50%) translateX(-15px)
}

.uk-position-medium {
    max-width: calc(100% - 60px);
    margin: 30px
}

.uk-position-medium.uk-position-center {
    transform: translate(-50%,-50%) translate(-30px,-30px)
}

.uk-position-medium[class*=uk-position-center-left],.uk-position-medium[class*=uk-position-center-right] {
    transform: translateY(-50%) translateY(-30px)
}

.uk-position-medium.uk-position-bottom-center,.uk-position-medium.uk-position-top-center {
    transform: translateX(-50%) translateX(-30px)
}

.uk-position-large {
    max-width: calc(100% - 60px);
    margin: 30px
}

.uk-position-large.uk-position-center {
    transform: translate(-50%,-50%) translate(-30px,-30px)
}

.uk-position-large[class*=uk-position-center-left],.uk-position-large[class*=uk-position-center-right] {
    transform: translateY(-50%) translateY(-30px)
}

.uk-position-large.uk-position-bottom-center,.uk-position-large.uk-position-top-center {
    transform: translateX(-50%) translateX(-30px)
}

@media(min-width: 1200px) {
    .uk-position-large {
        max-width:calc(100% - 100px);
        margin: 50px
    }

    .uk-position-large.uk-position-center {
        transform: translate(-50%,-50%) translate(-50px,-50px)
    }

    .uk-position-large[class*=uk-position-center-left],.uk-position-large[class*=uk-position-center-right] {
        transform: translateY(-50%) translateY(-50px)
    }

    .uk-position-large.uk-position-bottom-center,.uk-position-large.uk-position-top-center {
        transform: translateX(-50%) translateX(-50px)
    }
}

.uk-transition-toggle {
    -webkit-tap-highlight-color: transparent
}

.uk-transition-toggle:focus {
    outline: 0
}

.uk-transition-fade,[class*=uk-transition-scale],[class*=uk-transition-slide] {
    transition: .3s ease-out;
    transition-property: opacity,transform,-webkit-filter;
    transition-property: opacity,transform,filter;
    transition-property: opacity,transform,filter,-webkit-filter;
    opacity: 0
}

.uk-transition-active.uk-active .uk-transition-fade,.uk-transition-toggle:focus .uk-transition-fade,.uk-transition-toggle:hover .uk-transition-fade {
    opacity: 1
}

.uk-transition-scale-up {
    transform: scale(1)
}

.uk-transition-scale-down {
    transform: scale(1.1)
}

.uk-transition-active.uk-active .uk-transition-scale-up,.uk-transition-toggle:focus .uk-transition-scale-up,.uk-transition-toggle:hover .uk-transition-scale-up {
    opacity: 1;
    transform: scale(1.1)
}

.uk-transition-active.uk-active .uk-transition-scale-down,.uk-transition-toggle:focus .uk-transition-scale-down,.uk-transition-toggle:hover .uk-transition-scale-down {
    opacity: 1;
    transform: scale(1)
}

.uk-transition-slide-top {
    transform: translateY(-100%)
}

.uk-transition-slide-bottom {
    transform: translateY(100%)
}

.uk-transition-slide-left {
    transform: translateX(-100%)
}

.uk-transition-slide-right {
    transform: translateX(100%)
}

.uk-transition-slide-top-small {
    transform: translateY(-10px)
}

.uk-transition-slide-bottom-small {
    transform: translateY(10px)
}

.uk-transition-slide-left-small {
    transform: translateX(-10px)
}

.uk-transition-slide-right-small {
    transform: translateX(10px)
}

.uk-transition-slide-top-medium {
    transform: translateY(-50px)
}

.uk-transition-slide-bottom-medium {
    transform: translateY(50px)
}

.uk-transition-slide-left-medium {
    transform: translateX(-50px)
}

.uk-transition-slide-right-medium {
    transform: translateX(50px)
}

.uk-transition-active.uk-active [class*=uk-transition-slide],.uk-transition-toggle:focus [class*=uk-transition-slide],.uk-transition-toggle:hover [class*=uk-transition-slide] {
    opacity: 1;
    transform: translate(0)
}

.uk-transition-opaque {
    opacity: 1
}

.uk-transition-slow {
    transition-duration: .7s
}

.uk-close {
    color: #999
}

.uk-close:focus,.uk-close:hover {
    color: #000;
    outline: 0
}

.uk-icon {
    margin: 0;
    border: none;
    border-radius: 0;
    overflow: visible;
    font: inherit;
    color: inherit;
    text-transform: none;
    padding: 0;
    background-color: transparent;
    display: inline-block;
    fill: currentcolor;
    line-height: 0
}

button.uk-icon:not(:disabled) {
    cursor: pointer
}

.uk-icon::-moz-focus-inner {
    border: 0;
    padding: 0
}

.uk-icon:not(.uk-preserve) [fill*="#"]:not(.uk-preserve) {
    fill: currentcolor
}

.uk-icon:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve) {
    stroke: currentcolor
}

.uk-icon>* {
    transform: translate(0)
}

.uk-icon-image {
    width: 20px;
    height: 20px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle
}

.uk-icon-link {
    color: #999
}

.uk-icon-link:focus,.uk-icon-link:hover {
    color: #000;
    outline: 0
}

.uk-active>.uk-icon-link,.uk-icon-link:active {
    color: #000
}

.uk-icon-button {
    box-sizing: border-box;
    width: 36px;
    height: 36px;
    border-radius: 500px;
    background: #f8f8f8;
    color: #999;
    vertical-align: middle;
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.uk-icon-button:focus,.uk-icon-button:hover {
    background-color: #ebebeb;
    color: #000;
    outline: 0
}

.uk-active>.uk-icon-button,.uk-icon-button:active {
    background-color: #dfdfdf;
    color: #000
}

.uk-lightbox {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1100;
    background: #000;
    opacity: 0;
    transition: opacity .15s linear
}

.uk-lightbox.uk-open {
    display: block;
    opacity: 1
}

.uk-lightbox-page {
    overflow: hidden
}

.uk-lightbox-items>* {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    justify-content: center;
    align-items: center;
    color: hsla(0,0%,100%,.7);
    will-change: transform,opacity
}

.uk-lightbox-items>*>* {
    max-width: 70vw;
    max-height: 90vh
}

.uk-lightbox-items>:focus {
    outline: 0
}

.uk-lightbox-items>*>:not(iframe) {
    width: auto;
    height: auto
}

.uk-lightbox-items>.uk-active {
    display: flex
}

.uk-lightbox-toolbar {
    padding: 10px;
    background: 0 0
}

.uk-lightbox-toolbar,.uk-lightbox-toolbar>* {
    color: hsla(0,0%,100%,.7)
}

.uk-lightbox-toolbar-icon {
    padding: 5px;
    color: hsla(0,0%,100%,.7)
}

.uk-lightbox-toolbar-icon:hover {
    color: #fff
}

.uk-lightbox-button {
    box-sizing: border-box;
    width: 50px;
    height: 50px;
    background: 0 0;
    color: hsla(0,0%,100%,.7);
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.uk-lightbox-button:hover {
    color: #fff
}

.uk-lightbox-iframe {
    width: 80%;
    height: 80%
}

.uk-modal {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1010;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 15px;
    background: rgba(0,0,0,.6);
    opacity: 0;
    transition: opacity .15s linear
}

@media(min-width: 640px) {
    .uk-modal {
        padding:50px 30px
    }
}

@media(min-width: 960px) {
    .uk-modal {
        padding-left:50px;
        padding-right: 50px
    }
}

.uk-modal.uk-open {
    opacity: 1
}

.uk-modal-page {
    overflow: hidden
}

.uk-modal-dialog {
    position: relative;
    box-sizing: border-box;
    margin: 0 auto;
    width: 600px;
    max-width: calc(100% - .01px)!important;
    background: #fff;
    opacity: 0;
    transform: translateY(-100px);
    transition: .3s linear;
    transition-property: opacity,transform
}

.uk-open>.uk-modal-dialog {
    opacity: 1;
    transform: translateY(0)
}

.uk-modal-container .uk-modal-dialog {
    width: 1200px
}

.uk-modal-full {
    padding: 0;
    background: 0 0
}

.uk-modal-full .uk-modal-dialog {
    margin: 0;
    width: 100%;
    max-width: 100%;
    transform: translateY(0)
}

.uk-modal-body {
    padding: 30px
}

.uk-modal-footer,.uk-modal-header {
    padding: 15px 30px;
    background: #f8f8f8
}

.uk-modal-body:after,.uk-modal-body:before,.uk-modal-footer:after,.uk-modal-footer:before,.uk-modal-header:after,.uk-modal-header:before {
    content: "";
    display: table
}

.uk-modal-body:after,.uk-modal-footer:after,.uk-modal-header:after {
    clear: both
}

.uk-modal-body>:last-child,.uk-modal-footer>:last-child,.uk-modal-header>:last-child {
    margin-bottom: 0
}

.uk-modal-title {
    font-family: Arial Black;
    font-size: 15px;
    font-size: 2rem;
    line-height: 1.3
}

[class*=uk-modal-close-] {
    position: absolute;
    z-index: 1010;
    top: 10px;
    right: 10px;
    padding: 5px
}

[class*=uk-modal-close-]:first-child+* {
    margin-top: 0
}

.uk-modal-close-outside {
    top: 0;
    right: -5px;
    transform: translateY(-100%);
    color: #fff
}

.uk-modal-close-outside:hover {
    color: #fff
}

@media(min-width: 960px) {
    .uk-modal-close-outside {
        right:0;
        transform: translate(100%,-100%)
    }
}

.uk-tooltip {
    display: none;
    position: absolute;
    z-index: 1030;
    box-sizing: border-box;
    max-width: 200px;
    background: #666;
    border-radius: 2px;
    font-family: Orkney,Arial,Helvetica,sans-serif;
    font-weight: 400;
    font-size: 12px;
    background: #f60;
    color: #fff;
    padding: 5px 15px
}

.uk-tooltip.uk-active {
    display: block
}

[class*=uk-tooltip-top] {
    margin-top: -10px
}

[class*=uk-tooltip-bottom] {
    margin-top: 10px
}

[class*=uk-tooltip-left] {
    margin-left: -10px
}

[class*=uk-tooltip-right] {
    margin-left: 10px
}

.swiper-container,.swiper-slide,.swiper-wrapper {
    box-sizing: border-box
}

.object-fit .swiper-wrapper,.objectfit .swiper-wrapper {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-slide {
    flex-grow: 0;
    height: auto
}

/*! orejime v1.0.3 - BSD-3-Clause license, original work Copyright (c) 2018 DPKit, modified work Copyright (c) 2018 Empreinte Digitale, all rights reserved. */
[class^=orejime-] {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    vertical-align: baseline;
    cursor: default;
    float: none;
    width: auto;
    text-align: left;
    font-weight: 400
}

.orejime-Main,.orejime-Modal {
    font-size: 1em;
    line-height: 1.5
}

.orejime-Button {
    color: #fff;
    border-radius: 4px;
    padding: 6px 10px;
    margin-right: .5em;
    border: 1px solid transparent
}

.orejime-Button[disabled] {
    opacity: .75
}

.orejime-Button--accept,.orejime-Button--save {
    background: #008a28;
    color: #fff
}

.orejime-Button--decline {
    background: #666
}

.orejime-Button--info {
    background: #057eb6
}

.orejime-Notice {
    background: #333;
    position: fixed;
    z-index: 1000;
    width: 100%;
    bottom: 0;
    font-size: .8em
}

@media(min-width: 990px) {
    .orejime-Notice {
        box-shadow:0 4px 6px 0 rgba(0,0,0,.2),5px 5px 10px 0 rgba(0,0,0,.19);
        border-radius: 4px;
        bottom: 20px;
        right: 20px;
        max-width: 300px
    }
}

@media(max-width: 989px) {
    .orejime-Notice {
        border:none;
        border-radius: 0
    }
}

.orejime-Notice--hidden {
    display: none!important
}

.orejime-Notice-body {
    padding: 1em
}

.orejime-Notice-description {
    color: #eee;
    margin-bottom: .5em
}

.orejime-Notice-purposes {
    color: #eee
}

.orejime-Notice-changes {
    color: #eee;
    margin-bottom: .5em;
    font-weight: 700
}

.orejime-Notice-actions {
    display: block
}

.orejime-Notice-actionItem {
    display: inline
}

.orejime-Notice-learnMoreButton {
    display: inline-block
}

.orejimeHtml-WithModalOpen {
    height: 100%
}

.orejimeHtml-WithModalOpen body {
    position: fixed;
    overflow: hidden;
    height: 100%;
    width: 100%
}

.orejime-ModalOverlay {
    z-index: 1000;
    background: rgba(0,0,0,.5);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.orejime-ModalWrapper {
    z-index: 1001;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin: 0;
    width: 640px;
    max-width: 100%;
    max-height: 100%;
    overflow: auto
}

.orejime-Modal {
    background: #333;
    color: #eee;
    border-radius: 4px;
    box-shadow: 0 4px 6px 0 rgba(0,0,0,.2),5px 5px 10px 0 rgba(0,0,0,.19)
}

.orejime-Modal-header {
    padding: 1em;
    border-bottom: 1px solid #555
}

.orejime-Modal-title {
    margin: 0;
    font-size: 2em;
    display: block;
    font-weight: 700;
    padding-right: 20px
}

.orejime-Modal-closeButton {
    border: none;
    background: 0 0;
    color: inherit;
    position: absolute;
    top: 1em;
    right: 1em
}

.orejime-CloseIcon {
    stroke: currentColor;
    width: 12px
}

.orejime-Modal-body {
    padding: 1em
}

.orejime-Modal-footer {
    padding: 1em;
    border-top: 1px solid #555
}

.orejime-Modal-poweredByLink,.orejime-Modal-privacyPolicyLink {
    cursor: pointer;
    text-decoration: underline;
    color: inherit
}

.orejime-Modal-poweredByLink:active,.orejime-Modal-poweredByLink:focus,.orejime-Modal-poweredByLink:hover,.orejime-Modal-privacyPolicyLink:active,.orejime-Modal-privacyPolicyLink:focus,.orejime-Modal-privacyPolicyLink:hover {
    color: inherit
}

.orejime-Modal-poweredByLink:focus,.orejime-Modal-poweredByLink:hover,.orejime-Modal-privacyPolicyLink:focus,.orejime-Modal-privacyPolicyLink:hover {
    text-decoration: none
}

.orejime-Modal-poweredByLink {
    position: absolute;
    right: 1em;
    color: #aaa;
    font-size: .8em;
    padding: 6px 0
}

.orejime-Modal-poweredByLink:active,.orejime-Modal-poweredByLink:focus,.orejime-Modal-poweredByLink:hover {
    color: #aaa
}

.orejime-AppList {
    display: block;
    padding: 0;
    margin: 0
}

.orejime-AppList-item {
    display: block;
    position: relative;
    line-height: 1.25;
    vertical-align: middle;
    padding-left: 60px;
    min-height: 40px;
    margin-top: .7em
}

.orejime-AppList-item:first-child {
    margin-top: 0
}

.orejime-AppItem-title {
    font-weight: 600;
    cursor: pointer
}

.orejime-AppItem-description {
    font-size: .8em
}

.orejime-AppItem-purposes {
    font-size: .8em;
    color: #aaa
}

.orejime-AppItem-optOut,.orejime-AppItem-required {
    padding-left: .2em;
    font-size: .8em;
    color: #aaa
}

.orejime-AppItem-input {
    top: 0;
    opacity: 0
}

.orejime-AppItem-input,.orejime-AppItem-switch {
    position: absolute;
    left: 0;
    width: 50px;
    height: 30px
}

.orejime-AppItem-switch {
    display: inline-block
}

.orejime-AppItem-slider {
    box-shadow: 0 4px 6px 0 rgba(0,0,0,.2),5px 5px 10px 0 rgba(0,0,0,.19);
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #aaa;
    transition: .4s;
    width: 50px;
    display: inline-block;
    border-radius: 30px;
    border: 2px solid transparent
}

.orejime-AppItem-slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 3px;
    bottom: 3px;
    background-color: #fff;
    transition: .4s;
    border-radius: 50%;
    border: 1px solid #555
}

.orejime-AppItem-switchLabel {
    position: absolute;
    width: 50px;
    top: 34px;
    overflow: ellipsis;
    font-size: .8em;
    text-align: center
}

.orejime-AppItem-switch--disabled .orejime-AppItem-slider {
    cursor: default;
    opacity: .5
}

.orejime-AppItem-switch--disabled .orejime-AppItem-switchLabel {
    color: #aaa
}

.orejime-AppItem-input:focus+.orejime-AppItem-label .orejime-AppItem-slider {
    border-color: #fff;
    outline-offset: 2px
}

.orejime-AppItem-input:checked+.orejime-AppItem-label .orejime-AppItem-slider {
    background-color: #057eb6
}

.orejime-AppItem-input:checked+.orejime-AppItem-label .orejime-AppItem-slider:before {
    transform: translateX(20px)
}

.orejime-AppToggles {
    margin-bottom: 1em;
    display: block
}

.orejime-AppToggles-item {
    display: inline
}

* {
    box-sizing: border-box;
    background: 0 0;
    border: none;
    border-radius: 0;
    padding: 0;
    margin: 0;
    outline: 0
}

html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent
}

body {
    margin: 0
}

body:before {
    content: none
}

body.app-ready {
    overflow: auto
}

img {
    display: block
}

[hidden=true] {
    display: none
}

.main-app h1,.main-app h2,.main-app h3,.main-app h4,.main-app h5,.main-app h6 {
    font-weight: 700
}

.main-app h1 {
    font-family: Orkney Bold,Arial,Helvetica,sans-serif;
    font-size: 25px
}

@media(min-width: 960px) {
    .main-app h1 {
        font-size:40px
    }
}

@media(min-width: 1200px) {
    .main-app h1 {
        font-size:46px
    }
}

.main-app h2 {
    font-family: Orkney Bold,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 25px
}

@media(min-width: 960px) {
    .main-app h2 {
        font-size:40px
    }
}

@media(min-width: 1200px) {
    .main-app h2 {
        font-size:46px
    }
}

.main-app h3 {
    font-family: Orkney Bold,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 16px
}

@media(min-width: 960px) {
    .main-app h3 {
        font-size:20px
    }
}

.main-app h4 {
    font-family: Orkney Bold,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 14px
}

@media(min-width: 960px) {
    .main-app h4 {
        font-size:20px
    }
}

.top-stick {
    position: absolute;
    top: 10px;
    pointer-events: none
}

#orejime,.career-offers,.career-team-spirit,.hidden,.page-header,.search-layer,.section-hero,.solutions-list,[v-cloak],section[class^=block-] {
    display: none
}

.admin-bar {
    --app-top:46px}

@media(min-width: 640px) {
    .admin-bar {
        --app-top:32px
    }
}

.admin-bar .sticky--behavior {
    top: 165px;
    top: calc(165px + var(--app-top))
}

@media(min-width: 640px) {
    .admin-bar .sticky--behavior {
        top:210px;
        top: calc(210px + var(--app-top))
    }
}

.main-app .animated {
    transform-origin: 0 0;
    transition: transform 1.6s cubic-bezier(.38,.65,.37,.99),opacity 1s linear,visibility 1s linear;
    visibility: hidden;
    opacity: 0
}

.main-app .animated-slide-right {
    transform: translate3d(100px,0,0)
}

.main-app .animated-slide-right-small {
    transform: translate3d(20px,0,0)
}

.main-app .animated-slide-left {
    transform: translate3d(-100px,0,0)
}

.main-app .animated-slide-left-small {
    transform: translate3d(-20px,0,0)
}

.main-app .animated-slide-top {
    transform: translate3d(0,-100px,0)
}

.main-app .animated-slide-top-medium {
    transform: translate3d(0,-50px,0)
}

.main-app .animated-slide-top-small {
    transform: translate3d(0,-20px,0)
}

.main-app .animated-slide-bottom {
    transform: translate3d(0,100px,0)
}

.main-app .animated-slide-bottom-medium {
    transform: translate3d(0,50px,0)
}

.main-app .animated-slide-bottom-small {
    transform: translate3d(0,20px,0)
}

.main-app .animated-active {
    transform: translateZ(0);
    visibility: visible;
    opacity: 1
}

.wrapper-pad .main-wrapper {
    padding-top: 64px
}

@media(min-width: 960px) {
    .wrapper-pad .main-wrapper {
        padding-top:115px
    }
}

section[class^=block-] {
    position: relative;
    padding: 20px 0;
    display: block;
    overflow: hidden
}

section[class^=block-] .anchor-target {
    position: absolute;
    top: -63px
}

@media(min-width: 960px) {
    section[class^=block-] .anchor-target {
        top:-114px
    }
}

@media(max-width: 960px) {
    .block-dark {
        height:635px !important
    }
}

@media(min-width: 1200px) {
    section[class^=block-] {
        padding:44px 0
    }
}

section[class^=block-].block-dark {
    background-image: url(background/Servicebande.jpg);
    height: 540px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative
}

section[class^=block-].block-agence {
    background-image: url(agence/Paris.jpg);
    height: 387px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: -1
}

section[class^=block-].block-solution {
    background-image: url(background/nos6solutions.jpg);
    height: 610px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 100px;
    margin-bottom: 100px;
    position: relative
}

section[class^=block-].block-dark .section-title {
    color: #fff
}

section[class^=block-].block-grey {
    background: #fff
}

section[class^=block-].block-arguments {
    overflow: inherit
}

@media(min-width: 640px) {
    section[class^=block-].block-framed-section {
        padding:20px 0 90px
    }
}

section[class^=block-].block-framed-section .bloc-framed-bg {
    bottom: calc(50% + 25px)
}

section[class^=block-].block-video {
    padding: 30px 0
}

@media(min-width: 1200px) {
    section[class^=block-].block-video {
        padding:60px 0
    }
}

@media(min-width: 960px) {
    section[class^=block-].block-clients {
        padding:0 0 90px
    }
}

section[class^=block-].block-image-rte {
    padding: 0
}

@media(min-width: 960px) {
    section[class^=block-].block-image-rte+section[class^=block-] {
        margin-top:90px
    }
}

.sticky--behavior {
    position: -webkit-sticky;
    position: sticky;
    top: 165px
}

@media(min-width: 640px) {
    .sticky--behavior {
        top:210px
    }
}

.page-content--wrapper {
    padding: 0 0 60px
}

@media(min-width: 960px) {
    .page-content--wrapper {
        padding:0 0 90px
    }
}

.main-header {
    position: fixed;
    top: 0;
    top: var(--app-top);
    left: 0;
    width: 100%;
    z-index: 1020
}

.main-header ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.main-header a,.main-header button {
    cursor: pointer
}

.main-header a,.main-header button,.main-header span {
    color: #000;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
    transition: color .3s cubic-bezier(.4,.5,.15,1)
}

.main-header a:hover,.main-header button:hover,.main-header span:hover {
    color: #f60;
    text-decoration: none
}

.main-header a:hover path,.main-header button:hover path,.main-header span:hover path {
    fill: #f60;
    stroke: #f60
}

.theme-light .main-header a,.theme-light .main-header button,.theme-light .main-header span {
    color: #f60
}

.theme-light .main-header a:hover,.theme-light .main-header button:hover,.theme-light .main-header span:hover {
    color: #f60;
    text-decoration: none
}

.theme-light .main-header a:hover path,.theme-light .main-header button:hover path,.theme-light .main-header span:hover path {
    fill: #f60;
    stroke: #f60
}

.mobile-menu-visible .main-header a,.mobile-menu-visible .main-header button,.mobile-menu-visible .main-header span,.stick-menu .main-header a,.stick-menu .main-header button,.stick-menu .main-header span {
    color: #f60
}

.mobile-menu-visible .main-header a path,.mobile-menu-visible .main-header button path,.mobile-menu-visible .main-header span path,.stick-menu .main-header a path,.stick-menu .main-header button path,.stick-menu .main-header span path {
    fill: #000;
    stroke: #000
}

.stick-menu .main-header .nav-top {
    background-color: #fff
}

@media(max-width: 1153px) {
    .search-visible .main-header a,.search-visible .main-header button,.search-visible .main-header span {
        color:#000
    }

    .search-visible .main-header a path,.search-visible .main-header button path,.search-visible .main-header span path {
        fill: #000;
        stroke: #000
    }
}

.search-layer-visible .main-header .search button path {
    fill: #f60;
    stroke: #f60
}

.main-header path {
    transition: all .3s cubic-bezier(.4,.5,.15,1);
    fill: #000;
    stroke: #000
}

.theme-light .main-header path {
    fill: #fff;
    stroke: #fff
}

@media(min-width: 960px) {
    .main-header .menu {
        display:flex;
        align-items: center
    }
}

.main-header .nav-top {
    font-family: Arial,Regular;
    font-size: 14px;
    font-weight: 700;
    background-color: rgba(255,255,255,.15);
    display: none;
    position: relative;
    z-index: 1
}

@media(min-width: 960px) {
    .main-header .nav-top {
        display:block
    }
}

.main-header .nav-top ul {
    height: 35px;
    justify-content: center
}

.main-header .nav-top li>a {
    font-family: Arial,Regular;
    font-weight: 700;
    font-size: 14px;
    color: #000;
    text-transform: uppercase;
    padding-left: 30px;
    padding-right: 30px
}

.main-header .nav-top li.active>a,.main-header .nav-top li>a:hover {
    color: #ff5e00
}

.main-header .nav-main:before,.main-header .nav-top:before {
    background-color: #fff
}

.main-header .nav-main {
    font-family: Orkney,Arial,Helvetica,sans-serif;
    font-weight: 400;
    position: relative
}

.main-header .nav-main:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    border-bottom: 1px solid rgba(0,0,0,.05);
    transform-origin: 0 0;
    transform: scaleY(0);
    transition: transform .5s cubic-bezier(.4,.5,.15,1)
}

.stick-menu .main-header .nav-main:before,.theme-dark .main-header .nav-main:before {
    transform: scaleY(1);
    background: #fff
}

.main-header .nav-main .nav--wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 64px
}

@media(min-width: 960px) {
    .main-header .nav-main .nav--wrapper {
        position:relative;
        height: 80px
    }
}

.main-header .nav-main .brand {
    width: 135px;
    position: relative;
    z-index: 1
}

.main-header .nav-main .main-menu {
    left: 0;
    right: 0;
    top: 0;
    z-index: 0
}

@media(max-width: 1199px) {
    .main-header .nav-main .main-menu {
        position:absolute
    }
}

@media(min-width: 960px) {
    .main-header .nav-main .main-menu {
        left:-50px;
        right: -50px
    }
}

@media(min-width: 1200px) {
    .main-header .nav-main .main-menu {
        left:inherit;
        top: inherit;
        right: inherit;
        padding: 0;
        width: 100%
    }
}

.main-header .nav-main .main-menu:after {
    content: "";
    height: 64px;
    background: #f8f8f8;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    transition: transform 1s cubic-bezier(.4,.5,.15,1);
    transform-origin: 0 0;
    transform: scaleY(0)
}

@media(min-width: 960px) {
    .main-header .nav-main .main-menu:after {
        display:none
    }
}

.mobile-menu-visible .main-header .nav-main .main-menu:after {
    transition-duration: 0s;
    transform: scaleY(1)
}

@media(max-width: 1153px) {
    .search-visible .main-header .nav-main .main-menu:after {
        transition-duration:0s;
        transform: scaleY(1)
    }
}

.main-header .nav-main .main-menu a {
    font-size: 17px;
    font-weight: 500;
    letter-spacing: .06em;
    display: inline-block
}

.main-header .nav-main .main-menu>.desktop-menu {
    display: none;
    justify-content: center
}

@media(min-width: 1200px) {
    .main-header .nav-main .main-menu>.desktop-menu {
        display:flex
    }
}

.main-header .nav-main .main-menu>.desktop-menu>li {
    line-height: 80px
}

.main-header .nav-main .main-menu>.desktop-menu>li>a {
    padding-left: 6px;
    padding-right: 67px;
    text-align: center;
    font-family: Arial,Regular
}

.main-header .nav-main .main-menu>.desktop-menu>li.active a {
    color: #f60
}

.main-header .nav-main .main-menu>.desktop-menu .has-submenu .submenu {
    position: absolute;
    z-index: 1020;
    left: -40px;
    right: -40px;
    top: 80px;
    width: auto;
    transition: all .3s cubic-bezier(.4,.5,.15,1);
    background: #fff;
    box-shadow: 0 10px 10px 4px rgba(0,0,0,.04);
    opacity: 0;
    visibility: hidden
}

@media(min-width: 1340px) {
    .main-header .nav-main .main-menu>.desktop-menu .has-submenu .submenu {
        left:-60px;
        right: -60px
    }
}

@media(min-width: 1440px) {
    .main-header .nav-main .main-menu>.desktop-menu .has-submenu .submenu {
        left:-80px;
        right: -80px
    }
}

.main-header .nav-main .main-menu>.desktop-menu .has-submenu .submenu a {
    color: #000
}

.main-header .nav-main .main-menu>.desktop-menu .has-submenu .submenu a:hover {
    color: #f60
}

.main-header .nav-main .main-menu>.desktop-menu .has-submenu .submenu ul {
    flex-grow: 1
}

.main-header .nav-main .main-menu>.desktop-menu .has-submenu .submenu ul:before {
    content: "";
    display: block;
    position: absolute;
    left: 33%;
    top: 0;
    bottom: 0;
    background: hsla(0,0%,76.1%,.5);
    width: 1px;
    pointer-events: none
}

.main-header .nav-main .main-menu>.desktop-menu .has-submenu .submenu li {
    display: block;
    line-height: 1
}

.main-header .nav-main .main-menu>.desktop-menu .has-submenu .submenu li>a {
    display: block;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 33%;
    padding-right: 60px;
    background-position: calc(100% - 40px) 50%
}

@media(min-width: 1340px) {
    .main-header .nav-main .main-menu>.desktop-menu .has-submenu .submenu li>a {
        padding-right:80px;
        background-position: calc(100% - 60px) 50%
    }
}

@media(min-width: 1440px) {
    .main-header .nav-main .main-menu>.desktop-menu .has-submenu .submenu li>a {
        padding-right:100px;
        background-position: calc(100% - 80px) 50%
    }
}

.main-header .nav-main .main-menu>.desktop-menu .has-submenu .submenu li:hover .menu-page {
    opacity: 1;
    visibility: visible
}

.main-header .nav-main .main-menu>.desktop-menu .has-submenu .submenu .img-wrapper {
    width: 100%;
    height: 177px
}

.main-header .nav-main .main-menu>.desktop-menu .has-submenu .submenu .img-wrapper img {
    width: 100%
}

.main-header .nav-main .main-menu>.desktop-menu .has-submenu .submenu-inner {
    min-height: 220px;
    max-width: 1340px;
    display: flex;
    position: relative;
    margin: 40px
}

@media(min-width: 1340px) {
    .main-header .nav-main .main-menu>.desktop-menu .has-submenu .submenu-inner {
        margin:60px
    }
}

@media(min-width: 1440px) {
    .main-header .nav-main .main-menu>.desktop-menu .has-submenu .submenu-inner {
        margin-left:80px;
        margin-right: 80px
    }
}

.main-header .nav-main .main-menu>.desktop-menu .has-submenu .menu-page {
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    left: 33%;
    opacity: 0;
    visibility: hidden;
    transition: all .5s cubic-bezier(.4,.5,.15,1) .3s;
    padding: 0 0 0 40px;
    min-height: 100%
}

@media(min-width: 1340px) {
    .main-header .nav-main .main-menu>.desktop-menu .has-submenu .menu-page {
        padding-left:60px
    }
}

@media(min-width: 1440px) {
    .main-header .nav-main .main-menu>.desktop-menu .has-submenu .menu-page {
        padding-left:80px
    }
}

.main-header .nav-main .main-menu>.desktop-menu .has-submenu .menu-page .page-excerpt {
    width: 57.14%;
    padding-right: 30px
}

.main-header .nav-main .main-menu>.desktop-menu .has-submenu .menu-page .page-excerpt h4 {
    margin: 0 0 20px
}

.main-header .nav-main .main-menu>.desktop-menu .has-submenu .menu-page .page-excerpt p {
    font-size: 16px;
    line-height: 1.4;
    color: #b2b2b2;
    margin: 0 0 20px
}

.main-header .nav-main .main-menu>.desktop-menu .has-submenu .menu-page .page-excerpt a {
    color: #f60;
    line-height: 1.7
}

.main-header .nav-main .main-menu>.desktop-menu .has-submenu .menu-page .page-cover {
    width: 42.85%;
    padding-left: 30px
}

.main-header .nav-main .main-menu>.desktop-menu .has-submenu .menu-page .page-cover .img-wrapper {
    border-radius: 5px;
    overflow: hidden;
    display: inline-block
}

.app-ready .main-header .nav-main .main-menu>.desktop-menu .has-submenu:hover .submenu {
    transform: translateZ(0);
    opacity: 1;
    visibility: visible
}

.app-ready .main-header .nav-main .main-menu>.desktop-menu .has-submenu:hover .submenu li .menu-page {
    transition-delay: 0s
}

.app-ready .main-header .nav-main .main-menu>.desktop-menu .has-submenu:hover .submenu li.active a {
    color: #f60;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 11'%3E%3Cpath fill='none' stroke='%23ff6600' stroke-width='2' stroke-linecap='square' d='M2 2l3.8 3.8L2 9.6'/%3E%3C/svg%3E")
}

.app-ready .main-header .nav-main .main-menu>.desktop-menu .has-submenu:hover .submenu li.active .menu-page {
    opacity: 1;
    visibility: visible
}

.main-header .nav-main .account-menu {
    position: relative;
    z-index: 1
}

.main-header .nav-main .account-menu svg {
    width: 21px
}

.main-header .nav-main .account-menu .menu {
    display: flex;
    align-items: center
}

.main-header .nav-main .account-menu .search {
    padding-right: 15px
}

@media(min-width: 960px) {
    .main-header .nav-main .account-menu .search {
        padding-right:cacl(15px-5px)
    }
}

.main-header .nav-main .account-menu .account {
    padding-right: 15px
}

@media(min-width: 1200px) {
    .main-header .nav-main .account-menu .account {
        padding-right:0
    }
}

.main-header .nav-main .account-menu .toggle {
    display: list-item
}

@media(min-width: 1200px) {
    .main-header .nav-main .account-menu .toggle {
        display:none
    }
}

@media(max-width: 1200px) {
    .main-header .nav-top {
        display:none
    }
}

.main-header .nav-main .account-menu .burger-toggle {
    width: 21px;
    height: 21px;
    position: relative;
    display: block;
    cursor: pointer
}

.main-header .nav-main .account-menu .burger-toggle span {
    width: 100%;
    height: 2px;
    display: block;
    background: #000;
    position: absolute;
    transform-origin: 0;
    transition: transform .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease,background .3s cubic-bezier(.4,.5,.15,1)
}

.main-header .nav-main .account-menu .burger-toggle span:first-child {
    top: 2px;
    transform: rotate(0) translate(0)
}

.main-header .nav-main .account-menu .burger-toggle span:nth-child(2) {
    opacity: 1;
    top: 50%;
    transform: translateY(-1px)
}

.main-header .nav-main .account-menu .burger-toggle span:last-child {
    top: 18px;
    transform: rotate(0) translate(0)
}

.theme-light .main-header .nav-main .account-menu .burger-toggle span {
    background: #f60
}

.mobile-menu-visible .main-header .nav-main .account-menu .burger-toggle span,.stick-menu .main-header .nav-main .account-menu .burger-toggle span {
    background: #f60
}

@media(max-width: 1153px) {
    .search-visible .main-header .nav-main .account-menu .burger-toggle span {
        background:#000
    }
}

.main-header .nav-main .account-menu .burger-toggle:hover span {
    background: #f60
}

.main-header .nav-main .account-menu .burger-toggle.active span:first-child {
    transform: rotate(45deg) translateY(1px)
}

.main-header .nav-main .account-menu .burger-toggle.active span:nth-child(2) {
    opacity: 0;
    transform: translate(-3px)
}

.main-header .nav-main .account-menu .burger-toggle.active span:last-child {
    transform: rotate(-45deg) translateY(-1px)
}

.main-header .nav-main .mobile-navigations {
    overflow-y: scroll;
    padding: 64px 15px;
    background: #fff;
    height: 100vh;
    position: absolute;
    left: 0;
    right: 0;
    top: -100vh
}

@media(min-width: 640px) {
    .main-header .nav-main .mobile-navigations {
        padding-left:30px;
        padding-right: 30px
    }
}

@media(min-width: 960px) {
    .main-header .nav-main .mobile-navigations {
        padding-left:50px;
        padding-right: 50px
    }
}

@media(min-width: 1200px) {
    .main-header .nav-main .mobile-navigations {
        display:none
    }
}

.main-header .nav-main .mobile-navigations .mobile-top-menu {
    font-family: Orkney Bold,Arial,Helvetica,sans-serif;
    font-weight: 700;
    padding: 20px 0 0;
    display: block;
    margin: 0 0 20px
}

@media(min-width: 960px) {
    .main-header .nav-main .mobile-navigations .mobile-top-menu .nav-top {
        display:none
    }
}

.main-header .nav-main .mobile-navigations .mobile-top-menu li {
    margin: 20px 0 0
}

.main-header .nav-main .mobile-navigations .mobile-top-menu li:first-child {
    margin: 0
}

.main-header .nav-main .mobile-navigations .mobile-top-menu li:last-child {
    padding: 0 0 20px;
    border-bottom: 2px solid #ee7833
}

.main-header .nav-main .mobile-navigations .mobile-top-menu li.active>a {
    color: #f60
}

.main-header .nav-main .mobile-navigations .mobile-top-menu a {
    font-size: 12px;
    color: #000;
    text-transform: uppercase
}

.main-header .nav-main .mobile-navigations .mobile-top-menu a:hover {
    color: #f60
}

.main-header .nav-main .mobile-navigations .mobile-menu {
    display: block
}

.main-header .nav-main .mobile-navigations .mobile-menu>li.active>a {
    color: #f60
}

.main-header .nav-main .mobile-navigations .mobile-menu a {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #000
}

@media(min-width: 960px) {
    .main-header .nav-main .mobile-navigations .mobile-menu a {
        padding-top:15px;
        padding-bottom: 15px
    }
}

.main-header .nav-main .mobile-navigations .mobile-menu a:hover {
    color: #f60
}

.main-header .nav-main .mobile-navigations .mobile-menu .has-submenu {
    position: relative
}

.main-header .nav-main .mobile-navigations .mobile-menu .has-submenu.uk-open .menu-accordion {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 13'%3E%3Cpath fill='%23666' d='M0 6h13v1H0z'/%3E%3C/svg%3E")
}

.main-header .nav-main .mobile-navigations .mobile-menu .has-submenu .menu-accordion {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 4;
    width: 35px;
    height: 35px;
    cursor: pointer;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 13px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 13'%3E%3Cpath fill='%23666' d='M0 6h13v1H0z'/%3E%3Cpath fill='%23666' d='M6 0h1v13H6z'/%3E%3C/svg%3E");
    transition: all .3s
}

.main-header .nav-main .mobile-navigations .mobile-menu.uk-accordion>:nth-child(n+2) {
    margin-top: 0
}

.main-header .nav-main .mobile-navigations .mobile-menu .accordion {
    display: block
}

.main-header .nav-main .mobile-navigations .mobile-menu .submenu li.active a {
    color: #f60;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 11'%3E%3Cpath fill='none' stroke='%23ff6600' stroke-width='2' stroke-linecap='square' d='M2 2l3.8 3.8L2 9.6'/%3E%3C/svg%3E")
}

.main-header .nav-main .mobile-navigations .mobile-menu .submenu ul {
    padding: 0 15px
}

.main-header .nav-main .mobile-navigations .mobile-menu .submenu ul.visible {
    opacity: 1;
    visibility: visible
}

.main-header .nav-main .mobile-navigations .mobile-menu .submenu .menu-page {
    display: none
}

.menu-footer--wrapper {
    min-height: 100px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 15px 0;
    position: relative
}

.menu-footer--wrapper:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: -1px;
    height: 1px;
    background: rgba(0,0,0,.1)
}

@media(min-width: 768px) {
    .menu-footer--wrapper {
        height:80px
    }
}

.menu-footer--wrapper .brand {
    width: 100px;
    margin: auto
}

@media(min-width: 768px) {
    .menu-footer--wrapper .brand {
        width:80px;
        margin: 0
    }
}

.menu-footer--wrapper .nav--wrapper {
    display: flex;
    flex: 1 0 100%;
    align-items: baseline;
    margin-left: 0;
    margin-top: 15px;
    justify-content: center
}

@media(min-width: 768px) {
    .menu-footer--wrapper .nav--wrapper {
        flex:0 0 auto;
        margin-left: auto;
        margin-top: 0
    }
}

.menu-footer--wrapper .nav--wrapper .menu {
    list-style: none;
    font-size: 14px
}

.menu-footer--wrapper .nav--wrapper .menu li {
    display: inline-block
}

.menu-footer--wrapper .nav--wrapper .menu a {
    font-family: Orkney Bold,Arial,Helvetica,sans-serif;
    font-weight: 700;
    color: #c2c2c2
}

.menu-footer--wrapper .nav-footer li {
    padding-left: 7.5px;
    padding-right: 7.5px
}

@media(min-width: 768px) {
    .menu-footer--wrapper .nav-footer li {
        padding-left:15px;
        padding-right: 15px
    }
}

.menu-footer--wrapper .nav-footer li:not(:last-child) {
    display: none
}

@media(min-width: 640px) {
    .menu-footer--wrapper .nav-footer li:not(:last-child) {
        display:inline-block
    }
}

.menu-footer--wrapper .nav-footer li a {
    position: relative;
    padding-bottom: 3px;
    transition: color .3s
}

.menu-footer--wrapper .nav-footer li a:hover {
    color: #f60
}

.menu-footer--wrapper .nav-footer li a:hover:before {
    width: 100%;
    border-color: #f60
}

.menu-footer--wrapper .nav-footer li a:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    transform: translateX(-50%);
    transform-origin: 50%;
    border-bottom: 2px solid #c2c2c2;
    transition: width .3s,color .3s
}

.menu-footer--wrapper .nav-footer-social li {
    padding-left: 7.5px;
    padding-right: 7.5px
}

.menu-footer--wrapper .nav-footer-social li:last-child {
    padding-right: 0
}

.page-header {
    position: relative;
    overflow: hidden;
    display: block
}

.page-header .cta,.page-header .excerpt,.page-header h1 {
    transform-origin: 0 0;
    transition: transform 1.6s cubic-bezier(.38,.65,.37,.99),opacity 1s linear,visibility 1s linear;
    visibility: hidden;
    opacity: 0;
    transform: translate3d(0,80px,0)
}

.page-header h1 {
    font-family: Orkney Bold,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 16px;
    margin: 0 auto;
    color: #c2c2c2
}

@media(min-width: 960px) {
    .page-header h1 {
        font-size:20px
    }
}

.page-header .excerpt {
    font-family: Arial,Regular;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.3;
    letter-spacing: -1px;
    margin: 10px auto 0;
    transition-delay: .1s;
    color: #000
}

@media(min-width: 960px) {
    .page-header .excerpt {
        font-size:25px;
        margin-top: 20px;
        line-height: 1.4
    }
}

@media(min-width: 1200px) {
    .page-header .excerpt {
        font-size:30px
    }
}

.page-header .cta {
    padding: 5px 0;
    margin: 0 auto;
    max-width: 71.42%;
    transition-delay: .2s
}

@media(min-width: 960px) {
    .page-header .cta {
        padding:15px
    }
}

.page-header .cta a {
    font-family: Arial,Regular;
    font-weight: 500;
    display: inline-block;
    color: #000;
    background: 0 0;
    border: 2px solid #000;
    padding: 16px 30px 15px;
    font-size: 14px;
    letter-spacing: .27px;
    border-radius: 5px;
    transition: background .5s cubic-bezier(.4,.5,.15,1),color .5s cubic-bezier(.4,.5,.15,1),border .5s cubic-bezier(.4,.5,.15,1);
    cursor: pointer;
    margin: 10px 5px 0;
    min-width: 220px
}

@media(min-width: 960px) {
    .page-header .cta a {
        font-size:16px
    }
}

.page-header .cta a:hover {
    color: #fff;
    background: #000;
    border-color: #000
}

@media(min-width: 960px) {
    .page-header .cta a {
        margin:15px 10px 0
    }
}

.page-header .content {
    width: 100%
}

.page-header .content-top {
    margin-top: -13%
}

@media(min-width: 960px) {
    .page-header .content-top {
        max-width:315px
    }
}

.page-header-media {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0
}

.page-header-media .image {
    opacity: .7
}

.page-header-wrapper {
    position: relative;
    z-index: 1;
    text-align: center;
    min-height: 30vh;
    padding: 100px 0 80px;
    display: flex;
    align-items: center
}

@media(min-width: 960px) {
    .page-header-wrapper {
        padding-top:200px;
        padding-bottom: 140px
    }
}

.page-header.has-media {
    background: #000
}

.page-header.has-media .cta,.page-header.has-media .excerpt,.page-header.has-media h1 {
    transform: translate3d(0,50px,0)
}

@media(min-width: 768px) {
    .page-header.has-media .cta,.page-header.has-media .excerpt,.page-header.has-media h1 {
        transform:translate3d(0,160px,0)
    }
}

.page-header.has-media h1 {
    font-family: Arial,Regular;
    font-weight: 700;
    font-size: 32px;
    color: #000
}

@media(min-width: 960px) {
    .page-header.has-media h1 {
        font-size:46px
    }
}

@media(min-width: 1200px) {
    .page-header.has-media h1 {
        font-size:55px
    }
}

.page-header.has-media .excerpt {
    font-family: Orkney,Arial,Helvetica,sans-serif;
    font-weight: 400;
    letter-spacing: -.19px;
    font-size: 16px;
    color: #fff
}

@media(min-width: 640px) {
    .page-header.has-media .excerpt {
        font-size:18px
    }
}

@media(min-width: 960px) {
    .page-header.has-media .excerpt {
        font-size:22px
    }
}

@media(min-width: 1200px) {
    .page-header.has-media .excerpt {
        font-size:25px
    }
}

.page-header.has-media .cta a {
    font-family: Arial,Regular;
    font-weight: 500;
    display: inline-block;
    color: #fff;
    background: 0 0;
    border: 2px solid #fff;
    padding: 16px 30px 15px;
    font-size: 14px;
    letter-spacing: .27px;
    border-radius: 5px;
    transition: background .5s cubic-bezier(.4,.5,.15,1),color .5s cubic-bezier(.4,.5,.15,1),border .5s cubic-bezier(.4,.5,.15,1);
    cursor: pointer
}

@media(min-width: 960px) {
    .page-header.has-media .cta a {
        font-size:16px
    }
}

.page-header.has-media .cta a:hover {
    color: #000;
    background: #fff;
    border-color: #fff
}

@media(min-width: 960px) {
    .page-header.has-media .content-top {
        max-width:315px
    }
}

.page-header.has-media .page-header-wrapper {
    min-height: 60vh;
    height: 40vh
}

@media(orientation: landscape) {
    .page-header.has-media .page-header-wrapper {
        min-height:80vh;
        height: 60vh
    }
}

@media(min-width: 960px) {
    .page-header.has-media .page-header-wrapper {
        min-height:65vh;
        height: 80vh
    }
}

.page-header .animated-active .cta,.page-header .animated-active .excerpt,.page-header .animated-active h1 {
    transform: translateZ(0);
    visibility: visible;
    opacity: 1
}

.social-share {
    border-top: 1px solid #f8f8f8;
    padding: 20px 0 0;
    margin: 50px 0 0
}

@media(min-width: 960px) {
    .social-share {
        position:-webkit-sticky;
        position: sticky;
        top: 145px;
        padding: 10px 0 0;
        margin: 0;
        border: none
    }
}

.social-share path {
    transition: fill .5s cubic-bezier(.4,.5,.15,1)
}

.social-share svg {
    width: 24px;
    height: auto
}

.social-share li {
    margin: 25px 0 0;
    display: inline-block
}

@media(min-width: 960px) {
    .social-share li {
        display:block
    }
}

.social-share li:first-child {
    margin: 0
}

.social-share ul {
    list-style: none;
    text-align: center;
    max-width: 360px;
    margin: 0 auto
}

@media(min-width: 960px) {
    .social-share ul {
        max-width:140px;
        margin: 0
    }
}

@media(min-width: 1340px) {
    .social-share ul {
        margin-left:30px
    }
}

.social-share .social {
    width: 30%
}

@media(min-width: 960px) {
    .social-share .social {
        width:100%
    }
}

.social-share .social a {
    display: block;
    width: 24px;
    margin: 0 auto
}

.social-share .social a:hover path {
    fill: #000
}

.social-share .cta {
    width: 100%
}

.social-share .cta a {
    font-family: Arial,Regular;
    font-weight: 500;
    display: inline-block;
    color: #fff;
    background: #f60;
    border: 2px solid #f60;
    padding: 16px 30px 15px;
    font-size: 14px;
    letter-spacing: .27px;
    border-radius: 5px;
    transition: background .5s cubic-bezier(.4,.5,.15,1),color .5s cubic-bezier(.4,.5,.15,1),border .5s cubic-bezier(.4,.5,.15,1);
    cursor: pointer;
    display: block;
    text-align: center
}

@media(min-width: 960px) {
    .social-share .cta a {
        font-size:16px
    }
}

.social-share .cta a:hover {
    color: #fff;
    background: #000;
    border-color: #000
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    color: #000;
    transition: all .25s ease-in-out;
    opacity: .43
}

input::-moz-placeholder,textarea::-moz-placeholder {
    color: #000;
    transition: all .25s ease-in-out;
    opacity: .43
}

input:-ms-input-placeholder,textarea:-ms-input-placeholder {
    color: #000;
    transition: all .25s ease-in-out;
    opacity: .43
}

input:placeholder,textarea:placeholder {
    color: #000;
    transition: all .25s ease-in-out;
    opacity: .43
}

input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder {
    transform: translate3d(100px,0,0);
    opacity: 0
}

input:focus::-moz-placeholder,textarea:focus::-moz-placeholder {
    transform: translate3d(100px,0,0);
    opacity: 0
}

input:focus:-ms-input-placeholder,textarea:focus:-ms-input-placeholder {
    transform: translate3d(100px,0,0);
    opacity: 0
}

input:focus:placeholder,textarea:focus:placeholder {
    transform: translate3d(100px,0,0);
    opacity: 0
}

input:-webkit-autofill,textarea:-webkit-autofill {
    box-shadow: inset 0 0 0 100px #f8f8f8!important;
    background-color: #f8f8f8!important;
    color: #000!important;
    -webkit-text-fill-color: #000!important
}

input:focus,input:focus-within,textarea:focus,textarea:focus-within {
    outline: 0
}

.file-placeholder,.form-select-trigger p,input[type=email],input[type=tel],input[type=text],select,textarea {
    font-family: Orkney,Arial,Helvetica,sans-serif;
    font-weight: 400;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 14px;
    border-radius: 5px;
    background: #f8f8f8;
    border: 1px solid #f8f8f8;
    padding: 0 20px;
    line-height: 45px;
    height: 45px;
    display: block;
    width: 100%;
    transition: border .3s cubic-bezier(.4,.5,.15,1)
}

input[type=search] {
    font-family: Orkney,Arial,Helvetica,sans-serif;
    font-weight: 400;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 14px;
    border-radius: 5px;
    background: #f8f8f8;
    border: 1px solid #f8f8f8;
    padding: 0 20px;
    line-height: 45px;
    height: 30px;
    display: block;
    width: 100%;
    transition: border .3s cubic-bezier(.4,.5,.15,1)
}

.file-placeholder:hover,.form-select-trigger p:hover,input[type=email]:hover,input[type=search]:hover,input[type=tel]:hover,input[type=text]:hover,select:hover,textarea:hover {
    border-color: #eaeaea
}

.file-placeholder:focus,.file-placeholder:focus-within,.form-select-trigger p:focus,.form-select-trigger p:focus-within,input[type=email]:focus,input[type=email]:focus-within,input[type=search]:focus,input[type=search]:focus-within,input[type=tel]:focus,input[type=tel]:focus-within,input[type=text]:focus,input[type=text]:focus-within,select:focus,select:focus-within,textarea:focus,textarea:focus-within {
    border-color: #f8f8f8
}

input[type=submit] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

input[type=checkbox] {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #f60!important;
    color: #f60!important;
    width: 15px;
    height: 15px
}

input[type=checkbox]:active {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #f60!important;
    color: #f60!important;
    width: 15px;
    height: 15px
}

textarea {
    resize: none;
    height: 230px;
    line-height: 1.5;
    padding-top: 15px;
    padding-bottom: 15px
}

select {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='square' stroke-width='1.5' d='M11 1L6 6 1 1'/%3E%3C/svg%3E");
    background-position: calc(100% - 20px) 50%;
    background-size: 12px auto;
    background-repeat: no-repeat
}

label {
    font-size: 14px;
    display: block;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    margin: 0 0 10px
}

.form-select-trigger p {
    bottom: 0;
    width: auto;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='square' stroke-width='1.5' d='M11 1L6 6 1 1'/%3E%3C/svg%3E");
    background-position: calc(100% - 20px) 50%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: color .25s ease-in-out;
    color: rgba(0,0,0,.43);
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 40px
}

.form-select-trigger p,.form-select-trigger ul {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-size: 12px auto;
    background-repeat: no-repeat
}

.form-select-trigger ul {
    font-family: Orkney,Arial,Helvetica,sans-serif;
    font-weight: 400;
    background-color: #f8f8f8;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='square' stroke-width='1.5' d='M1 6l5-5 5 5'/%3E%3C/svg%3E");
    background-position: calc(100% - 20px) 19px;
    border: 1px solid #f8f8f8;
    border-radius: 5px;
    font-size: 14px;
    list-style: none;
    z-index: 1;
    padding: 0 10px;
    display: none;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.15)
}

.form-select-trigger li {
    border-radius: 5px;
    padding: 8px 10px;
    cursor: pointer;
    transition: background .3s cubic-bezier(.4,.5,.15,1);
    line-height: 1.2;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.form-select-trigger li:hover {
    background: rgba(0,0,0,.2)
}

.form-select-trigger li:last-child {
    margin: 0 0 10px
}

.form-select-trigger li:first-child {
    padding: 0 10px;
    line-height: 45px;
    margin: 0
}

.form-select-trigger li:first-child:hover {
    background: 0 0
}

.form .file-placeholder.wpcf7-not-valid,.form input[type=email].wpcf7-not-valid,.form input[type=phone].wpcf7-not-valid,.form input[type=text].wpcf7-not-valid,.form select.wpcf7-not-valid,.form textarea.wpcf7-not-valid {
    border-color: #f60
}

.form label {
    font-family: Arial,Regular;
    font-weight: 500;
    font-size: 12px
}

.form .file-placeholder {
    background: #f8f8f8 url("data:image/svg+xml;charset=utf-8,%3Csvg width='15' height='15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.978 9.827v-8.77a.5.5 0 111.001 0v8.77l2.1-2.1a.5.5 0 01.708.708l-2.954 2.954a.5.5 0 01-.708 0L4.17 8.435a.5.5 0 01.708-.708l2.1 2.1zm-6.42 0a.5.5 0 111 0v3.247c0 .1.043.151.051.151h11.74c.008 0 .05-.05.05-.15V9.826a.5.5 0 011.002 0v3.247c0 .62-.451 1.152-1.052 1.152H1.609c-.601 0-1.052-.532-1.052-1.152V9.827z' fill='%231D1D1B'/%3E%3C/svg%3E") calc(100% - 20px) 50% no-repeat;
    background-size: 14px auto;
    padding: 0 50px 0 20px;
    height: 45px;
    position: relative;
    z-index: 1;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgba(0,0,0,.43)
}

.form .file-placeholder+* {
    position: absolute;
    top: 0;
    visibility: hidden
}

.form .file-placeholder.has-file {
    color: #000
}

.form .wpcf7-list-item {
    margin: 0;
    display: block
}

.form .wpcf7-list-item-label {
    padding: 0 0 0 20px;
    display: block;
    line-height: 1.5
}

.form .wpcf7-form-control-wrap {
    display: block
}

.form .wpcf7-not-valid-tip {
    display: block;
    font-size: 12px;
    color: #f60;
    margin: 0;
    padding: 8px 0 0
}

.form .wpcf7-response-output {
    margin: 0 0 40px;
    padding: 15px 30px 0;
    font-size: 14px;
    border: none;
    border-top: 1px solid #f8f8f8;
    text-align: center;
    color: #f60
}

.form .loader {
    position: absolute;
    top: 13px;
    left: 50%;
    transform: translate3d(-15px,0,0);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    visibility: hidden;
    opacity: 0
}

.form .wpcf7 .ajax-loader {
    display: none
}

.form .wpcf7 .wpcf7-submit {
    font-family: Arial,Regular;
    font-weight: 500;
    display: inline-block;
    color: #fff;
    background: #f60;
    border: 2px solid #f60;
    padding: 16px 30px 15px;
    font-size: 14px;
    letter-spacing: .27px;
    border-radius: 5px;
    transition: background .5s cubic-bezier(.4,.5,.15,1),color .5s cubic-bezier(.4,.5,.15,1),border .5s cubic-bezier(.4,.5,.15,1);
    cursor: pointer
}

@media(min-width: 960px) {
    .form .wpcf7 .wpcf7-submit {
        font-size:16px
    }
}

.form .wpcf7 .wpcf7-submit:hover {
    color: #fff;
    background: #000;
    border-color: #000
}

.form .wpcf7 .wpcf7-submit:disabled {
    font-family: Arial,Regular;
    font-weight: 500;
    display: inline-block;
    color: #fff;
    background: #c2c2c2;
    border: 2px solid #c2c2c2;
    padding: 16px 30px 15px;
    font-size: 14px;
    letter-spacing: .27px;
    border-radius: 5px;
    transition: background .5s cubic-bezier(.4,.5,.15,1),color .5s cubic-bezier(.4,.5,.15,1),border .5s cubic-bezier(.4,.5,.15,1);
    cursor: pointer;
    cursor: default
}

@media(min-width: 960px) {
    .form .wpcf7 .wpcf7-submit:disabled {
        font-size:16px
    }
}

.form .wpcf7 .wpcf7-submit:disabled:hover {
    color: #fff;
    background: #c2c2c2;
    border-color: #c2c2c2
}

.form .doing-submission .wpcf7-submit {
    visibility: hidden;
    opacity: 0
}

.form .doing-submission .loader {
    visibility: visible;
    opacity: 1
}

.form-submit {
    text-align: center;
    position: relative
}

.form-row {
    display: flex;
    margin: 0 -15px;
    flex-wrap: wrap
}

@media(min-width: 640px) {
    .form-row {
        flex-wrap:nowrap
    }
}

.form-element {
    flex-grow: 1;
    flex-shrink: 1;
    min-width: 100%;
    padding: 0 15px;
    margin: 0 0 20px;
    position: relative
}

@media(min-width: 640px) {
    .form-element {
        margin-bottom:40px;
        min-width: 50%
    }
}

.grecaptcha-badge {
    visibility: hidden;
    position: fixed;
    left: 200vw;
    right: inherit
}

.search-terms {
    padding: 30px 0 0
}

@media(min-width: 960px) {
    .search-terms {
        padding-top:34px
    }
}

@media(min-width: 1200px) {
    .search-terms {
        padding-top:34px
    }
}

.search-terms .title {
    font-family: Arial,Regular;
    font-weight: 700;
    font-size: 21px
}

.search-terms ul {
    list-style: none
}

@media(min-width: 1200px) {
    .search-terms ul {
        padding:0 28px 0
    }
}

.search-terms li {
    font-size: 16px;
    margin: 14px 0 0
}

.search-terms a {
    color: #898989;
    transition: color .3s cubic-bezier(.4,.5,.15,1)
}

.search-terms a:hover {
    color: #f60
}

.search-form {
    border-bottom: .5px solid #656767;
    position: relative
}

.search-form input {
    background: #fff0;
    font-family: Arial,regular;
    border: none
}

.search-form .field-search {
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 50px;
    height: 50px;
    padding: 0 0 0 30px
}

.search-form .field-search:-webkit-autofill {
    box-shadow: inset 0 0 0 100px #fff!important;
    background-color: #fff!important;
    color: #000!important
}

.search-form .field-submit {
    font-size: 0;
    display: block;
    width: 30px;
    height: 30px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='17' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.842 15.082l-4.32-4.32a5.951 5.951 0 10-.76.76l4.32 4.32a.535.535 0 00.76 0 .535.535 0 000-.76zM2.082 6.957a4.876 4.876 0 119.751 0 4.876 4.876 0 01-9.751 0z' stroke='%23000' stroke-width='.5'/%3E%3C/svg%3E") 50% no-repeat;
    background-size: 17px auto;
    position: absolute;
    left: -5px;
    top: 9px;
    color: #fff;
    cursor: pointer;
    transition: background .3s cubic-bezier(.4,.5,.15,1)
}

.search-form .field-submit:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='17' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.842 15.082l-4.32-4.32a5.951 5.951 0 10-.76.76l4.32 4.32a.535.535 0 00.76 0 .535.535 0 000-.76zM2.082 6.957a4.876 4.876 0 119.751 0 4.876 4.876 0 01-9.751 0z' fill='%23ff6600' stroke='%23ff6600' stroke-width='.5'/%3E%3C/svg%3E")
}

.search-layer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 0;
    padding: 64px 0 0;
    background: #fff;
    box-shadow: 0 10px 10px 4px rgba(0,0,0,.04);
    transition: all .3s cubic-bezier(.4,.5,.15,1);
    opacity: 0;
    visibility: hidden;
    display: block
}

@media(min-width: 960px) {
    .search-layer {
        background:0 0;
        box-shadow: none;
        padding: 115px 0 0
    }
}

.search-layer .field-wrapper {
    position: relative
}

.search-layer .search-terms a {
    color: #898989
}

.search-layer .search-terms a:hover {
    color: #f60
}

.search-layer-inner {
    margin: 0 -40px;
    padding: 20px 40px 40px
}

@media(min-width: 960px) {
    .search-layer-inner {
        border-radius:30px;
        background: hsla(0,0%,100%,.98);
        box-shadow: 0 10px 10px 4px rgba(0,0,0,.04);
        padding-top: 40px
    }
}

@media(min-width: 1340px) {
    .search-layer-inner {
        border-radius:30px;
        margin-left: -60px;
        margin-right: -60px;
        padding: 60px
    }
}

@media(min-width: 1440px) {
    .search-layer-inner {
        border-radius:30px;
        margin-left: -80px;
        margin-right: -80px;
        padding-left: 80px;
        padding-right: 80px
    }
}

.search-layer-visible .search-layer {
    transform: translateZ(0);
    opacity: 1;
    visibility: visible
}

.container-recrutement {
    display: block;
    position: relative;
    padding-left: 22px;
    padding-top: 3px;
    margin-bottom: 12px;
    cursor: pointer;
    font-family: Arial,Regular;
    font-size: 12px;
    font-weight: 600;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.container-phenix {
    display: block;
    width: -webkit-fill-available;
    position: relative;
    padding-left: 22px;
    padding-top: 3px;
    margin-bottom: 12px;
    cursor: pointer;
    font-family: Arial,Regular;
    font-size: 12px;
    font-weight: 600;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.container-recrutement input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.container-phenix input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #fff;
    border-radius: 1px;
    border: 1px solid #0000004f
}

.checkmark-phenix {
    position: absolute;
    top: 17px;
    left: 1px;
    height: 16px;
    width: 16px;
    background-color: #fff;
    border-radius: 1px;
    border: 1px solid #0c0c0cbf;
    border-radius: 4px
}

.container-recrutement:hover input~.checkmark {
    background-color: #f60
}

.container-phenix:hover input~.checkmark-phenix {
    background-color: #fff
}

.container-recrutement input:checked~.checkmark {
    background-color: #f60
}

.container-phenix input:checked~.checkmark-phenix {
    background-color: #fff
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.checkmark-phenix:after {
    content: "";
    position: absolute;
    display: none
}

.phenixPassInvalid {
    color: #f00;
    font-family: Arial,Regular;
    display: flex;
    text-align: center;
    width: 152px;
    margin-left: 37%;
    margin-top: -23px
}

.container-recrutement input:checked~.checkmark:after {
    display: block
}

.container-phenix input:checked~.checkmark-phenix:after {
    display: block
}

.container-recrutement .checkmark:after {
    left: 5px;
    top: 1px;
    width: 3px;
    height: 9px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.container-phenix .checkmark-phenix:after {
    left: 2px;
    top: 2px;
    width: 9px;
    height: 9px;
    border: solid #00000000;
    background: #000000b0;
    border-radius: 2px
}

.phenix-reset-pass {
    font-family: Arial,Regular;
    font-size: 10px;
    font-weight: 600;
    color: #f60;
    position: absolute;
    margin: 13px 270px
}

.hubspot-form {
    padding-bottom: 40px
}

@media(min-width: 960px) {
    .hubspot-form {
        padding-bottom:80px
    }
}

.hubspot-form .submitted-message {
    font-family: Arial,Regular;
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    color: #f60
}

.hubspot-form .submitted-message p {
    margin: 10px 0 0
}

.hubspot-form .submitted-message p:first-child {
    margin: 0
}

.hubspot-form .hubspot-form-element .hs-form-field {
    padding: 0 15px;
    margin: 0 0 20px;
    position: relative;
    float: none;
    width: 100%
}

@media(min-width: 640px) {
    .hubspot-form .hubspot-form-element .hs-form-field {
        margin-bottom:40px
    }
}

.hubspot-form .hubspot-form-element .hs-form-field label,.hubspot-form .hubspot-form-element .hs-quizz_recap {
    display: none
}

.hubspot-form .hubspot-form-element input[type=email].hs-input,.hubspot-form .hubspot-form-element input[type=search].hs-input,.hubspot-form .hubspot-form-element input[type=tel].hs-input,.hubspot-form .hubspot-form-element input[type=text].hs-input,.hubspot-form .hubspot-form-element select.hs-input,.hubspot-form .hubspot-form-element textarea.hs-input {
    width: 100%
}

@media(max-device-width: 480px) and (min-device-width:320px),(max-width:400px) {
    .hubspot-form .hubspot-form-element input[type=email].hs-input,.hubspot-form .hubspot-form-element input[type=search].hs-input,.hubspot-form .hubspot-form-element input[type=tel].hs-input,.hubspot-form .hubspot-form-element input[type=text].hs-input,.hubspot-form .hubspot-form-element select.hs-input,.hubspot-form .hubspot-form-element textarea.hs-input {
        width:100%!important
    }
}

.hubspot-form .hubspot-form-element input[type=email].error,.hubspot-form .hubspot-form-element input[type=search].error,.hubspot-form .hubspot-form-element input[type=tel].error,.hubspot-form .hubspot-form-element input[type=text].error,.hubspot-form .hubspot-form-element select.error,.hubspot-form .hubspot-form-element textarea.error {
    border-color: #f60
}

.hubspot-form .hubspot-form-element input[type=checkbox] {
    top: -2px
}

.hubspot-form .hubspot-form-element .input {
    width: 100%;
    margin: 0
}

.hubspot-form .hubspot-form-element .has-trigger {
    position: relative;
    z-index: 0
}

.hubspot-form .hubspot-form-element .has-trigger .error+.form-select-trigger p,.hubspot-form .hubspot-form-element .has-trigger .error+.form-select-trigger ul {
    border-color: #f60
}

.hubspot-form .hubspot-form-element .has-trigger.active p {
    color: #000
}

.hubspot-form .hubspot-form-element .has-trigger.open {
    z-index: 1
}

.hubspot-form .hubspot-form-element .has-trigger.open .form-select-trigger ul {
    display: block
}

.hubspot-form .hubspot-form-element .hs-error-msgs li {
    margin: 0 0 5px
}

.hubspot-form .hubspot-form-element .hs-error-msgs li:last-child {
    margin: 0
}

.hubspot-form .hubspot-form-element .hs-error-msg {
    display: block;
    font-size: 12px;
    color: #f60;
    margin: 0;
    padding: 8px 0 0
}

.hubspot-form .hubspot-form-element .inputs-list {
    list-style: none
}

.hubspot-form .hubspot-form-element .inputs-list label {
    font-family: Arial,Regular;
    font-weight: 500;
    font-size: 12px;
    display: block
}

.hubspot-form .hubspot-form-element .form-columns-1,.hubspot-form .hubspot-form-element .form-columns-2 {
    max-width: inherit;
    margin: 0 -15px;
    clear: both
}

.hubspot-form .hubspot-form-element .form-columns-1 input[type=email].hs-input,.hubspot-form .hubspot-form-element .form-columns-1 input[type=search].hs-input,.hubspot-form .hubspot-form-element .form-columns-1 input[type=tel].hs-input,.hubspot-form .hubspot-form-element .form-columns-1 input[type=text].hs-input,.hubspot-form .hubspot-form-element .form-columns-1 select.hs-input,.hubspot-form .hubspot-form-element .form-columns-1 textarea.hs-input,.hubspot-form .hubspot-form-element .form-columns-2 input[type=email].hs-input,.hubspot-form .hubspot-form-element .form-columns-2 input[type=search].hs-input,.hubspot-form .hubspot-form-element .form-columns-2 input[type=tel].hs-input,.hubspot-form .hubspot-form-element .form-columns-2 input[type=text].hs-input,.hubspot-form .hubspot-form-element .form-columns-2 select.hs-input,.hubspot-form .hubspot-form-element .form-columns-2 textarea.hs-input {
    width: 100%
}

@media(max-device-width: 480px) and (min-device-width:320px),(max-width:400px) {
    .hubspot-form .hubspot-form-element .form-columns-1 input[type=email].hs-input,.hubspot-form .hubspot-form-element .form-columns-1 input[type=search].hs-input,.hubspot-form .hubspot-form-element .form-columns-1 input[type=tel].hs-input,.hubspot-form .hubspot-form-element .form-columns-1 input[type=text].hs-input,.hubspot-form .hubspot-form-element .form-columns-1 select.hs-input,.hubspot-form .hubspot-form-element .form-columns-1 textarea.hs-input,.hubspot-form .hubspot-form-element .form-columns-2 input[type=email].hs-input,.hubspot-form .hubspot-form-element .form-columns-2 input[type=search].hs-input,.hubspot-form .hubspot-form-element .form-columns-2 input[type=tel].hs-input,.hubspot-form .hubspot-form-element .form-columns-2 input[type=text].hs-input,.hubspot-form .hubspot-form-element .form-columns-2 select.hs-input,.hubspot-form .hubspot-form-element .form-columns-2 textarea.hs-input {
        width:100%!important
    }
}

@media(min-width: 640px) {
    .hubspot-form .hubspot-form-element .form-columns-2 .hs-form-field {
        float:left;
        width: 50%
    }
}

.hubspot-form .hubspot-form-element .hs-richtext {
    padding: 0 15px;
    font-family: Arial,Regular;
    font-weight: 500;
    font-size: 12px;
    line-height: 1.4;
    margin: 0 0 20px
}

.hubspot-form .hubspot-form-element .hs-button {
    font-family: Arial,Regular;
    font-weight: 500;
    display: inline-block;
    color: #fff;
    background: #f60;
    border: 2px solid #f60;
    padding: 16px 30px 15px;
    font-size: 14px;
    letter-spacing: .27px;
    border-radius: 5px;
    transition: background .5s cubic-bezier(.4,.5,.15,1),color .5s cubic-bezier(.4,.5,.15,1),border .5s cubic-bezier(.4,.5,.15,1);
    cursor: pointer
}

@media(min-width: 960px) {
    .hubspot-form .hubspot-form-element .hs-button {
        font-size:16px
    }
}

.hubspot-form .hubspot-form-element .hs-button:hover {
    color: #fff;
    background: #000;
    border-color: #000
}

.hubspot-form .hubspot-form-element .hs-button:disabled {
    font-family: Arial,Regular;
    font-weight: 500;
    display: inline-block;
    color: #b2b2b2;
    background: #c2c2c2;
    border: 2px solid #c2c2c2;
    padding: 16px 30px 15px;
    font-size: 14px;
    letter-spacing: .27px;
    border-radius: 5px;
    transition: background .5s cubic-bezier(.4,.5,.15,1),color .5s cubic-bezier(.4,.5,.15,1),border .5s cubic-bezier(.4,.5,.15,1);
    cursor: pointer;
    cursor: default
}

@media(min-width: 960px) {
    .hubspot-form .hubspot-form-element .hs-button:disabled {
        font-size:16px
    }
}

.hubspot-form .hubspot-form-element .hs-button:disabled:hover {
    color: #b2b2b2;
    background: #c2c2c2;
    border-color: #c2c2c2
}

.hubspot-form .hubspot-form-element .hs_error_rollup {
    margin: 0 0 40px;
    padding: 15px 30px 0;
    font-size: 14px;
    border: none;
    border-top: 1px solid #f8f8f8;
    text-align: center
}

.hubspot-form .hubspot-form-element .hs_error_rollup .hs-error-msgs {
    list-style: none
}

.hubspot-form .hubspot-form-element .hs_error_rollup .hs-error-msgs label {
    color: #f60
}

.hubspot-form .hubspot-form-element .actions {
    text-align: center
}

.hubspot-form-light .form-select-trigger p,.hubspot-form-light input[type=email],.hubspot-form-light input[type=search],.hubspot-form-light input[type=tel],.hubspot-form-light input[type=text],.hubspot-form-light select,.hubspot-form-light textarea {
    background-color: #16191a;
    border-color: #16191a;
    color: #fff
}

.hubspot-form-light .form-select-trigger p:hover,.hubspot-form-light input[type=email]:hover,.hubspot-form-light input[type=search]:hover,.hubspot-form-light input[type=tel]:hover,.hubspot-form-light input[type=text]:hover,.hubspot-form-light select:hover,.hubspot-form-light textarea:hover {
    border-color: #2a2a2a
}

.hubspot-form-light input::-webkit-input-placeholder,.hubspot-form-light textarea::-webkit-input-placeholder {
    color: #fff
}

.hubspot-form-light input::-moz-placeholder,.hubspot-form-light textarea::-moz-placeholder {
    color: #fff
}

.hubspot-form-light input:-ms-input-placeholder,.hubspot-form-light textarea:-ms-input-placeholder {
    color: #fff
}

.hubspot-form-light input:placeholder,.hubspot-form-light textarea:placeholder {
    color: #fff
}

.hubspot-form-light input:-webkit-autofill,.hubspot-form-light textarea:-webkit-autofill {
    box-shadow: inset 0 0 0 100px #16191a!important;
    background-color: #16191a!important;
    color: #fff!important;
    -webkit-text-fill-color: #fff!important
}

.hubspot-form-light label {
    color: #fff
}

.hubspot-form-light .form-select-trigger p {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7'%3E%3Cpath fill='none' stroke='%23ff6600' stroke-linecap='square' stroke-width='1.5' d='M11 1L6 6 1 1'/%3E%3C/svg%3E");
    color: hsla(0,0%,100%,.43)
}

.hubspot-form-light .form-select-trigger ul {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7'%3E%3Cpath fill='none' stroke='%23ff6600' stroke-linecap='square' stroke-width='1.5' d='M1 6l5-5 5 5'/%3E%3C/svg%3E");
    background-color: #16191a;
    border-color: #2a2a2a;
    box-shadow: 0 0 30px 0 #000
}

.hubspot-form-light .form-select-trigger li {
    color: #fff
}

.hubspot-form-light .form-select-trigger li:hover {
    background: hsla(0,0%,100%,.07)
}

.hubspot-form-light .form-select-trigger li:first-child:hover {
    background: 0 0
}

.hubspot-form-light .hubspot-form-element .hs-button {
    font-family: Arial,Regular;
    font-weight: 500;
    display: inline-block;
    color: #fff;
    background: #f60;
    border: 2px solid #f60;
    padding: 16px 30px 15px;
    font-size: 14px;
    letter-spacing: .27px;
    border-radius: 5px;
    transition: background .5s cubic-bezier(.4,.5,.15,1),color .5s cubic-bezier(.4,.5,.15,1),border .5s cubic-bezier(.4,.5,.15,1);
    cursor: pointer
}

@media(min-width: 960px) {
    .hubspot-form-light .hubspot-form-element .hs-button {
        font-size:16px
    }
}

.hubspot-form-light .hubspot-form-element .hs-button:hover {
    color: #000;
    background: #fff;
    border-color: #fff
}

.hubspot-form-light .hubspot-form-element .form-columns-1 select,.hubspot-form-light .hubspot-form-element .form-columns-2 select {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7'%3E%3Cpath fill='none' stroke='%23ff6600' stroke-linecap='square' stroke-width='1.5' d='M11 1L6 6 1 1'/%3E%3C/svg%3E")
}

.hubspot-form-light .hubspot-form-element .form-columns-1 select,.hubspot-form-light .hubspot-form-element .form-columns-1 textarea,.hubspot-form-light .hubspot-form-element .form-columns-2 select,.hubspot-form-light .hubspot-form-element .form-columns-2 textarea,.hubspot-form-light .hubspot-form-element .has-trigger.active p {
    color: #fff
}

.hubspot-form-light .hubspot-form-element .hs_error_rollup {
    border-color: #2a2a2a
}

.hubspot-form-light .hs-richtext p {
    color: #fff
}

.entry-row {
    display: flex;
    flex-wrap: wrap
}

@media(min-width: 960px) {
    .entry-row {
        flex-wrap:nowrap
    }
}

.entry-row-center {
    justify-content: center
}

.entry-inner,.entry-social {
    flex-grow: 0;
    flex-shrink: 0;
    width: 100%
}

.entry-social {
    order: 2
}

@media(min-width: 960px) {
    .entry-social {
        order:1;
        width: 20%
    }
}

.entry-inner {
    order: 1
}

@media(min-width: 960px) {
    .entry-inner {
        order:2;
        width: 60%
    }
}

.entry-content {
    padding-bottom: 60px;
    position: relative
}

@media(min-width: 1200px) {
    .entry-content {
        padding-bottom:120px
    }
}

.entry-header-career {
    padding-top: 64px
}

@media(min-width: 960px) {
    .entry-header-career {
        padding-top:115px
    }
}

.entry-header-career .back {
    font-family: Orkney,Arial,Helvetica,sans-serif;
    font-weight: 400;
    position: absolute;
    top: 10px;
    left: 0;
    font-size: 14px;
    padding: 0 0 0 14px;
    transition: color .3s cubic-bezier(.4,.5,.15,1);
    z-index: 1
}

@media(min-width: 960px) {
    .entry-header-career .back {
        top:86px
    }
}

.entry-header-career .back span {
    position: relative;
    display: inline-block
}

.entry-header-career .back span:after {
    position: absolute;
    content: "";
    display: block;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 1px;
    background: #000;
    transition: all .3s cubic-bezier(.4,.5,.15,1)
}

.entry-header-career .back svg {
    width: 8px;
    height: auto;
    position: absolute;
    top: 0;
    left: 0
}

.entry-header-career .back svg path {
    transition: stroke .3s cubic-bezier(.4,.5,.15,1)
}

.entry-header-career .back:hover path {
    stroke: #f60
}

.entry-header-career .back:hover span:after {
    transform: scaleX(0);
    background: #f60
}

.entry-header-career .content-top {
    padding: 0 0 20px;
    border-bottom: 1px solid hsla(0,0%,76.1%,.8)
}

.entry-header-career .content-top h1 {
    font-family: Orkney Bold,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 25px;
    line-height: 1.2;
    letter-spacing: normal;
    color: #000;
    margin-top: 5px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 80%
}

@media(min-width: 960px) {
    .entry-header-career .content-top h1 {
        font-size:40px
    }
}

@media(min-width: 1200px) {
    .entry-header-career .content-top h1 {
        font-size:46px
    }
}

@media(min-width: 960px) {
    .entry-header-career .content-top h1 {
        margin-top:12px
    }
}

@media(min-width: 640px) {
    .entry-header-career .content-top h1 {
        max-width:65%
    }
}

.entry-header-career .content-top .category {
    font-family: Orkney Bold,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 16px;
    margin: 0 auto;
    color: #c2c2c2;
    text-align: center
}

@media(min-width: 960px) {
    .entry-header-career .content-top .category {
        font-size:20px
    }
}

.entry-header-career .content-bottom {
    padding: 20px 0 0
}

.entry-header-career .content-bottom ul {
    list-style: none;
    text-align: center
}

.entry-header-career .content-bottom li {
    display: inline-block;
    color: #c2c2c2;
    font-size: 16px;
    background-position: 0 4px;
    background-size: auto 15px;
    background-repeat: no-repeat;
    line-height: 1.81;
    margin: 0 10px 0 0;
    padding: 0 0 0 22px
}

@media(min-width: 960px) {
    .entry-header-career .content-bottom li {
        margin-right:20px
    }
}

.entry-header-career .content-bottom li:last-child {
    margin: 0
}

.entry-header-career .content-bottom li.place {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 6.29c-.85 0-1.538-.696-1.538-1.556 0-.86.688-1.557 1.538-1.557.85 0 1.538.696 1.538 1.557 0 .86-.688 1.557-1.538 1.557M5 0C2.085 0 0 2.421 0 5.06c0 .842.212 1.706.677 2.52l4.188 7.341a.154.154 0 00.27 0L9.323 7.58C11.246 4.212 8.843 0 5 0' fill='%23ff6600' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-position: 3px 4px
}

.entry-header-career .content-bottom li.type {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='15' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.77 6.555V6.55H15v5.532C15 13.137 14.107 14 13.017 14H1.983C.893 14 0 13.137 0 12.082V6.55h6.23v.005a.47.47 0 00.478.463h1.584a.471.471 0 00.478-.463zm.665-3.712v-.72a.732.732 0 00-.743-.72h-1.9a.732.732 0 00-.744.72v.72h3.387zm3.582 0c1.09 0 1.983.863 1.983 1.918v1.321H8.77v-.005a.471.471 0 00-.478-.463H6.708a.471.471 0 00-.478.463v.005H0v-1.32c0-1.056.893-1.919 1.983-1.919h2.614v-.72C4.597.952 5.58 0 6.792 0h1.9c1.21 0 2.195.952 2.195 2.122v.721h2.13z' fill='%23ff6600' fill-rule='evenodd'/%3E%3C/svg%3E")
}

.entry-header-career .content-bottom li.level {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 8.725c.6 0 1.2-.075 1.8-.25l6.25-1.85V10c0 .725-.475 1.35-1.15 1.55l-2.55.75c-2.775.825-5.75.825-8.525 0l-2.55-.75A1.613 1.613 0 014.125 10V6.675l6.1 1.8c.575.175 1.175.25 1.775.25zM23.375 3.25c.675.2.675 1.175-.025 1.375l-.75.225v4.7c.2.075.325.25.325.45v.375a.48.48 0 01-.325.45l.575 1.325c.075.15-.025.3-.175.325l-.475.05h-.3l-.475-.05c-.15-.025-.225-.175-.175-.325l.575-1.325a.465.465 0 01-.325-.45V10c0-.2.15-.375.325-.45V5l-8.625 2.55c-1 .3-2.05.3-3.025 0L.65 4.625c-.675-.2-.675-1.175 0-1.375L10.5.325c1-.3 2.05-.3 3.025 0l9.85 2.925z' fill='%23ff6600'/%3E%3C/svg%3E");
    background-size: auto 13px;
    padding: 0 0 0 30px
}

.entry-header-career .entry-row {
    justify-content: center
}

.entry-header-career .entry-inner {
    position: relative;
    padding: 40px 0
}

@media(min-width: 960px) {
    .entry-header-career .entry-inner {
        padding:80px 0
    }
}

.entry-header-career.no-category .content-top {
    padding-top: 30px
}

.entry-header-post {
    padding-top: 64px
}

@media(min-width: 960px) {
    .entry-header-post {
        padding-top:115px
    }
}

.entry-header-post .tag {
    font-family: Arial,Regular;
    font-weight: 500;
    font-size: 12px;
    color: #fff;
    padding-left: 15px;
    padding-right: 15px;
    height: 21px;
    line-height: 23px;
    left: 20px;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 15px
}

.entry-header-post .title {
    font-family: Orkney Bold,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 25px;
    line-height: 1.2;
    letter-spacing: normal;
    color: #000;
    margin-top: 5px;
    line-height: 1.29
}

@media(min-width: 960px) {
    .entry-header-post .title {
        font-size:40px
    }
}

@media(min-width: 1200px) {
    .entry-header-post .title {
        font-size:46px
    }
}

@media(min-width: 960px) {
    .entry-header-post .title {
        margin-top:12px
    }
}

.entry-header-post .info {
    width: 100%;
    order: 2;
    margin-top: 30px
}

@media(min-width: 960px) {
    .entry-header-post .info {
        order:1;
        width: calc(50% - 45px);
        margin-top: 0
    }
}

.entry-header-post .visuel {
    width: 100%;
    background: #c2c2c2;
    position: relative;
    order: 1
}

@media(min-width: 960px) {
    .entry-header-post .visuel {
        order:2;
        width: calc(50% - 45px)
    }
}

.entry-header-post .visuel:after {
    content: "";
    display: block;
    padding-bottom: 70%
}

.entry-header-post .visuel .image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto
}

.entry-header-post .entry-inner {
    position: relative;
    padding: 40px 0;
    width: 100%
}

@media(min-width: 960px) {
    .entry-header-post .entry-inner {
        padding:80px 0
    }
}

.entry-header-post .entry-row {
    justify-content: space-between
}

.entry-header-post .entry-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 15px
}

@media(min-width: 960px) {
    .entry-header-post .entry-meta {
        flex-wrap:nowrap;
        margin-top: 30px
    }
}

.entry-header-post .entry-meta time {
    font-family: Orkney Bold,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: rgba(0,0,0,.5);
    line-height: 2
}

.entry-header-post .entry-meta .text {
    margin-left: 15px
}

.entry-header-post .entry-meta .author {
    font-family: Orkney Light,Arial,Helvetica,sans-serif;
    font-weight: 300;
    font-size: 18px
}

.entry-header-post .entry-meta .author a {
    color: rgba(0,0,0,.56);
    text-transform: capitalize
}

.entry-header-post .entry-meta .avatar {
    -webkit-mask-image: -webkit-radial-gradient(#fff,#000);
    overflow: hidden;
    width: 60px;
    height: 60px;
    position: relative;
    border-radius: 50%
}

@media(min-width: 960px) {
    .entry-header-post .entry-meta .avatar {
        width:70px;
        height: 70px
    }
}

.entry-header-post .entry-meta .date {
    display: inline-block
}

.entry-archives {
    padding: 60px 0;
    background: #000
}

@media(min-width: 1200px) {
    .entry-archives {
        padding:120px 0
    }
}

.entry-archives .section-title {
    color: #fff
}

.entry-archives .archive--wrapper {
    flex-grow: 0;
    flex-shrink: 0;
    width: 100%;
    margin-bottom: 15px
}

@media(min-width: 640px) {
    .entry-archives .archive--wrapper {
        width:calc(50% - 15px);
        margin-bottom: 30px
    }
}

@media(min-width: 1200px) {
    .entry-archives .archive--wrapper {
        width:calc(33.33% - 15px)
    }
}

.entry-archives .entry-row {
    justify-content: space-between;
    flex-wrap: wrap
}

.posts-navigation .nav-links {
    padding: 30px 0 50px;
    text-align: center
}

@media(min-width: 1200px) {
    .posts-navigation .nav-links {
        padding:30px 0 90px
    }
}

.posts-navigation .nav-links .nav-next,.posts-navigation .nav-links .nav-previous {
    display: inline-block;
    padding: 0 20px
}

.posts-navigation .nav-links .nav-next a,.posts-navigation .nav-links .nav-previous a {
    color: #c2c2c2;
    font-size: 14px
}

@media(min-width: 960px) {
    .posts-navigation .nav-links .nav-next a,.posts-navigation .nav-links .nav-previous a {
        font-size:16px
    }
}

.posts-navigation .nav-links .nav-next a:hover,.posts-navigation .nav-links .nav-previous a:hover {
    color: #f60
}

.posts-page-navigation {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 0 50px
}

@media(min-width: 1200px) {
    .posts-page-navigation {
        padding:30px 0 90px
    }
}

.posts-page-navigation a,.posts-page-navigation span {
    font-family: Arial,Regular;
    font-weight: 500;
    font-size: 14px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    margin: 0 5px;
    display: block
}

@media(min-width: 960px) {
    .posts-page-navigation a,.posts-page-navigation span {
        font-size:16px
    }
}

.posts-page-navigation span {
    color: #f60
}

.posts-page-navigation a {
    color: #c2c2c2;
    transition: color .3s cubic-bezier(.4,.5,.15,1)
}

.posts-page-navigation a path {
    stroke: #c2c2c2;
    transition: stroke .3s cubic-bezier(.4,.5,.15,1)
}

.posts-page-navigation a svg {
    width: 8px;
    height: 11px;
    transform: translate3d(0,-2px,0)
}

.posts-page-navigation a:hover {
    color: #000
}

.posts-page-navigation a:hover path {
    stroke: #000
}

.search-result {
    padding-top: 64px
}

@media(min-width: 960px) {
    .search-result {
        padding-top:115px
    }
}

.search-result .message {
    font-family: Arail,Regular;
    font-weight: 500;
    font-size: 16px;
    padding: 20px 0 40px
}

.search-result .message span {
    color: #f60
}

.search-result .result-empty {
    padding: 0 0 40px
}

@media(min-width: 1200px) {
    .search-result .result-empty {
        padding:0 0 90px
    }
}

.search-result .result-item {
    border-top: 1px solid #c2c2c2
}

.search-result .result-item:first-child {
    border: none
}

.search-result .result-item p {
    font-family: Arial,Regular;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0;
    color: #000;
    font-size: 13px;
    letter-spacing: .06em
}

.search-result .result-item h2 {
    font-family: Orkney Bold,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 14px;
    margin: 10px 0 0;
    color: #c2c2c2;
    transition: color .5s cubic-bezier(.4,.5,.15,1)
}

@media(min-width: 960px) {
    .search-result .result-item h2 {
        font-size:20px
    }
}

.search-result .result-item a {
    display: block;
    padding: 30px 0
}

@media(min-width: 1200px) {
    .search-result .result-item a {
        padding:40px 0
    }
}

.search-result .result-item a:hover h2 {
    color: #f60
}

.search-result .result-list {
    background: rgb(2551740/8%);
    padding: 0 40px
}

@media(min-width: 960px) {
    .search-result .result-list {
        padding:0 60px
    }
}

.search-result-inner {
    padding: 20px 0 0
}

@media(min-width: 960px) {
    .search-result-inner {
        padding-top:40px
    }
}

@media(min-width: 1340px) {
    .search-result-inner {
        padding-top:60px
    }
}

.contact-page {
    background: #000;
    padding-top: 64px;
    padding-bottom: 100px;
    overflow: hidden
}

@media(min-width: 960px) {
    .contact-page {
        padding-top:115px
    }
}

.contact-page h1 {
    font-family: Orkney Bold,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 25px;
    line-height: 1.2;
    letter-spacing: normal;
    color: #000;
    margin-top: 5px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 85.71%;
    color: #fff
}

@media(min-width: 960px) {
    .contact-page h1 {
        font-size:40px
    }
}

@media(min-width: 1200px) {
    .contact-page h1 {
        font-size:46px
    }
}

@media(min-width: 960px) {
    .contact-page h1 {
        margin-top:12px
    }
}

@media(min-width: 640px) {
    .contact-page h1 {
        max-width:71.42%
    }
}

.contact-page .suptitle {
    font-family: Orkney Bold,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 16px;
    margin: 0 auto;
    color: #c2c2c2;
    text-align: center;
    color: hsla(0,0%,100%,.3)
}

@media(min-width: 960px) {
    .contact-page .suptitle {
        font-size:20px
    }
}

.contact-page-header {
    padding: 40px 0
}

@media(min-width: 960px) {
    .contact-page-header {
        padding:80px 0
    }
}

.contact-page-wrapper {
    margin: 0 auto
}

@media(min-width: 960px) {
    .contact-page-wrapper {
        width:60%
    }
}

.contact-localisation {
    position: relative;
    background: #fff;
    margin: -100px 0 0
}

.contact-localisation .anchor-target {
    position: absolute;
    top: -63px
}

@media(min-width: 960px) {
    .contact-localisation .anchor-target {
        top:-114px
    }
}

@media(min-width: 768px) {
    .contact-localisation {
        background:0 0
    }
}

.contact-localisation h2 {
    font-family: Orkney Bold,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 25px;
    line-height: 1.2;
    letter-spacing: normal;
    color: #000;
    margin-top: 5px;
    text-align: center
}

@media(min-width: 960px) {
    .contact-localisation h2 {
        font-size:40px
    }
}

@media(min-width: 1200px) {
    .contact-localisation h2 {
        font-size:46px
    }
}

@media(min-width: 960px) {
    .contact-localisation h2 {
        margin-top:12px
    }
}

.contact-localisation .suptitle {
    font-family: Orkney Bold,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 16px;
    margin: 0 auto;
    color: #c2c2c2;
    text-align: center
}

@media(min-width: 960px) {
    .contact-localisation .suptitle {
        font-size:20px
    }
}

.contact-localisation-inner {
    padding: 60px 0;
    background: #fff;
    position: relative
}

@media(min-width: 1200px) {
    .contact-localisation-inner {
        padding:120px 0
    }
}

.contact-localisation .localisation {
    display: flex;
    flex-wrap: wrap;
    margin: 40px auto 0;
    max-width: 560px
}

@media(min-width: 768px) {
    .contact-localisation .localisation {
        margin-top:60px
    }
}

@media(min-width: 960px) {
    .contact-localisation .localisation {
        flex-wrap:nowrap;
        max-width: inherit
    }
}

@media(min-width: 1200px) {
    .contact-localisation .localisation {
        margin-top:80px
    }
}

.contact-localisation .localisation-infos,.contact-localisation .localisation-place {
    flex-grow: 0;
    flex-shrink: 0;
    width: 100%
}

.contact-localisation .localisation-media {
    padding: 75% 0 0;
    background: #f60;
    position: relative;
    overflow: hidden
}

.contact-localisation .localisation-media .contact-media {
    position: absolute;
    top: 0;
    left: -1px;
    right: -1px;
    bottom: 0
}

.contact-localisation .localisation-contact {
    position: relative;
    height: 332px;
    width: 90%;
    max-width: 270px;
    margin: -80px auto 0;
    background: #fff;
    box-shadow: 0 0 200px 0 rgba(0,0,0,.08);
    overflow: hidden;
    z-index: 2
}

@media(min-width: 960px) {
    .contact-localisation .localisation-contact {
        position:absolute;
        top: 50%;
        margin: -166px 0 0;
        right: -140px
    }
}

.contact-localisation .localisation-contact .contact-item {
    position: absolute;
    padding: 70px 40px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.contact-localisation .localisation-contact .title {
    font-family: Orkney Bold,Arial,Helvetica,sans-serif;
    font-weight: 700;
    color: #f60;
    font-size: 30px;
    line-height: 1.2
}

.contact-localisation .localisation-contact .address {
    font-size: 20px;
    line-height: 1.75;
    margin: 20px 0 0
}

.contact-localisation .localisation-contact .coord {
    font-size: 16px;
    line-height: 1.44;
    list-style: none;
    margin: 20px 0 0
}

@media(min-width: 960px) {
    .contact-localisation .localisation-place {
        width:15%;
        margin: 0 0 0 10%
    }
}

.contact-localisation .localisation-place li {
    display: inline-block;
    font-size: 18px;
    padding: 0 10px 10px;
    position: relative;
    cursor: pointer;
    transition: color .3s cubic-bezier(.4,.5,.15,1)
}

@media(min-width: 960px) {
    .contact-localisation .localisation-place li {
        display:block;
        font-size: 20px;
        padding-bottom: 20px
    }
}

@media(min-width: 1200px) {
    .contact-localisation .localisation-place li {
        font-size:30px
    }
}

.contact-localisation .localisation-place li:after {
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 0;
    height: 2px;
    background: #f60;
    transition: transform .5s cubic-bezier(.4,.5,.15,1);
    transform-origin: 100% 0;
    transform: scaleX(0)
}

@media(min-width: 960px) {
    .contact-localisation .localisation-place li:after {
        width:23px;
        height: 3px;
        left: inherit;
        bottom: inherit;
        right: 100%;
        top: 7px
    }
}

@media(min-width: 1200px) {
    .contact-localisation .localisation-place li:after {
        top:12px
    }
}

@media(min-width: 1200px) {
    .contact-localisation .localisation-place li span {
        transition:transform .5s cubic-bezier(.4,.5,.15,1);
        transform-origin: 0 0;
        transform: scale(.6);
        display: block
    }
}

.contact-localisation .localisation-place li.active {
    font-family: Orkney Bold,Arial,Helvetica,sans-serif;
    font-weight: 700;
    color: #f60;
    cursor: default
}

.contact-localisation .localisation-place li.active:after {
    transform: scaleX(1)
}

.contact-localisation .localisation-place li.active span {
    transform: scale(1)
}

.contact-localisation .localisation-place ul {
    text-align: center;
    list-style: none;
    padding: 0 0 20px
}

@media(min-width: 960px) {
    .contact-localisation .localisation-place ul {
        text-align:left
    }
}

.contact-localisation .localisation-infos {
    position: relative
}

@media(min-width: 960px) {
    .contact-localisation .localisation-infos {
        width:55%
    }
}

.content-rte {
    font-family: Orkney,Arial,Helvetica,sans-serif;
    font-weight: 400;
    font-size: 16px
}

.content-rte em,.content-rte strong {
    color: #000
}

.content-rte a,.content-rte em,.content-rte strong {
    font-family: Arial,Regular;
    font-weight: 500
}

.content-rte a {
    color: #f60;
    padding-right: 15px;
    background-repeat: no-repeat;
    background-position: right 0 bottom 56%;
    background-size: 8px 11px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 11'%3E%3Cpath fill='none' stroke='%23ff6600' stroke-width='2' stroke-linecap='square' d='M2 2l3.8 3.8L2 9.6'/%3E%3C/svg%3E")
}

.content-rte hr {
    margin: 30px 0
}

.content-rte li,.content-rte p {
    font-family: Orkney Light,Arial,Helvetica,sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.88;
    color: #444
}

.content-rte p {
    margin: 0 0 15px
}

.content-rte li {
    margin: 0 0 10px
}

.content-rte ul {
    list-style: none
}

.content-rte ul li {
    padding: 0 0 0 20px;
    position: relative
}

.content-rte ul li:before {
    display: block;
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #f60;
    position: absolute;
    top: 11px;
    left: 0
}

.content-rte ol {
    list-style: none;
    counter-reset: count
}

.content-rte ol li {
    font-family: Orkney,Arial,Helvetica,sans-serif;
    font-weight: 400;
    position: relative;
    counter-increment: count;
    color: #000
}

@media(min-width: 960px) {
    .content-rte ol li {
        padding:0 0 0 35px
    }
}

.content-rte ol li:before {
    content: "0" counter(count) ".";
    display: block;
    color: #f60;
    font-size: 14px
}

@media(min-width: 960px) {
    .content-rte ol li:before {
        position:absolute;
        top: 0;
        left: 0
    }
}

.problematic-page {
    background: #000;
    padding-top: 64px;
    padding-bottom: 100px;
    overflow: hidden
}

@media(min-width: 960px) {
    .problematic-page {
        padding-top:115px;
        padding-bottom: 115px
    }
}

.problematic-page h1 {
    font-family: Orkney Bold,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 25px;
    line-height: 1.2;
    letter-spacing: normal;
    color: #000;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    color: #fff
}

@media(min-width: 960px) {
    .problematic-page h1 {
        font-size:40px
    }
}

@media(min-width: 1200px) {
    .problematic-page h1 {
        font-size:46px
    }
}

@media(min-width: 960px) {
    .problematic-page h1 {
        margin-top:12px
    }
}

.problematic-page .suptitle {
    font-family: Orkney Bold,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 16px;
    margin: 0 auto;
    color: #c2c2c2;
    color: hsla(0,0%,100%,.3)
}

@media(min-width: 960px) {
    .problematic-page .suptitle {
        font-size:20px
    }
}

.problematic-page-header {
    padding: 40px 0
}

@media(min-width: 960px) {
    .problematic-page-header {
        padding:80px 0
    }
}

.problematic-page-list {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
    margin: 0 -15px
}

@media(min-width: 960px) {
    .problematic-page-list {
        margin:0 -20px
    }
}

.problematic-page-list a {
    display: block
}

.problematic-page-list span {
    font-size: 16px
}

.problematic-page-list p {
    color: hsla(0,0%,100%,.5);
    font-size: 14px;
    line-height: 1.44;
    margin-bottom: 20px
}

@media(min-width: 768px) {
    .problematic-page-list p {
        font-size:16px
    }
}

.problematic-page-list h2 {
    font-family: Orkney Bold,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.25;
    margin: 15px 0;
    display: block;
    color: #fff
}

@media(min-width: 768px) {
    .problematic-page-list h2 {
        font-size:25px;
        line-height: 1.2
    }
}

.problematic-page-list .image {
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: 0;
    width: inherit;
    height: inherit
}

.problematic-page-list .image img {
    transition-property: all
}

.problematic-page-list .media-wrapper {
    padding: 50% 0 0;
    position: relative;
    background: rgba(255,174,0,.3)
}

.problematic-page-list .index {
    font-family: Arial,Regular;
    font-weight: 500;
    color: #f60
}

.problematic-page-list .more {
    transition: transform .5s cubic-bezier(.4,.5,.15,1);
    display: inline-block
}

.problematic-page-list .info-wrapper {
    padding: 30px
}

@media(min-width: 960px) {
    .problematic-page-list .info-wrapper {
        padding:50px
    }
}

.problematic-page-list .problematic-wrapper {
    -webkit-mask-image: -webkit-radial-gradient(#fff,#000);
    overflow: hidden;
    background: #16191a;
    border-radius: 5px
}

.problematic-page-list .problematic-item {
    padding: 15px
}

@media(min-width: 960px) {
    .problematic-page-list .problematic-item {
        padding:20px
    }
}

@media(min-width: 768px) {
    .problematic-page-list .problematic-item {
        width:50%
    }
}

@media(min-width: 768px) {
    .problematic-page-list .problematic-item:nth-child(2) {
        padding-top:110px
    }
}

.problematic-page-list .problematic-item a:hover .image img {
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(.49,.25,.49,.92);
    transform: rotate(.001deg) translate3d(-50%,-50%,0) scale(1.06)
}

.problematic-page-list .problematic-item a:hover .more {
    transform: translate3d(10px,0,0)
}

.partenariat-quizz {
    padding-top: 64px;
    padding-bottom: 64px;
    overflow: hidden;
    min-height: 90vh
}

@media(min-width: 768px) {
    .partenariat-quizz {
        min-height:90vh
    }
}

@media(min-width: 960px) {
    .partenariat-quizz {
        padding-top:115px
    }
}

.partenariat-quizz .mtitle {
    font-family: Orkney Bold,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 25px;
    line-height: 1.2;
    letter-spacing: normal;
    color: #000;
    margin-top: 5px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 85.71%
}

@media(min-width: 960px) {
    .partenariat-quizz .mtitle {
        font-size:40px
    }
}

@media(min-width: 1200px) {
    .partenariat-quizz .mtitle {
        font-size:46px
    }
}

@media(min-width: 960px) {
    .partenariat-quizz .mtitle {
        margin-top:12px
    }
}

@media(min-width: 640px) {
    .partenariat-quizz .mtitle {
        max-width:60%
    }
}

@media(min-width: 960px) {
    .partenariat-quizz .mtitle {
        max-width:inherit
    }
}

.partenariat-quizz .introduction {
    text-align: center;
    font-size: 20px;
    line-height: 1.3;
    letter-spacing: -.15px;
    margin: 20px auto 0;
    max-width: 85.71%
}

@media(min-width: 640px) {
    .partenariat-quizz .introduction {
        max-width:60%
    }
}

@media(min-width: 768px) {
    .partenariat-quizz .introduction {
        line-height:1.5
    }
}

@media(min-width: 960px) {
    .partenariat-quizz .introduction {
        max-width:inherit;
        line-height: 1.7
    }
}

.partenariat-quizz .cta {
    padding: 20px 0;
    margin: 0 auto;
    text-align: center
}

@media(min-width: 960px) {
    .partenariat-quizz .cta {
        padding:30px
    }
}

.partenariat-quizz .cta button {
    font-family: Arial,Regular;
    font-weight: 500;
    display: inline-block;
    color: #fff;
    background: #f60;
    border: 2px solid #f60;
    padding: 16px 30px 15px;
    font-size: 14px;
    letter-spacing: .27px;
    border-radius: 5px;
    transition: background .5s cubic-bezier(.4,.5,.15,1),color .5s cubic-bezier(.4,.5,.15,1),border .5s cubic-bezier(.4,.5,.15,1);
    cursor: pointer;
    min-width: 220px
}

@media(min-width: 960px) {
    .partenariat-quizz .cta button {
        font-size:16px
    }
}

.partenariat-quizz .cta button:hover {
    color: #fff;
    background: #000;
    border-color: #000
}

.partenariat-quizz-wrapper {
    margin: 0 auto
}

@media(min-width: 960px) {
    .partenariat-quizz-wrapper {
        width:60%
    }
}

.partenariat-quizz-header {
    padding: 40px 0
}

@media(min-width: 960px) {
    .partenariat-quizz-header {
        padding:80px 0
    }
}

.partenariat-quizz-questions {
    padding: 64px 0 0;
    height: 568px
}

@media(min-width: 960px) {
    .partenariat-quizz-questions {
        padding-top:115px
    }
}

.partenariat-quizz-questions .quizz-progress {
    text-align: center;
    font-size: 20px;
    color: #c2c2c2;
    letter-spacing: -.31px;
    position: relative;
    margin: 0 0 20px
}

.partenariat-quizz-questions .quizz-progress:before {
    content: "";
    width: 1px;
    height: 16px;
    background: #c2c2c2;
    position: absolute;
    left: 50%;
    top: 1px;
    bottom: 0;
    transform: rotate(30deg)
}

.partenariat-quizz-questions .quizz-progress span {
    display: inline-block;
    padding: 0 12px;
    transition: color 1s cubic-bezier(.4,.5,.15,1)
}

.partenariat-quizz-questions .quizz-progress span.current {
    font-family: Orkney Bold,Arial,Helvetica,sans-serif;
    font-weight: 700
}

.partenariat-quizz-questions .partenariat-quizz-wrapper {
    position: relative
}

.partenariat-quizz-questions .quizz {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0
}

.partenariat-quizz-questions .quizz h2 {
    font-family: Orkney Bold,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    max-width: 71.42%;
    margin: 30px auto 0;
    line-height: 1.2
}

@media(min-width: 768px) {
    .partenariat-quizz-questions .quizz h2 {
        font-size:23px
    }
}

@media(min-width: 960px) {
    .partenariat-quizz-questions .quizz h2 {
        max-width:inherit;
        margin-top: 40px;
        font-size: 35px;
        line-height: 1.27
    }
}

@media(min-width: 1200px) {
    .partenariat-quizz-questions .quizz h2 {
        font-size:40px
    }
}

.partenariat-quizz-questions .quizz li {
    display: block;
    padding: 10px 10px 0;
    width: 100%
}

@media(min-width: 1200px) {
    .partenariat-quizz-questions .quizz li {
        flex-grow:0;
        flex-shrink: 0;
        width: 50%
    }
}

.partenariat-quizz-questions .quizz li button {
    font-family: Orkney,Arial,Helvetica,sans-serif;
    font-weight: 400;
    display: inline-block;
    color: #000;
    background: #fff;
    border: 1px solid #c2c2c2;
    padding: 25px 0;
    font-size: 16px;
    letter-spacing: -.15px;
    border-radius: 5px;
    transition: all .5s cubic-bezier(.4,.5,.15,1);
    cursor: pointer;
    width: 100%
}

@media(min-width: 1200px) {
    .partenariat-quizz-questions .quizz li button {
        font-size:20px
    }
}

.partenariat-quizz-questions .quizz li button:hover {
    border-color: #fff;
    box-shadow: 0 0 15px 0 rgba(0,0,0,.1)
}

.partenariat-quizz-questions .quizz ul {
    list-style: none;
    text-align: center;
    margin: 30px auto 0;
    max-width: 400px
}

@media(min-width: 960px) {
    .partenariat-quizz-questions .quizz ul {
        margin-top:40px
    }
}

@media(min-width: 1200px) {
    .partenariat-quizz-questions .quizz ul {
        margin-top:40px;
        max-width: inherit;
        display: flex
    }
}

.partenariat-quizz-questions .quizz svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0);
    max-height: 26px;
    width: auto
}

.partenariat-quizz-questions .quizz svg g {
    opacity: 1
}

.partenariat-quizz-questions .quizz svg path {
    fill: #fff
}

.partenariat-quizz-questions .quizz .icon {
    margin: 0 auto;
    width: 74px;
    height: 74px;
    border-radius: 50%;
    background: #000
}

.partenariat-quizz-questions .quizz .back {
    text-align: right;
    margin: 0 auto;
    padding: 30px 10px 0;
    max-width: 400px
}

@media(min-width: 1200px) {
    .partenariat-quizz-questions .quizz .back {
        max-width:inherit;
        padding-top: 40px
    }
}

.partenariat-quizz-questions .quizz .back button {
    font-family: Orkney,Arial,Helvetica,sans-serif;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: -.27px;
    cursor: pointer;
    text-decoration: underline;
    transition: color .3s cubic-bezier(.4,.5,.15,1)
}

@media(min-width: 1200px) {
    .partenariat-quizz-questions .quizz .back button {
        font-size:16px
    }
}

.partenariat-quizz-questions .quizz .back button:hover {
    color: #f60
}

.partenariat-quizz-form {
    padding: 40px 0
}

@media(min-width: 960px) {
    .partenariat-quizz-form {
        padding:80px 0
    }
}

.partenariat-quizz-form .introduction {
    max-width: 70%;
    margin-left: auto;
    margin-right: auto
}

.partenariat-quizz-form .hubspot-form {
    padding: 40px 0 0
}

@media(min-width: 960px) {
    .partenariat-quizz-form .hubspot-form {
        padding-top:60px
    }
}

.page-error {
    padding: 100px 0;
    text-align: center;
    position: relative;
    height: calc(100vh - 80px);
    display: flex;
    align-items: flex-start
}

@media(min-width: 960px) {
    .page-error {
        padding:200px 0
    }
}

.page-error .content {
    flex-grow: 0;
    flex-shrink: 0;
    margin: auto;
    width: 100%;
    padding: 0 30px
}

@media(min-width: 768px) {
    .page-error .content {
        padding:0;
        width: 620px
    }
}

.page-error .error-code {
    font-family: Arial,Regular;
    font-weight: 500;
    color: #f1f1f1;
    display: flex;
    justify-content: center;
    font-size: 150px
}

@media(min-width: 768px) {
    .page-error .error-code {
        font-size:250px
    }
}

.page-error .error-message {
    font-family: Orkney Bold,Arial,Helvetica,sans-serif;
    font-weight: 700;
    color: #f60;
    font-size: 30px;
    position: relative;
    padding: 0 30px;
    margin-bottom: 30px;
    display: inline-block
}

@media(min-width: 768px) {
    .page-error .error-message {
        font-size:40px
    }
}

.page-error .error-message:after,.page-error .error-message:before {
    content: "";
    width: 23px;
    height: 3px;
    display: block;
    background: #f60;
    position: absolute;
    top: 15px
}

@media(min-width: 768px) {
    .page-error .error-message:after,.page-error .error-message:before {
        top:18px
    }
}

.page-error .error-message:before {
    left: 0
}

.page-error .error-message:after {
    right: 0
}

.global-loader circle {
    stroke: #f60
}

.video-spinner circle {
    stroke: #fff;
    stroke-width: .8px!important
}

.uk-lightbox .uk-lightbox-button {
    transform: translate3d(0,-50%,0)
}

.image {
    position: relative;
    overflow: hidden;
    transform: translateZ(0);
    width: 100%;
    height: 100%
}

.image img {
    display: block;
    max-width: inherit;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: rotate(.001deg) translate3d(-50%,-50%,0);
    z-index: 0;
    transition: opacity .5s cubic-bezier(.4,.5,.15,1);
    opacity: 0;
    perspective: 1000px
}

.object-fit .image img,.objectfit .image img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.image figure {
    width: 100%;
    height: 100%
}

.image.ready img {
    opacity: 1
}

h1.section-title,h2.section-title,h3.section-title,h4.section-title,h5.section-title,h6.section-title {
    line-height: 1.33;
    letter-spacing: -1.36px;
    margin-top: 0;
    margin-bottom: 30px;
    color: #000
}

@media(min-width: 640px) {
    h1.section-title,h2.section-title,h3.section-title,h4.section-title,h5.section-title,h6.section-title {
        max-width:50%
    }
}

@media(min-width: 960px) {
    h1.section-title,h2.section-title,h3.section-title,h4.section-title,h5.section-title,h6.section-title {
        line-height:1.21;
        letter-spacing: -2.64px
    }
}

h1.section-subtitle,h2.section-subtitle,h3.section-subtitle,h4.section-subtitle,h5.section-subtitle,h6.section-subtitle {
    color: hsla(0,0%,76.1%,.8);
    letter-spacing: -.64px;
    margin-bottom: 5px
}

@media(min-width: 960px) {
    h1.section-subtitle,h2.section-subtitle,h3.section-subtitle,h4.section-subtitle,h5.section-subtitle,h6.section-subtitle {
        letter-spacing:-1.2px
    }
}

.with-chevron-right,.with-chevron-right-yellow {
    padding-right: 15px;
    background-repeat: no-repeat;
    background-position: right 0 bottom 56%;
    background-size: 8px 11px
}

.with-chevron-right {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 11'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='square' d='M2 2l3.8 3.8L2 9.6'/%3E%3C/svg%3E");
    text-decoration: none;
    transition: all .3s
}

.with-chevron-right-yellow,.with-chevron-right:focus,.with-chevron-right:hover {
    color: #f60;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 11'%3E%3Cpath fill='none' stroke='%23ff6600' stroke-width='2' stroke-linecap='square' d='M2 2l3.8 3.8L2 9.6'/%3E%3C/svg%3E")
}

.with-chevron-right-yellow {
    font-family: Arial,Regular;
    font-weight: 500
}

.btn-border--default,.btn-border--white,.btn-carousel-next,.btn-carousel-previous,.btn-fill--yellow {
    font-family: Arial,Regular;
    font-weight: 500;
    font-size: 16px;
    border-radius: 4px;
    letter-spacing: .27px;
    padding: 16px 30px 15px;
    text-decoration: none;
    display: inline-block
}

.btn-carousel-next,.btn-carousel-previous {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 8px 11px;
    padding: 10px;
    width: 52px;
    height: 52px
}

.btn-border--default,.btn-border--white,.btn-carousel-next,.btn-carousel-previous {
    color: #000;
    border: 2px solid #000;
    transition: all .3s
}

.btn-border--default:focus,.btn-border--default:hover,.btn-border--white:focus,.btn-border--white:hover,.btn-carousel-next:focus,.btn-carousel-next:hover,.btn-carousel-previous:focus,.btn-carousel-previous:hover {
    text-decoration: none;
    background-color: #000;
    color: #fff
}

.btn-border--default.disable,.btn-border--default.uk-invisible,.disable.btn-border--white,.disable.btn-carousel-next,.disable.btn-carousel-previous,.uk-invisible.btn-border--white,.uk-invisible.btn-carousel-next,.uk-invisible.btn-carousel-previous {
    border-color: #c2c2c2;
    color: #c2c2c2
}

.btn-border--default.disable:focus,.btn-border--default.disable:hover,.btn-border--default.uk-invisible:focus,.btn-border--default.uk-invisible:hover,.disable.btn-border--white:focus,.disable.btn-border--white:hover,.disable.btn-carousel-next:focus,.disable.btn-carousel-next:hover,.disable.btn-carousel-previous:focus,.disable.btn-carousel-previous:hover,.uk-invisible.btn-border--white:focus,.uk-invisible.btn-border--white:hover,.uk-invisible.btn-carousel-next:focus,.uk-invisible.btn-carousel-next:hover,.uk-invisible.btn-carousel-previous:focus,.uk-invisible.btn-carousel-previous:hover {
    text-decoration: none;
    border-color: #c2c2c2;
    color: #c2c2c2;
    background-color: transparent
}

.btn-border--white {
    color: #fff;
    border-color: #fff
}

.btn-fill--yellow {
    color: #fff;
    border: 2px solid #f60;
    background: #f60;
    transition: all .3s
}

.btn-fill--yellow:focus,.btn-fill--yellow:hover {
    text-decoration: none;
    border-color: #000;
    background-color: #000;
    color: #fff
}

.btn-fill--yellow.disable,.btn-fill--yellow.uk-invisible {
    border-color: #c2c2c2;
    color: #c2c2c2
}

.btn-fill--yellow.disable:focus,.btn-fill--yellow.disable:hover,.btn-fill--yellow.uk-invisible:focus,.btn-fill--yellow.uk-invisible:hover {
    text-decoration: none;
    border-color: #c2c2c2;
    color: #c2c2c2;
    background-color: transparent
}

.btn-carousel-previous {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 11'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='square' d='M5.8 9.6L2 5.8 5.8 2'/%3E%3C/svg%3E")
}

.btn-carousel-previous:focus,.btn-carousel-previous:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 11'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='square' d='M5.8 9.6L2 5.8 5.8 2'/%3E%3C/svg%3E")
}

.btn-carousel-previous.uk-invisible,.btn-carousel-previous.uk-invisible:focus,.btn-carousel-previous.uk-invisible:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 11'%3E%3Cpath fill='none' stroke='%23c2c2c2' stroke-width='2' stroke-linecap='square' d='M5.8 9.6L2 5.8 5.8 2'/%3E%3C/svg%3E")
}

.btn-carousel-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 11'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='square' d='M2 2l3.8 3.8L2 9.6'/%3E%3C/svg%3E")
}

.btn-carousel-next:focus,.btn-carousel-next:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 11'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='square' d='M2 2l3.8 3.8L2 9.6'/%3E%3C/svg%3E")
}

.btn-carousel-next.uk-invisible,.btn-carousel-next.uk-invisible:focus,.btn-carousel-next.uk-invisible:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 11'%3E%3Cpath fill='none' stroke='%23c2c2c2' stroke-width='2' stroke-linecap='square' d='M2 2l3.8 3.8L2 9.6'/%3E%3C/svg%3E")
}

.icon-facebook,.icon-instagram,.icon-linkedin,.icon-twitter {
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 16px;
    height: 16px;
    transition: background-image .3s
}

.icon-facebook {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='470' height='470'%3E%3Cpath d='M271.521 154.17v-40.541c0-6.086.28-10.8.849-14.13.567-3.335 1.857-6.615 3.859-9.853 1.999-3.236 5.236-5.47 9.706-6.708 4.476-1.24 10.424-1.858 17.85-1.858h40.539V0h-64.809c-37.5 0-64.433 8.897-80.803 26.691-16.368 17.798-24.551 44.014-24.551 78.658v48.82h-48.542v81.086h48.539v235.256h97.362V235.256h64.805l8.566-81.086h-73.37z' fill='%23c2c2c2'/%3E%3C/svg%3E")
}

.icon-facebook:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='470' height='470'%3E%3Cpath d='M271.521 154.17v-40.541c0-6.086.28-10.8.849-14.13.567-3.335 1.857-6.615 3.859-9.853 1.999-3.236 5.236-5.47 9.706-6.708 4.476-1.24 10.424-1.858 17.85-1.858h40.539V0h-64.809c-37.5 0-64.433 8.897-80.803 26.691-16.368 17.798-24.551 44.014-24.551 78.658v48.82h-48.542v81.086h48.539v235.256h97.362V235.256h64.805l8.566-81.086h-73.37z' fill='%23ff6600'/%3E%3C/svg%3E")
}

.icon-twitter {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='28'%3E%3Cpath fill='%23c2c2c2' fill-rule='evenodd' d='M34.635 3.462a13.9 13.9 0 01-3.986 1.07 6.894 6.894 0 003.043-3.81 13.64 13.64 0 01-4.393 1.669A6.91 6.91 0 0024.24.21a6.913 6.913 0 00-6.922 6.91c0 .535.065 1.07.172 1.583A19.686 19.686 0 013.218 1.472a6.85 6.85 0 00-.943 3.487 6.902 6.902 0 003.086 5.755 6.98 6.98 0 01-3.128-.877v.086a6.914 6.914 0 005.55 6.782 7.33 7.33 0 01-1.822.235c-.45 0-.878-.043-1.307-.107a6.933 6.933 0 006.472 4.792 13.877 13.877 0 01-8.593 2.952c-.579 0-1.115-.02-1.672-.085a19.584 19.584 0 0010.63 3.102c12.729 0 19.694-10.526 19.694-19.661 0-.3 0-.599-.022-.899a14.867 14.867 0 003.472-3.572z'/%3E%3C/svg%3E")
}

.icon-twitter:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='28'%3E%3Cpath fill='%23ff6600' fill-rule='evenodd' d='M34.635 3.462a13.9 13.9 0 01-3.986 1.07 6.894 6.894 0 003.043-3.81 13.64 13.64 0 01-4.393 1.669A6.91 6.91 0 0024.24.21a6.913 6.913 0 00-6.922 6.91c0 .535.065 1.07.172 1.583A19.686 19.686 0 013.218 1.472a6.85 6.85 0 00-.943 3.487 6.902 6.902 0 003.086 5.755 6.98 6.98 0 01-3.128-.877v.086a6.914 6.914 0 005.55 6.782 7.33 7.33 0 01-1.822.235c-.45 0-.878-.043-1.307-.107a6.933 6.933 0 006.472 4.792 13.877 13.877 0 01-8.593 2.952c-.579 0-1.115-.02-1.672-.085a19.584 19.584 0 0010.63 3.102c12.729 0 19.694-10.526 19.694-19.661 0-.3 0-.599-.022-.899a14.867 14.867 0 003.472-3.572z' stroke='%23ff6600'/%3E%3C/svg%3E")
}

.icon-linkedin {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='438.536' height='438.535'%3E%3Cpath d='M5.424 145.895H99.64v282.932H5.424zm403.418 25.844c-19.791-21.604-45.967-32.408-78.512-32.408-11.991 0-22.891 1.475-32.695 4.427-9.801 2.95-18.079 7.089-24.838 12.419-6.755 5.33-12.135 10.278-16.129 14.844-3.798 4.337-7.512 9.389-11.136 15.104v-40.232h-93.935l.288 13.706c.193 9.139.288 37.307.288 84.508 0 47.205-.19 108.777-.572 184.722h93.931V270.942c0-9.705 1.041-17.412 3.139-23.127 4-9.712 10.037-17.843 18.131-24.407 8.093-6.572 18.13-9.855 30.125-9.855 16.364 0 28.407 5.662 36.117 16.987 7.707 11.324 11.561 26.98 11.561 46.966V428.82h93.931V266.664c-.007-41.688-9.897-73.328-29.694-94.925zM53.103 9.708c-15.796 0-28.595 4.619-38.4 13.848C4.899 32.787 0 44.441 0 58.529 0 72.42 4.758 84.034 14.275 93.358c9.514 9.325 22.078 13.99 37.685 13.99h.571c15.99 0 28.887-4.661 38.688-13.99 9.801-9.324 14.606-20.934 14.417-34.829-.19-14.087-5.047-25.742-14.561-34.973C81.562 14.323 68.9 9.708 53.103 9.708z' fill='%23c2c2c2'/%3E%3C/svg%3E")
}

.icon-linkedin:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='438.536' height='438.535'%3E%3Cpath d='M5.424 145.895H99.64v282.932H5.424zm403.418 25.844c-19.791-21.604-45.967-32.408-78.512-32.408-11.991 0-22.891 1.475-32.695 4.427-9.801 2.95-18.079 7.089-24.838 12.419-6.755 5.33-12.135 10.278-16.129 14.844-3.798 4.337-7.512 9.389-11.136 15.104v-40.232h-93.935l.288 13.706c.193 9.139.288 37.307.288 84.508 0 47.205-.19 108.777-.572 184.722h93.931V270.942c0-9.705 1.041-17.412 3.139-23.127 4-9.712 10.037-17.843 18.131-24.407 8.093-6.572 18.13-9.855 30.125-9.855 16.364 0 28.407 5.662 36.117 16.987 7.707 11.324 11.561 26.98 11.561 46.966V428.82h93.931V266.664c-.007-41.688-9.897-73.328-29.694-94.925zM53.103 9.708c-15.796 0-28.595 4.619-38.4 13.848C4.899 32.787 0 44.441 0 58.529 0 72.42 4.758 84.034 14.275 93.358c9.514 9.325 22.078 13.99 37.685 13.99h.571c15.99 0 28.887-4.661 38.688-13.99 9.801-9.324 14.606-20.934 14.417-34.829-.19-14.087-5.047-25.742-14.561-34.973C81.562 14.323 68.9 9.708 53.103 9.708z' fill='%23ff6600'/%3E%3C/svg%3E")
}

.icon-instagram {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='169' height='169'%3E%3Cpath d='M122.406 0H46.654C20.929 0 0 20.93 0 46.655v75.752c0 25.726 20.929 46.655 46.654 46.655h75.752c25.727 0 46.656-20.93 46.656-46.655V46.655C169.063 20.93 148.133 0 122.406 0zm31.657 122.407c0 17.455-14.201 31.655-31.656 31.655H46.654C29.2 154.063 15 139.862 15 122.407V46.655C15 29.201 29.2 15 46.654 15h75.752c17.455 0 31.656 14.201 31.656 31.655v75.752z' fill='%23c2c2c2'/%3E%3Cpath d='M84.531 40.97c-24.021 0-43.563 19.542-43.563 43.563 0 24.02 19.542 43.561 43.563 43.561s43.563-19.541 43.563-43.561c0-24.021-19.542-43.563-43.563-43.563zm0 72.123c-15.749 0-28.563-12.812-28.563-28.561 0-15.75 12.813-28.563 28.563-28.563s28.563 12.813 28.563 28.563c0 15.749-12.814 28.561-28.563 28.561zm45.39-84.842c-2.89 0-5.729 1.17-7.77 3.22a11.053 11.053 0 00-3.23 7.78c0 2.891 1.18 5.73 3.23 7.78 2.04 2.04 4.88 3.22 7.77 3.22 2.9 0 5.73-1.18 7.78-3.22 2.05-2.05 3.22-4.89 3.22-7.78 0-2.9-1.17-5.74-3.22-7.78-2.04-2.05-4.88-3.22-7.78-3.22z' fill='%23c2c2c2'/%3E%3C/svg%3E")
}

.icon-instagram:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='169' height='169'%3E%3Cpath d='M122.406 0H46.654C20.929 0 0 20.93 0 46.655v75.752c0 25.726 20.929 46.655 46.654 46.655h75.752c25.727 0 46.656-20.93 46.656-46.655V46.655C169.063 20.93 148.133 0 122.406 0zm31.657 122.407c0 17.455-14.201 31.655-31.656 31.655H46.654C29.2 154.063 15 139.862 15 122.407V46.655C15 29.201 29.2 15 46.654 15h75.752c17.455 0 31.656 14.201 31.656 31.655v75.752z' fill='%23ff6600'/%3E%3Cpath d='M84.531 40.97c-24.021 0-43.563 19.542-43.563 43.563 0 24.02 19.542 43.561 43.563 43.561s43.563-19.541 43.563-43.561c0-24.021-19.542-43.563-43.563-43.563zm0 72.123c-15.749 0-28.563-12.812-28.563-28.561 0-15.75 12.813-28.563 28.563-28.563s28.563 12.813 28.563 28.563c0 15.749-12.814 28.561-28.563 28.561zm45.39-84.842c-2.89 0-5.729 1.17-7.77 3.22a11.053 11.053 0 00-3.23 7.78c0 2.891 1.18 5.73 3.23 7.78 2.04 2.04 4.88 3.22 7.77 3.22 2.9 0 5.73-1.18 7.78-3.22 2.05-2.05 3.22-4.89 3.22-7.78 0-2.9-1.17-5.74-3.22-7.78-2.04-2.05-4.88-3.22-7.78-3.22z' fill='%23ff6600'/%3E%3C/svg%3E")
}

button.replay {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.661.001h.034c.019-.002.027 0 .039 0a8.58 8.58 0 015.955 2.42L16.447.645a.286.286 0 01.314-.065.297.297 0 01.186.271l-.294 6.066h-5.715a.294.294 0 01-.145-.548l1.73-1.751c-1.026-.988-2.36-1.529-3.832-1.529-2.993.017-5.433 2.47-5.433 5.51.023 2.978 2.457 5.4 5.481 5.422a5.511 5.511 0 004.719-3.221l2.803 1.293-.019.039c-1.92 3.713-4.946 5.277-8.192 4.944-4.375-.348-7.848-4.013-7.878-8.52C.171 3.876 3.976.042 8.661.001z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E") calc(100% - 20px) 50% no-repeat;
    position: absolute;
    bottom: 15px;
    right: 15px;
    z-index: 1;
    width: 50px;
    height: 50px;
    cursor: pointer;
    opacity: 0;
    transition: opacity cubic-bezier(.4,.5,.15,1);
    -moz-transition: opacity .25s cubic-bezier(.4,.5,.15,1);
    -webkit-transition: opacity .25s cubic-bezier(.4,.5,.15,1)
}

button.replay.off {
    opacity: 0
}

.card-argument {
    background: #fff;
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 15px
}

.card-argument .picto--wrapper {
    margin: 15px 0 45px
}

.card-argument .picto--wrapper img {
    height: 46px;
    width: auto
}

.card-argument .card-title {
    font-family: Orkney Bold,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.1
}

.card-argument .card-text {
    font-size: 10px;
    color: #b2b2b2;
    margin: 0;
    line-height: 1.5
}

.card-argument {
    box-shadow: 0 0 8px 3px #ececec
}

.card-argument .card-title {
    margin-bottom: 8px
}

.card-social {
    position: relative;
    border-radius: 5px;
    overflow: hidden
}

.card-social a,.card-social a:hover {
    color: #fff
}

.card-social .card-content {
    padding: 30px 20px
}

.card-social.card-blog:before {
    content: "";
    padding-bottom: 100%;
    display: block;
    background: #16191a
}

.card-social.card-blog .image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.card-social.card-blog .image img {
    width: 100%
}

.card-social.card-blog .card-content {
    font-size: 25px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.card-social.card-blog .card-content:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg,transparent,rgba(0,0,0,.52))
}

.card-social.card-blog .card-content .text--wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 30px;
    z-index: 2
}

.card-social.card-blog .card-content .subtitle {
    font-family: Orkney Light,Arial,Helvetica,sans-serif;
    font-weight: 300;
    margin-bottom: 15px
}

.card-social.card-blog .card-content .title {
    font-family: Orkney Bold,Arial,Helvetica,sans-serif;
    font-weight: 700
}

.card-social.card-twitter {
    background: #5babf4;
    font-size: 14px;
    line-height: 1.88
}

.card-social.card-twitter .card-content {
    padding-top: 60px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='28'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M34.635 3.462a13.9 13.9 0 01-3.986 1.07 6.894 6.894 0 003.043-3.81 13.64 13.64 0 01-4.393 1.669A6.91 6.91 0 0024.24.21a6.913 6.913 0 00-6.922 6.91c0 .535.065 1.07.172 1.583A19.686 19.686 0 013.218 1.472a6.85 6.85 0 00-.943 3.487 6.902 6.902 0 003.086 5.755 6.98 6.98 0 01-3.128-.877v.086a6.914 6.914 0 005.55 6.782 7.33 7.33 0 01-1.822.235c-.45 0-.878-.043-1.307-.107a6.933 6.933 0 006.472 4.792 13.877 13.877 0 01-8.593 2.952c-.579 0-1.115-.02-1.672-.085a19.584 19.584 0 0010.63 3.102c12.729 0 19.694-10.526 19.694-19.661 0-.3 0-.599-.022-.899a14.867 14.867 0 003.472-3.572z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 35px 28px;
    background-position: 20px 20px
}

@media(min-width: 960px) {
    .card-social.card-twitter .card-content {
        padding-top:90px;
        background-position: 20px 30px
    }
}

.card-social.card-twitter .card-content .name {
    font-size: 18px
}

.card-social.card-twitter .card-content .username {
    font-family: Orkney Bold,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 25px
}

.card-social.card-twitter .card-content .tweet {
    padding: 15px 0
}

@media(min-width: 960px) {
    .card-social.card-twitter .card-content .tweet {
        padding:20px 0 30px;
        font-size: 18px
    }
}

.card-archive {
    -webkit-mask-image: -webkit-radial-gradient(#fff,#000);
    background: #16191a;
    border-radius: 5px;
    overflow: hidden
}

.card-archive a {
    display: block
}

.card-archive a:hover .card-media .image img {
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(.49,.25,.49,.92);
    transform: rotate(.001deg) translate3d(-50%,-50%,0) scale(1.06)
}

.card-archive a:hover .more {
    transform: translate3d(10px,0,0)
}

.card-archive .more {
    transition: transform .5s cubic-bezier(.4,.5,.15,1);
    display: inline-block
}

.card-archive .card-media {
    background: rgba(255,174,0,.3);
    padding: 53% 0 0;
    position: relative;
    overflow: hidden
}

@media(min-width: 640px) {
    .card-archive .card-media {
        padding:70% 0 0
    }
}

.card-archive .card-media .image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto
}

.card-archive .card-media .image img {
    transition-property: all;
    min-height: inherit;
    min-width: inherit;
    width: 101%;
    height: auto
}

.card-archive .card-media .image:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: .1;
    transition: opacity .4s cubic-bezier(.4,.5,.15,1);
    z-index: 1
}

.card-archive .card-body {
    padding: 30px 20px;
    position: relative;
    color: #fff;
    font-size: 16px
}

.card-archive .card-body .tag {
    font-family: Arial,Regular;
    font-weight: 500;
    font-size: 12px;
    color: #fff;
    padding-left: 15px;
    padding-right: 15px;
    height: 21px;
    line-height: 23px;
    position: absolute;
    top: 0;
    left: 20px;
    transform: translate3d(0,-50%,0);
    border-radius: 5px;
    z-index: 2
}

.card-archive .card-body .date {
    color: hsla(0,0%,100%,.5);
    font-size: 14px;
    line-height: 1.64;
    margin-bottom: 15px;
    display: inline-block
}

.card-archive .card-body .title {
    font-family: Orkney Bold,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.25;
    margin: 15px 0;
    display: block;
    color: #fff
}

@media(min-width: 768px) {
    .card-archive .card-body .title {
        font-size:25px;
        line-height: 1.2
    }
}

.card-archive .card-body .exerpt {
    color: hsla(0,0%,100%,.5);
    font-size: 14px;
    line-height: 1.64;
    margin-bottom: 20px
}

@media(min-width: 768px) {
    .card-archive .card-body .exerpt {
        font-size:16px
    }
}

.video-inline {
    position: relative;
    overflow: hidden;
    transform: translateZ(0);
    width: 100%;
    height: 100%
}

.video-inline video {
    display: block;
    max-width: inherit;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: rotate(.001deg) translate3d(-50%,-50%,0);
    z-index: 0;
    transition: all .5s cubic-bezier(.4,.5,.15,1);
    perspective: 1000px
}

.object-fit .video-inline video,.objectfit .video-inline video {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.block-carousel li {
    margin-left: auto;
    width: 326px;
    -webkit-transition: all .5s;
    height: fit-content;
    transform: none !important;
    margin-right: 14px;
    padding-left: 0;
    padding-right: 0;
    background: #fff;
    border-radius: 22px;
    box-shadow: 0 0 5px 0 rgba(29,25,0,.25)
}

.block-carousel-act li {
    -webkit-transition: all .5s;
    height: 121px;
    margin-right: 14px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 15px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px 0 rgba(29,25,0,.25)
}

.block-carousel-supr li {
    margin-left: auto;
    width: 326px;
    -webkit-transition: all .5s;
    height: fit-content;
    margin-right: 14px;
    padding-left: 0;
    padding-right: 0;
    background: #fff;
    border-radius: 22px;
    box-shadow: 0 0 10px 0 rgba(29,25,0,.25)
}

@media(min-width: 960px) {
    .block-carousel li {
        margin-left:auto;
        width: 326px;
        transform: none !important;
        -webkit-transition: all .5s;
        height: fit-content;
        margin-right: 2px;
        padding-left: 0;
        padding-right: 0;
        background: #fff;
        border-radius: 22px;
        box-shadow: 0 0 5px 0 rgba(29,25,0,.25)
    }

    .block-carousel-act li {
        margin-left: auto;
        width: 348px;
        -webkit-transition: all .5s;
        height: fit-content;
        margin-right: -10px;
        margin-bottom: 44px;
        padding-left: 0;
        padding-right: 0;
        background: #fff;
        border-radius: 22px;
        box-shadow: 0 0 10px 0 rgba(29,25,0,.25)
    }

    .block-carousel-supr li {
        margin-left: auto;
        width: 326px;
        -webkit-transition: all .5s;
        height: fit-content;
        margin-right: 2px;
        padding-left: 0;
        padding-right: 0;
        background: #fff;
        border-radius: 22px;
        box-shadow: 0 0 10px 0 rgba(29,25,0,.25)
    }
}

.block-carousel .picto--wrapper {
    transition: transform .5s cubic-bezier(.4,.5,.15,1)
}

.block-carousel-act .picto--wrapper {
    transition: transform .5s cubic-bezier(.4,.5,.15,1)
}

.block-carousel-supr .picto--wrapper {
    transition: transform .5s cubic-bezier(.4,.5,.15,1)
}

.block-carousel .picto--wrapper img {
    height: 46px;
    width: auto
}

.block-carousel-act .picto--wrapper img {
    height: 46px;
    width: auto
}

.block-carousel-supr .picto--wrapper img {
    height: 46px;
    width: auto
}

.block-carousel .carousel-nav {
    text-align: center;
    margin: 30px 7.5px 0
}

.block-carousel-act .carousel-nav {
    text-align: center;
    margin: 30px 7.5px 0
}

.block-carousel-supr .carousel-nav {
    text-align: center;
    margin: 30px 7.5px 0
}

@media(min-width: 640px) {
    .block-carousel .carousel-nav {
        text-align:right;
        margin: 50px 15px 0
    }

    .block-carousel-act .carousel-nav {
        text-align: right;
        margin: 50px 15px 0
    }

    .block-carousel-supr .carousel-nav {
        text-align: right;
        margin: 50px 15px 0
    }
}

@media(min-width: 1200px) {
    .block-carousel .carousel-nav {
        margin-top:80px
    }

    .block-carousel-act .carousel-nav {
        margin-top: 80px
    }

    .block-carousel-supr .carousel-nav {
        margin-top: 80px
    }
}

.block-carousel .carousel-nav a[uk-slider-item=previous] {
    margin: 0 5px
}

.block-carousel .carousel-nav a[uk-slider-item=next],.block-carousel .carousel-nav a[uk-slider-item=previous] {
    display: none;
    vertical-align: top
}

@media(min-width: 640px) {
    .block-carousel .carousel-nav a[uk-slider-item=next],.block-carousel .carousel-nav a[uk-slider-item=previous] {
        display:inline-block
    }
}

.block-carousel .carousel--wrapper {
    margin: 0 -7.5px
}

@media(min-width: 640px) {
    .block-carousel .carousel--wrapper {
        margin:0 -15px
    }
}

.block-carousel .carousel-item {
    -webkit-mask-image: -webkit-radial-gradient(#fff,#000);
    overflow: hidden;
    border-radius: 5px;
    position: relative;
    margin-right: 7.5px;
    margin-left: 7.5px
}

@media(min-width: 640px) {
    .block-carousel .carousel-item {
        margin-left:0;
        margin-right: 0
    }
}

.block-carousel .carousel-item .image {
    min-height: 307px;
    transition: transform .5s cubic-bezier(.4,.5,.15,1)
}

@media(min-width: 1200px) {
    .block-carousel .carousel-item .image {
        min-height:350px
    }
}

.block-carousel .carousel-item .carousel-item--content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px;
    transition: background .5s cubic-bezier(.4,.5,.15,1);
    transform: translateZ(0)
}

@media(min-width: 960px) {
    .block-carousel .carousel-item .carousel-item--content {
        padding:25px
    }
}

.block-carousel .carousel-item .carousel-item--title {
    font-family: Arial Black;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.36;
    letter-spacing: -.19px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding-left: 20px;
    padding-right: 30%;
    padding-bottom: 20px;
    transition: transform 1s cubic-bezier(.4,.5,.15,1)
}

@media(min-width: 360px) {
    .block-carousel .carousel-item .carousel-item--title {
        padding-right:0
    }
}

@media(min-width: 960px) {
    .block-carousel .carousel-item .carousel-item--title {
        padding-left:25px
    }
}

@media(min-width: 1200px) {
    .block-carousel .carousel-item .carousel-item--title {
        font-size:18px
    }
}

.block-carousel .carousel-item a {
    color: #fff
}

.block-carousel .carousel-item a:focus,.block-carousel .carousel-item a:hover {
    text-decoration: none
}

.block-carousel .carousel-item a:hover .carousel-item--title {
    transform: translate3d(0,-10px,0)
}

.block-carousel .carousel-item a:hover .image {
    transition-duration: 4s;
    transform: scale(1.1)
}

.block-carousel .carousel-item a:hover .picto--wrapper {
    transform: translate3d(0,10px,0)
}

.block-carousel .carousel-pages {
    overflow: visible
}

.block-arguments {
    background: #fff
}

.block-arguments--wrapper {
    display: flex;
    flex-wrap: wrap
}

.block-arguments--text {
    flex-grow: 0;
    flex-shrink: 0;
    width: 100%;
    text-align: center;
    padding-bottom: 30px
}

@media(min-width: 960px) {
    .block-arguments--text {
        width:50%;
        padding-right: 50px;
        text-align: left
    }
}

@media(min-width: 1200px) {
    .block-arguments--text {
        width:57.14%;
        padding-right: 7.14%
    }
}

.block-arguments--text .section-title {
    max-width: none
}

.block-arguments--text .text--wrapper {
    padding-bottom: 15px;
    color: #5a5a5a
}

.block-arguments--text .text--wrapper p {
    font-size: 16px;
    line-height: 1.5;
    margin: 0 0 20px
}

.block-arguments--card {
    display: none;
    flex-grow: 0;
    flex-shrink: 0
}

@media(min-width: 960px) {
    .block-arguments--card {
        display:block;
        width: 50%;
        padding-left: 50px
    }
}

@media(min-width: 1200px) {
    .block-arguments--card {
        width:42.85%;
        padding-left: 7.14%
    }
}

.block-arguments--card .card--wrapper {
    display: flex;
    flex-wrap: wrap
}

.block-arguments--card .card-even,.block-arguments--card .card-odd {
    flex-grow: 0;
    flex-shrink: 0;
    width: 50%
}

.block-arguments--card .card-odd {
    padding-left: 15px;
    padding-top: 45px
}

.block-arguments--card .card-even {
    padding-right: 15px
}

.block-arguments--card .card-argument {
    margin-bottom: 30px
}

.block-tabs.block-dark .content-rte em,.block-tabs.block-dark .content-rte li,.block-tabs.block-dark .content-rte p,.block-tabs.block-dark .content-rte strong {
    color: #fff
}

.block-tabs.block-dark .content-rte hr {
    border-color: #16191a
}

.block-tabs--content {
    display: flex
}

.block-tabs--content .media--wrapper {
    display: none;
    flex-grow: 1;
    flex-shrink: 0;
    width: 100%
}

@media(min-width: 960px) {
    .block-tabs--content .media--wrapper {
        display:block;
        flex-grow: 0;
        width: 50%;
        min-height: 500px
    }
}

@media(min-width: 1200px) {
    .block-tabs--content .media--wrapper {
        width:57.14%
    }
}

.block-tabs--content .media--wrapper.align-media--center .image img,.block-tabs--content .media--wrapper.align-media--center .video-inline video {
    width: 100%;
    min-height: auto;
    top: 0;
    transform: rotate(.001deg) translate3d(-50%,0,0)
}

.block-tabs--content .media--wrapper.align-media--left .image {
    overflow: visible
}

.block-tabs--content .media--wrapper.align-media--left .image img {
    right: 0;
    left: auto;
    height: 100%;
    min-width: auto;
    transform: rotate(.001deg) translate3d(0,-50%,0)
}

.block-tabs--content .media--wrapper.align-media--left .video-inline {
    overflow: visible
}

.block-tabs--content .media--wrapper.align-media--left .video-inline video {
    right: 0;
    left: auto;
    height: 100%;
    min-width: auto;
    transform: rotate(.001deg) translate3d(0,-50%,0)
}

.block-tabs--content .tabs-items {
    flex-grow: 1;
    flex-shrink: 0;
    width: 100%
}

@media(min-width: 960px) {
    .block-tabs--content .tabs-items {
        width:50%;
        padding-left: 45px
    }
}

@media(min-width: 1200px) {
    .block-tabs--content .tabs-items {
        width:42.85%;
        padding-left: 7.14%
    }
}

.block-tabs--content .tabs-items .tab-title:hover {
    color: #f60
}

.block-tabs--content .tabs-items .tab-title:active {
    color: #f60
}

.block-tabs--content .tabs-items .tab-title {
    color: #fff;
    font-size: 16px;
    position: relative;
    display: inline-block;
    white-space: nowrap
}

.block-tabs--content .tabs-items .tab-title .picto--wrapper {
    position: absolute;
    top: 10px;
    left: 50%;
    transform: rotate(.001deg) translate3d(-50%,0,0);
    transition: opacity .3s,visibility .3s;
    text-align: center;
    width: 60px;
    height: 33px
}

.block-tabs--content .tabs-items .tab-title .picto--wrapper img {
    display: inline-block;
    height: 35px;
    width: auto
}

.block-tabs--content .tabs-items .tab-title .picto-hover {
    opacity: 0;
    visibility: hidden
}

.block-tabs--content .tabs-items .tab-content {
    color: #fff;
    font-size: 16px;
    margin-top: 124px;
    margin-left: 241px
}

.block-tabs--content .tabs-items .tab-content .title {
    margin-bottom: 15px
}

.block-tabs--content .tabs-items .tab-content .text--wrapper {
    color: hsla(0,0%,100%,.5);
    font-size: 16px;
    margin-bottom: 15px;
    line-height: 1.79;
    letter-spacing: -.11px
}

.block-tabs--content .tabs-items .tab-content .text--wrapper ol,.block-tabs--content .tabs-items .tab-content .text--wrapper p,.block-tabs--content .tabs-items .tab-content .text--wrapper ul {
    margin: 10px 0 0;
    line-height: 1.3
}

.block-tabs--content .tabs-items .tab-content .text--wrapper ol:first-child,.block-tabs--content .tabs-items .tab-content .text--wrapper p:first-child,.block-tabs--content .tabs-items .tab-content .text--wrapper ul:first-child {
    margin: 0
}

.block-tabs--content .tabs-items .tab-content .with-chevron-right-yellow {
    font-family: Arial,Regular;
    font-weight: 500
}

.block-tabs--content .tabs-items .tabs-switcher--wrapper {
    display: none
}

@media(min-width: 960px) {
    .v-show {
        display:none!important
    }

    section[class^=block-].block-solution {
        height: 500px!important;
        margin-top: 100px!important;
        z-index: -1
    }

    section[class^=block-].block-agence {
        margin-top: 574px!important;
        z-index: -1
    }

    .v-showing {
        display: flex!important
    }

    .v-showing-solution {
        display: block!important
    }

    .v-showing-solution-title {
        display: block!important
    }

    .title_act {
        display: block!important
    }

    .title_clt {
        display: block!important
    }

    .carte-agence {
        margin-top: 380px!important
    }
}

.carte-agence {
    margin-top: 180px
}

.v-show {
    display: visible!important
}

section[class^=block-].block-solution {
    height: 644px;
    margin-top: 0
}

section[class^=block-].maps-netcom {
    width: 270px!important
}

section[class^=block-].block-agence {
    margin-top: 247px
}

.v-showing:not(.uk-grid) {
    display: none
}

.agence-text {
    display: none
}

.v-showing-solution:not(.uk-grid) {
    display: none
}

.v-showing-solution-title:not(.uk-grid) {
    display: none
}

.title_clt:not(.uk-grid) {
    display: none
}

.v-show {
    display: visible!important
}

@media(min-width: 960px) {
    .block-tabs--content .tabs-items .tabs-switcher--wrapper {
        float:right;
        display: block
    }
}

.block-tabs--content .tabs-items .tabs-switcher--wrapper .switcher--header {
    display: flex;
    overflow: hidden;
    padding-right: 59px;
    list-style: none;
    position: relative
}

.block-tabs--content .tabs-items .tabs-switcher--wrapper .switcher--header:before {
    content: "";
    position: absolute;
    left: 1px;
    right: 70px;
    bottom: 2px;
    background: #fff;
    height: 1px
}

.block-tabs--content .tabs-items .tabs-switcher--wrapper .switcher--header>li {
    padding-left: 1px;
    padding-right: 10px;
    text-align: center
}

@media(min-width: 960px) {
    .block-tabs--content .tabs-items .tabs-switcher--wrapper .switcher--header>li {
        flex-grow:.06;
        flex-shrink: 0;
        width: auto;
        min-width: 1%
    }
}

.block-tabs--content .tabs-items .tabs-switcher--wrapper .switcher--header>li:not(.uk-active) .tab-title {
    opacity: 1
}

.block-tabs--content .tabs-items .tabs-switcher--wrapper .switcher--header>li.uk-active .tab-title {
    padding-bottom: 5px;
    color: #f60;
    border-bottom: 5px solid #f60
}

.block-tabs--content .tabs-items .tabs-switcher--wrapper .switcher--header>li.uk-active .tab-title .picto-default {
    opacity: 0;
    visibility: hidden
}

.block-tabs--content .tabs-items .tabs-switcher--wrapper .switcher--header>li.uk-active .tab-title .picto-hover {
    opacity: 1;
    visibility: visible
}

.block-tabs--content .tabs-items .tabs-switcher--wrapper .tab-title {
    padding-top: 45px
}

.block-tabs--content .tabs-items .tabs-switcher--wrapper .tab-content .title {
    font-family: Arial,Regular;
    font-weight: 500;
    font-size: 25px;
    letter-spacing: -.2px
}

.block-tabs--content .tabs-items .tabs-accordion--wrapper {
    display: block;
    margin-left: 20px;
    margin-top: 39px;
    margin-right: 20px
}

@media(min-width: 960px) {
    .block-tabs--content .tabs-items .tabs-accordion--wrapper {
        display:none
    }
}

.block-tabs--content .tabs-items .tabs-accordion--wrapper ul {
    list-style: none
}

.block-tabs--content .tabs-items .tabs-accordion--wrapper ul>li {
    display: block;
    padding: 15px 0
}

.block-tabs--content .tabs-items .tabs-accordion--wrapper ul>li:not(:last-child) {
    border-bottom: 1px solid hsla(0,0%,100%,.3)
}

.block-tabs--content .tabs-items .tabs-accordion--wrapper ul>li:not(.uk-open) {
    opacity: 1
}

.block-tabs--content .tabs-items .tabs-accordion--wrapper ul>li.uk-open .tab-title {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7'%3E%3Cpath fill='none' stroke='%23FFF' stroke-linecap='square' stroke-width='1.5' d='M1 6l5-5 5 5'/%3E%3C/svg%3E")
}

.block-tabs--content .tabs-items .tabs-accordion--wrapper ul>li.uk-open .tab-title .picto-default {
    opacity: 0;
    visibility: hidden
}

.block-tabs--content .tabs-items .tabs-accordion--wrapper ul>li.uk-open .tab-title .picto-hover {
    opacity: 1;
    visibility: visible
}

.block-tabs--content .tabs-items .tabs-accordion--wrapper .tab-title {
    padding-left: 45px;
    padding-right: 30px;
    background-repeat: no-repeat;
    background-position: right 0 bottom 56%;
    background-size: 12px 7px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7'%3E%3Cpath fill='none' stroke='%23FFF' stroke-linecap='square' stroke-width='1.5' d='M11 1L6 6 1 1'/%3E%3C/svg%3E");
    transition: all .3s;
    display: block
}

.block-tabs--content .tabs-items .tabs-accordion--wrapper .tab-title .picto--wrapper {
    top: 40%;
    left: -16px;
    transform: rotate(.001deg) translate3d(0,-50%,0)
}

.block-tabs--content .tabs-items .tabs-accordion--wrapper .tab-content .text--wrapper {
    font-size: 14px
}

.block-testimonial ul li {
    list-style: none
}

.block-testimonial--tab {
    padding: 0;
    margin-bottom: 30px;
    margin-left: -10px;
    margin-right: -10px
}

.block-testimonial--tab li {
    display: inline-block;
    margin: 0 10px;
    opacity: .3;
    transition: opacity .3s cubic-bezier(.4,.5,.15,1)
}

.block-testimonial--tab li button {
    font-family: Orkney,Arial,Helvetica,sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #000;
    padding: 8px 20px;
    border-bottom: 1px solid #000;
    display: block;
    cursor: pointer
}

.block-testimonial--tab li button:hover {
    text-decoration: none
}

.block-testimonial--tab li.active {
    opacity: 1
}

.block-testimonial .testimonial-slide .slide-container {
    display: flex;
    flex-wrap: wrap
}

.block-testimonial .testimonial-slide .slide-content {
    flex-grow: 1;
    flex-shrink: 0;
    width: 100%
}

@media(min-width: 768px) {
    .block-testimonial .testimonial-slide .slide-content {
        width:50%;
        height: 100%
    }
}

@media(min-width: 1200px) {
    .block-testimonial .testimonial-slide .slide-content {
        width:57.14%;
        padding-right: 7.14%
    }
}

.block-testimonial .testimonial-slide .slide-content ul {
    position: relative;
    width: 100%;
    height: 100%
}

.block-testimonial .testimonial-slide .slide-content ul li {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.block-testimonial .testimonial-slide .slide-content ul .active {
    z-index: 2
}

.block-testimonial .testimonial-slide .slide-content .text--wrapper .section-subtitle {
    margin-bottom: 15px
}

@media(min-width: 640px) {
    .block-testimonial .testimonial-slide .slide-content .text--wrapper .section-subtitle {
        padding-top:10px
    }
}

.block-testimonial .testimonial-slide .slide-content .text--wrapper .section-title {
    margin-bottom: 30px;
    max-width: 100%
}

@media(min-width: 640px) {
    .block-testimonial .testimonial-slide .slide-content .text--wrapper .section-title {
        margin-bottom:45px
    }
}

.block-testimonial .testimonial-slide .slide-content .text--wrapper .image {
    display: block;
    border-radius: 5px;
    overflow: hidden;
    position: relative
}

@media(min-width: 768px) {
    .block-testimonial .testimonial-slide .slide-content .text--wrapper .image {
        display:none
    }
}

.block-testimonial .testimonial-slide .slide-content .text--wrapper .image:after {
    content: "";
    display: block;
    padding-bottom: 65%
}

.block-testimonial .testimonial-slide .slide-content .text--wrapper .image img {
    top: 0;
    width: 100%;
    height: auto;
    transform: rotate(.001deg) translate3d(-50%,0,0)
}

@media(min-width: 960px) {
    .block-testimonial .testimonial-slide .slide-content .text--wrapper .image img {
        height:100%;
        width: auto
    }
}

.block-testimonial .testimonial-slide .slide-content .text--wrapper .testimonial {
    font-style: normal
}

@media(min-width: 768px) {
    .block-testimonial .testimonial-slide .slide-content .text--wrapper .testimonial {
        padding-left:45px;
        border-left: 2px solid #f60;
        margin-bottom: 0
    }
}

.block-testimonial .testimonial-slide .slide-content .text--wrapper .testimonial .citation {
    font-size: 18px
}

@media(min-width: 1200px) {
    .block-testimonial .testimonial-slide .slide-content .text--wrapper .testimonial .citation {
        font-size:21px
    }
}

.block-testimonial .testimonial-slide .slide-content .text--wrapper .testimonial .author {
    font-family: Orkney Light,Arial,Helvetica,sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: #b2b2b2;
    padding-left: 30px;
    position: relative
}

@media(min-width: 768px) {
    .block-testimonial .testimonial-slide .slide-content .text--wrapper .testimonial .author {
        margin-top:15px
    }
}

@media(min-width: 1200px) {
    .block-testimonial .testimonial-slide .slide-content .text--wrapper .testimonial .author {
        font-size:18px
    }
}

.block-testimonial .testimonial-slide .slide-content .text--wrapper .testimonial .author:before {
    content: "";
    position: absolute;
    left: 0;
    top: 11px;
    transform: translateY(-50%);
    width: 23px;
    height: 2px;
    background: #b2b2b2
}

.block-testimonial .testimonial-slide .slide-image {
    flex-grow: 1;
    flex-shrink: 0;
    width: 100%;
    display: none
}

@media(min-width: 768px) {
    .block-testimonial .testimonial-slide .slide-image {
        display:block;
        width: 50%;
        padding-left: 50px;
        align-self: center
    }
}

@media(min-width: 1200px) {
    .block-testimonial .testimonial-slide .slide-image {
        width:42.85%;
        padding-left: 7.14%
    }
}

.block-testimonial .testimonial-slide .slide-image ul {
    -webkit-mask-image: -webkit-radial-gradient(#fff,#000);
    overflow: hidden;
    position: relative;
    border-radius: 5px;
    width: 100%
}

.block-testimonial .testimonial-slide .slide-image ul:after {
    content: "";
    display: block;
    padding-bottom: 120%
}

.block-testimonial .testimonial-slide .slide-image ul li {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.block-testimonial .testimonial-slide .slide-image ul .active {
    z-index: 2
}

.block-testimonial .testimonial-slide .slide-image .media--wrapper {
    width: 100%;
    height: 100%
}

.block-testimonial .testimonial-slide .slide-image .media--wrapper.visuel-pic .image img {
    top: 0;
    transform: rotate(.001deg) translate3d(-50%,0,0)
}

.block-testimonial .testimonial-slide .slide-image .media--wrapper .image img {
    height: 100%;
    width: auto
}

.block-testimonial .testimonial-slide .slide-dotnav {
    display: flex;
    justify-content: center;
    margin-top: 30px
}

.block-testimonial .testimonial-slide .slide-dotnav li {
    padding: 14px 5px;
    cursor: pointer;
    pointer-events: none
}

.block-testimonial .testimonial-slide .slide-dotnav li>span {
    width: 0;
    height: 2px;
    border-radius: 0;
    display: block;
    background: #c2c2c2;
    transition: width .3s
}

.block-testimonial .testimonial-slide .slide-dotnav li.visible {
    pointer-events: all
}

.block-testimonial .testimonial-slide .slide-dotnav li.visible>span {
    width: 40px
}

.block-testimonial .testimonial-slide .slide-dotnav li.active>span {
    width: 60px;
    background: #000
}

.block-featured-post--content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.block-featured-post .section-subtitle,.block-featured-post .section-title {
    text-align: center
}

@media(min-width: 640px) {
    .block-featured-post .section-subtitle,.block-featured-post .section-title {
        text-align:left
    }
}

.block-featured-post .section-title {
    max-width: 100%
}

.block-featured-post .card--wrapper {
    width: 100%
}

@media(min-width: 640px) {
    .block-featured-post .card--wrapper {
        width:calc(50% - 15px)
    }
}

@media(min-width: 1200px) {
    .block-featured-post .card--wrapper {
        width:calc(33.33% - 15px)
    }
}

.block-featured-post .card--wrapper:nth-child(3n+1) .card-archive {
    margin-top: 60px
}

.block-featured-post .card--wrapper:nth-child(3n+3) {
    display: none
}

@media(min-width: 1200px) {
    .block-featured-post .card--wrapper:nth-child(3n+3) {
        display:block
    }
}

.block-featured-post .card--wrapper:nth-child(3n+3) .card-archive {
    margin-top: 90px
}

.block-featured-post .card--wrapper .card-social {
    margin-top: 15px
}

@media(min-width: 640px) {
    .block-featured-post .card--wrapper .card-social {
        margin-top:30px;
        margin-top: 24px
    }
}

.block-featured-post .card--wrapper .card-blog {
    background: rgba(255,174,0,.3)
}

.block-framed-section {
    position: relative;
    background: #fff
}

@media(min-width: 640px) {
    .block-framed-section {
        padding:20px 0
    }
}

.block-framed-section .bloc-framed-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 50%;
    background: #fff;
    z-index: 0;
    display: none
}

@media(min-width: 640px) {
    .block-framed-section .bloc-framed-bg {
        display:block
    }
}

.block-framed-section .framed--wrapper {
    text-align: center;
    background: #fff;
    position: relative;
    z-index: 1;
    padding: 45px 30px;
    box-shadow: 0 0 10px 4px rgba(0,0,0,.07)
}

@media(min-width: 960px) {
    .block-framed-section .framed--wrapper {
        padding:60px
    }
}

@media(min-width: 1200px) {
    .block-framed-section .framed--wrapper {
        padding:120px
    }
}

.block-framed-section .framed--wrapper .section-title {
    max-width: 100%
}

.block-framed-section .framed--wrapper .text--wrapper {
    font-size: 16px;
    line-height: 1.67
}

@media(min-width: 640px) {
    .block-framed-section .framed--wrapper .text--wrapper {
        font-size:18px
    }
}

.block-framed-section .framed--wrapper .text--wrapper p {
    margin-bottom: 30px
}

.block-introduction h2 {
    font-family: Arial Black;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: normal;
    color: #f60;
    margin-top: 5px
}

@media(min-width: 960px) {
    .block-introduction h2 {
        font-size:40px
    }
}

@media(min-width: 1200px) {
    .block-introduction h2 {
        font-size:22px
    }
}

@media(min-width: 960px) {
    .block-introduction h2 {
        margin-top:12px
    }
}

.block-introduction .sub-title,.block-introduction h3 {
    font-family: Orkney Bold,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 16px;
    margin: 0 auto;
    color: #c2c2c2
}

@media(min-width: 960px) {
    .block-introduction .sub-title,.block-introduction h3 {
        font-size:20px
    }
}

.block-introduction h3 {
    font-size: 14px
}

@media(min-width: 960px) {
    .block-introduction h3 {
        font-size:18px
    }
}

.block-introduction .intro p {
    font-size: 12px;
    line-height: 1.3;
    letter-spacing: -.13px;
    margin: 10px 0 0
}

@media(min-width: 960px) {
    .block-introduction .intro p {
        font-size:14px;
        font-family: Arial,Regular;
        margin-top: 20px;
        line-height: 1.4;
        letter-spacing: -.54px
    }
}

@media(min-width: 1200px) {
    .block-introduction .intro p {
        font-size:14px
    }
}

.block-introduction .fonctions {
    flex-grow: 0;
    flex-shrink: 0;
    width: 100%;
    margin: 30px 0 0
}

@media(min-width: 660px) {
    .block-introduction .fonctions {
        margin:0;
        width: 33.33%;
        padding: 0 15px
    }
}

@media(min-width: 960px) {
    .block-introduction .fonctions {
        width:320px;
        padding: 0 30px
    }
}

.block-introduction .fonctions:first-child {
    margin: 0
}

.block-introduction .fonctions li {
    display: block;
    font-size: 13px;
    line-height: 1;
    letter-spacing: .5px;
    color: #000;
    padding: 15px 0 15px 46px;
    margin: 0;
    border-top: 1px solid rgba(0,0,0,.2);
    position: relative
}

@media(min-width: 768px) {
    .block-introduction .fonctions li {
        font-size:16px;
        padding-top: 20px;
        padding-bottom: 20px
    }
}

.block-introduction .fonctions li:first-child {
    border: none
}

.block-introduction .fonctions ul {
    list-style: none;
    margin: 20px 0 0
}

.block-introduction .fonctions img {
    min-width: inherit;
    min-height: inherit;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0);
    position: absolute;
    margin: 0 auto
}

.block-introduction .fonctions .icon {
    width: 28px;
    height: 28px;
    position: absolute;
    left: 0;
    top: 6px
}

@media(min-width: 768px) {
    .block-introduction .fonctions .icon {
        top:14px
    }
}

.block-introduction .content-top {
    max-width: 500px;
    margin: 0 auto;
    text-align: center
}

@media(min-width: 960px) {
    .block-introduction .content-top {
        max-width:930px
    }
}

.block-introduction .content-fonction {
    max-width: 960px;
    margin: 56px auto 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

@media(min-width: 660px) {
    .block-introduction .content-fonction {
        flex-wrap:nowrap
    }
}

.block-introduction .content-cta {
    padding: 30px 0 0;
    margin: 0 auto;
    max-width: 71.42%;
    text-align: center
}

@media(min-width: 960px) {
    .block-introduction .content-cta {
        padding-top:50px
    }
}

.block-introduction .content-cta a {
    font-family: Arial,Regular;
    font-weight: 500;
    display: inline-block;
    background: #f60;
    color: #fff;
    padding: 16px 30px 15px;
    font-size: 14px;
    letter-spacing: .27px;
    border-radius: 5px;
    transition: background .5s cubic-bezier(.4,.5,.15,1),color .5s cubic-bezier(.4,.5,.15,1);
    margin: 10px 5px 0
}

@media(min-width: 960px) {
    .block-introduction .content-cta a {
        font-size:16px;
        margin: 15px 10px 0
    }
}

.block-introduction .content-cta a:hover {
    color: #fff;
    background: #000
}

.block-avantages h2 {
    font-family: Orkney Bold,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 25px;
    line-height: 1.2;
    letter-spacing: normal;
    color: #000;
    margin-top: 5px
}

@media(min-width: 960px) {
    .block-avantages h2 {
        font-size:40px
    }
}

@media(min-width: 1200px) {
    .block-avantages h2 {
        font-size:46px
    }
}

@media(min-width: 960px) {
    .block-avantages h2 {
        margin-top:12px
    }
}

.block-avantages .sub-title {
    font-family: Orkney Bold,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 16px;
    margin: 0 auto;
    color: #c2c2c2
}

@media(min-width: 960px) {
    .block-avantages .sub-title {
        font-size:20px
    }
}

.block-avantages .intro p {
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: -.13px;
    margin: 10px 0 0
}

@media(min-width: 960px) {
    .block-avantages .intro p {
        margin-top:20px
    }
}

.block-avantages .list-avantages {
    list-style: none;
    margin: 20px 0 0
}

.block-avantages .list-avantages li {
    display: block;
    padding: 15px 0 15px 46px;
    margin: 0;
    border-top: 1px solid rgba(0,0,0,.2);
    position: relative
}

@media(min-width: 768px) {
    .block-avantages .list-avantages li {
        font-size:16px;
        padding-top: 20px;
        padding-bottom: 20px
    }
}

.block-avantages .list-avantages li h3 {
    font-family: Arial,Regular;
    font-weight: 500;
    font-size: 16px;
    margin: 0
}

@media(min-width: 960px) {
    .block-avantages .list-avantages li h3 {
        font-size:20px
    }
}

.block-avantages .list-avantages li p {
    font-size: 13px;
    line-height: 1.38;
    letter-spacing: -.2px;
    color: #b2b2b2;
    margin: 8px 0 0
}

@media(min-width: 960px) {
    .block-avantages .list-avantages li p {
        font-size:16px
    }
}

.block-avantages .list-avantages li:first-child {
    border: none
}

.block-avantages .list-avantages img {
    min-width: inherit;
    min-height: inherit;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0);
    position: absolute;
    margin: 0 auto
}

.block-avantages .list-avantages .icon {
    width: 34px;
    height: 24px;
    position: absolute;
    left: 0;
    top: 10px
}

@media(min-width: 768px) {
    .block-avantages .list-avantages .icon {
        top:17px
    }
}

.block-avantages .content-cta,.block-avantages .content-data,.block-avantages .content-media {
    flex-grow: 0;
    flex-shrink: 0
}

.block-avantages .content-data {
    width: 100%
}

@media(min-width: 640px) {
    .block-avantages .content-data {
        width:50%
    }
}

@media(min-width: 1200px) {
    .block-avantages .content-data {
        width:40%
    }
}

.block-avantages .content-cta {
    padding: 10px 0 0;
    text-align: center;
    width: 100%
}

@media(min-width: 960px) {
    .block-avantages .content-cta {
        padding-top:30px
    }
}

.block-avantages .content-cta a {
    font-family: Arial,Regular;
    font-weight: 500;
    display: inline-block;
    color: #000;
    background: 0 0;
    border: 2px solid #000;
    padding: 16px 30px 15px;
    font-size: 14px;
    letter-spacing: .27px;
    border-radius: 5px;
    transition: background .5s cubic-bezier(.4,.5,.15,1),color .5s cubic-bezier(.4,.5,.15,1),border .5s cubic-bezier(.4,.5,.15,1);
    cursor: pointer;
    margin: 10px 5px 0;
    min-width: 220px
}

@media(min-width: 960px) {
    .block-avantages .content-cta a {
        font-size:16px
    }
}

.block-avantages .content-cta a:hover {
    color: #fff;
    background: #000;
    border-color: #000
}

.block-avantages .content-media {
    width: 100%
}

@media(min-width: 640px) {
    .block-avantages .content-media {
        position:relative;
        width: 50%;
        padding: 30px 0 20px 90px;
        align-self: flex-end
    }
}

@media(min-width: 1200px) {
    .block-avantages .content-media {
        width:60%
    }
}

.block-avantages .content-media img {
    min-width: inherit;
    min-height: inherit;
    width: 100%;
    height: auto;
    top: inherit;
    left: inherit;
    transform: none;
    position: inherit
}

.block-avantages .content-media .image {
    margin: 20px 0 0
}

@media(min-width: 640px) {
    .block-avantages .content-media .image {
        margin:0
    }
}

.block-avantages-wrapper {
    display: flex;
    flex-wrap: wrap
}

@media(min-width: 640px) {
    .block-avantages.pin-image .content-media {
        min-height:400px;
        align-self: auto
    }
}

@media(min-width: 960px) {
    .block-avantages.pin-image .content-media {
        min-height:520px
    }
}

@media(min-width: 640px) {
    .block-avantages.pin-image .content-media img {
        width:auto;
        height: 100%;
        left: 0;
        bottom: 0;
        position: absolute
    }
}

.block-avantages.pin-image .content-media .image {
    overflow: visible
}

.block-video .video {
    position: relative;
    cursor: pointer;
    max-width: 640px;
    margin: auto
}

.block-video .video:before {
    content: "";
    display: block;
    padding-bottom: 70%
}

.block-video .video:hover:after {
    opacity: .3
}

.block-video .video:hover .preview img {
    transition-timing-function: ease-out;
    transition-property: transform;
    transform: rotate(.001deg) translate3d(-50%,0,0) scale(1.06)
}

.block-video .video .preview img {
    width: 100%;
    height: auto;
    min-height: 0;
    top: 0;
    transition-timing-function: ease-in;
    transition-property: transform;
    transform: rotate(.001deg) translate3d(-50%,0,0)
}

.block-video .video .preview:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: .1;
    transition: opacity .4s cubic-bezier(.4,.5,.15,1);
    z-index: 1
}

.block-video .video .video-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #c2c2c2
}

.block-video .video .video-play {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    width: 70px;
    height: 70px;
    transform: translate3d(-50%,-50%,0);
    z-index: 2
}

@media(min-width: 960px) {
    .block-image-rte {
        margin:90px 0 0
    }
}

@media(min-width: 960px) {
    .page-header+.block-image-rte {
        margin:0 0 90px
    }
}

.block-image-rte.block-rte-grey .section-row {
    background: #f8f8f8
}

.block-image-rte.block-rte-grey .content--wrapper .cta .button {
    font-family: Arial,Regular;
    font-weight: 500;
    display: inline-block;
    color: #000;
    background: 0 0;
    border: 2px solid #000;
    padding: 16px 30px 15px;
    font-size: 14px;
    letter-spacing: .27px;
    border-radius: 5px;
    transition: background .5s cubic-bezier(.4,.5,.15,1),color .5s cubic-bezier(.4,.5,.15,1),border .5s cubic-bezier(.4,.5,.15,1);
    cursor: pointer
}

@media(min-width: 960px) {
    .block-image-rte.block-rte-grey .content--wrapper .cta .button {
        font-size:16px
    }
}

.block-image-rte.block-rte-grey .content--wrapper .cta .button:hover {
    color: #fff;
    background: #000;
    border-color: #000
}

.block-image-rte.block-rte-dark .section-row {
    background: #000
}

.block-image-rte.block-rte-dark .content--wrapper .content-rte em,.block-image-rte.block-rte-dark .content--wrapper .content-rte li,.block-image-rte.block-rte-dark .content--wrapper .content-rte p,.block-image-rte.block-rte-dark .content--wrapper .content-rte strong,.block-image-rte.block-rte-dark .content--wrapper .title {
    color: #fff
}

.block-image-rte.block-rte-dark .content--wrapper .content-rte hr {
    border-color: #16191a
}

.block-image-rte.block-rte-dark .content--wrapper .cta .button {
    font-family: Arial,Regular;
    font-weight: 500;
    display: inline-block;
    color: #fff;
    background: 0 0;
    border: 2px solid #fff;
    padding: 16px 30px 15px;
    font-size: 14px;
    letter-spacing: .27px;
    border-radius: 5px;
    transition: background .5s cubic-bezier(.4,.5,.15,1),color .5s cubic-bezier(.4,.5,.15,1),border .5s cubic-bezier(.4,.5,.15,1);
    cursor: pointer
}

@media(min-width: 960px) {
    .block-image-rte.block-rte-dark .content--wrapper .cta .button {
        font-size:16px
    }
}

.block-image-rte.block-rte-dark .content--wrapper .cta .button:hover {
    color: #000;
    background: #fff;
    border-color: #fff
}

.block-image-rte .section-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
    overflow: hidden
}

@media(min-width: 640px) {
    .block-image-rte .section-row {
        margin:0 -30px
    }
}

@media(min-width: 960px) {
    .block-image-rte .section-row {
        margin:0
    }
}

@media(min-width: 960px) {
    .block-image-rte .section-row.align-left .content--wrapper {
        padding-left:7.14%;
        padding-right: 50px;
        order: 2
    }
}

@media(min-width: 1440px) {
    .block-image-rte .section-row.align-left .content--wrapper {
        padding-right:85px
    }
}

@media(min-width: 960px) {
    .block-image-rte .section-row.align-left .media--wrapper {
        order:1
    }
}

@media(min-width: 960px) {
    .block-image-rte .section-row.align-right .content--wrapper {
        padding-right:7.14%;
        padding-left: 50px
    }
}

@media(min-width: 1440px) {
    .block-image-rte .section-row.align-right .content--wrapper {
        padding-left:85px
    }
}

.block-image-rte .media--wrapper {
    flex-grow: 0;
    flex-shrink: 0;
    width: 100%;
    position: relative;
    background: #c2c2c2;
    order: 2
}

@media(min-width: 960px) {
    .block-image-rte .media--wrapper {
        width:50%
    }
}

.block-image-rte .media--wrapper:after {
    content: "";
    display: block;
    padding-bottom: 60%
}

@media(min-width: 960px) {
    .block-image-rte .media--wrapper:after {
        padding-bottom:70%
    }
}

.block-image-rte .media--wrapper .media-inner {
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px
}

.block-image-rte .media--wrapper .video-inline video {
    width: 100%;
    height: auto
}

@media(min-width: 960px) {
    .block-image-rte .media--wrapper .video-inline video {
        width:auto;
        height: 100%
    }
}

.block-image-rte .content--wrapper {
    flex-grow: 0;
    flex-shrink: 0;
    width: 100%;
    padding: 60px 30px;
    text-align: center;
    order: 1
}

@media(min-width: 960px) {
    .block-image-rte .content--wrapper {
        width:50%;
        text-align: left
    }
}

.block-image-rte .content--wrapper .title {
    font-family: Orkney Bold,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 25px;
    line-height: 1.2;
    letter-spacing: normal;
    color: #000;
    margin-top: 5px
}

@media(min-width: 960px) {
    .block-image-rte .content--wrapper .title {
        font-size:40px
    }
}

@media(min-width: 1200px) {
    .block-image-rte .content--wrapper .title {
        font-size:46px
    }
}

@media(min-width: 960px) {
    .block-image-rte .content--wrapper .title {
        margin-top:12px
    }
}

.block-image-rte .content--wrapper .sub-title {
    font-family: Orkney Bold,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #c2c2c2;
    margin: 0 auto 15px
}

@media(min-width: 960px) {
    .block-image-rte .content--wrapper .sub-title {
        font-size:20px
    }
}

.block-image-rte .content--wrapper .content-rte {
    margin-top: 37.5px
}

.block-image-rte .content--wrapper .cta {
    margin: 30px 0 0
}

.block-image-rte .content--wrapper .cta .link {
    font-family: Arial,Regular;
    font-weight: 500;
    color: #f60;
    font-size: 16px;
    padding-right: 15px;
    background-repeat: no-repeat;
    background-position: right 0 bottom 56%;
    background-size: 8px 11px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 11'%3E%3Cpath fill='none' stroke='%23ff6600' stroke-width='2' stroke-linecap='square' d='M2 2l3.8 3.8L2 9.6'/%3E%3C/svg%3E")
}

.block-image-rte .content--wrapper .cta .button {
    height: auto;
    white-space: normal
}

.block-reseau {
    text-align: center
}

@media(min-width: 960px) {
    .block-reseau {
        text-align:left
    }
}

.block-reseau.block-dark .content--wrapper .content-rte em,.block-reseau.block-dark .content--wrapper .content-rte li,.block-reseau.block-dark .content--wrapper .content-rte p,.block-reseau.block-dark .content--wrapper .content-rte strong,.block-reseau.block-dark .title {
    color: #fff
}

.block-reseau.block-dark .content--wrapper .content-rte hr {
    border-color: #16191a
}

.block-reseau .title {
    font-family: Orkney Bold,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 25px;
    line-height: 1.2;
    letter-spacing: normal;
    color: #000;
    margin-top: 5px;
    margin-bottom: 15px
}

@media(min-width: 960px) {
    .block-reseau .title {
        font-size:40px
    }
}

@media(min-width: 1200px) {
    .block-reseau .title {
        font-size:46px
    }
}

@media(min-width: 960px) {
    .block-reseau .title {
        margin-top:12px
    }
}

.block-reseau .sub-title {
    font-family: Orkney Bold,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #c2c2c2;
    margin: 0 auto 15px
}

@media(min-width: 960px) {
    .block-reseau .sub-title {
        font-size:20px
    }
}

.block-reseau .section-row {
    display: flex;
    flex-wrap: wrap
}

@media(min-width: 960px) {
    .block-reseau .section-row {
        margin-top:30px;
        align-items: center
    }
}

.block-reseau .section-row .media--wrapper {
    flex-grow: 0;
    flex-shrink: 0;
    width: 100%;
    position: relative;
    display: none
}

@media(min-width: 960px) {
    .block-reseau .section-row .media--wrapper {
        width:50%;
        display: block
    }
}

.block-reseau .section-row .media--wrapper:after {
    content: "";
    display: block;
    padding-bottom: 100%
}

.block-reseau .section-row .media--wrapper .image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.block-reseau .section-row .media--wrapper .image .landscape {
    width: 100%;
    min-height: 0
}

.block-reseau .section-row .media--wrapper .image .portrait {
    height: 100%;
    min-width: 0
}

.block-reseau .section-row .content--wrapper {
    flex-grow: 0;
    flex-shrink: 0;
    width: 100%
}

@media(min-width: 960px) {
    .block-reseau .section-row .content--wrapper {
        width:50%;
        padding-left: 7.14%
    }
}

.block-reseau .section-row .content--wrapper .chiffres {
    display: none
}

@media(min-width: 960px) {
    .block-reseau .section-row .content--wrapper .chiffres {
        display:block
    }
}

.block-reseau .section-row .content--wrapper .chiffres ul {
    list-style: none;
    display: flex;
    flex-wrap: nowrap;
    padding: 15px 0
}

.block-reseau .section-row .content--wrapper .chiffres li {
    position: relative;
    margin-top: 20px;
    flex-grow: 1;
    flex-shrink: 0;
    width: 33.33%
}

.block-reseau .section-row .content--wrapper .chiffres li:not(:last-child) {
    padding-right: 20px;
    margin-right: 20px
}

.block-reseau .section-row .content--wrapper .chiffres li:not(:last-child):after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    height: 80%;
    width: 1px;
    background: hsla(0,0%,100%,.18);
    transform: translate3d(0,-50%,0)
}

.block-reseau .section-row .content--wrapper .chiffres .label {
    font-family: Orkney Light,Arial,Helvetica,sans-serif;
    font-weight: 300;
    color: #f60;
    font-size: 12px;
    line-height: 2;
    letter-spacing: 2.06px;
    text-transform: uppercase
}

.block-reseau .section-row .content--wrapper .chiffres .chiffre {
    font-family: Orkney Bold,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.4;
    margin: 5px 0 0
}

.block-reseau .section-row .content--wrapper .cta {
    margin: 30px 0 0
}

.block-reseau .section-row .content--wrapper .cta .link {
    font-family: Arial,Regular;
    font-weight: 500;
    color: #f60;
    font-size: 16px;
    padding-right: 15px;
    background-repeat: no-repeat;
    background-position: right 0 bottom 56%;
    background-size: 8px 11px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 11'%3E%3Cpath fill='none' stroke='%23ff6600' stroke-width='2' stroke-linecap='square' d='M2 2l3.8 3.8L2 9.6'/%3E%3C/svg%3E")
}

.block-services .section-subtitle,.block-services .section-title {
    text-align: center
}

@media(min-width: 640px) {
    .block-services .section-subtitle,.block-services .section-title {
        max-width:unset
    }
}

@media(min-width: 960px) {
    .block-services .section-subtitle,.block-services .section-title {
        text-align:left
    }
}

.block-services .services--wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.block-services .service {
    flex-grow: 0;
    flex-shrink: 0;
    width: 100%;
    margin: 45px 0 0;
    text-align: center
}

@media(min-width: 960px) {
    .block-services .service {
        width:25%;
        text-align: left;
        padding-right: 30px
    }
}

@media(min-width: 960px) {
    .block-services .service:last-child {
        padding-right:0
    }
}

.block-services .service .title--wrapper {
    padding-bottom: 10px;
    margin-bottom: 30px;
    border-bottom: 1px solid hsla(0,0%,76.1%,.5)
}

.block-services .service .title--wrapper .image {
    width: 18px;
    height: 18px;
    display: inline-block
}

.block-services .service .title--wrapper .image img {
    width: 100%;
    height: 100%
}

.block-services .service .title--wrapper .title-service {
    font-family: Arial,Regular;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.25;
    letter-spacing: -.56px;
    margin-left: 15px;
    display: inline-block
}

.block-services .service .cta {
    margin: 20px 0 0
}

.block-services .service .cta .link {
    font-family: Arial,Regular;
    font-weight: 500;
    font-size: 16px;
    padding-right: 15px;
    background-repeat: no-repeat;
    background-position: right 0 bottom 56%;
    background-size: 8px 11px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 11'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='square' d='M2 2l3.8 3.8L2 9.6'/%3E%3C/svg%3E");
    transition: all .3s cubic-bezier(.4,.5,.15,1)
}

.block-services .service .cta .link:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 11'%3E%3Cpath fill='none' stroke='%23ff6600' stroke-width='2' stroke-linecap='square' d='M2 2l3.8 3.8L2 9.6'/%3E%3C/svg%3E")
}

.block-chiffres .section-subtitle,.block-chiffres .section-title {
    text-align: center;
    max-width: none
}

.block-chiffres .chiffres ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 15px 0
}

.block-chiffres .chiffres li {
    position: relative;
    flex-grow: 0;
    flex-shrink: 0;
    width: 100%;
    text-align: center;
    padding: 15px;
    margin-top: 15px;
    border-bottom: 1px solid hsla(0,0%,100%,.18)
}

@media(min-width: 768px) {
    .block-chiffres .chiffres li {
        width:calc(33.33% - 15px);
        padding: 15px 15px 0;
        border-bottom: none
    }
}

@media(min-width: 1200px) {
    .block-chiffres .chiffres li {
        width:calc(16.67% - 15px)
    }
}

.block-chiffres .chiffres li:last-child:after {
    display: none
}

@media(min-width: 768px) {
    .block-chiffres .chiffres li:last-child:after {
        display:block
    }
}

@media(min-width: 1200px) {
    .block-chiffres .chiffres li:last-child:after {
        display:none
    }
}

.block-chiffres .chiffres li:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    height: 100%;
    width: 1px;
    background: hsla(0,0%,100%,.18);
    transform: translate3d(0,-50%,0);
    display: none
}

@media(min-width: 768px) {
    .block-chiffres .chiffres li:after {
        display:block
    }
}

.block-chiffres .chiffres .libelle {
    font-family: Orkney Light,Arial,Helvetica,sans-serif;
    font-weight: 300;
    color: #f60;
    font-size: 12px;
    line-height: 2;
    letter-spacing: 2.06px;
    text-transform: uppercase
}

.block-chiffres .chiffres .chiffre {
    font-family: Orkney Bold,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.5
}

.block-clients {
    background: linear-gradient(180deg,#000 50%,#fff 0)
}

.block-clients .section-title {
    max-width: 100%
}

.block-clients .content--wrapper {
    text-align: center;
    background: #fff;
    padding: 45px 30px;
    box-shadow: 0 0 10px 4px rgba(0,0,0,.07)
}

@media(min-width: 960px) {
    .block-clients .content--wrapper {
        padding:90px 60px
    }
}

.block-clients .clients ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.block-clients .clients ul li {
    flex-shrink: 0;
    flex-grow: 0;
    position: relative;
    margin-top: 30px;
    padding: 0 15px;
    width: 100%
}

@media(min-width: 768px) {
    .block-clients .clients ul li {
        width:33.33%
    }
}

.block-clients .clients ul li img {
    display: inline-block;
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

.block-clients .clients ul li .landscape {
    width: 140px;
    height: auto
}

.block-clients .clients ul li .portrait {
    height: 110px;
    width: auto
}

.block-cta-content {
    margin: 15px 0
}

.block-cta-content.align-cta-center {
    text-align: center
}

.block-core {
    margin: 15px 0 0
}

@media(min-width: 960px) {
    .block-core {
        margin:20px 0 0
    }
}

.block-core:first-child {
    margin: 0
}

.block-core.core-heading {
    margin: 30px 0 0
}

@media(min-width: 960px) {
    .block-core.core-heading {
        margin:60px 0 0
    }
}

.block-core.core-heading:first-child {
    margin: 0
}

.block-core.core-quote {
    margin: 30px 0 0
}

@media(min-width: 960px) {
    .block-core.core-quote {
        margin:60px 0 0
    }
}

.block-core h2 {
    font-size: 30px;
    letter-spacing: -1.2px;
    color: #c2c2c2
}

.block-core h3 {
    font-size: 25px;
    line-height: 1.6;
    letter-spacing: -.42px
}

.block-core h4 {
    font-size: 20px;
    line-height: 1.5
}

.block-core h5 {
    font-size: 16px
}

.block-core h6 {
    font-size: 14px
}

.block-core em,.block-core strong {
    color: #000
}

.block-core a,.block-core em,.block-core strong {
    font-family: Arial,Regular;
    font-weight: 500
}

.block-core a {
    color: #f60;
    position: relative
}

.block-core a:hover:before {
    width: 100%
}

.block-core a:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    transform: translateX(-50%);
    transform-origin: 50%;
    border-bottom: 2px solid #f60;
    transition: width .3s,color .3s
}

.block-core li,.block-core p {
    font-family: Orkney,Arial,Helvetica,sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.88;
    color: #444
}

.block-core li {
    margin: 0 0 5px
}

.block-core ul {
    list-style: none
}

.block-core ul li {
    padding: 0 0 0 20px;
    position: relative
}

.block-core ul li:before {
    display: block;
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #f60;
    position: absolute;
    top: 11px;
    left: 0
}

.block-core blockquote {
    color: #000;
    padding-left: 30px;
    border-left: 1px solid rgba(255,174,0,.5);
    font-style: normal
}

.block-core blockquote,.block-core blockquote p {
    font-family: Arial,Regular;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.5
}

.block-core blockquote cite {
    font-family: Orkney Light,Arial,Helvetica,sans-serif;
    font-weight: 300;
    color: #b2b2b2;
    font-size: 16px;
    position: relative;
    padding-left: 22px;
    font-style: normal
}

.block-core blockquote cite:before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 16px;
    height: 2px;
    background: #b2b2b2
}

.section-hero {
    overflow: hidden;
    position: relative;
    display: block
}

.section-hero h1 {
    display: none
}

.section-hero h2,.section-hero p {
    color: #fff;
    margin: 0
}

.section-hero h2 {
    position: relative;
    font-size: 30px;
    z-index: 1;
    flex-grow: 0;
    flex-shrink: 0;
    width: 100%;
    text-align: center;
    transition: all .5s cubic-bezier(.4,.5,.15,1)
}

@media(min-width: 960px) {
    .section-hero h2 {
        font-size:26px;
        width: auto;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 2
    }
}

@media(min-width: 1200px) {
    .section-hero h2 {
        font-size:35px
    }
}

@media(min-width: 1440px) {
    .section-hero h2 {
        font-size:50px
    }
}

.section-hero p {
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: .05em;
    width: 80%
}

.section-hero .explore {
    font-family: Arial,Regular;
    font-weight: 500;
    position: absolute;
    left: 50%;
    bottom: 30px;
    font-size: 14px;
    letter-spacing: .04em;
    color: #fff;
    display: none;
    transform: translate3d(-50%,0,0);
    transition: color .3s cubic-bezier(.4,.5,.15,1);
    padding: 5px 10px 15px;
    width: 83px
}

@media(min-width: 960px) {
    .section-hero .explore {
        display:block
    }
}

.section-hero .explore svg {
    display: block;
    width: 70px;
    height: auto;
    margin: 0 0 0 -3px;
    left: 50%;
    bottom: 0
}

.section-hero .explore path {
    transition: stroke .3s cubic-bezier(.4,.5,.15,1)
}

.section-hero .explore:hover {
    color: #f60
}

.section-hero .explore:hover path {
    stroke: #f60
}

.section-hero .trigger {
    position: absolute;
    bottom: 114px
}

.section-hero .more {
    margin: 10px 0 0;
    text-align: center
}

@media(min-width: 960px) {
    .section-hero .more {
        margin-top:20px
    }
}

.section-hero .more a {
    font-family: Orkney Bold,Arial,Helvetica,sans-serif;
    font-size: 14px;
    color: #f60;
    text-decoration: none
}

@media(min-width: 360px) {
    .section-hero .more a {
        font-size:16px
    }
}

.section-hero .more svg {
    width: 7px;
    height: auto;
    display: inline-block;
    margin: 0 0 0 5px
}

.section-hero .more svg path {
    stroke: #f60
}

.section-hero .link-wrap {
    position: absolute;
    z-index: 2;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

@media(min-width: 960px) {
    .section-hero .link-wrap {
        display:none
    }
}

.section-hero .image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    width: auto;
    transition: transform 2s cubic-bezier(.4,.5,.15,1)
}

.section-hero .image:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.section-hero .hero-item {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    transition: width .6s cubic-bezier(.4,.5,.15,1)
}

@media(min-width: 960px) {
    .section-hero .hero-item {
        display:block;
        flex-grow: 1;
        flex-shrink: 1
    }
}

.section-hero .hero-singular {
    height: 100%
}

.section-hero .hero-singular p {
    margin: 20px 0 0
}

.section-hero .hero-singular h2 {
    max-width: 700px;
    font-size: 30px
}

@media(min-width: 640px) {
    .section-hero .hero-singular h2 {
        font-size:50px
    }
}

@media(min-width: 768px) {
    .section-hero .hero-singular h2 {
        width:66vw;
        text-align: left
    }
}

@media(min-width: 960px) {
    .section-hero .hero-singular h2 {
        width:48vw
    }
}

@media(min-width: 1440px) {
    .section-hero .hero-singular h2 {
        font-size:70px
    }
}

.section-hero .hero-singular .image:before {
    background: linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,.1))
}

.section-hero .hero-singular .more {
    margin-top: 20px;
    text-align: center
}

@media(min-width: 768px) {
    .section-hero .hero-singular .more {
        text-align:left
    }
}

.section-hero .hero-singular .more a {
    font-family: Orkney,Arial,Helvetica,sans-serif;
    position: relative;
    color: #fff
}

.section-hero .hero-singular .more a:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 1px;
    z-index: 1;
    background: #fff;
    transform: scaleX(1);
    transform-origin: center;
    transition: transform .3s cubic-bezier(.4,.5,.15,1)
}

.section-hero .hero-singular .more a:hover:after {
    transform: scaleX(0)
}

.section-hero .hero-singular .more svg path {
    stroke: #fff
}

.section-hero .hero-singular .infos {
    display: block;
    max-width: 800px
}

@media(min-width: 768px) {
    .section-hero .hero-singular .infos {
        width:66vw
    }
}

.section-hero .hero-singular .infos .description {
    display: none
}

@media(min-width: 768px) {
    .section-hero .hero-singular .infos .description {
        display:block
    }
}

.section-hero .hero-singular .content {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translate3d(0,-50%,0)
}

.section-hero .hero-triptyque {
    height: 33.33%;
    justify-content: center;
    cursor: pointer
}

@media(min-width: 960px) {
    .section-hero .hero-triptyque {
        height:100%;
        width: 33.33%
    }

    .section-hero .hero-triptyque:first-child h2.active:after {
        transform: scaleX(1)
    }

    .section-hero .hero-triptyque:first-child img {
        left: 0;
        transform: rotate(.001deg) translate3d(0,-50%,0)
    }

    .section-hero .hero-triptyque:nth-child(2) h2.active-is-after:after,.section-hero .hero-triptyque:nth-child(2) h2.active-is-before:before,.section-hero .hero-triptyque:nth-child(3) h2.active:before {
        transform: scaleX(1)
    }

    .section-hero .hero-triptyque:nth-child(3) img {
        left: inherit;
        right: 0;
        transform: rotate(.001deg) translate3d(0,-50%,0)
    }
}

.section-hero .hero-triptyque p {
    margin: 20px auto 0;
    text-align: center
}

@media(min-width: 960px) {
    .section-hero .hero-triptyque h2 {
        position:absolute;
        top: 50%;
        left: 50%;
        transform: translate3d(-50%,0,0)
    }
}

.section-hero .hero-triptyque h2:after,.section-hero .hero-triptyque h2:before {
    content: "";
    display: block;
    height: 2px;
    background: #fff;
    position: absolute;
    transform: scaleX(0);
    transition: transform .3s cubic-bezier(.4,.5,.15,1);
    width: 30px;
    bottom: 10px
}

@media(min-width: 1200px) {
    .section-hero .hero-triptyque h2:after,.section-hero .hero-triptyque h2:before {
        width:36px;
        bottom: 15px
    }
}

@media(min-width: 1440px) {
    .section-hero .hero-triptyque h2:after,.section-hero .hero-triptyque h2:before {
        width:46px;
        bottom: 25px
    }
}

.section-hero .hero-triptyque h2:before {
    right: 96%;
    transform-origin: 100% 0
}

@media(min-width: 1200px) {
    .section-hero .hero-triptyque h2:before {
        right:94%
    }
}

@media(min-width: 1440px) {
    .section-hero .hero-triptyque h2:before {
        right:83%
    }
}

.section-hero .hero-triptyque h2:after {
    left: 96%;
    transform-origin: 0 0
}

@media(min-width: 1200px) {
    .section-hero .hero-triptyque h2:after {
        left:94%
    }
}

@media(min-width: 1440px) {
    .section-hero .hero-triptyque h2:after {
        left:83%
    }
}

.section-hero .hero-triptyque h2 span {
    display: inline-block;
    transition: transform .2s cubic-bezier(.4,.5,.15,1)
}

.section-hero .hero-triptyque .image:before {
    background: #000;
    opacity: .3;
    transition: opacity .4s cubic-bezier(.4,.5,.15,1)
}

.section-hero .hero-triptyque .infos {
    display: block;
    width: 66vw;
    max-width: 800px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    transform: translate3d(-50%,0,0)
}

.section-hero .hero-triptyque .infos .description,.section-hero .hero-triptyque .infos .more {
    transition: all .4s cubic-bezier(.4,.5,.15,1) .1s;
    transform: translate3d(0,40px,0);
    visibility: hidden;
    opacity: 0
}

@media(min-width: 960px) {
    .section-hero .hero-triptyque .infos .description,.section-hero .hero-triptyque .infos .more {
        transform:translate3d(0,100px,0)
    }
}

.section-hero .hero-triptyque .infos .description {
    display: none
}

@media(min-width: 960px) {
    .section-hero .hero-triptyque .infos .description {
        display:block
    }
}

.section-hero .hero-triptyque .infos .more {
    transition-delay: 0s
}

@media(min-width: 960px) {
    .section-hero .hero-triptyque:hover h2 {
        transform:translate3d(-50%,-20px,0)
    }
}

@media(max-width: 959px) {
    .section-hero .hero-triptyque.active h2 {
        transform:translate3d(0,-20px,0)
    }

    .section-hero .hero-triptyque.active .image:before {
        opacity: .6
    }

    .section-hero .hero-triptyque.active .infos .more {
        visibility: visible;
        opacity: 1;
        transform: translateZ(0)
    }
}

.section-hero--container {
    background: #000;
    height: 100vh;
    position: relative
}

@media(min-width: 960px) {
    .section-hero--container {
        display:flex
    }

    .section-hero--container.active .image:before {
        opacity: .4
    }

    .section-hero--container.active .hero-triptyque {
        transition-duration: .6s;
        width: 16.66%
    }

    .section-hero--container.active .hero-triptyque h2 {
        transition-delay: 0s;
        transform: translate3d(-50%,-40px,0);
        left: 95%
    }

    .section-hero--container.active .hero-triptyque h2 span {
        transform: scale(.8)
    }
}

@media(min-width: 960px) and (min-width:1440px) {
    .section-hero--container.active .hero-triptyque h2 span {
        transform:scale(.6)
    }
}

@media(min-width: 960px) {
    .section-hero--container.active .hero-triptyque:first-child h2:after,.section-hero--container.active .hero-triptyque:nth-child(2) h2:after,.section-hero--container.active .hero-triptyque:nth-child(3) h2:before {
        transform:scaleX(1)
    }
}

@media(min-width: 960px) {
    .section-hero--container.active .hero-triptyque:hover {
        width:66.66%
    }

    .section-hero--container.active .hero-triptyque:hover h2 {
        left: 50%
    }

    .section-hero--container.active .hero-triptyque:hover h2:after,.section-hero--container.active .hero-triptyque:hover h2:before {
        transition-delay: 0s;
        transform: scaleX(0)
    }

    .section-hero--container.active .hero-triptyque:hover h2 span {
        transform: scale(1)
    }

    .section-hero--container.active .hero-triptyque:hover .image:before {
        transition-delay: .3s;
        opacity: .8
    }

    .section-hero--container.active .hero-triptyque:hover .infos .description,.section-hero--container.active .hero-triptyque:hover .infos .more {
        transition-duration: .8s;
        transition-delay: .4s;
        transform: translateZ(0);
        visibility: visible;
        opacity: 1
    }

    .section-hero--container.active .hero-triptyque:hover .infos .more {
        transition-delay: .5s
    }

    .section-hero--container.active .hero-triptyque:hover+.hero-triptyque h2,.section-hero--container.active .hero-triptyque:hover+.hero-triptyque+.hero-triptyque h2 {
        left: -5%
    }

    .section-hero--container.active .hero-triptyque:hover+.hero-triptyque h2:after,.section-hero--container.active .hero-triptyque:hover+.hero-triptyque+.hero-triptyque h2:after {
        transform: scaleX(0)
    }

    .section-hero--container.active .hero-triptyque:hover+.hero-triptyque h2:before,.section-hero--container.active .hero-triptyque:hover+.hero-triptyque+.hero-triptyque h2:before {
        transform: scaleX(1)
    }
}

.solutions-list {
    overflow: hidden;
    display: block
}

.solutions-list .solutions-tab {
    width: 200px;
    margin: 0 auto 30px
}

@media(min-width: 430px) {
    .solutions-list .solutions-tab {
        width:400px
    }
}

@media(min-width: 630px) {
    .solutions-list .solutions-tab {
        width:600px
    }
}

@media(min-width: 860px) {
    .solutions-list .solutions-tab {
        width:800px;
        margin-bottom: 40px
    }
}

@media(min-width: 1140px) {
    .solutions-list .solutions-tab {
        width:1000px
    }
}

@media(min-width: 1380px) {
    .solutions-list .solutions-tab {
        width:1200px;
        margin-bottom: 60px
    }
}

.solutions-list .solutions-tab-wrapper {
    display: flex
}

.solutions-list .solutions-tab-item {
    flex-grow: 0;
    flex-shrink: 0;
    width: 200px;
    padding: 10px 15px
}

@media(min-width: 1200px) {
    .solutions-list .solutions-tab-item {
        width:20%;
        padding-left: 15px;
        padding-right: 15px
    }
}

.solutions-list .solutions-tab-item .btn {
    cursor: pointer;
    opacity: .5;
    border-radius: 5px;
    transition: all .5s cubic-bezier(.4,.5,.15,1) .2s
}

.solutions-list .solutions-tab-item .btn-inner {
    -webkit-mask-image: -webkit-radial-gradient(#fff,#000);
    overflow: hidden;
    display: block;
    width: 100%;
    height: 162px;
    margin: 0 auto;
    background: #fff;
    border-radius: 5px;
    padding: 32px 0;
    position: relative
}

.solutions-list .solutions-tab-item .btn-inner:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 4px;
    background: #f60;
    transform-origin: 50% 0;
    transform: scaleX(0);
    transition: transform .6s cubic-bezier(.4,.5,.15,1)
}

@media(min-width: 1380px) {
    .solutions-list .solutions-tab-item .btn-inner {
        padding:40px 0;
        height: 200px
    }
}

.solutions-list .solutions-tab-item img {
    min-width: inherit;
    min-height: inherit;
    width: auto;
    height: 100%;
    top: 0;
    left: 0;
    transform: none;
    position: inherit;
    margin: 0 auto
}

.solutions-list .solutions-tab-item span {
    font-family: Arial,Regular;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.2;
    text-align: center;
    color: #000;
    display: block;
    width: 74%;
    margin: 0 auto;
    position: relative;
    z-index: 1
}

@media(min-width: 1380px) {
    .solutions-list .solutions-tab-item span {
        width:65%;
        font-size: 18px;
        line-height: 1.4
    }
}

.solutions-list .solutions-tab-item .icon {
    height: 34px;
    margin: 0 0 30px
}

@media(min-width: 1380px) {
    .solutions-list .solutions-tab-item .icon {
        height:44px
    }
}

.solutions-list .solutions-tab-item:hover .btn {
    opacity: 1
}

.solutions-list .solutions-tab-item.active .btn {
    transition-delay: 0s;
    box-shadow: 0 0 10px 4px rgba(0,0,0,.14);
    opacity: 1
}

.solutions-list .solutions-tab-item.active .btn-inner:before {
    transition-delay: .3s;
    transform: scaleX(1)
}

.solutions-list .solutions-detail {
    position: relative;
    height: 360px
}

@media(min-width: 430px) {
    .solutions-list .solutions-detail {
        height:300px
    }
}

@media(min-width: 960px) {
    .solutions-list .solutions-detail {
        height:400px;
        overflow: hidden
    }
}

@media(min-width: 1140px) {
    .solutions-list .solutions-detail {
        height:440px
    }
}

.solutions-list .solutions-detail:before {
    content: "";
    display: block;
    position: absolute;
    left: -15px;
    right: -15px;
    top: 0;
    bottom: 0;
    background: #000;
    z-index: 0
}

@media(min-width: 640px) {
    .solutions-list .solutions-detail:before {
        left:-30px;
        right: -30px
    }
}

@media(min-width: 960px) {
    .solutions-list .solutions-detail:before {
        left:0;
        right: 0
    }
}

.solutions-list .solutions-detail-wrapper {
    position: relative;
    z-index: 1;
    margin: 0 auto;
    height: 100%
}

@media(min-width: 860px) {
    .solutions-list .solutions-detail-wrapper {
        width:770px
    }
}

@media(min-width: 1140px) {
    .solutions-list .solutions-detail-wrapper {
        width:970px
    }
}

@media(min-width: 1380px) {
    .solutions-list .solutions-detail-wrapper {
        width:1170px
    }
}

.solutions-list .solutions-detail-item {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    align-items: center;
    padding: 0 10%;
    visibility: hidden;
    opacity: 0
}

@media(min-width: 430px) {
    .solutions-list .solutions-detail-item {
        padding:0 30px
    }
}

@media(min-width: 860px) {
    .solutions-list .solutions-detail-item {
        padding:0
    }
}

.solutions-list .solutions-detail-item:first-child {
    visibility: visible;
    opacity: 1
}

.solutions-list .solutions-detail .detail-data,.solutions-list .solutions-detail .detail-media {
    flex-grow: 0;
    flex-shrink: 0
}

.solutions-list .solutions-detail .detail-data {
    flex-grow: 1;
    flex-shrink: 1;
    text-align: center;
    position: relative;
    z-index: 2
}

@media(min-width: 960px) {
    .solutions-list .solutions-detail .detail-data {
        padding:0 50px 0 0;
        text-align: left
    }
}

@media(min-width: 1140px) {
    .solutions-list .solutions-detail .detail-data {
        padding-right:70px
    }
}

.solutions-list .solutions-detail .detail-data .excerpt,.solutions-list .solutions-detail .detail-data .label {
    color: #fff
}

.solutions-list .solutions-detail .detail-data .label {
    font-family: Orkney Bold,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 25px;
    margin: 0 0 20px
}

@media(min-width: 1140px) {
    .solutions-list .solutions-detail .detail-data .label {
        font-size:30px
    }
}

@media(min-width: 1380px) {
    .solutions-list .solutions-detail .detail-data .label {
        margin-bottom:30px;
        font-size: 40px
    }
}

.solutions-list .solutions-detail .detail-data .excerpt {
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: .03em;
    margin: 0 0 30px
}

@media(min-width: 860px) {
    .solutions-list .solutions-detail .detail-data .excerpt {
        font-size:16px;
        line-height: 1.8
    }
}

.solutions-list .solutions-detail .detail-data .cta a {
    font-family: Arial,Regular;
    font-weight: 500;
    display: inline-block;
    color: #fff;
    background: #f60;
    border: 2px solid #f60;
    padding: 16px 30px 15px;
    font-size: 14px;
    letter-spacing: .27px;
    border-radius: 5px;
    transition: background .5s cubic-bezier(.4,.5,.15,1),color .5s cubic-bezier(.4,.5,.15,1),border .5s cubic-bezier(.4,.5,.15,1);
    cursor: pointer
}

@media(min-width: 960px) {
    .solutions-list .solutions-detail .detail-data .cta a {
        font-size:16px
    }
}

.solutions-list .solutions-detail .detail-data .cta a:hover {
    color: #000;
    background: #fff;
    border-color: #fff
}

.solutions-list .solutions-detail .detail-media {
    display: none;
    width: 45%;
    position: relative;
    z-index: 1
}

@media(min-width: 960px) {
    .solutions-list .solutions-detail .detail-media {
        display:block
    }
}

.solutions-list .solutions-detail .detail-media img {
    width: 101%;
    min-width: 101%;
    min-height: 101%
}

.solutions-list .solutions-detail .detail-media .media-wrap {
    border-radius: 5px;
    height: 280px;
    overflow: hidden
}

@media(min-width: 1140px) {
    .solutions-list .solutions-detail .detail-media .media-wrap {
        height:316px
    }
}

.solutions-list .solutions-detail .detail-media .media-wrap .image {
    border-radius: 5px
}

.career-offers {
    position: relative;
    padding: 60px 0;
    display: block
}

.career-offers .anchor-target {
    position: absolute;
    top: -63px
}

@media(min-width: 960px) {
    .career-offers .anchor-target {
        top:-114px
    }
}

@media(min-width: 1200px) {
    .career-offers {
        padding:120px 0
    }
}

.career-offers .sup-title,.career-offers h2 {
    transform-origin: 0 0;
    transition: transform 1.6s cubic-bezier(.38,.65,.37,.99),opacity 1s linear,visibility 1s linear;
    visibility: hidden;
    opacity: 0;
    transform: translate3d(0,100px,0)
}

.career-offers h2 {
    font-family: Orkney Bold,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 25px;
    line-height: 1.2;
    letter-spacing: normal;
    color: #000;
    margin-top: 5px;
    text-align: center;
    transition-delay: .1s
}

@media(min-width: 960px) {
    .career-offers h2 {
        font-size:40px
    }
}

@media(min-width: 1200px) {
    .career-offers h2 {
        font-size:46px
    }
}

@media(min-width: 960px) {
    .career-offers h2 {
        margin-top:12px
    }
}

.career-offers .sup-title {
    font-family: Orkney Bold,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 16px;
    margin: 0 auto;
    color: #c2c2c2;
    text-align: center
}

@media(min-width: 960px) {
    .career-offers .sup-title {
        font-size:20px
    }
}

.career-offers-empty,.career-offers-list {
    padding: 15px 0 0
}

@media(min-width: 768px) {
    .career-offers-empty,.career-offers-list {
        padding:45px 0 0
    }
}

.career-offers-cta,.career-offers-empty,.career-offers-message {
    text-align: center
}

.career-offers-list {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    justify-content: space-between
}

.career-offers-list-apply,.career-offers-list-item {
    flex-grow: 0;
    flex-shrink: 0;
    width: 100%;
    margin: 30px 0 0;
    box-shadow: 0 0 10px 2px rgba(0,0,0,.11);
    border-radius: 5px
}

@media(min-width: 768px) {
    .career-offers-list-apply,.career-offers-list-item {
        width:calc(50% - 15px)
    }
}

.career-offers-list-apply .inner,.career-offers-list-item .inner {
    -webkit-mask-image: -webkit-radial-gradient(#fff,#000);
    overflow: hidden;
    height: 100%;
    border-radius: 5px;
    position: relative
}

.career-offers-list-apply .inner:after,.career-offers-list-item .inner:after {
    content: "";
    display: block;
    left: 0;
    right: 0;
    bottom: 0;
    height: 4px;
    background: #fff;
    position: absolute;
    transform-origin: 0 0;
    transform: scaleX(0);
    transition: transform .8s cubic-bezier(.4,.5,.15,1)
}

.career-offers-list-apply a,.career-offers-list-item a {
    display: block;
    height: 100%
}

.career-offers-list-apply a:hover .inner:after,.career-offers-list-item a:hover .inner:after {
    transform: scaleX(1)
}

.career-offers-list-apply.handle,.career-offers-list-item.handle {
    visibility: hidden;
    opacity: 0
}

.career-offers-list-item {
    position: relative
}

.career-offers-list-item h3 {
    font-family: Arial,Regular;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.25;
    color: #000;
    padding: 0 0 0 3px
}

.career-offers-list-item ul {
    list-style: none
}

.career-offers-list-item li {
    display: inline-block;
    color: #c2c2c2;
    font-size: 16px;
    background-position: 0 3px;
    background-size: auto 16px;
    background-repeat: no-repeat;
    line-height: 1.81;
    margin: 0 20px 0 0;
    padding: 0 0 0 22px;
    min-width: 92px
}

.career-offers-list-item li:last-child {
    margin: 0
}

.career-offers-list-item li.place {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 6.29c-.85 0-1.538-.696-1.538-1.556 0-.86.688-1.557 1.538-1.557.85 0 1.538.696 1.538 1.557 0 .86-.688 1.557-1.538 1.557M5 0C2.085 0 0 2.421 0 5.06c0 .842.212 1.706.677 2.52l4.188 7.341a.154.154 0 00.27 0L9.323 7.58C11.246 4.212 8.843 0 5 0' fill='rgba(0, 0, 0, 0.2)' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-position: 3px 3px
}

.career-offers-list-item li.type {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='15' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.77 6.555V6.55H15v5.532C15 13.137 14.107 14 13.017 14H1.983C.893 14 0 13.137 0 12.082V6.55h6.23v.005a.47.47 0 00.478.463h1.584a.471.471 0 00.478-.463zm.665-3.712v-.72a.732.732 0 00-.743-.72h-1.9a.732.732 0 00-.744.72v.72h3.387zm3.582 0c1.09 0 1.983.863 1.983 1.918v1.321H8.77v-.005a.471.471 0 00-.478-.463H6.708a.471.471 0 00-.478.463v.005H0v-1.32c0-1.056.893-1.919 1.983-1.919h2.614v-.72C4.597.952 5.58 0 6.792 0h1.9c1.21 0 2.195.952 2.195 2.122v.721h2.13z' fill='rgba(0, 0, 0, 0.2)' fill-rule='evenodd'/%3E%3C/svg%3E")
}

.career-offers-list-item img {
    min-width: inherit;
    min-height: inherit;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0);
    position: absolute;
    margin: 0 auto
}

.career-offers-list-item .icon {
    width: 34px;
    height: 24px;
    position: absolute;
    left: 40px;
    top: 34px
}

@media(min-width: 768px) {
    .career-offers-list-item .icon {
        top:50%;
        transform: translate3d(0,-12px,0)
    }
}

.career-offers-list-item .infos {
    padding: 14px 0 0
}

.career-offers-list-item .inner {
    padding: 30px 20px 20px 128px
}

.career-offers-list-item .inner:after {
    background: #f60
}

.career-offers-list-apply p {
    font-size: 15px;
    color: #fff;
    text-align: center
}

@media(min-width: 1200px) {
    .career-offers-list-apply p {
        text-align:left
    }
}

.career-offers-list-apply .sup {
    font-family: Arial,Regular;
    font-weight: 500
}

@media(min-width: 480px) {
    .career-offers-list-apply .sub {
        margin:15px 0 0;
        line-height: 1.3
    }
}

@media(min-width: 768px) {
    .career-offers-list-apply .sub {
        margin:0
    }
}

@media(min-width: 1200px) {
    .career-offers-list-apply .sub {
        margin:15px 0 0
    }
}

.career-offers-list-apply .apply-content {
    width: 100%;
    max-width: 200px;
    margin: 0 auto
}

@media(min-width: 480px) {
    .career-offers-list-apply .apply-content {
        max-width:inherit
    }
}

@media(min-width: 768px) {
    .career-offers-list-apply .apply-content {
        max-width:200px
    }
}

@media(min-width: 1200px) {
    .career-offers-list-apply .apply-content {
        max-width:inherit
    }
}

.career-offers-list-apply .inner {
    background: #f60;
    padding: 30px 20px;
    display: flex;
    align-items: center;
    min-height: 112px
}

@media(min-width: 1200px) {
    .career-offers-list-apply .inner {
        padding:20px 20px 20px 128px
    }
}

.career-offers-cta {
    padding: 45px 0 0;
    position: relative
}

@media(min-width: 768px) {
    .career-offers-cta {
        padding:90px 0 0
    }
}

.career-offers-cta button {
    font-family: Arial,Regular;
    font-weight: 500;
    display: inline-block;
    color: #000;
    background: 0 0;
    border: 2px solid #000;
    padding: 16px 30px 15px;
    font-size: 14px;
    letter-spacing: .27px;
    border-radius: 5px;
    transition: background .5s cubic-bezier(.4,.5,.15,1),color .5s cubic-bezier(.4,.5,.15,1),border .5s cubic-bezier(.4,.5,.15,1);
    cursor: pointer;
    transition: all .3s cubic-bezier(.4,.5,.15,1)
}

@media(min-width: 960px) {
    .career-offers-cta button {
        font-size:16px
    }
}

.career-offers-cta button:hover {
    color: #fff;
    background: #000;
    border-color: #000
}

.career-offers-cta button.loading {
    visibility: hidden;
    opacity: 0
}

.career-offers-cta .global-loader {
    position: absolute;
    top: 56px;
    left: 50%;
    margin: 0 0 0 -15px;
    transition: all .3s cubic-bezier(.4,.5,.15,1);
    visibility: hidden;
    opacity: 0
}

@media(min-width: 768px) {
    .career-offers-cta .global-loader {
        top:103px
    }
}

.career-offers-cta .global-loader.loading {
    visibility: visible;
    opacity: 1
}

.career-offers-empty p {
    font-family: Orkney Bold,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 14px
}

@media(min-width: 960px) {
    .career-offers-empty p {
        font-size:20px
    }
}

.career-offers-empty .cta {
    padding: 40px 0 0
}

.career-offers-empty .cta a {
    font-family: Arial,Regular;
    font-weight: 500;
    display: inline-block;
    color: #fff;
    background: #f60;
    border: 2px solid #f60;
    padding: 16px 30px 15px;
    font-size: 14px;
    letter-spacing: .27px;
    border-radius: 5px;
    transition: background .5s cubic-bezier(.4,.5,.15,1),color .5s cubic-bezier(.4,.5,.15,1),border .5s cubic-bezier(.4,.5,.15,1);
    cursor: pointer
}

@media(min-width: 960px) {
    .career-offers-empty .cta a {
        font-size:16px
    }
}

.career-offers-empty .cta a:hover {
    color: #fff;
    background: #000;
    border-color: #000
}

.career-offers-message {
    padding: 20px 0 0
}

.career-offers-message p {
    font-family: Arial,Regular;
    font-weight: 500;
    font-size: 14px;
    color: #f00
}

.career-offers.center .career-offers-list {
    justify-content: center
}

.career-offers-top.animated-active .sup-title,.career-offers-top.animated-active h2 {
    transform: translateZ(0);
    visibility: visible;
    opacity: 1
}

@-webkit-keyframes pin-jump {
    to {
        transform: translate3d(0,-10px,0)
    }
}

@keyframes pin-jump {
    to {
        transform: translate3d(0,-10px,0)
    }
}

.career-team-spirit {
    position: relative;
    padding: 60px 0;
    display: block;
    background: #000
}

.career-team-spirit .anchor-target {
    position: absolute;
    top: -63px
}

@media(min-width: 960px) {
    .career-team-spirit .anchor-target {
        top:-114px
    }
}

@media(min-width: 1200px) {
    .career-team-spirit {
        padding:120px 0
    }
}

.career-team-spirit .sup-title,.career-team-spirit h2 {
    transform-origin: 0 0;
    transition: transform 1.6s cubic-bezier(.38,.65,.37,.99),opacity 1s linear,visibility 1s linear;
    visibility: hidden;
    opacity: 0;
    transform: translate3d(0,100px,0)
}

.career-team-spirit h2 {
    font-family: Orkney Bold,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 25px;
    line-height: 1.2;
    letter-spacing: normal;
    color: #000;
    text-align: center;
    line-height: 1;
    color: #fff;
    margin: 10px 0 0;
    transition-delay: .1s
}

@media(min-width: 960px) {
    .career-team-spirit h2 {
        font-size:40px
    }
}

@media(min-width: 1200px) {
    .career-team-spirit h2 {
        font-size:46px
    }
}

@media(min-width: 960px) {
    .career-team-spirit h2 {
        margin-top:12px
    }
}

@media(min-width: 640px) {
    .career-team-spirit h2 {
        text-align:left
    }
}

@media(min-width: 960px) {
    .career-team-spirit h2 {
        max-width:320px
    }
}

@media(min-width: 1200px) {
    .career-team-spirit h2 {
        max-width:420px
    }
}

.career-team-spirit img {
    transition-property: all
}

.career-team-spirit .sup-title {
    font-family: Orkney Bold,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 16px;
    margin: 0 auto;
    color: #c2c2c2;
    text-align: center;
    color: hsla(0,0%,100%,.3)
}

@media(min-width: 960px) {
    .career-team-spirit .sup-title {
        font-size:20px
    }
}

@media(min-width: 640px) {
    .career-team-spirit .sup-title {
        text-align:left
    }
}

.career-team-spirit .table {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.career-team-spirit .table .label,.career-team-spirit .table .value {
    flex-grow: 0;
    flex-shrink: 0
}

.career-team-spirit .table .label {
    font-family: Arial,Regular;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    color: #fff;
    width: 100%;
    padding: 0 0 20px
}

.career-team-spirit .table .value {
    width: 100%;
    display: flex
}

.career-team-spirit .table .value p {
    color: #f60;
    font-size: 22px;
    text-align: center;
    flex-grow: 1;
    flex-shrink: 1
}

.career-team-spirit .table .value svg {
    transform: translate3d(-5px,-3px,0)
}

.career-team-spirit .table .row {
    display: flex;
    height: 33.33%;
    position: relative
}

.career-team-spirit .table .row:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 20px;
    right: 20px;
    height: 1px;
    background: hsla(0,0%,100%,.15)
}

.career-team-spirit .table .row:first-child:after {
    display: none
}

.career-team-spirit .table .cell {
    flex-grow: 1;
    flex-shrink: 1;
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    padding: 25px 0;
    position: relative
}

.career-team-spirit .table .cell:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 1px;
    background: hsla(0,0%,100%,.15)
}

.career-team-spirit .table .cell:first-child:before {
    display: none
}

.career-team-spirit .map {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.career-team-spirit .map a {
    display: block;
    position: absolute;
    transition: all .5s cubic-bezier(.4,.5,.15,1)
}

.career-team-spirit .map a:first-child {
    top: calc(50% - 110px);
    left: calc(50% + 85px)
}

@media(min-width: 640px) {
    .career-team-spirit .map a:first-child {
        top:calc(50% - 120px);
        left: calc(50% + 95px)
    }
}

@media(min-width: 768px) {
    .career-team-spirit .map a:first-child {
        top:calc(50% - 133px);
        left: calc(50% + 114px)
    }
}

@media(min-width: 960px) {
    .career-team-spirit .map a:first-child {
        top:calc(50% - 118px);
        left: calc(50% + 94px)
    }
}

.career-team-spirit .map a:last-child {
    top: calc(50% + 14px);
    left: calc(50% - 119px)
}

@media(min-width: 640px) {
    .career-team-spirit .map a:last-child {
        top:calc(50% + 19px);
        left: calc(50% - 131px)
    }
}

@media(min-width: 768px) {
    .career-team-spirit .map a:last-child {
        top:calc(50% + 28px);
        left: calc(50% - 153px)
    }
}

@media(min-width: 960px) {
    .career-team-spirit .map a:last-child {
        top:calc(50% + 18px);
        left: calc(50% - 130px)
    }
}

.career-team-spirit .map a svg {
    transition: transform .5s cubic-bezier(.4,.5,.15,1)
}

.career-team-spirit .map a:hover svg {
    -webkit-animation-name: pin-jump;
    animation-name: pin-jump;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: cubic-bezier(.4,.5,.15,1);
    animation-timing-function: cubic-bezier(.4,.5,.15,1);
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

.career-team-spirit .video-play {
    position: absolute;
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #f60;
    left: 50%;
    top: 50%;
    transform: translate3d(-25px,-25px,0);
    z-index: 2
}

.career-team-spirit .video-play svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-6px,-9px,0)
}

.career-team-spirit .image {
    -webkit-mask-image: -webkit-radial-gradient(#fff,#000);
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px
}

.career-team-spirit .image.team-spirit-map img {
    min-width: inherit;
    min-height: inherit;
    height: 107%
}

@media(min-width: 768px) {
    .career-team-spirit .image.team-spirit-map img {
        height:126%
    }
}

@media(min-width: 960px) {
    .career-team-spirit .image.team-spirit-map img {
        height:102%
    }
}

.career-team-spirit .entry {
    padding: 15px;
    top: 0
}

.career-team-spirit .entry .entry-content {
    background: rgba(255,174,0,.3);
    border-radius: 5px;
    text-align: center;
    height: 100%;
    position: relative;
    cursor: pointer
}

.career-team-spirit .entry .entry-content:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0;
    transition: opacity .4s cubic-bezier(.4,.5,.15,1);
    z-index: 1
}

.career-team-spirit .entry:first-child {
    height: 288px
}

.career-team-spirit .entry:nth-child(2) {
    height: 220px
}

.career-team-spirit .entry:nth-child(3) {
    height: 350px
}

.career-team-spirit .entry:nth-child(4) {
    height: 368px
}

.career-team-spirit .entry:nth-child(5) {
    height: 435px
}

.career-team-spirit .entry:nth-child(6),.career-team-spirit .entry:nth-child(7) {
    height: 220px
}

.career-team-spirit .entry:first-child .entry-content:hover:after,.career-team-spirit .entry:nth-child(2) .entry-content:hover:after,.career-team-spirit .entry:nth-child(4) .entry-content:hover:after,.career-team-spirit .entry:nth-child(6) .entry-content:hover:after,.career-team-spirit .entry:nth-child(7) .entry-content:hover:after {
    opacity: .3
}

.career-team-spirit .entry:first-child .entry-content:hover .image img,.career-team-spirit .entry:nth-child(2) .entry-content:hover .image img,.career-team-spirit .entry:nth-child(4) .entry-content:hover .image img,.career-team-spirit .entry:nth-child(6) .entry-content:hover .image img,.career-team-spirit .entry:nth-child(7) .entry-content:hover .image img {
    transition-timing-function: ease-out;
    transform: rotate(.001deg) translate3d(-50%,-50%,0) scale(1.06)
}

.career-team-spirit .entry:nth-child(3) .entry-content,.career-team-spirit .entry:nth-child(5) .entry-content {
    cursor: default;
    background: hsla(0,0%,100%,.1)
}

.career-team-spirit .entry:nth-child(3) .entry-content:after,.career-team-spirit .entry:nth-child(5) .entry-content:after {
    display: none
}

@media(min-width: 640px) {
    .career-team-spirit .entry {
        width:50%;
        position: absolute;
        left: 0
    }

    .career-team-spirit .entry:nth-child(2n) {
        left: 50%
    }

    .career-team-spirit .entry:first-child {
        height: 318px
    }

    .career-team-spirit .entry:nth-child(2) {
        height: 250px
    }

    .career-team-spirit .entry:nth-child(3) {
        top: 318px;
        height: 350px
    }

    .career-team-spirit .entry:nth-child(4) {
        top: 250px;
        height: 398px
    }

    .career-team-spirit .entry:nth-child(5) {
        top: 670px;
        height: 479px
    }

    .career-team-spirit .entry:nth-child(6) {
        top: 648px;
        height: 251px
    }

    .career-team-spirit .entry:nth-child(7) {
        left: 50%;
        top: 900px;
        height: 250px
    }
}

@media(min-width: 960px) {
    .career-team-spirit .entry {
        width:33.33%;
        top: 0
    }

    .career-team-spirit .entry:nth-child(3n) {
        left: 66.66%
    }

    .career-team-spirit .entry:nth-child(3n+1) {
        left: 0
    }

    .career-team-spirit .entry:nth-child(3n+2) {
        left: 33.33%
    }

    .career-team-spirit .entry:first-child {
        height: 340px
    }

    .career-team-spirit .entry:nth-child(2) {
        height: 270px
    }

    .career-team-spirit .entry:nth-child(3) {
        height: 370px;
        top: -138px
    }

    .career-team-spirit .entry:nth-child(4) {
        top: 340px;
        height: 427px
    }

    .career-team-spirit .entry:nth-child(5) {
        top: 270px;
        height: 497px
    }

    .career-team-spirit .entry:nth-child(6) {
        top: 230px;
        height: 270px
    }

    .career-team-spirit .entry:nth-child(7) {
        height: 270px;
        left: 66.66%;
        top: 498px
    }
}

.career-team-spirit-content {
    margin: 0 auto;
    max-width: 360px;
    padding: 50px 0 0
}

@media(min-width: 640px) {
    .career-team-spirit-content {
        max-width:inherit;
        margin: 0 -15px;
        height: 1186px
    }
}

@media(min-width: 960px) {
    .career-team-spirit-content {
        padding-top:60px;
        height: 843px
    }
}

@media(min-width: 1200px) {
    .career-team-spirit-content {
        padding-top:90px
    }
}

.career-team-spirit-cta {
    text-align: center;
    padding: 40px 0 0
}

@media(min-width: 1200px) {
    .career-team-spirit-cta {
        padding:50px 0 0
    }
}

.career-team-spirit-cta a {
    margin: 10px 5px 0
}

@media(min-width: 960px) {
    .career-team-spirit-cta a {
        margin:15px 10px 0
    }
}

.career-team-spirit-cta a:first-child {
    font-family: Arial,Regular;
    font-weight: 500;
    display: inline-block;
    color: #fff;
    background: 0 0;
    border: 2px solid #fff;
    padding: 16px 30px 15px;
    font-size: 14px;
    letter-spacing: .27px;
    border-radius: 5px;
    transition: background .5s cubic-bezier(.4,.5,.15,1),color .5s cubic-bezier(.4,.5,.15,1),border .5s cubic-bezier(.4,.5,.15,1);
    cursor: pointer
}

@media(min-width: 960px) {
    .career-team-spirit-cta a:first-child {
        font-size:16px
    }
}

.career-team-spirit-cta a:first-child:hover {
    color: #000;
    background: #fff;
    border-color: #fff
}

.career-team-spirit-cta a:last-child {
    font-family: Arial,Regular;
    font-weight: 500;
    display: inline-block;
    color: #fff;
    background: #f60;
    border: 2px solid #f60;
    padding: 16px 30px 15px;
    font-size: 14px;
    letter-spacing: .27px;
    border-radius: 5px;
    transition: background .5s cubic-bezier(.4,.5,.15,1),color .5s cubic-bezier(.4,.5,.15,1),border .5s cubic-bezier(.4,.5,.15,1);
    cursor: pointer
}

@media(min-width: 960px) {
    .career-team-spirit-cta a:last-child {
        font-size:16px
    }
}

.career-team-spirit-cta a:last-child:hover {
    color: #000;
    background: #fff;
    border-color: #fff
}

.career-team-spirit-items {
    position: relative
}

.career-team-spirit-top.animated-active .sup-title,.career-team-spirit-top.animated-active h2 {
    transform: translateZ(0);
    visibility: visible;
    opacity: 1
}

.arguments-solutions-list {
    padding: 30px 0;
    background-color: #f8f8f8
}

.arguments-solutions-list .list-argument {
    list-style: none;
    display: flex;
    justify-content: space-between;
    margin: auto
}

@media(min-width: 360px) {
    .arguments-solutions-list .list-argument {
        width:320px
    }
}

@media(min-width: 640px) {
    .arguments-solutions-list .list-argument {
        width:auto
    }
}

@media(min-width: 960px) {
    .arguments-solutions-list .list-argument {
        width:60%
    }
}

.arguments-solutions-list .list-argument li {
    font-family: Orkney,Arial,Helvetica,sans-serif;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    width: 90px
}

@media(min-width: 640px) {
    .arguments-solutions-list .list-argument li {
        font-size:16px;
        width: 33.333%
    }
}

@media(min-width: 960px) {
    .arguments-solutions-list .list-argument li {
        width:auto
    }
}

.arguments-solutions-list .list-argument .icon {
    width: 23px;
    height: 25px;
    margin: 0 auto 15px
}

@media(min-width: 960px) {
    .arguments-solutions-list .list-argument .icon {
        width:34px;
        height: 30px;
        margin: 0 auto 20px
    }
}

.arguments-solutions-list .list-argument .icon img {
    height: auto;
    width: 100%
}

@media(min-width: 960px) {
    .arguments-solutions-list .list-argument .icon img {
        height:100%;
        width: auto
    }
}

.admin-bar .archives-pages {
    min-height: calc(100vh - 80px);
    min-height: calc(100vh - 80px - var(--app-top))
}

.archives-pages {
    padding: 90px 0;
    background: #000;
    min-height: calc(100vh - 80px)
}

@media(min-width: 1200px) {
    .archives-pages {
        padding-top:180px;
        padding-bottom: 150px
    }
}

.archives-pages .section-title {
    color: #fff;
    max-width: 100%
}

.archives-pages .archives-list {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
    padding-top: 30px;
    margin-bottom: 60px
}

@media(min-width: 640px) {
    .archives-pages .archives-list {
        margin-left:-15px;
        margin-right: -15px;
        margin-bottom: 120px;
        padding-top: 45px
    }
}

@media(min-width: 1200px) {
    .archives-pages .archives-list {
        margin-left:-30px;
        margin-right: -30px
    }
}

.archives-pages .archives-list .archive--wrapper {
    position: relative
}

@media(min-width: 640px) {
    .archives-pages .archives-list .archive--wrapper {
        padding:0 30px
    }
}

@media(min-width: 1200px) {
    .archives-pages .archives-list .archive--wrapper {
        padding:0 45px
    }
}

@media(max-width: 959px) {
    .archives-pages .archives-list .archive--wrapper:nth-child(odd) {
        top:30px
    }
}

@media(max-width: 639px) {
    .archives-pages .archives-list .archive--wrapper:nth-child(odd) {
        top:0
    }
}

@media(min-width: 960px) {
    .archives-pages .archives-list .archive--wrapper:nth-child(3n+1) {
        top:45px
    }
}

@media(min-width: 960px) {
    .archives-pages .archives-list .archive--wrapper:nth-child(3n+3) {
        top:90px
    }
}

.archives-pages .archives-list .archive--wrapper.uk-grid-margin {
    margin-top: 15px
}

@media(min-width: 640px) {
    .archives-pages .archives-list .archive--wrapper.uk-grid-margin {
        margin-top:60px
    }
}

@media(min-width: 960px) {
    .archives-pages .archives-list .archive--wrapper.uk-grid-margin {
        margin-top:90px
    }
}

.archives-pages .archives-cta {
    text-align: center;
    position: relative
}

.archives-pages .archives-cta button {
    font-family: Arial,Regular;
    font-weight: 500;
    display: inline-block;
    color: #fff;
    background: 0 0;
    border: 2px solid #fff;
    padding: 16px 30px 15px;
    font-size: 14px;
    letter-spacing: .27px;
    border-radius: 5px;
    transition: background .5s cubic-bezier(.4,.5,.15,1),color .5s cubic-bezier(.4,.5,.15,1),border .5s cubic-bezier(.4,.5,.15,1);
    cursor: pointer
}

@media(min-width: 960px) {
    .archives-pages .archives-cta button {
        font-size:16px
    }
}

.archives-pages .archives-cta button:hover {
    color: #000;
    background: #fff;
    border-color: #fff
}

.archives-pages .archives-cta button.loading {
    visibility: hidden;
    opacity: 0
}

.archives-pages .archives-cta .global-loader {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin: 0 0 0 -15px;
    transition: all .3s cubic-bezier(.4,.5,.15,1);
    visibility: hidden;
    opacity: 0
}

.archives-pages .archives-cta .global-loader.loading {
    visibility: visible;
    opacity: 1
}

.archives-pages .archives-empty {
    padding-top: 30px
}

.archives-pages .archives-empty p {
    font-family: Orkney Bold,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #fff
}

@media(min-width: 640px) {
    .archives-pages .archives-empty p {
        font-size:25px
    }
}

.block-framed-section .cta-wrapper,.block-framed-section .text--wrapper,.block-framed-section h2,.block-framed-section h3 {
    transform-origin: 0 0;
    transition: transform 1.6s cubic-bezier(.38,.65,.37,.99),opacity 1s linear,visibility 1s linear;
    visibility: hidden;
    opacity: 0
}

@media(min-width: 960px) {
    .block-framed-section .cta-wrapper,.block-framed-section .text--wrapper,.block-framed-section h2,.block-framed-section h3 {
        transform:translate3d(0,20px,0)
    }
}

@media(min-width: 1200px) {
    .block-framed-section .cta-wrapper,.block-framed-section .text--wrapper,.block-framed-section h2,.block-framed-section h3 {
        transform:translate3d(0,80px,0)
    }
}

.block-framed-section h2 {
    transition-delay: .1s
}

.block-framed-section .cta-wrapper {
    transition-delay: .3s
}

.block-framed-section .text--wrapper {
    transition-delay: .2s
}

.block-framed-section .animated-active .cta-wrapper,.block-framed-section .animated-active .text--wrapper,.block-framed-section .animated-active h2,.block-framed-section .animated-active h3 {
    transform: translateZ(0);
    visibility: visible;
    opacity: 1
}

.block-carousel .carousel--wrapper,.block-carousel h2,.block-carousel h3 {
    transform-origin: 0 0;
    transition: transform 1.6s cubic-bezier(.38,.65,.37,.99),opacity 1s linear,visibility 1s linear
}

.block-carousel h2 {
    transition-delay: .1s
}

.block-carousel .carousel--wrapper {
    transition-delay: .3s
}

.block-carousel .animated-active .carousel--wrapper,.block-carousel .animated-active h2,.block-carousel .animated-active h3 {
    transform: translateZ(0);
    visibility: visible;
    opacity: 1
}

.archives-pages h2,.archives-pages h3,.block-chiffres h2,.block-chiffres h3,.block-clients h2,.block-clients h3,.block-featured-post h2,.block-featured-post h3,.block-services h2,.block-services h3,.entry-archives h2,.entry-archives h3 {
    transform-origin: 0 0;
    transition: transform 1.6s cubic-bezier(.38,.65,.37,.99),opacity 1s linear,visibility 1s linear;
    visibility: hidden;
    opacity: 0;
    transform: translate3d(0,100px,0)
}

.archives-pages h2,.block-chiffres h2,.block-clients h2,.block-featured-post h2,.block-services h2,.entry-archives h2 {
    transition-delay: .1s
}

.archives-pages .animated-active h2,.archives-pages .animated-active h3,.block-chiffres .animated-active h2,.block-chiffres .animated-active h3,.block-clients .animated-active h2,.block-clients .animated-active h3,.block-featured-post .animated-active h2,.block-featured-post .animated-active h3,.block-services .animated-active h2,.block-services .animated-active h3,.entry-archives .animated-active h2,.entry-archives .animated-active h3 {
    transform: translateZ(0);
    visibility: visible;
    opacity: 1
}

.block-avantages .intro,.block-avantages .sub-title,.block-avantages h2,.block-introduction .intro,.block-introduction .sub-title,.block-introduction h2 {
    transform-origin: 0 0;
    transition: transform 1.6s cubic-bezier(.38,.65,.37,.99),opacity 1s linear,visibility 1s linear;
    visibility: hidden;
    opacity: 0;
    transform: translate3d(0,100px,0)
}

.block-avantages h2,.block-introduction h2 {
    transition-delay: .1s
}

.block-avantages .intro,.block-introduction .intro {
    transition-delay: .2s
}

.block-avantages .animated-active .intro,.block-avantages .animated-active .sub-title,.block-avantages .animated-active h2,.block-introduction .animated-active .intro,.block-introduction .animated-active .sub-title,.block-introduction .animated-active h2 {
    transform: translateZ(0);
    visibility: visible;
    opacity: 1
}

.block-image-rte .content-rte,.block-image-rte .cta,.block-image-rte .sub-title,.block-image-rte .subtitle,.block-image-rte h2 {
    transform-origin: 0 0;
    transition: transform 1.6s cubic-bezier(.38,.65,.37,.99),opacity 1s linear,visibility 1s linear;
    visibility: hidden;
    opacity: 0;
    transform: translate3d(0,60px,0)
}

.block-image-rte h2 {
    transition-delay: .1s
}

.block-image-rte .content-rte {
    transition-delay: .2s
}

.block-image-rte .cta {
    transition-delay: .3s
}

.block-image-rte .media--wrapper {
    transform-origin: 0 0;
    transition: transform 1.6s cubic-bezier(.38,.65,.37,.99),opacity 1s linear,visibility 1s linear;
    visibility: hidden;
    opacity: 0
}

.block-image-rte .align-left .media--wrapper {
    transform: translate3d(-100%,0,0)
}

.block-image-rte .align-right .media--wrapper {
    transform: translate3d(100%,0,0)
}

.block-image-rte .animated-active .content-rte,.block-image-rte .animated-active .cta,.block-image-rte .animated-active .media--wrapper,.block-image-rte .animated-active .sub-title,.block-image-rte .animated-active .subtitle,.block-image-rte .animated-active h2 {
    transform: translateZ(0);
    visibility: visible;
    opacity: 1
}

.block-reseau .subtitle,.block-reseau h2 {
    transform-origin: 0 0;
    transition: transform 1.6s cubic-bezier(.38,.65,.37,.99),opacity 1s linear,visibility 1s linear;
    visibility: hidden;
    opacity: 0;
    transform: translate3d(0,100px,0)
}

.block-reseau h2 {
    transition-delay: .1s
}

.block-reseau .media--wrapper {
    transform-origin: 0 0;
    transition: transform 1.6s cubic-bezier(.38,.65,.37,.99),opacity 1s linear,visibility 1s linear;
    visibility: hidden;
    opacity: 0;
    transform-origin: center center;
    transform: scale(1.2)
}

.block-reseau .animated-active .media--wrapper,.block-reseau .animated-active .subtitle,.block-reseau .animated-active h2 {
    transform: translateZ(0);
    visibility: visible;
    opacity: 1
}

.block-reseau .animated-active .media--wrapper {
    transform: scale(1)
}

.contact-page .suptitle,.contact-page h1,.problematic-page .suptitle,.problematic-page h1 {
    transform-origin: 0 0;
    transition: transform 1.6s cubic-bezier(.38,.65,.37,.99),opacity 1s linear,visibility 1s linear;
    visibility: hidden;
    opacity: 0;
    transform: translate3d(0,100px,0)
}

.contact-page h1,.problematic-page h1 {
    transition-delay: .1s
}

.contact-page .animated-active .suptitle,.contact-page .animated-active h1,.problematic-page .animated-active .suptitle,.problematic-page .animated-active h1 {
    transform: translateZ(0);
    visibility: visible;
    opacity: 1
}

.contact-localisation .suptitle,.contact-localisation h2 {
    transform-origin: 0 0;
    transition: transform 1.6s cubic-bezier(.38,.65,.37,.99),opacity 1s linear,visibility 1s linear;
    visibility: hidden;
    opacity: 0;
    transform: translate3d(0,100px,0)
}

.contact-localisation h2 {
    transition-delay: .1s
}

.contact-localisation .animated-active .suptitle,.contact-localisation .animated-active h2 {
    transform: translateZ(0);
    visibility: visible;
    opacity: 1
}

.entry-header-post .author,.entry-header-post .avatar,.entry-header-post .date,.entry-header-post .tag,.entry-header-post .title {
    transform-origin: 0 0;
    transition: transform 1.6s cubic-bezier(.38,.65,.37,.99),opacity 1s linear,visibility 1s linear;
    visibility: hidden;
    opacity: 0;
    transform: translate3d(0,100px,0)
}

.entry-header-post .title {
    transition-delay: .1s
}

.entry-header-post .avatar {
    transition-delay: .2s
}

.entry-header-post .author {
    transition-delay: .3s
}

.entry-header-post .date {
    transition-delay: .4s
}

.entry-header-post .visuel {
    transform-origin: 0 0;
    transition: transform 1.6s cubic-bezier(.38,.65,.37,.99),opacity 1s linear,visibility 1s linear;
    visibility: hidden;
    opacity: 0;
    transform: translate3d(100px,0,0)
}

.entry-header-post .animated-active .author,.entry-header-post .animated-active .avatar,.entry-header-post .animated-active .date,.entry-header-post .animated-active .tag,.entry-header-post .animated-active .title,.entry-header-post .animated-active .visuel {
    transform: translateZ(0);
    visibility: visible;
    opacity: 1
}

.page-403 .error-code span,.page-403 .error-message,.page-403 .search-form,.page-404 .error-code span,.page-404 .error-message,.page-404 .search-form,.page-500 .error-code span,.page-500 .error-message,.page-500 .search-form {
    transform-origin: 0 0;
    transition: transform 1.6s cubic-bezier(.38,.65,.37,.99),opacity 1s linear,visibility 1s linear;
    visibility: hidden;
    opacity: 0;
    transform: translate3d(0,100px,0)
}

.page-403 .error-code span:first-child,.page-404 .error-code span:first-child,.page-500 .error-code span:first-child {
    transition-delay: .1s
}

.page-403 .error-code span:nth-child(2),.page-404 .error-code span:nth-child(2),.page-500 .error-code span:nth-child(2) {
    transition-delay: .2s
}

.page-403 .error-code span:nth-child(3),.page-404 .error-code span:nth-child(3),.page-500 .error-code span:nth-child(3) {
    transition-delay: .3s
}

.page-403 .error-message,.page-404 .error-message,.page-500 .error-message {
    transition-delay: .4s
}

.page-403 .error-message:after,.page-403 .error-message:before,.page-404 .error-message:after,.page-404 .error-message:before,.page-500 .error-message:after,.page-500 .error-message:before {
    transform-origin: 0 0;
    transition: transform 1.6s cubic-bezier(.38,.65,.37,.99),opacity 1s linear,visibility 1s linear;
    visibility: hidden;
    opacity: 0;
    transition-delay: .5s
}

.page-403 .error-message:before,.page-404 .error-message:before,.page-500 .error-message:before {
    transform: translate3d(-50px,0,0)
}

.page-403 .error-message:after,.page-404 .error-message:after,.page-500 .error-message:after {
    transform: translate3d(50px,0,0)
}

.page-403 .search-form,.page-404 .search-form,.page-500 .search-form {
    transition-delay: .6s
}

.page-403 .animated-active .error-code span,.page-403 .animated-active .error-message,.page-403 .animated-active .error-message:after,.page-403 .animated-active .error-message:before,.page-403 .animated-active .search-form,.page-404 .animated-active .error-code span,.page-404 .animated-active .error-message,.page-404 .animated-active .error-message:after,.page-404 .animated-active .error-message:before,.page-404 .animated-active .search-form,.page-500 .animated-active .error-code span,.page-500 .animated-active .error-message,.page-500 .animated-active .error-message:after,.page-500 .animated-active .error-message:before,.page-500 .animated-active .search-form {
    transform: translateZ(0);
    visibility: visible;
    opacity: 1
}

.block-arguments .block-arguments--card,.block-arguments .cta-wrapper,.block-arguments .text--wrapper,.block-arguments h2,.block-arguments h3 {
    transform-origin: 0 0;
    transition: transform 1.6s cubic-bezier(.38,.65,.37,.99),opacity 1s linear,visibility 1s linear;
    visibility: hidden;
    opacity: 0
}

@media(min-width: 960px) {
    .block-arguments .block-arguments--card,.block-arguments .cta-wrapper,.block-arguments .text--wrapper,.block-arguments h2,.block-arguments h3 {
        transform:translate3d(0,100px,0)
    }
}

@media(min-width: 1200px) {
    .block-arguments .block-arguments--card,.block-arguments .cta-wrapper,.block-arguments .text--wrapper,.block-arguments h2,.block-arguments h3 {
        transform:translate3d(0,120px,0)
    }
}

.block-arguments h2 {
    transition-delay: .1s
}

.block-arguments .cta-wrapper {
    transition-delay: .3s
}

.block-arguments .text--wrapper {
    transition-delay: .2s
}

.block-arguments .block-arguments--card {
    transition-delay: .4s
}

.block-arguments .animated-active .block-arguments--card,.block-arguments .animated-active .cta-wrapper,.block-arguments .animated-active .text--wrapper,.block-arguments .animated-active h2,.block-arguments .animated-active h3 {
    transform: translateZ(0);
    visibility: visible;
    opacity: 1
}

.block-tabs .media--wrapper,.block-tabs .tabs-items,.block-tabs .video--wrapper,.block-tabs h2,.block-tabs h3 {
    transform-origin: 0 0;
    transition: transform 1.6s cubic-bezier(.38,.65,.37,.99),opacity 1s linear,visibility 1s linear;
    visibility: hidden;
    opacity: 0
}

@media(min-width: 960px) {
    .block-tabs .media--wrapper,.block-tabs .tabs-items,.block-tabs .video--wrapper,.block-tabs h2,.block-tabs h3 {
        transform:translate3d(0,100px,0)
    }
}

@media(min-width: 1200px) {
    .block-tabs .media--wrapper,.block-tabs .tabs-items,.block-tabs .video--wrapper,.block-tabs h2,.block-tabs h3 {
        transform:translate3d(0,120px,0)
    }
}

.block-tabs h2 {
    transition-delay: .1s
}

.block-tabs .tabs-items {
    transition-delay: .3s
}

.block-tabs .media--wrapper,.block-tabs .video--wrapper {
    transition-delay: .4s
}

.block-tabs .animated-active .media--wrapper,.block-tabs .animated-active .tabs-items,.block-tabs .animated-active .video--wrapper,.block-tabs .animated-active h2,.block-tabs .animated-active h3 {
    transform: translateZ(0);
    visibility: visible;
    opacity: 1
}

.block-testimonial .block-testimonial--tab,.block-testimonial .slide-image,.block-testimonial .text--wrapper {
    transform-origin: 0 0;
    transition: transform 1.6s cubic-bezier(.38,.65,.37,.99),opacity 1s linear,visibility 1s linear;
    visibility: hidden;
    opacity: 0
}

@media(min-width: 960px) {
    .block-testimonial .block-testimonial--tab,.block-testimonial .slide-image,.block-testimonial .text--wrapper {
        transform:translate3d(0,100px,0)
    }
}

@media(min-width: 1200px) {
    .block-testimonial .block-testimonial--tab,.block-testimonial .slide-image,.block-testimonial .text--wrapper {
        transform:translate3d(0,120px,0)
    }
}

.block-testimonial .text--wrapper {
    transition-delay: .1s
}

.block-testimonial .slide-image {
    transition-delay: .3s
}

.block-testimonial .animated-active .block-testimonial--tab,.block-testimonial .animated-active .slide-image,.block-testimonial .animated-active .text--wrapper {
    transform: translateZ(0);
    visibility: visible;
    opacity: 1
}

.section-hero .hero-singular .description,.section-hero .hero-singular .more,.section-hero .hero-singular h2 {
    transform-origin: 0 0;
    transition: transform 1.6s cubic-bezier(.38,.65,.37,.99),opacity 1s linear,visibility 1s linear;
    visibility: hidden;
    opacity: 0;
    transform: translate3d(0,100px,0)
}

.section-hero .hero-singular .description {
    transition-delay: .3s
}

.section-hero .hero-singular .more {
    transition-delay: .5s
}

@media(min-width: 768px) {
    .section-hero .hero-singular .more {
        transition-delay:.8s
    }
}

.section-hero .hero-singular .animated-active .description,.section-hero .hero-singular .animated-active .more,.section-hero .hero-singular .animated-active h2 {
    transform: translateZ(0);
    visibility: visible;
    opacity: 1
}

@-webkit-keyframes slide-vertical {
    0% {
        opacity: 0;
        transform: translate(-50%,-60%)
    }

    to {
        opacity: 1;
        transform: translate(-50%,-50%)
    }
}

@keyframes slide-vertical {
    0% {
        opacity: 0;
        transform: translate(-50%,-60%)
    }

    to {
        opacity: 1;
        transform: translate(-50%,-50%)
    }
}

.app-ready #orejime {
    display: block
}

.main-header {
    background-color: rgba(255,255,255,.15);
    transition: transform .5s cubic-bezier(.4,.5,.15,1)
}

.orejimeBody-WithModalOpen .main-header {
    transform: translate3d(0,-100%,0)
}

.orejime-Modal h1,.orejime-Notice h1 {
    font-size: 14px;
    margin: 0 0 10px;
    text-transform: uppercase
}

@media(min-width: 960px) {
    .orejime-Modal h1,.orejime-Notice h1 {
        font-size:16px
    }
}

@media(min-width: 1200px) {
    .orejime-Modal h1,.orejime-Notice h1 {
        font-size:16px
    }

    .main-header {
        background-color: rgba(255,255,255,0)
    }
}

.orejime-Modal label,.orejime-Modal p,.orejime-Notice label,.orejime-Notice p {
    font-family: Orkney Light,Arial,Helvetica,sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.88;
    color: #fff
}

.orejime-Modal label a,.orejime-Modal p a,.orejime-Notice label a,.orejime-Notice p a {
    text-decoration: none;
    border-bottom: 1px dashed #fff
}

.orejime-Modal label a:hover,.orejime-Modal p a:hover,.orejime-Notice label a:hover,.orejime-Notice p a:hover {
    border-style: solid
}

.orejime-Modal label,.orejime-Notice label {
    display: block;
    margin: 0 0 10px
}

.orejime-Modal .orejime-AppItem-title,.orejime-Notice .orejime-AppItem-title {
    font-weight: 700
}

.orejime-Modal .orejime-AppItem-required,.orejime-Notice .orejime-AppItem-required {
    font-size: 1.3rem;
    color: hsla(0,0%,100%,.5)
}

.orejime-Notice {
    transition: transform .5s cubic-bezier(.4,.5,.15,1);
    display: flex;
    flex-wrap: wrap;
    padding: 7px;
    background: #000
}

@media(min-width: 960px) {
    .orejime-Notice {
        flex-wrap:nowrap;
        max-width: 1600px;
        border-radius: 0;
        left: 0;
        right: 0;
        bottom: 0
    }
}

@media(min-width: 1440px) {
    .orejime-Notice {
        width:1600px;
        left: 50%;
        margin-left: -800px
    }
}

.orejimeBody-WithModalOpen .orejime-Notice {
    transform: translate3d(0,100%,0)
}

.orejime-Notice-body {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%
}

@media(min-width: 960px) {
    .orejime-Notice-body {
        justify-content:center
    }
}

.orejime-Notice-description {
    margin-bottom: 15px
}

@media(min-width: 768px) {
    .orejime-Notice-description {
        margin-bottom:0
    }
}

.orejime-Notice-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

@media(min-width: 768px) {
    .orejime-Notice-actions {
        padding-left:8px
    }
}

.orejime-Notice-actionItem {
    order: 2
}

.orejime-Notice-actionItem:last-child {
    order: 1;
    width: 100%;
    margin-bottom: 20px
}

@media(min-width: 640px) {
    .orejime-Notice-actionItem:last-child {
        width:auto;
        margin-bottom: 0
    }
}

@media(min-width: 960px) {
    .orejime-Notice-actionItem:last-child {
        margin-right:30px
    }
}

.orejime-Notice-actionItem .orejime-Button--decline,.orejime-Notice-actionItem .orejime-Button--save {
    padding: 12px 30px
}

.orejime-ModalWrapper {
    width: 100%;
    -webkit-animation: slide-vertical .8s;
    animation: slide-vertical .8s
}

@media(min-width: 640px) {
    .orejime-ModalWrapper {
        width:96%
    }
}

@media(min-width: 960px) {
    .orejime-ModalWrapper {
        width:700px
    }
}

.orejime-Modal {
    background: #000;
    box-shadow: none;
    border-radius: 5px
}

.orejime-Modal-body,.orejime-Modal-footer {
    padding: 20px
}

.orejime-Modal-header {
    padding: 20px 30px;
    border-color: hsla(0,0%,100%,.1)
}

.orejime-Modal-footer {
    text-align: center;
    border-color: hsla(0,0%,100%,.1)
}

.orejime-AppToggles {
    text-align: center
}

.orejime-AppToggles button {
    margin: 0 10px 0 0
}

.orejime-AppToggles button:last-child {
    margin: 0
}

.orejime-AppToggles button[disabled] {
    opacity: .3
}

.orejime-ModalOverlay {
    background: rgba(17,17,17,.8);
    z-index: 1030
}

.orejime-AppItem-label {
    position: inherit
}

.orejime-AppItem-slider {
    margin-left: 10px;
    background: hsla(0,0%,100%,.3);
    border: none
}

.orejime-AppItem-slider:before {
    border: none;
    background: #f60;
    bottom: 5px;
    left: 5px;
    width: 15px;
    height: 15px
}

.orejime-AppItem-input:checked+.orejime-AppItem-label .orejime-AppItem-slider {
    background: hsla(0,0%,100%,.2);
    color: #fff;
    border-radius: 29px;
    transition: opacity .25s ease-out
}

.orejime-AppItem-input:checked+.orejime-AppItem-label .orejime-AppItem-slider:hover {
    opacity: .6
}

.orejime-AppItem-input:checked+.orejime-AppItem-label .orejime-AppItem-slider:before {
    transform: translateX(25px)
}

.orejime-Button--accept,.orejime-Button--decline,.orejime-Button--save {
    font-family: Arial,Regular;
    font-weight: 500;
    display: inline-block;
    color: #fff;
    background: 0 0;
    border: 2px solid #fff;
    padding: 16px 30px 15px;
    font-size: 14px;
    letter-spacing: .27px;
    border-radius: 5px;
    transition: background .5s cubic-bezier(.4,.5,.15,1),color .5s cubic-bezier(.4,.5,.15,1),border .5s cubic-bezier(.4,.5,.15,1);
    cursor: pointer
}

@media(min-width: 960px) {
    .orejime-Button--accept,.orejime-Button--decline,.orejime-Button--save {
        font-size:16px
    }
}

.orejime-Button--accept:hover,.orejime-Button--decline:hover,.orejime-Button--save:hover {
    color: #000;
    background: #fff;
    border-color: #fff
}

.orejime-Button--info {
    font-family: Arial,Regular;
    font-weight: 500;
    font-size: 14px;
    color: #f60;
    padding: 0;
    cursor: pointer;
    position: relative;
    background-color: transparent
}

@media(min-width: 960px) {
    .orejime-Button--info {
        font-size:16px
    }
}

.orejime-Button--info:hover:before {
    width: 0
}

.orejime-Button--info:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 100%;
    transform: translate3d(-50%,0,0);
    transform-origin: 50%;
    border-bottom: 1px solid #f60;
    transition: width .3s,color .3s
}

.orejime-AppItem-switch {
    width: 35px;
    height: 25px
}

.orejime-AppList-item {
    padding-left: 80px
}

.orejime-AppItem-switchLabel {
    width: 70px
}

.orejime-Modal-closeButton {
    cursor: pointer;
    padding: 10px;
    display: block
}

.orejime-Modal-closeButton svg {
    cursor: pointer
}

@-webkit-keyframes spinner-rotate {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(270deg)
    }
}

@keyframes spinner-rotate {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(270deg)
    }
}

.modal-components.uk-flex {
    display: flex;
    align-items: center
}

.modal-components .uk-modal-dialog {
    border-radius: 5px;
    overflow: hidden;
    max-height: 340px
}

.modal-components .uk-margin-auto-vertical {
    margin: 0 auto
}

.modal-components .uk-modal-header {
    background: #fff
}

.modal-components .uk-modal-header p {
    padding: 0 0
}

.modal-components .uk-modal-body,.modal-components .uk-modal-header {
    padding-left: 15px;
    padding-right: 15px
}

@media(min-width: 640px) {
    .modal-components .uk-modal-body,.modal-components .uk-modal-header {
        padding-left:30px;
        padding-right: 30px
    }
}

.modal-components .hubspot-form {
    padding-bottom: 0
}

.app-ready #tlight {
    opacity: 1;
    visibility: visible;
    transform: translateZ(0)
}

#popupVimeo {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    clear: both
}

#popupVimeo iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#tfade.tdarkoverlay {
    z-index: 99997
}

#tlight {
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0,20px,0);
    transition: opacity 1s cubic-bezier(.4,.5,.15,1),visibility 1s cubic-bezier(.4,.5,.15,1),transform 1s cubic-bezier(.4,.5,.15,1)
}

#tlight.tbrightcontent {
    left: 50%;
    transform: translate3d(-50%,0,0);
    height: auto;
    padding: 30px;
    z-index: 99998;
    border-radius: 5px;
    box-shadow: 0 0 100px 0 rgba(0,0,0,.75)
}

@media(min-width: 960px) {
    #tlight.tbrightcontent {
        padding:45px 60px;
        width: 700px
    }
}

#tlight .termspopupcontainer {
    padding-bottom: 0
}

#tlight .termspopupcontainer h3.termstitle {
    font-family: Orkney Bold,Arial,Helvetica,sans-serif;
    font-weight: 700;
    background: #fff;
    color: #000;
    font-size: 20px;
    z-index: 1;
    width: 100%;
    padding: 0;
    margin: 0 0 15px!important;
    transition: all .5s cubic-bezier(.4,.5,.15,1);
    text-transform: none
}

@media(min-width: 960px) {
    #tlight .termspopupcontainer h3.termstitle {
        font-size:26px;
        width: auto;
        z-index: 2
    }
}

#tlight .termspopupcontainer .termscontentwrapper p {
    font-family: Orkney,Arial,Helvetica,sans-serif;
    font-weight: 400;
    text-align: center;
    color: #b2b2b2;
    font-size: 16px;
    line-height: 1.38
}

#tlight .termspopupcontainer .tthebutton {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: auto!important;
    margin: 30px auto 0!important
}

#tlight .termspopupcontainer .tthebutton .termsagree,#tlight .termspopupcontainer .tthebutton .termsdecline {
    flex-grow: 0;
    flex-shrink: 0;
    width: 100%;
    margin-bottom: 15px
}

@media(min-width: 768px) {
    #tlight .termspopupcontainer .tthebutton .termsagree,#tlight .termspopupcontainer .tthebutton .termsdecline {
        width:auto;
        margin-bottom: 0
    }
}

#tlight .termspopupcontainer .tthebutton .termsagree {
    font-family: Arial,Regular;
    font-weight: 500;
    display: inline-block;
    color: #fff;
    background: #f60;
    border: 2px solid #f60;
    padding: 16px 30px 15px;
    font-size: 14px;
    letter-spacing: .27px;
    border-radius: 5px;
    transition: background .5s cubic-bezier(.4,.5,.15,1),color .5s cubic-bezier(.4,.5,.15,1),border .5s cubic-bezier(.4,.5,.15,1);
    cursor: pointer;
    order: 2
}

@media(min-width: 960px) {
    #tlight .termspopupcontainer .tthebutton .termsagree {
        font-size:16px
    }
}

#tlight .termspopupcontainer .tthebutton .termsagree:hover {
    color: #fff;
    background: #000;
    border-color: #000
}

#tlight .termspopupcontainer .tthebutton .termsdecline {
    font-family: Arial,Regular;
    font-weight: 500;
    display: inline-block;
    color: #000;
    background: 0 0;
    border: 2px solid #000;
    padding: 16px 30px 15px;
    font-size: 14px;
    letter-spacing: .27px;
    border-radius: 5px;
    transition: background .5s cubic-bezier(.4,.5,.15,1),color .5s cubic-bezier(.4,.5,.15,1),border .5s cubic-bezier(.4,.5,.15,1);
    cursor: pointer;
    order: 1
}

@media(min-width: 960px) {
    #tlight .termspopupcontainer .tthebutton .termsdecline {
        font-size:16px
    }
}

#tlight .termspopupcontainer .tthebutton .termsdecline:hover {
    color: #fff;
    background: #000;
    border-color: #000
}

@media(min-width: 768px) {
    #tlight .termspopupcontainer .tthebutton .termsdecline {
        margin-right:15px
    }
}

.startup-video {
    -webkit-mask-image: -webkit-radial-gradient(#fff,#000);
    overflow: hidden;
    margin-top: 15px;
    position: relative;
    border-radius: 5px;
    transform: translateZ(0);
    cursor: pointer
}

.startup-video .thumbnail-video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.startup-video .thumbnail-video:hover img {
    transition-timing-function: ease-out;
    transition-property: transform;
    transform: rotate(.001deg) translate3d(-50%,-50%,0) scale(1.06)
}

.startup-video .thumbnail-video:before {
    content: "";
    display: block;
    width: 90px;
    height: 90px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    transform: translate3d(-45px,-45px,0);
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg id='Calque_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 82 82'%3E%3Cstyle%3E.st0{fill:%23fff}%3C/style%3E%3Cpath class='st0' d='M41 82c22.6 0 41-18.4 41-41S63.6 0 41 0 0 18.4 0 41s18.4 41 41 41zm0-2C19.5 80 2 62.5 2 41S19.5 2 41 2s39 17.5 39 39-17.5 39-39 39z'/%3E%3Cpath class='st0' d='M32 54.6c-1 .5-2.2.2-2.7-.8-.2-.3-.2-.6-.2-1V29.2c0-1.1.9-2 2-2 .3 0 .7.1 1 .2L54 39.2c1 .5 1.3 1.7.8 2.7-.2.3-.5.6-.8.8L32 54.6zm-.9-25.4v23.6L52.9 41 31.1 29.2z'/%3E%3C/svg%3E") 50% no-repeat/cover;
    transition: all .3s cubic-bezier(.4,.5,.15,1)
}

.startup-video .thumbnail-video.preload-video:before {
    opacity: 0;
    visibility: hidden
}

.startup-video .thumbnail-video.preload-video .uk-spinner {
    opacity: 1;
    visibility: visible
}

.startup-video .thumbnail-video .uk-spinner {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-45px,-45px,0) scale(1);
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    transition: all .3s cubic-bezier(.4,.5,.15,1)
}

.startup-video .thumbnail-video img {
    display: block;
    max-width: inherit;
    width: 100%;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    perspective: 1000px;
    transform: rotate(.001deg) translate3d(-50%,-50%,0);
    transition-timing-function: ease-in;
    transition-property: transform;
    transition-duration: .5s
}

.fa:hover {
    color: #f60
}

.outils {
    display: block;
    margin-left: auto!important;
    margin-right: auto!important;
    margin-top: 10%;
    width: 90px;
    height: 90px;
    margin-bottom: 60px
}

hr.new1 {
    width: 125px;
    height: 6px;
    background-color: #f60;
    left: -42px;
    position: absolute;
    margin-top: 137px;
    margin-bottom: 0
}

.outils-texte {
    text-align: left;
    font-family: Arial,Regular;
    font-size: 12px;
    color: #212121;
    line-height: 13px;
    text-align: justify;
    margin-bottom: 3px;
    padding-left: 26px;
    padding-right: 19px;
    height: 45px
}

.outils-btn {
    padding: 10px 10px;
    border-radius: 7px;
    text-align: right;
    font-family: Arial;
    font-size: 11px;
    color: #fff;
    background-color: #f60;
    float: right;
    margin-right: 27px;
    margin-top: 8px;
    margin-bottom: 13px
}

.outils-btn :hover {
    color: #fff
}

.netcom-btn {
    padding: 10px 10px;
    border-radius: 7px;
    text-align: center;
    font-family: Arial;
    font-size: 11px;
    color: #fff;
    background-color: #f60;
    float: right;
    margin-right: 14px;
    margin-top: 31px;
    margin-bottom: 7px
}

.netcom-btn :hover {
    color: #fff
}

.netcom-btn-super {
    padding: 10px 10px!important;
    border-radius: 7px!important;
    text-align: center!important;
    font-family: Arial!important;
    font-size: 11px!important;
    color: #fff!important;
    background-color: #f60!important;
    float: right!important;
    margin-right: 112px!important;
    margin-top: 31px!important;
    margin-bottom: 7px!important
}

.netcom-btn-super :hover {
    color: #fff
}

@media(min-width: 960px) {
    .block-carousel li:hover {
        transform:translateY(-15px);
        -moz-transform: translateY(-15px);
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -o-transform: translateY(-15px);
        transition-duration: .5s;
        -webkit-transform: transform .5s ease-in-out;
        -webkit-transform: all .5s
    }
}

.block-carousel li:hover {
    transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transition-duration: .5s;
    -webkit-transform: transform .5s ease-in-out;
    -webkit-transform: all .5s
}

.section-sp1 {
    padding-top: 80px;
    padding-bottom: 50px
}

.bg-fix {
    background-attachment: fixed;
    background-size: cover
}

.online-cours h2 {
    text-align: center;
    font-size: 45px;
    margin-top: 0;
    margin-bottom: 20px;
    font-family: Arial,Regular;
    color: #fff;
    line-height: 45px
}

@media(min-width: 768px) {
    .col-md-12 {
        -webkit-box-flex:0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.row {
    display: flex;
    flex-wrap: wrap
}

@media only screen and (max-width: 1300px) {
    .container {
        max-width:100%!important
    }
}

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

.online-cours h5 {
    text-align: center;
    font-weight: 400;
    font-size: 24px;
    margin-bottom: 40px;
    color: #fff;
    line-height: 24px;
    font-family: Arial,Regular;
    margin-top: 0
}

.counter {
    position: relative;
    font-family: Arial,Regular;
    font-weight: 600
}

.cours-search-bx {
    text-align: center;
    color: #efefef;
    font-family: Arial,Regular;
    font-size: 20px
}

.cours-search-bx h3 {
    color: #f60;
    font-family: Arial,Regular;
    font-weight: 700;
    font-size: 50px;
    line-height: 35px;
    margin-bottom: 15px;
    margin-top: 0
}

@media(min-width: 768px) {
    .col-md-3 {
        -webkit-box-flex:0;
        -ms-flex: 0 0 25%;
        flex: 0 0 24%;
        max-width: 25%
    }
}

.col-lg-3,.col-md-3,.col-sm-6 {
    position: relative;
    width: 100%;
    min-height: 22px;
    padding-right: 3%;
    padding-left: 3%;
    margin-bottom: 30px
}

.netcom-service {
    padding-right: 0;
    margin-top: -30px
}

.serv-p {
    color: #fff;
    font-size: 10px;
    font-family: Arial,regular,sans-serif;
    font-weight: 100;
    width: 350px;
    padding-left: 15px;
    padding-right: 13px;
    padding-bottom: 30px
}

.serv-p-max {
    color: #fff;
    font-size: 14px;
    font-family: Arial,regular,sans-serif;
    font-weight: 100;
    width: 350px;
    padding: 6px 0 0 0
}

.pic-serv {
    margin-top: 50px;
    width: 25%;
    max-width: 25%
}

.img-serv {
    height: 65px;
    width: 114px;
    margin-left: 57px!important;
    margin-bottom: 9px!important;
    margin-top: -63px!important
}

.btn-serv {
    margin-top: 8px;
    margin-right: 224px
}

hr.new-serv1 {
    width: 50px;
    height: 4px;
    background-color: #fff;
    margin-top: -6px;
    position: absolute
}

hr.new-serv2 {
    width: 50px;
    height: 4px;
    background-color: #fff;
    margin-top: -6px;
    position: absolute
}

hr.new-rec {
    width: 159px;
    height: 2px;
    background-color: #eeebebba;
    margin-top: -17px;
    margin-left: 30px;
    position: absolute
}

hr.new-avisClient {
    width: 1150px;
    height: 2px;
    background-color: #e2dddd;
    margin-top: -9px;
    position: absolute
}

hr.new-serv3 {
    width: 50px;
    height: 4px;
    background-color: #fff;
    margin-top: -6px;
    position: absolute;
    margin-left: 100px
}

hr.new-serv4 {
    width: 50px;
    height: 4px;
    background-color: #fff;
    margin-top: -6px;
    position: absolute;
    margin-left: 150px
}

hr.new-serv5 {
    width: 50px;
    height: 4px;
    background-color: #fff;
    margin-top: -6px;
    position: absolute;
    margin-left: 200px
}

.serv-h2 {
    color: #fff;
    font-size: 18px;
    font-family: Arial,regular,sans-serif;
    font-weight: bolder;
    padding: 0 0 10px;
    line-height: 25px;
    text-transform: uppercase
}

.serv-h2-max {
    color: #fff;
    font-size: 22px;
    font-family: Arial,Regular,sans-serif;
    font-weight: bolder;
    padding: 0 0 10px;
    line-height: 25px;
    text-transform: uppercase
}

.uk-open .serv-h2 {
    color: #f60
}

.text-service {
    font-size: 14px;
    font-family: Arial,regular,sans-serif;
    font-weight: bolder;
    color: #fff
}

.serv-pm {
    margin-top: 8px!important;
    margin-left: -19px!important
}

.btn-serv-m {
    margin-top: -34px;
    float: right
}

.btn-serv-max {
    margin-top: -34px;
    float: right
}

.title_act {
    margin-left: 40px;
    font-size: 32px;
    line-height: 45px;
    margin-bottom: 3%;
    font-weight: 700;
    color: #111;
    font-family: arial,regular;
    margin-top: 0
}

hr.new2 {
    background-color: #f60;
    background-size: cover;
    background-position: center;
    padding: 0 0 6px;
    font-family: rubik;
    position: relative
}

.img-rev-serv {
    position: relative;
    display: block
}

.img-act {
    height: 300px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    width: 348px
}

.service-bxupdatedAct {
    border-radius: 22px;
    box-shadow: 0 0 10px 0 #121417;
    transition: transform .2s;
    position: relative;
    background-color: #efefef;
    margin-top: -15px;
    margin-bottom: -14px;
    width: 100%
}

.service-bxupdatedAct [class*=feature-] {
    box-shadow: 0 0 10px 0 rgba(29,25,0,.15);
    margin-top: -30px;
    position: relative;
    top: -40px;
    margin-bottom: -20px
}

.service-bxupdatedAct .info-bx {
    padding: 30px
}

.service-bxupdatedAct:hover {
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.serv-titre {
    text-align: left;
    font-family: "Arial black";
    font-size: 14px;
    color: #f60;
    margin-top: 10px;
    font-weight: 700;
    line-height: 16px;
    margin-bottom: 6px;
    margin-left: -7px;
    margin-right: 0;
    padding: 5px 0 0 18px;
    height: 40px;
    text-transform: uppercase
}

.card-text {
    word-wrap: break-word;
    max-height: 5.6em;
    line-height: 1.4em;
    margin-left: 13px;
    margin-right: 28px;
    margin-bottom: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-family: Arial,Regular
}

.lireSuite {
    display: inherit;
    font-family: Arial,Regular;
    color: #3391ef;
    font-size: 12px;
    margin-left: 15px;
    margin-top: -27px
}

.lireSuite:hover {
    color: #3391ef
}

.act-dv1 {
    width: 100%;
    position: inherit
}

.act-dv2 {
    width: 20%;
    background-image: url(../../assets/photos/act/pushSms.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: right
}

.act-ligne {
    padding: 50px
}

hr.act {
    background-color: #f60;
    background-size: cover;
    background-position: center;
    padding: 0 0 2px 6px;
    font-family: rubik;
    position: relative;
    margin-top: 4px;
    margin: 4px 0 6px;
    width: 122px
}

.act_titre {
    font-family: Arial,#000;
    font-weight: 700;
    font-size: 18px;
    margin-top: -50px;
    margin-bottom: 1px;
    width: 60%;
    height: auto;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-align: -webkit-auto;
    line-height: 16px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    padding-left: 23px;
    padding-top: 18px
}

.act_ph {
    font-family: Arial,Regular;
    text-align: -webkit-auto;
    color: #212121;
    margin-top: -24px;
    font-size: 10px;
    width: 58%;
    height: auto;
    padding-left: 23px;
    padding-top: 23px;
    word-wrap: break-word;
    max-height: 5.6em;
    line-height: 1.4em;
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.act_lien {
    font-family: Arial,#000;
    font-weight: 700;
    color: rgb(41171226);
    padding: 25px;
    font-size: 14px;
    margin-bottom: -20px
}

.act-title {
    width: 93%;
    height: 90px
}

.solution-title {
    font-family: Arial Black;
    font-weight: 700;
    color: #f60;
    text-align: center;
    font-size: 16px;
    padding-bottom: 20px
}

.solution-title-desc {
    font-family: Arial,Regular;
    font-weight: 700;
    text-shadow: 2px 5px 4px #00000057;
    color: #fff;
    text-align: center;
    font-size: 46px;
    padding-top: 190px;
    padding-left: 56px;
    padding-bottom: 0
}

.solution-top-items {
    margin-top: 35px;
    margin-bottom: 20px
}

.solution-carousel {
    margin: auto;
    padding: 0;
    position: relative;
    margin-block-start:1em;margin-block-end:1em;margin-inline-start:0;margin-inline-end:0;padding-inline-start:40px;box-sizing: content-box;
    max-width: 1170px;
    margin-left: auto!important;
    margin-right: auto!important;
    padding-left: 4%!important;
    padding-right: 12%!important
}

.solution-top {
    margin-top: 65px;
    margin-bottom: -238px
}

.solution-bottom {
    margin-top: -300px;
    margin-bottom: 20px
}

.service-g-title {
    font-family: Arial Black;
    font-weight: 700;
    text-shadow: 2px 5px 4px #00000057;
    color: #f60;
    text-align: center;
    font-size: 22px;
    padding-bottom: 7px;
    margin-top: -26px
}

.service-g-ph {
    font-family: Arial Black;
    font-weight: 700;
    text-shadow: 2px 5px 4px #00000057;
    color: #fff;
    text-align: center;
    font-size: 11px;
    padding-bottom: 20px
}

.carte-agence {
    z-index: 10;
    top: 54px;
    float: right;
    width: 279px;
    right: 17px;
    position: fixed;
    height: fit-content;
    margin-top: 171px
}

section[class^=block-].block-carte {
    background-image: url(agence/Paris.jpg);
    height: 274px;
    background-position: center;
    background-repeat: no-repeat;
    background-clip: content-box;
    background-size: cover;
    position: relative;
    z-index: -1;
    overflow: visible;
    margin-top: -326px
}

i {
    font-style: normal
}

.cls-1 {
    fill: #fff;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.76px
}

.agence1,.cls-1,.cls-3,.cls-4 {
    stroke: #d2d0d0
}

.agence1,.cls-2,.cls-3 {
    fill: #54334d
}

.agence1:hover+* {
    background-image: url(agence/Caen.jpg)
}

.agence-back {
    background-image: url(agence/Paris.jpg);
    background-position: center;
    background-size: cover;
    position: relative;
    background-repeat: no-repeat
}

.agence1:hover {
    fill: #f60;
    cursor: pointer
}

.agence1.active {
    fill: #f60
}

.cls-3.active {
    fill: #fff;
    cursor: pointer
}

.cls-3:hover+.agence1 {
    cursor: pointer
}

.agence1,.cls-3,.cls-4 {
    stroke-miterlimit: 10;
    stroke-width: .7px
}

.cls-4 {
    fill: none
}

.agence1:hover+.cls-3 {
    fill: #fff;
    cursor: pointer
}

.agence-pays {
    display: -webkit-inline-box;
    font-family: Arial Black;
    text-align: left;
    font-size: 7px;
    color: #fff;
    line-height: 10px;
    margin-bottom: 116px;
    font-weight: 700;
    height: fit-content;
    margin-top: 88px;
    text-shadow: 4px 1px 4px #00000057;
    margin-left: 10px
}

.agence-titre {
    display: -webkit-box;
    font-family: Arial Black;
    text-align: center;
    font-size: 9px;
    text-shadow: 4px 1px 4px #00000057;
    color: #fff;
    font-weight: Bold;
    line-height: 13px;
    margin-bottom: 13px;
    height: fit-content;
    margin-left: 10px;
    margin-top: -30px;
    padding-top: 10px;
    position: unset
}

.agence-chiffre {
    font-family: Arial Black;
    font-size: 9px;
    padding: 1px;
    color: #f60
}

.agence-text {
    font-family: Arial,Regular;
    font-size: 5.4px;
    color: #212121;
    line-height: 12px;
    margin-bottom: 0;
    font-weight: 700;
    visibility: hidden;
    width: 0;
    height: 0
}

.agence {
    display: contents;
    width: 55%;
    margin-left: 2px
}

.agence-ville {
    color: #fff
}

.agence-ville:active {
    color: #212121
}

.agence-ville.active {
    color: #f60
}

.agence-ville:hover {
    color: #212121;
    cursor: pointer
}

.agence-slach {
    color: #000
}

.maps-netcom {
    text-shadow: 2px 5px 4px #00000057;
    display: block
}

.netcomagence {
    height: 275px;
    margin-top: 122px;
    display: block
}

.netcomMaps {
    width: 170px;
    display: flex;
    float: right;
    margin-top: -16px;
    margin-bottom: -182px;
    filter: drop-shadow(3px 5px 4px rgba(0,0,0,.7))
}

@media(min-width: 1200px) {
    .agence-titre {
        display:flex;
        font-family: Arial Black,Regular;
        text-align: center;
        font-size: 39px;
        text-shadow: 4px 1px 4px #00000057;
        color: #16191a;
        font-weight: Bold;
        line-height: 40px;
        margin-bottom: 11px;
        height: fit-content;
        margin-left: 95px
    }

    .netcomMaps {
        width: 36%;
        max-width: 628px;
        display: flex;
        float: right;
        margin-top: 7px;
        margin-right: 53px;
        margin-bottom: -185px;
        filter: drop-shadow(3px 5px 4px rgba(0,0,0,.7))
    }

    .block-carte {
        height: 489px
    }

    .netcomagence {
        margin-bottom: 389px
    }

    section[class^=block-].block-carte {
        height: 489px;
        margin-top: -467px
    }

    .agence-pays {
        display: inline-block;
        font-family: Arial Black,Regular;
        text-align: center;
        font-size: 24px;
        color: #f60;
        line-height: 24px;
        margin-bottom: 301px;
        font-weight: 700;
        height: fit-content;
        margin-top: 5px;
        text-shadow: 4px 1px 4px #00000057;
        margin-left: 10px
    }

    .agence-ville {
        color: #f60
    }

    .agence-ville.active {
        color: #16191a
    }

    .agence-text {
        font-family: Arial,Regular;
        text-align: center;
        font-size: 12.4px;
        color: #212121;
        line-height: 14px;
        margin-bottom: 288px;
        margin-top: -285px;
        font-weight: 700;
        width: 708px;
        height: 25px;
        margin-left: 12px;
        display: table;
        visibility: visible
    }

    .agence-chiffre {
        color: #f60;
        font-size: 39px;
        font-family: Arial Black,Regular;
        padding: 0
    }

    .agence {
        display: block;
        width: 73%;
        margin-left: 20px
    }
}

section[class^=block-] .block-newsletter {
    background-color: #eaeaea;
    height: 155px;
    background-position: center;
    background-repeat: no-repeat;
    background-clip: border-box;
    background-size: cover;
    position: unset;
    z-index: -1;
    overflow: visible;
    top: 80px;
    margin-bottom: 118px;
    box-shadow: 0 0 2px 0 rgba(0,0,0,.3),0 0 0 0 rgba(0,0,0,.3)
}

.column-newsletter1 {
    float: left;
    width: 44%;
    padding: 5px;
    height: 151px;
    margin-top: -17px
}

.column-newsletter2 {
    float: left;
    width: 50%;
    padding: 0;
    height: 134px;
    margin-top: -4px;
    margin-left: 18px
}

.column-img {
    width: 172px;
    height: 133px
}

.newsletter-titre {
    font-family: Arial,Regular;
    text-align: left;
    font-size: 10.4px;
    line-height: 13px;
    font-weight: 548
}

.newsletter_list {
    font-size: 8px;
    line-height: 13px;
    margin-right: 0;
    font-weight: 100;
    color: #111;
    font-family: Arial,regular;
    margin-top: 5px
}

.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

.form-inline input {
    font-size: 8px!important;
    background: #f8f8f8!important;
    vertical-align: middle;
    margin: 1px 0;
    padding: 6px;
    background-color: #fff;
    border-color: #16191a40!important;
    border-radius: 1px!important;
    border: 1px solid rgba(0,0,0,.19)!important;
    transition: border .3s cubic-bezier(.4,.5,.15,1)!important;
    width: 124px;
    height: 10px
}

.form-inline button {
    background-color: #000;
    color: #efefef;
    FONT-SIZE: 6px;
    padding: 2px 0;
    cursor: pointer;
    width: 50px;
    height: 13px;
    margin-left: 3px;
    border: none;
    border-radius: 0;
    margin-bottom: 1px;
    font-family: Arial,Regular
}

.form-inline label {
    margin: 4px 10px 0 0
}

.form-inline .checkbox {
    margin: 0 -53px
}

.form-inline p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-family: Arial,Regular;
    text-align: -webkit-auto;
    font-size: 4.4px;
    font-weight: 600;
    line-height: 7px;
    overflow: hidden;
    -webkit-line-clamp: 3;
    padding-left: 19px;
    margin-top: 0
}

.agense-i {
    position: absolute
}

@media(min-width: 1200px) {
    section[class^=block-].block-newsletter {
        background-color:#eaeaea;
        height: 318px;
        background-position: center;
        background-repeat: no-repeat;
        background-clip: border-box;
        background-size: cover;
        position: unset;
        z-index: -1;
        overflow: visible;
        top: 80px;
        margin-bottom: 118px;
        box-shadow: 0 0 2px 0 rgba(0,0,0,.3),0 0 0 0 rgba(0,0,0,.3)
    }

    .column-newsletter1 {
        float: left;
        width: 44%;
        padding: 10px;
        height: 196px;
        margin-top: -45px
    }

    .column-newsletter2 {
        float: left;
        width: 555px;
        padding: 0;
        height: 165px;
        margin-top: -32px;
        margin-left: -8px
    }

    .column-img {
        width: 436px;
        height: 288px;
        align-items: center;
        position: relative;
        float: right;
        margin-right: 42px
    }

    .newsletter-titre {
        font-family: Arial,Regular;
        text-align: left;
        font-size: 32.4px;
        line-height: 33px;
        font-weight: 548;
        margin-top: 17px;
        margin-bottom: 15px
    }

    .newsletter_list {
        font-size: 18px;
        line-height: 22px;
        margin-right: 0;
        font-weight: 500;
        color: #111;
        font-family: Arial,Regular;
        margin-top: 7px;
        margin-bottom: 10px
    }

    .form-inline {
        display: flex;
        flex-flow: row wrap;
        align-items: center
    }

    .form-inline input {
        font-size: 17px!important;
        font-family: Arial,Regular;
        background: #f8f8f8!important;
        vertical-align: middle;
        margin: 2px 0;
        padding: 10px;
        background-color: #fff;
        border-color: #16191a40!important;
        border-radius: 1px!important;
        border: 1px solid rgba(0,0,0,.19)!important;
        transition: border .3s cubic-bezier(.4,.5,.15,1)!important;
        width: 355px;
        height: 32px
    }

    .form-inline button {
        background-color: #000;
        color: #fff;
        FONT-SIZE: 9px;
        padding: 4px 0;
        cursor: pointer;
        width: 106px;
        height: 29px;
        margin-left: 358px;
        border: none;
        border-radius: 0;
        margin-bottom: 1px;
        position: absolute;
        top: 144px;
    }

    .form-inline label {
        margin: 24px 10px 0 0
    }

    .form-inline .checkbox {
        margin: 0 4px;
        width: 12px
    }

    .form-inline p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        font-family: Arial,Regular;
        text-align: -webkit-auto;
        font-size: 13.4px;
        line-height: 18px;
        overflow: hidden;
        -webkit-line-clamp: 3;
        padding-left: 21px
    }

    .agense-i {
        position: relative
    }
}

.client-pic {
    width: 50%
}

.section-client {
    width: 80%
}

.main-menu {
    font-family: Arial,Regular!important
}

.footer-top {
    background: #f60;
    background-size: cover;
    background-position: center;
    padding: 0 0 20px;
    font-family: rubik;
    text-align: -webkit-center
}

.footer-bottom {
    background-color: #efefef;
    padding: 13px 0;
    color: #b0b0b0;
    border-top: 1px solid rgba(255,255,255,.05);
    font-family: rubik
}

.column-img-f {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    width: 146px;
    padding: 29px 34px 0 26px
}

.text-footer-top {
    text-align: center;
    font-family: Arial,Regular;
    font-size: 10px;
    color: #efefef;
    padding-top: 8px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px
}

hr.new3 {
    width: 60%;
    height: 2px;
    background-color: #fdfdfd;
    margin-bottom: 0;
    text-align: center;
    margin-top: 0
}

.column-f-socio {
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000
}

.column-img-socio {
    display: block;
    margin-left: 20px;
    margin-right: 30px;
    margin-top: 10px;
    width: 30px
}

.mention_legal {
    text-align: center;
    font-size: 14px;
    font-family: Arial,regular;
    color: #212121;
    margin-top: -5px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    padding: 1px 0 1px 0;
    line-height: 17px
}

@media(min-width: 1200px) {
    .text-footer-top {
        font-size:18px
    }

    .column-img-socio {
        width: 47px
    }
}

.menu-footer {
    display: block;
    bottom: 0
}

.title_clt {
    margin-left: 40px;
    font-size: 32px;
    line-height: 45px;
    margin-bottom: 3%;
    font-weight: 700;
    color: #111;
    font-family: arial,regular;
    margin-top: -36px
}

.title_srv-spr {
    margin-left: 40px;
    font-size: 32px;
    line-height: 45px;
    margin-bottom: 3%;
    font-weight: 700;
    color: #111;
    font-family: rubik;
    margin-top: 0
}

.menu-arch {
    text-align: left;
    font-size: 15px;
    font-family: Arial,Bold;
    font-weight: 700;
    margin: 0 auto;
    color: #c2c2c2;
    padding: 10px
}

.menu-arch-act {
    text-align: left;
    font-size: 15px;
    font-family: Arial,Bold;
    font-weight: 700;
    color: #858585
}

.carousel-netcom {
    height: 300px
}

.carousel-list {
    padding: 25px;
    height: 172px
}

.carousel-list-item {
    font-size: 20px;
    padding: 3px;
    font-family: Arial,Regular;
    font-weight: 700;
    text-align: center
}

.title-top {
    float: left;
    position: inherit;
    padding-top: 199px
}

.title-top-text {
    color: #111;
    font-weight: 800;
    font-family: Arial,Regular;
    font-size: 45px;
    width: 392px;
    position: relative;
    display: flex;
    margin-bottom: -15px;
    width: 231px;
    padding-left: 32px
}

.hr-acc-reseu {
    overflow: visible;
    text-align: inherit;
    margin: 0 0 21px;
    border: 0;
    border-top: 7px solid #080808;
    width: 263px;
    margin-top: 20px
}

.convergence-btn {
    padding: 8px 16px;
    border-radius: 10px;
    text-align: right;
    font-family: Arial;
    font-size: 11px;
    color: #fff;
    background-color: #f60;
    margin: 41%;
    display: list-item
}

.convergence-title {
    font-family: Arial Black;
    font-size: 22px;
    text-align: center;
    margin-top: 45px
}

.elig-title {
    font-family: Arial Black;
    font-size: 22px;
    text-align: center;
    margin-top: 45px
}

.phenix-title {
    font-family: Arial Black;
    font-size: 22px;
    text-align: center;
    margin-top: 10px
}

.clientAvis-title {
    font-family: Arial Black;
    font-size: 22px;
    margin-left: 16px;
    margin-top: 10px
}

.convergence-label {
    font-family: Arial,Regular;
    color: #333333d6;
    font-weight: 500;
    position: relative;
    display: inline;
    margin-left: -18px;
    margin-right: 44px;
    padding-left: 22px;
    font-size: 22px
}

.convergence-chekbox {
    position: relative;
    text-align: center;
    margin-top: 25px
}

.checkbox-convergence {
    width: 18px!important;
    height: 24px!important
}

.convergence-input {
    position: relative;
    text-align: center;
    margin-top: 15px;
    margin-left: 75px
}

.input-convergence {
    font-family: monospace!important;
    width: 484px!important;
    border: 0 solid #fff!important;
    border-bottom: 1px solid #000!important;
    border-radius: 0!important;
    background-color: #fff!important;
    margin-top: 11px;
    height: 24px!important
}

.input-phenix {
    font-family: monospace!important;
    width: 484px!important;
    border: 0 solid #fff!important;
    border: 1px solid #000!important;
    border-radius: 0!important;
    background-color: #fff!important;
    margin-top: 11px;
    height: 24px!important
}

.phenix_qte {
    font-family: Arial,Regular;
    font-weight: 700;
    font-size: 22px;
    line-height: 1.2;
    letter-spacing: normal;
    color: #f60;
    position: absolute;
    margin-left: 34%;
    margin-top: -37px
}

.sms-ul-1 {
    float: right!important;
    margin-top: 96px!important;
    margin-right: 179px!important
}

.sms-ul-2 {
    float: right!important;
    margin-top: 297px!important;
    margin-right: -341px!important
}

.sms-li-1 {
    height: 187px!important;
    margin-left: 40%!important;
    margin-right: -16%!important;
    width: 170px!important
}

.sms-li-2 {
    height: 187px!important;
    margin-left: 20%!important;
    margin-right: -16%!important;
    width: 170px!important
}

.sms-borne {
    margin-top: 77px
}

.cloud-borne {
    margin-top: 29px !important;
    text-align: left !important;
    margin-left: 7px;
    color: #000 !important;
    font-weight: 900 !important;
    font-size: 16px !important
}

.packsms-div1 {
    margin: 0 23px !important
}

.netcom-hotspot {
    float: left;
    margin: 44px 157px
}

.netcom-b-defender {
    float: left;
    margin: 44px 100px
}

.netcom-optimproeurop {
    float: left;
    margin: 44px 157px
}

.netcom-roaming {
    float: left;
    margin: 44px 157px
}

.netcom-hotspot-item {
    font-family: Arial,Regular;
    font-size: 20px;
    color: #f60;
    font-weight: 700;
    position: relative;
    margin-bottom: -28px
}

.netcom-optimproeurop-item {
    font-family: Arial,Regular;
    font-size: 20px;
    color: #f60;
    font-weight: 700;
    position: relative;
    margin-bottom: -28px
}

.netcom-hotspot-borne {
    font-family: Arial,Regular;
    font-style: italic;
    font-size: 17px;
    color: #f60;
    font-weight: 700;
    position: relative;
    text-align: center
}

.netcom-cloud-borne {
    font-family: Arial,Regular;
    font-style: italic;
    font-size: 9px;
    font-weight: 700;
    color: #000;
    margin-top: 6px;
    position: relative;
    font-style: inherit;
    text-align: center
}

.netcom-hotspot-txt {
    font-family: Arial Black;
    font-size: 16px;
    color: #000;
    font-weight: 700;
    position: relative;
    text-align: center;
    margin-top: 26px;
    padding: 14px
}

.netcom-modem-4g-item {
    font-family: Arial,Regular;
    font-size: 16px;
    color: #b2b2b2;
    font-weight: 700;
    position: relative;
    margin-bottom: 22px;
    justify-content: center;
    text-align: center;
    display: flex;
    margin-left: 10%
}

.netcom-modem-4g-borne {
    font-family: Arial,Regular;
    font-style: italic;
    font-size: 17px;
    color: #999;
    font-weight: 700;
    position: relative;
    text-align: center
}

.netcom-modem-4g-txt {
    font-family: Arial,Regular;
    font-size: 14px;
    color: #f60;
    font-weight: 700;
    position: relative;
    text-align: center;
    margin-top: 26px;
    padding: 14px
}

.modal-rectangle-r {
    margin: 2px 48px 2px 0;
    float: right;
    width: 300px;
    height: 42px;
    border: 1.2px solid #000
}

.modal-rectangle-l {
    margin: 2px 3px 2px 48px;
    float: left;
    width: 300px;
    height: 42px;
    border: 1.2px solid #000
}

.modal-result-title {
    font-family: Arial,Regular;
    font-weight: 800;
    font-size: 11px;
    margin: 3px 9px 7px
}

.modal-result-error {
    font-family: Arial,Regular;
    font-size: 11px;
    font-weight: 800;
    color: #f00;
    margin: 10px 8px 7px 8px
}

.modal-result-j {
    font-family: Arial,Regular;
    font-size: 8px;
    margin: 0 4px 0 10px
}

.modal-result-score {
    font-family: Arial,Regular;
    font-weight: 800;
    font-size: 14px;
    color: #f60
}

.modal-result-detail {
    font-family: Arial,Regular;
    font-weight: 800;
    font-size: 8px;
    color: #f60;
    float: right;
    cursor: pointer;
    margin: 6px 5px 0 0
}

.modal-sec-text-haut {
    font-family: Arial,Regular;
    color: #999;
    font-weight: 500;
    font-size: 15px;
    margin: 11px 52px 0 46px;
    line-height: 21px
}

.skills {
    width: 100%;
    max-width: 600px;
    padding: 0 20px;
    margin: 44px 15px 0 19px
}

.skill-name {
    font-size: 15px;
    font-family: Arial,Regular;
    font-weight: 900;
    text-transform: uppercase;
    margin: 2px 2px
}

.skill-name-l {
    font-size: 15px;
    font-family: Arial,Regular;
    font-weight: 900;
    text-transform: uppercase;
    margin: -16px 0;
    float: right
}

.skill-bar {
    height: 20px;
    background: #171212
}

.skill-per {
    height: 20px;
    background: linear-gradient(to left,#f60,#f60 100%,#ff6600b8 100%);
    width: 0;
    transition: 1s linear;
    position: relative
}

.skill-per::before {
    content: attr(per);
    font-family: Arial,Regular;
    position: absolute;
    color: #f60;
    font-size: 11px;
    font-weight: 700;
    border-radius: 4px;
    top: -29px;
    right: 0;
    transform: translateX(50%);
    width: max-content
}

.skill-per::after {
    content: '';
    position: absolute;
    width: 0;
    height: 10px;
    top: -18px;
    right: 0;
    transform: translateX(50%);
    border-style: solid;
    border-width: 12px 8px 0 8px;
    border-color: #f60 transparent transparent transparent
}

.triangle-bottom {
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #f60 transparent transparent transparent
}

.eligibite-text-footer {
    margin: 48px 120px 6px 94px;
    line-height: 31px;
    font-family: Arial,regular;
    font-size: 15px;
    text-align: initial
}

@media(max-width: 1200px) {
    #chat-circle {
        visibility:hidden
    }

    #rappeler-circle {
        visibility: hidden
    }
}

#chat-circle {
    position: fixed;
    bottom: 0;
    right: 63px;
    width: 80px;
    height: 120px;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    z-index: 9999998
}

#rappeler-circle {
    position: fixed;
    bottom: 0;
    right: 63px;
    width: 145px;
    height: 106px;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    z-index: 99989
}

.uk-active>.convergence-label .check-carre-d {
    background-color: #000
}

.check-carre {
    height: 17px;
    width: 17px;
    background-color: #eee;
    border: 2px solid #111;
    padding: 1.8px;
    display: inline-block;
    margin: 0 -19px;
    border-radius: 6px
}

.check-carre-d {
    height: 9.5px;
    width: 9.5px;
    background-color: #fff;
    border-radius: 3px
}

.optim-title {
    display: table-column;
    margin-top: -48px;
    position: absolute;
    text-align: center;
    margin-left: 178px;
    width: 303px;
    font-size: 19px;
    font-family: Arial,Regular;
    color: #f60;
    font-style: italic;
    font-weight: 700
}

.deco-back {
    background-image: url(picto-optim-pro-europe-netcom.svg)!important;
    background-repeat: no-repeat !important;
    background-clip: unset !important;
    background-size: 769px !important;
    background-origin: content-box !important;
    background-position: 80% -131px !important
}

.netcom-flotte-item {
    font-family: Arial,Regular;
    text-align: center;
    font-size: 18px;
    font-weight: 800;
    margin-top: 20px;
    color: #808080
}

.netcom-flotte-end {
    font-family: Arial,Regular;
    text-align: center;
    font-size: 18px;
    font-weight: 800;
    margin-top: 73px;
    color: #f60;
    margin-left: -53px
}

.row-ipconnect {
    display: flex;
    place-content: center
}

.txt-ipconnect {
    text-align: center;
    font-family: Arial,Regular;
    margin-bottom: 10px;
    font-size: 10px
}

.carousel-list-item-ipConnect {
    font-size: 13px;
    padding: 2px;
    font-family: Arial,Regular;
    font-weight: 700;
    text-align: center
}

.carousel-list-ipConnect {
    padding: 8px;
    height: 172px
}

.apropo-cadre1 {
    width: 68%;
    padding: 30px 73px 22px 22px
}

.contact-cadre1 {
    width: 100%;
    padding-top: 15px
}

.contact-cadre1-title {
    font-family: Arial,Regular;
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    color: #f60;
    margin-bottom: 13px
}

.apropo-cadre1-title {
    font-family: Arial,Regular;
    font-size: 20px;
    font-weight: 700;
    text-align: left;
    color: #f60;
    margin-bottom: 7px
}

.apropo-cadre1-ph {
    font-family: Arial,Bold;
    font-size: 14px;
    text-align: left;
    margin-bottom: 8px
}

.contact-cadre1-ph {
    font-family: Arial,Bold;
    font-size: 14px;
    text-align: center;
    margin-bottom: 8px;
    line-height: 7px;
    font-weight: 600
}

.patenaire-cadre1-ph {
    font-family: Arial,Regular;
    font-size: 11px;
    text-align: center;
    margin-bottom: 8px;
    line-height: 14px
}

.apropo-cadre1-list {
    padding: 0 0 0 18px
}

.apropo-cadre1-item {
    font-family: Arial,Bold;
    font-size: 14px;
    line-height: 1
}

.block-carte-apropo {
    background-color: #dad8d8;
    z-index: -1;
    overflow: visible!important;
    height: 450px;
    padding: 44px 0!important;
    align-content: center
}

.netcomMaps-apropo {
    width: 376px;
    max-width: 628px;
    display: flex;
    float: left;
    margin-top: 7px;
    margin-right: 10%;
    margin-left: 10%;
    margin-bottom: 0;
    filter: drop-shadow(3px 5px 4px rgba(0,0,0,.7));
    align-content: center
}

.apropo-counter {
    font-family: Arial,Regular;
    text-align: center;
    align-content: center;
    margin: 42px 11px 36px;
    font-size: 18px;
    line-height: 40px
}

.contact-btn {
    padding: 6px 26px;
    font-family: Arial;
    font-size: 12px;
    color: #fff;
    background-color: #f60;
    margin-top: 8px;
    cursor: pointer;
    width: 118px;
    margin-left: auto;
    margin-right: auto
}

.contact-btn :hover {
    color: #fff
}

.marqueBlanche-h2 {
    color: #f60;
    font-family: Arial,Regular;
    position: relative;
    display: inline-flex;
    text-align: initial;
    line-height: 30px;
    width: 229px
}

.rec_l {
    width: 80%;
    float: left
}

.avis_l {
    width: 100%;
    float: left
}

.recrutement_text {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 17px
}

.avisClient_text {
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 13px
}

.rec_R {
    width: 20%;
    float: right;
    border: 2px solid #aaaaaa3b;
    height: 841px;
    padding: 5px 4px;
    border-top: 30px solid #aaaaaa3b
}

.filtre_search_h3 {
    margin-top: -27px
}

input.uk-checkbox {
    background-color: #f60 !important
}

input.uk-checkbox:checked {
    background-color: #f60 !important
}

input.uk-checkbox:checked:focus {
    background-color: #f60 !important
}

.filtre_search_section_title {
    color: #f60;
    font-size: 12px;
    display: flex;
    margin: 20px 5px 8px 8px;
    font-family: Arial,Regular;
    font-weight: 900
}

.ck_ch-filter {
    font-family: Arial,Regular;
    font-size: 12px;
    font-weight: 600;
    margin-left: 22px
}

.marqueBlanche-span {
    position: absolute;
    margin: 25px 1px;
    color: #999;
    font-size: 12px
}

.green-span {
    position: absolute;
    margin: -10px 31px;
    color: #999;
    font-size: 12px
}

.cloud-green-span {
    position: absolute;
    margin: -10px 31px;
    color: #000;
    font-size: 12px;
    font-weight: 500
}

.marque-b-message {
    text-align: center;
    font-size: 20px;
    font-family: Arial,Regular;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: -21px;
    color: #c2c2c2
}

.recrutement-title {
    font-size: 15px;
    font-family: Arial,Regular;
    font-weight: 600;
    padding: 5px 3px 15px 202px
}

.avisClient-title {
    font-size: 15px;
    font-family: Arial,Regular;
    font-weight: 600;
    padding: 5px 3px 15px 202px;
    color: #f60
}

.recrutement-item {
    display: inline-flex;
    font-family: Arial,'Orkney Bold';
    font-size: 13px;
    font-weight: 500;
    margin-left: 0;
    color: #000;
    margin: -14px 13px 0 202px;
    text-align: justify
}

.avisClient-content {
    display: inline-flex;
    font-family: Arial,'Orkney Bold';
    font-size: 12px;
    font-weight: 500;
    margin-left: 0;
    color: #000;
    margin: -14px 13px 0 202px;
    text-align: justify
}

.avisClient-item {
    display: inline-flex;
    font-family: Arial,'Orkney Bold';
    font-size: 11px;
    font-weight: 500;
    color: #f60;
    font-weight: 500;
    margin: -14px 13px 0 202px;
    margin-top: 11px;
    text-align: justify
}

.recrutement-cadre {
    height: 130px !important;
    margin-left: 20% !important;
    margin-right: -16% !important;
    width: 673px !important;
    border-radius: 5px !important
}

hr.new1-recrutement {
    width: 555px;
    height: 3px;
    background-color: #f60;
    margin-left: auto;
    margin-right: auto
}

.recrutement-h1 {
    text-align: center;
    color: #f60;
    font-size: 27px;
    font-family: Arial,Regular;
    font-weight: 700
}

.recrutement-h3 {
    text-align: center;
    color: #aaa;
    font-size: 20px;
    font-family: Arial,Regular;
    font-weight: 100;
    margin-top: 9px;
    margin-bottom: 32px
}

.recrutement-p {
    text-align: justify;
    font-size: 14px;
    font-family: Arial,Regular;
    font-weight: 100;
    margin-top: 9px;
    margin-bottom: 32px;
    margin-left: auto;
    margin-right: auto;
    width: 806px
}

.recrutement-list-title {
    text-align: justify;
    font-size: 23px;
    font-family: Arial,Regular;
    font-weight: 100;
    margin-top: 9px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 806px
}

.recrutement-list-item {
    text-align: justify;
    font-size: 14px;
    font-family: Arial,Regular;
    font-weight: 100;
    margin-top: 9px;
    margin-left: auto;
    margin-right: auto;
    width: 806px;
    padding: 0 22px
}

.recrutement-comp {
    text-align: justify;
    font-size: 14px;
    font-family: Arial,Regular;
    font-weight: 100;
    margin-left: auto;
    margin-right: auto;
    width: 806px
}

.rappeler-box {
    display: none;
    background: #efefef;
    position: fixed;
    right: 60px;
    bottom: 30px;
    width: 350px;
    height: 202px;
    max-width: 85vw;
    max-height: 100vh;
    box-shadow: 0 0 6px 2px #fff;
    z-index: 99999;
    border-radius: 22px
}

.rappeler-box-toggle {
    float: right;
    margin-right: 15px;
    cursor: pointer
}

.rappeler-box-header {
    background: #000;
    height: 53px;
    border-top-left-radius: 22px;
    border-top-right-radius: 22px;
    color: #efefef;
    text-align: center;
    font-weight: 900;
    font-size: 15px;
    padding-top: 19px;
    font-family: Arial,Black
}

.rappeler-box-body {
    position: relative;
    height: 370px;
    height: auto;
    overflow: hidden
}

.rappeler-box-body:after {
    content: "";
    opacity: .1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    position: absolute;
    z-index: -1
}

.rappeler-box-overlay {
    height: 63px
}

.rappeler-txt-top {
    font-family: Arial,Regular;
    font-size: 14px;
    color: #212121;
    padding: 23px 32px 25px 19px
}

.rappeler-txt-2 {
    font-family: Arial,Regular;
    font-size: 17px;
    color: #212121;
    padding: 10px 31px 10px 24px;
    font-weight: 900;
    text-align: center
}

.rappeler-input-1 {
    border: 2px solid #000 !important;
    width: 290px !important;
    height: 30px !important;
    margin: 2px 20px;
    border-radius: 1px !important;
    background-color: transparent !important
}

.rappeler-input-2 {
    border: 2px solid #000 !important;
    width: 256px !important;
    height: 30px !important;
    margin: 3px 21px 8px 53px;
    border-radius: 1px !important;
    background-color: transparent !important
}

.rappeler-input-hidden {
    border: 2px solid #000 !important;
    width: 25px !important;
    height: 30px !important;
    margin: 1px 0 3px 21px;
    border-radius: 1px !important;
    position: absolute !important;
    font-size: 11px !important;
    background-color: #656767 !important;
    padding: 0 3px !important;
    color: #fff !important
}

.rappeler-btn-send {
    padding: 12px 17px;
    border-radius: 7px;
    text-align: right;
    font-family: Arial,Regular;
    font-weight: 600;
    font-size: 10px;
    color: #fff;
    background-color: #f60;
    margin-right: auto;
    margin-bottom: 5px;
    margin-left: auto;
    display: table
}

.rappeler-material-icons {
    margin: -18px 0 0 0;
    font-size: 18px;
    font-weight: 400;
    width: 11px;
    display: flex
}

.rappeler-material-icons-x {
    margin: -18px 0 0 12px;
    font-size: 18px;
    font-weight: 400;
    width: 11px;
    display: flex
}

.rappeler-logo {
    width: 24px;
    display: inherit;
    float: left;
    margin: -9px 0 0 10px
}

#chat-circle {
    position: fixed;
    bottom: 0;
    right: 63px;
    width: 80px;
    height: 120px;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    z-index: 9999998
}

.img-chatbot {
    background-position: center;
    background-size: 100%;
    position: relative
}

.chat-box {
    display: none;
    background: #efefef;
    position: fixed;
    right: 60px;
    bottom: 30px;
    width: 300px;
    height: 444px;
    max-width: 85vw;
    max-height: 100vh;
    box-shadow: 0 1px 2px 1px #ccc;
    z-index: 99999;
    border-radius: 10px
}

.chat-box-toggle {
    float: right;
    margin-right: 7px;
    margin-top: -23px;
    cursor: pointer;
    font-size: 21px
}

.chat-box-header {
    background: #000;
    height: 53px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #efefef;
    text-align: center;
    font-weight: 900;
    font-size: 20px;
    padding-top: 17px;
    font-family: Arial,Black
}

.chat-material-icons {
    margin: 10px 0 0 0;
    font-size: 18px;
    font-weight: 400;
    width: 11px;
    display: flex
}

.chat-material-icons-x {
    margin: -18px 0 0 12px;
    font-size: 18px;
    font-weight: 400;
    width: 11px;
    display: flex
}

.chat-body-img1 {
    width: 39px;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    margin-top: 9px
}

.chat-box-body-p {
    font-family: Arial,Regular;
    font-weight: 500;
    text-align: center;
    font-size: 12px;
    color: #212121;
    padding: 27px 26px
}

.chat-input-1 {
    border: 1px solid #656767;
    width: 121px !important;
    height: 22px !important;
    margin: -15px 16px 4px 28px;
    border-radius: 1px !important;
    background-color: transparent !important;
    position: absolute
}

.chat-input-2 {
    width: 121px !important;
    height: 22px !important;
    margin: -15px 28px 4px 156px;
    border-radius: 1px !important;
    background-color: transparent !important;
    position: inherit
}

.chat-input-3 {
    width: 251px !important;
    height: 22px !important;
    margin: 23px 7px 4px 27px;
    border-radius: 1px !important;
    background-color: transparent !important;
    padding: 2px 23px
}

.chat-label {
    width: 93px !important;
    height: 11px !important;
    margin: 3px 3px 2px 33px;
    position: absolute;
    font-family: Arial,Regular;
    font-weight: 700;
    font-size: 12px
}

.chat-label-2 {
    width: 93px !important;
    height: 30px !important;
    margin: 0 28px 4px 161px !important;
    position: inherit !important;
    font-family: Arial,Regular;
    font-weight: 700;
    padding: 3px 0 0 0;
    font-size: 12px
}

.chat-label-3 {
    width: 93px !important;
    height: 11px !important;
    margin: 3px 3px 2px 33px;
    position: absolute;
    font-family: Arial,Regular;
    font-weight: 700;
    padding: 3px 0 0 0;
    font-size: 12px
}

.chat-btn-send {
    padding: 10px 10px;
    border-radius: 7px;
    text-align: right;
    font-family: Arial,Regular;
    font-weight: 600;
    font-size: 10px;
    color: #fff;
    background-color: #f60;
    margin-right: auto;
    margin-top: 17px;
    margin-left: auto;
    display: table
}

.chat-box-body-2 {
    display: none
}

.tecnitien-profile {
    width: 100%;
    height: 60px;
    box-shadow: 0 1px 6px 0 rgba(0,0,0,.3),-27px -6px 0 -119px rgba(0,0,0,.3)
}

.chat-body-img2 {
    width: 51px;
    margin: 5px 9px 3px 6px;
    display: flex;
    position: absolute
}

.tech-name {
    font-family: Arial,Regular;
    font-weight: 900;
    font-size: 16px;
    margin-left: 64px;
    margin-top: 8px;
    display: inline-flex
}

.tech-function {
    font-family: Arial,Regular;
    color: #999;
    font-size: 14px;
    margin-left: 64px;
    margin-top: 8px;
    display: inline-flex
}

.chat-conversation {
    width: 100%;
    height: 270px
}

.chat-conversation .chat-conversation-content {
    width: 95%;
    height: 235px;
    margin-top: 4%;
    margin-left: 10px
}

.msg-actif {
    color: #52d852;
    font-size: 110px;
    font-family: emoji !important;
    position: absolute;
    margin-left: 137px;
    margin-top: -71px
}

.conv_title {
    font-family: Arial,Regular;
    color: #999;
    font-size: 15px;
    text-align: center;
    padding: 8px 0 150px
}

.conv_estim {
    font-family: Arial,Regular;
    color: #999;
    font-size: 14px
}

.chat-footer {
    width: 100%
}

.chat-btn-env {
    padding: 5px 7px;
    border-radius: 7px;
    text-align: right;
    font-family: Arial,Regular;
    font-weight: 600;
    font-size: 10px;
    color: #fff;
    background-color: #f60;
    margin-right: 22px;
    margin-top: 26px;
    margin-left: 111px
}

.chat-input-cnv {
    border: 2px solid #656767 !important;
    width: 286px !important;
    height: 30px !important;
    margin: -15px 12px 4px 5px;
    border-radius: 1px !important;
    background-color: transparent !important;
    position: absolute
}

.chat-input-file {
    border: 1px solid #656767 !important;
    width: 34px !important;
    height: 30px !important;
    margin: -15px 0 0 200px;
    background-color: #eee !important;
    position: fixed;
    display: flex;
    background: transparent;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0)
}

.file-upload {
    height: 30px;
    width: 33px;
    margin: -15px 230px;
    border: 2px solid #656767;
    position: absolute
}

.file-upload input {
    position: initial;
    height: 26px;
    width: 30px;
    left: -200px;
    top: -200px;
    background: transparent;
    opacity: 0
}

.file-upload img {
    height: 20px;
    width: 15px;
    margin: 4px 0 0 6px;
    position: absolute
}

#info {
    font-size: 18px;
    color: #555;
    text-align: center;
    margin-bottom: 25px
}

a {
    color: #074e8c
}

.scrollbar {
    margin-left: 30px;
    float: left;
    width: 90%;
    height: 235px;
    background: transparent;
    overflow-y: scroll
}

.force-overflow {
    min-height: 0
}

#wrapper {
    text-align: center;
    width: 500px;
    margin: auto
}

#style-6::-webkit-scrollbar-track {
    background-color: transparent
}

#style-6::-webkit-scrollbar {
    width: 10px;
    background-color: transparent
}

#style-6::-webkit-scrollbar-thumb {
    background-color: #f90;
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent)
}

.conv-l {
    margin-bottom: 4px;
    margin-top: 20px;
    float: left;
    display: flex;
    position: relative;
    width: 140px;
    height: 100%;
    font-family: Arial,Regular;
    font-size: 12px;
    font-weight: 600;
    background-color: #808080db;
    border-radius: 6px;
    padding: 3px
}

.conv-r {
    margin-top: 17px;
    margin-bottom: 0;
    font-family: Arial,Regular;
    font-size: 12px;
    font-weight: 700;
    float: right;
    display: flex;
    position: relative;
    width: 145px;
    height: 100%;
    background-color: #8080804f;
    border-radius: 6px;
    padding: 3px
}

.content_conv_r_user {
    position: relative;
    display: block;
    float: right;
    width: 145px
}

.content_conv_l_user {
    position: relative;
    display: block;
    float: left;
    width: 140px
}

.conv-r_user {
    float: right;
    position: relative;
    width: 138px;
    height: 100%;
    margin-top: 4px;
    margin-bottom: -47px;
    font-size: 9px;
    margin-right: 7px;
    font-family: Arial,Regular;
    font-weight: 600;
    text-align: right
}

.conv-l_user {
    float: left;
    display: flex;
    position: relative;
    width: 37px;
    height: 100%;
    margin-top: 10px;
    margin-bottom: -31px;
    font-size: 9px;
    margin-right: 0;
    font-family: Arial,Regular;
    font-weight: 600
}

.dropdown-content-netcom {
    position: relative;
    display: block;
    background-color: transparent;
    min-width: 160px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.2);
    z-index: 1;
    color: #000;
    margin: 0 0 0 0
}

.dropdown-content-netcom span {
    color: #000;
    padding: 1px 1px;
    text-decoration: none;
    display: flex;
    font-size: 16px;
    font-family: Arial,Regular
}

.dropdown-content-netcom span:hover {
    background-color: #f1f1f1;
    cursor: pointer
}

.autocomplete-content {
    display: none;
    position: absolute !important;
    opacity: 1 !important;
    transform: scaleX(1) scaleY(1) !important;
    width: 484px !important;
    left: 55px !important;
    top: 62px !important;
    height: 210px !important;
    z-index: 4000 !important;
    transform-origin: 0 0 !important
}

.politique-g-t {
    font-family: Arial,Regular;
    color: #f60;
    font-size: 48px;
    text-align: center;
    font-weight: 900
}

.politique-title {
    font-family: Arial,Regular;
    color: #f60;
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 42px
}

.politique-p {
    font-family: Arial,Regular;
    font-size: 18px
}

.politique-content {
    display: block;
    margin: 8% 0% 3% 0%;
    text-align: justify
}

.plan-content {
    display: block;
    margin: 2% 2% 2% 15%
}

.plan-title-1 {
    font-family: Arial,Regular;
    color: #f60;
    font-size: 20px;
    font-weight: 600
}

.plan-title-2 {
    font-family: Arial,Regular;
    color: #000;
    font-size: 18px;
    font-weight: 600;
    margin-left: 21px
}

.plan-l {
    font-family: Arial,Regular;
    color: #000;
    font-size: 15px;
    margin-left: 40px
}

.mention_legal-lien {
    color: #000
}

.mention_legal-lien:hover {
    color: #f60 !important
}


.network-box-ul {
    float: right!important;
    margin-top: 38px!important;
    margin-right: 0!important
}

@media(max-width: 650px) {

    .title_act {
        margin-left: 10px;
        font-size: 19px;
        line-height: 21px
    }


}


.newsletterError {
    display: flex;
    position: absolute;
    margin-top: 4px;
    color: #0ab10f;
    font-family: Arial,Regular;
}



.block-logoClient {
    height: 300px;
}
