@font-face {
    font-family: 'csm';
    src: url("./circularstd-medium.eot");
    src: url("./circularstd-medium.eot?#iefix") format("embedded-opentype"), url("./circularstd-medium.ttf") format("truetype"), url("./circularstd-medium.svg#webfont") format("svg");
    font-weight: normal;
    font-display: swap
}

@font-face {
    font-family: 'csb';
    src: url("./circularstd-bold.eot");
    src: url("./circularstd-bold.eot?#iefix") format("embedded-opentype"), url("./circularstd-bold.ttf") format("truetype"), url("./circularstd-bold.svg#webfont") format("svg");
    font-weight: normal;
    font-display: swap
}

*::before,
*::after {
    box-sizing: border-box;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

.title,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    font-family: "csb";
    color: #002F5A
}

main {
    padding-top: 90px;
    padding-bottom: 1px
}

@media (max-width: 768px) {
    main {
        padding-top: 60px
    }
}

body {
    overflow-x: hidden;
    font: normal 16px/22px "csr";
    -webkit-font-smoothing: antialiased;
    color: #181B58;
    background: #fff;
    margin: 0;
    padding: 0
}

body.overflow {
    overflow: hidden
}

main {
    display: block
}

img,
picture,
video,
canvas,
svg {
    display: block;
    max-width: 100%;
    height: auto
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block
}

input,
button,
textarea,
select {
    outline: none
}

ol,
ul {
    list-style: none
}

ol li,
ul li {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

a {
    text-decoration: none;
    color: #181B58;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

a:hover {
    color: #F07D00;
    text-decoration: none
}

.texte li a {
    border-bottom: 1px solid #002F5A
}

.texte li a:hover {
    color: #F07D00;
    border-color: #F07D00
}

p {
    margin-bottom: 30px
}

p a {
    border-bottom: 1px solid #002F5A
}

p a:hover {
    color: #F07D00;
    border-color: #F07D00
}

.bg__secondary p {
    color: #fff
}

.bg__secondary p a {
    border-color: #fff
}

.bg__secondary p a:hover {
    color: #F07D00;
    border-color: #F07D00
}

b,
strong {
    font-weight: normal;
    font-family: "csb"
}

.intsante .texte li a {
    color: #181B58;
    border-color: #181B58;
    border-bottom: 1px solid
}

.intsante .texte li a:hover {
    color: #F07D00;
    border-color: #F07D00
}

.intsante p a {
    color: #181B58;
    border-color: #181B58;
    border-bottom: 1px solid
}

.intsante p a:hover {
    color: #F07D00;
    border-color: #F07D00
}

.intsante label a:hover {
    color: #F07D00;
    border-color: #F07D00
}

.intsante label a:hover * {
    color: #F07D00;
    border-color: #F07D00
}

.intsante .bg__secondary .texte p a {
    border-color: #fff
}

.intsante .bg__secondary .texte p a:hover {
    color: #F07D00;
    border-color: #F07D00
}

.intsante .bg__secondary label a:hover {
    color: #F07D00;
    border-color: #F07D00
}

.intsante .bg__secondary label a:hover * {
    color: #F07D00;
    border-color: #F07D00
}

.wrapper {
    max-width: 1540px;
    padding: 0 40px;
    position: relative;
    margin: 0 auto
}

@media (max-width: 1024px) {
    .wrapper {
        padding: 0 20px
    }
}

.wrapper.bg {
    max-width: 1240px
}

.wrapper.custom-md {
    max-width: 1206px
}

.wrapper.custom-cont {
    max-width: 1320px
}

.wrapper.custom {
    max-width: 1176px
}

.wrapper.custom-sm {
    max-width: 1000px
}

.wrapper.custom-xs {
    max-width: 680px
}

.close {
    cursor: pointer
}

.mw-100 {
    max-width: 100% !important
}

.small-wrap {
    max-width: 274px;
    margin-left: auto;
    margin-right: auto
}

.small-wrap .m1 {
    max-width: 520px
}

.small-wrap.m2 {
    max-width: 310px
}

.small-wrap.m3 {
    max-width: 436px
}

[class*=grid] {
    display: grid
}

.grid-50 {
    grid-template-columns: 1fr 1fr
}

.grid-33 {
    grid-template-columns: 1fr 1fr 1fr
}

.grid-25 {
    grid-template-columns: 1fr 1fr 1fr 1fr
}

.grid__icon {
    grid-template-columns: 82px auto;
    align-items: center
}

.z-5 {
    z-index: 5
}

.light-content *:not([class^=btn]) {
    color: #fff
}

.light-content .btn__bottomborder {
    filter: brightness(0) invert(1) !important
}

.light-content .text-quote::before {
    background: #fff
}

@media (max-width: 992px) {
    .light-content.textblue-lg :not([class^=btn]>span) {
        color: #002F5A !important
    }
}

@media (max-width: 600px) {
    .light-content.textblue-m :not([class^=btn]>span) {
        color: #002F5A !important
    }
}

@media (max-width: 600px) {
    .light-content-m :not([class^=btn]>span) {
        color: #fff !important
    }
}

.light-content p a {
    border-color: #fff
}

.light-content p a:hover {
    color: #F07D00;
    border-color: #F07D00
}

.light-content .texte p a:hover,
.light-content .texte li a:hover {
    color: #F07D00;
    border-color: #F07D00
}

.light-content label a:hover {
    color: #F07D00;
    border-color: #F07D00
}

.light-content label a:hover * {
    color: #F07D00;
    border-color: #F07D00
}

.light-content .slick-dots button {
    background-color: #fff
}

.light-content .textecustomlink p strong {
    color: #F07D00
}

.intsante .textecustomlink p a:hover {
    color: #F07D00;
    border: #F07D00
}

.overlay-gradient {
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, #002F5A, #002F5A);
    opacity: 0.7;
    z-index: 1;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

label a {
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

label a * {
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.gradient-custom {
    background: linear-gradient(to bottom, #002F5A, #F07D00)
}

.img-gradient {
    position: relative
}

.img-gradient:before {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, #002F5A, #002F5A);
    opacity: 0.55;
    z-index: 2
}

.img-gradient:after {
    content: "";
    display: block;
    position: absolute;
    inset: -12px;
    background: linear-gradient(to right, #002F5A, #002F5A);
    opacity: 0
}

.img-gradient img {
    position: relative;
    z-index: 1;
    width: 100%
}

.img-gradient-custom {
    background: linear-gradient(to bottom, #002F5A, #F07D00);
    padding: 6px
}

.img-gradient-custom.img-border-white {
    background: #fff;
    padding: 0
}

.img-gradient-custom.img-border-white img {
    position: relative;
    z-index: 2;
    border: 10px solid #fff
}

.img-gradient-custom.img-border-white .overlay-gradient {
    top: -70px;
    bottom: -70px;
    right: 0;
    left: 60%;
    opacity: 1
}

@media (max-width: 768px) {
    .img-gradient-custom.img-border-white .overlay-gradient {
        top: -30px;
        bottom: -30px
    }
}

.img-border-white {
    border: 3px solid #fff
}

.img-zoom-hover {
    overflow: hidden
}

.img-zoom-hover>img {
    -webkit-transition: all ease 600ms;
    -moz-transition: all ease 600ms;
    -ms-transition: all ease 600ms;
    -o-transition: all ease 600ms;
    transition: all ease 600ms
}

.img-zoom-hover:hover>img {
    transform: scale(1.2)
}

.zoomhovertext>span {
    display: inline-block;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.zoomhovertext>span:hover {
    transform: scale(1.2)
}

.img-gradient-hover {
    position: relative
}

.img-gradient-hover.img-zoom-hover {
    padding: 6px
}

.img-gradient-hover>img {
    position: relative;
    z-index: 1;
    padding: 0
}

.img-gradient-hover:after {
    content: "";
    display: block;
    position: absolute;
    inset: -6px;
    background: linear-gradient(45deg, #002F5A, #004687, #833d59, #d84e38, #F07D00);
    opacity: 0
}

.applyhover .img-gradient-hover:after {
    opacity: 1
}

.media-img-custom img {
    max-width: 100%;
    display: block;
    margin: 0 auto
}

.text-col-2 {
    column-count: 2;
    column-gap: 40px
}

.photo img {
    max-width: 100%
}

.text-quote {
    font: 22px/1.2em "csr";
    padding-left: 45px;
    position: relative;
    letter-spacing: 0.6px
}

@media (max-width: 768px) {
    .text-quote {
        font-size: 18px
    }
}

.text-quote.noborder {
    padding: 0
}

.text-quote.noborder:before {
    display: none
}

.text-quote:before {
    content: "";
    display: block;
    width: 30px;
    height: 2px;
    position: absolute;
    left: 0;
    top: 12px
}

.text-quote.small {
    display: inline-block;
    vertical-align: top;
    font: 12px/1.2em "csr"
}

.text-quote.small:before {
    top: 6px
}

.text-center .title-m:after,
.text-center h2:after {
    margin-left: auto;
    margin-right: auto
}

span.line-orange {
    display: block;
    width: 48px;
    height: 2px;
    margin: 0 auto;
    background: #002F5A;
    opacity: 1;
    margin-bottom: 15px
}

span.line-white {
    display: block;
    height: 2px;
    margin: 0 auto;
    background: #fff;
    opacity: 1
}

.red {
    color: red
}

img.alignright,
a img.alignright {
    float: right;
    margin: 0 0 1em 1em
}

img.alignleft,
a img.alignleft {
    float: left;
    margin: 0 1em 1em 0
}

img.aligncenter,
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.border-v {
    width: 3px;
    height: 36px;
    margin: 0 auto;
    background: #fff
}

.borderbottom-maincolor input {
    border-color: #F07D00 !important
}

.vh-100-c {
    min-height: calc(100vh - 90px)
}

.vh-90-c.content-banner {
    min-height: calc(100vh - 90px) !important
}

@media (max-width: 600px) {
    .vh-90-c.content-banner {
        min-height: calc(100vh - 60px) !important
    }
}

.h500 {
    min-height: 500px;
    padding: 70px 0
}

.bg__secondary {
    padding: 80px 0;
    margin: 0;
    background-color: #002F5A
}

.bg__secondary .texte p a:hover,
.bg__secondary .texte li a:hover {
    color: #F07D00
}

.bg__secondary label a:hover {
    color: #F07D00;
    border-color: #F07D00
}

.bg__secondary .slick-dots button {
    background-color: #fff
}

.bg__secondary--custom {
    background: linear-gradient(to bottom, #002F5A calc(100% - 40px), #fff)
}

.bg__secondary *:not([class^=btn]*) {
    color: #fff
}

.bg__secondary .btn__main:hover {
    background-color: #fff;
    color: #002F5A
}

.bg__secondary .btn__main:hover svg path {
    fill: #002F5A
}

.bg__secondary__custom {
    position: relative;
    padding-bottom: 44px !important
}

.bg__secondary__custom::after {
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 22px);
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #002F5A
}

.bg__light {
    padding: 80px 0;
    margin: 0;
    background-color: #F5F5F5
}

.bg__light1 {
    padding: 80px 0;
    margin: 0;
    background-color: #F7F9FB
}

.bg__light1__custom {
    position: relative;
    padding-bottom: 44px !important
}

.bg__light1__custom::after {
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 22px);
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #F5F5F5
}

.bg__img {
    padding: 80px 0;
    margin: 0;
    overflow: hidden
}

@media (max-width: 600px) {
    .bg__img.textblue-m .mediabg.position-absolute {
        height: 100%
    }
}

.bg__gradient {
    background: linear-gradient(45deg, #002F5A, #004687, #833d59, #d84e38, #F07D00)
}

.bg__imggradient {
    position: absolute;
    inset: 0
}

.bg__imggradient::before {
    opacity: .7;
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    background: linear-gradient(45deg, #002F5A, #004687, #833d59, #d84e38, #F07D00);
    z-index: 1
}

.bg__imggradient+* {
    position: relative;
    z-index: 32
}

.bg__white {
    background-color: #fff
}

.bg__graylight {
    background-color: #F7F9FB
}

@media (max-width: 600px) {
    .content-banner {
        min-height: auto;
        padding: 30px 0
    }

    .content-banner.h500 {
        padding: 70px 0;
        min-height: 500px
    }
}

.content-banner p:last-of-type {
    margin-bottom: 0
}

.border-sb {
    margin-bottom: 25px
}

.border-sb:after {
    content: "";
    display: block;
    margin: 25px auto 0;
    width: 60px;
    height: 3px;
    background-color: #1E8380;
}

.border-sb.pleft::after {
    margin-left: 0
}

@media (max-width: 600px) {
    .border-sb.center-m::after {
        margin-left: auto !important;
        margin-right: auto !important
    }
}

.border-sb.small {
    margin-bottom: 10px
}

.border-sb.small:after {
    width: 25px;
    margin-top: 10px
}

.custom-pspace p {
    margin-bottom: 13px
}

.object-fit-cover {
    object-fit: cover
}

.object-fit-cover.img-border-white {
    width: calc(100% - 20px) !important
}

@media (max-width: 600px) {
    .object-fit-cover.img-border-white {
        width: calc(100% - 13px) !important
    }
}

.object-position-right {
    object-position: top right
}

.deco__border {
    position: absolute;
    right: 10px;
    vertical-align: top;
    width: 57px;
    height: 101px;
    top: -20px
}

.deco__border.m2 {
    right: -20px
}

.deco__border:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 5px;
    background-color: #F07D00;
    width: 0;
    transition-delay: 1s;
    transition-duration: 650ms
}

.deco__border:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 5px;
    height: 0;
    background-color: #F07D00;
    transition-delay: 1s;
    transition-duration: 650ms
}

@media (max-width: 600px) {
    .deco__border {
        width: 26px;
        height: 47px;
        right: 19px;
        top: -13px
    }
}

.deco-rounded {
    position: relative
}

.deco-rounded .shapesvg {
    line-height: 0;
    position: absolute;
    top: -20px;
    left: 0
}

.deco-rounded .shapesvg path {
    stroke: #F07D00
}

@media (max-width: 768px) {
    .deco-rounded .shapesvg {
        display: none
    }
}

.rub-banner {
    text-transform: uppercase
}

.mcx-90 {
    margin-left: 90px;
    margin-right: 90px
}

hr.hr__secondary {
    margin: 0;
    display: block;
    border: none;
    height: 3px;
    background: #002F5A;
    opacity: 1
}

hr.colorprimary {
    background-color: #F07D00;
    height: 3px;
    display: block;
    width: 80%;
    max-width: 230px;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 1;
    top: -24px;
    z-index: 1
}

@media (max-width: 768px) {
    hr.colorprimary {
        top: -15px
    }
}

@media (max-width: 600px) {
    hr.colorprimary {
        width: 115px;
        left: auto;
        right: 55px
    }
}

.round-icon {
    width: 156px;
    height: 156px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F07D00;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background-clip: padding-box;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.round-icon.bg__secondary {
    background-color: #002F5A;
    padding: 0
}

.round-icon .lg {
    width: 120px;
    height: 120px
}

.round-icon.md {
    width: 60px;
    height: 60px
}

.round-icon.mdm {
    width: 74px;
    height: 74px
}

.round-icon.mdm.centertop {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 56px;
    height: 56px;
    top: -28px;
    z-index: 2
}

.round-icon.sm {
    width: 50px;
    height: 50px;
    border-width: 1px
}

.round-icon.xs {
    width: 42px;
    height: 42px;
    border: 1px solid transparent
}

.round-icon.sxs {
    width: 30px;
    height: 30px
}

.round-icon.light {
    background: none;
    border-color: #fff
}

.round-icon.light-icon img {
    filter: brightness(0) invert(1)
}

.round-icon.light-icon svg {
    fill: #fff
}

.round-icon img {
    max-width: 80%;
    max-height: 80%
}

.round-icon.full {
    background: #F07D00
}

.round-icon.full img {
    filter: brightness(0) invert(1)
}

.round-icon.borderdark {
    background-color: transparent;
    border: 1px solid #002F5A
}

.bordersecondary {
    border: 1px solid #002F5A !important
}

.mail {
    background: url(../img/letter-light.svg) left center no-repeat;
    display: inline-block;
    vertical-align: top;
    padding-left: 35px
}

.tel {
    background: url(../img/phone.svg) left center no-repeat;
    display: inline-block;
    vertical-align: top;
    padding-left: 35px
}

.adress {
    background: url(../img/pin.svg) left 7px no-repeat;
    display: inline-block;
    vertical-align: top;
    padding-left: 35px
}

.slick-arrow {
    width: 52px;
    height: 52px;
    position: absolute;
    border: none;
    cursor: pointer;
    background-color: #002F5A;
    background-position: center;
    background-repeat: no-repeat;
    font-size: 0;
    z-index: 1;
    top: -90px
}

.slick-prev {
    background-image: url(../img/arrow-left.svg);
    right: 0
}

.slick-next {
    background-image: url(../img/arrow-right.svg);
    right: -90px
}

.arrowlight .slick-arrow {
    width: 60px;
    height: 60px;
    position: relative;
    top: auto;
    left: auto;
    right: auto
}

.arrowlight .slick-arrow:before {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    background-position: center;
    background-repeat: no-repeat
}

.arrowlight .slick-prev:before {
    background-image: url(../img/arrow-left.svg)
}

.arrowlight .slick-next:before {
    background-image: url(../img/arrow-right.svg)
}

.b-bottom {
    border-bottom: 1px solid #002F5A
}

.arrowdown {
    display: block;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    border: 1px solid #002F5A;
    margin: 0 auto;
    background: url(../img/arrow-down-orange.svg) center no-repeat
}

.lh-0 {
    line-height: 0
}

.list-custom ul {
    padding: 0;
    margin: 0
}

.list-custom ul li {
    position: relative;
    font-size: 22px;
    line-height: 26px;
    margin: 10px 0
}

.list-custom ul li a {
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding-right: 30px;
    background: url(../img/arrow-right-orange.svg) right 6px no-repeat
}

@media (max-width: 600px) {
    .list-custom ul li a {
        display: block
    }
}

.list-custom ul li a:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background-color: #F07D00
}

.list-custom ul li a:hover {
    color: #F07D00
}

.list-custom ul li a:hover:after {
    width: calc(100% - 31px)
}

.listin {
    margin: 0 -22px
}

.listin .slick-list {
    padding: 20px 0
}

.listin__item {
    margin: 0 22px;
    background: #fff;
    box-shadow: 0px 0px 17px rgba(30, 30, 31, 0.05);
    position: relative;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.listin__item .inner {
    background: #fff;
    padding: 7px;
    position: relative;
    z-index: 1
}

.listin__item:before {
    content: "";
    display: block;
    position: absolute;
    inset: -7px;
    background: #F07D00;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.listin__item:hover:before {
    opacity: 1;
    visibility: visible
}

.listin__item h3 {
    font-size: 17px;
    margin-left: 10px;
    margin-right: 10px
}

.listin__item:hover .img-gradient img {
    transform: scale(1.1)
}

.listin .img-gradient {
    overflow: hidden
}

.listin .img-gradient img {
    -webkit-transition: all ease-in-out 600ms;
    -moz-transition: all ease-in-out 600ms;
    -ms-transition: all ease-in-out 600ms;
    -o-transition: all ease-in-out 600ms;
    transition: all ease-in-out 600ms
}

.cardwhite {
    gap: 30px;
    grid-template-columns: repeat(auto-fit, minmax(265px, 1fr))
}

.cardwhite__item {
    font-size: 13px;
    border: 1px solid #fff;
    padding: 50px 13px
}

.cardwhite__item p {
    margin-bottom: 0
}

.cardwhite__item .title-h3custom {
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

@media (max-width: 600px) {
    .cardwhite__item .title-h3custom {
        display: block;
        min-height: 0;
        margin-bottom: 10px;
        text-align: left
    }
}

.card-custom {
    position: relative;
    background: #fff;
    border: 1px solid #e5e5e5;
    padding: 70px 60px 60px;
    max-width: 980px;
    margin: 0 auto;
    min-height: 320px;
    margin-top: -154px
}

@media (max-width: 768px) {
    .card-custom {
        padding-left: 20px;
        padding-right: 20px
    }
}

.card-custom .round-icon {
    top: -40px;
    position: absolute;
    left: 0;
    right: 0
}

.card-custom p:last-of-type {
    margin-bottom: 0
}

.slick-dots {
    margin-top: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 0
}

.slick-dots button {
    font-size: 0;
    line-height: 0;
    display: block;
    background: transparent;
    border: none;
    width: 20px;
    height: 6px;
    background: #002F5A;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.slick-dots .slick-active button {
    background: #F07D00 !important;
    width: 60px
}

.intsante .bg__secondary .slick-dots .slick-active button {
    background: #002F5A !important
}

@media (max-width: 768px) {
    .intsante .custom-slick .slick-active button {
        background: #002F5A !important
    }
}

.intsante .custom-slick.dark-content .slick-dots button {
    background-color: #181B58
}

.shape-grey:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 40px;
    left: 105px;
    background: #F07D00
}

@media (max-width: 1024px) {
    .shape-grey:before {
        right: -20px;
        left: -20px;
        top: 0;
        bottom: 0;
        background: linear-gradient(to bottom, #fff, #F07D00)
    }
}

.imgtext-m2 {
    position: relative
}

.imgtext-m2 .img-border-white {
    margin-right: 100px
}

@media (max-width: 1200px) {
    .imgtext-m2 .img-border-white {
        margin: 140px 100px 70px 0
    }
}

@media (max-width: 768px) {
    .imgtext-m2 .img-border-white {
        margin: 70px 45px 40px 0
    }
}

.texte :last-child {
    margin-bottom: 0
}

.texte p a:hover,
.texte li a:hover {
    color: #F07D00;
    border-color: #F07D00
}

.texte label a:hover {
    color: #F07D00;
    border-color: #F07D00
}

.texte ul {
    margin-bottom: 32px;
    padding: 0;
    text-align: left
}

.texte ul li {
    position: relative;
    padding-left: 20px
}

.texte ul li:not(:last-child) {
    margin-bottom: 13px
}

.texte ul li::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 5px;
    width: 10px;
    height: 10px;
    background: #1E8380
}

.texte ol {
    padding-left: 0;
    list-style: none;
    counter-reset: my-awesome-counter
}

.texte ol li {
    counter-increment: my-awesome-counter
}

.texte ol li::before {
    content: counter(my-awesome-counter) ". ";
    color: #F07D00;
    font-weight: "csb"
}

.texte ol li:not(:last-child) {
    margin-bottom: 15px
}

.textecustomlink p a {
    font-family: "csr";
    text-decoration: none
}

.intsante .bg__secondary ul li::before {
    background: #fff
}

@media (min-width: 600px) {
    .position-xs-absolute {
        position: absolute !important
    }
}

.sep-round span {
    display: inline-block;
    vertical-align: middle
}

.sep-round span:not(:last-of-type):after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #fff;
    margin: 0 20px
}

.border-dark {
    border: 1px solid #002F5A
}

img.rounded-circle {
    object-fit: contain
}

.confirmation_form {
    height: 375px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.fancybox-content {
    padding: 0;
    display: inline-flex
}

.thumb-407x562 img {
    height: 500px !important
}

.size-thumb-306x216 {
    height: 216px !important;
    object-fit: cover
}

.tag_style .option {
    border: none !important
}

.tag_style .option.selected {
    border-bottom: 1px solid !important;
    background-color: transparent !important;
    padding: 0 18px
}

.quotesvg {
    fill: #F07D00;
    display: block;
    margin-bottom: 1.5rem
}

.quotesvg.center {
    margin-left: auto;
    margin-right: auto
}

.spotlight {
    position: relative
}

.spotlight .texte {
    position: relative;
    border-left: 8px solid #F07D00;
    padding-left: 26px;
    padding-right: 90px
}

@media (max-width: 768px) {
    .spotlight .texte {
        padding-right: 40px;
        border-width: 4px;
        padding-left: 16px
    }
}

.spotlight .close {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.spotlight::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 1px;
    background-color: #002F5A;
    z-index: 1
}

.intsante .spotlight .texte {
    border-color: #002F5A
}

.intsante .spotlight::after {
    background-color: #181B58
}

.cardlink {
    position: relative
}

@media (min-width: 600px) {
    .d-xs-none {
        display: none !important
    }
}

@media (min-width: 600px) {
    .d-xs-block {
        display: block !important
    }
}

.z-2 {
    z-index: 2
}

.lightsvg svg {
    fill: #fff
}

.textcolorprimary {
    color: #F07D00 !important
}

.primarycolorsvg svg {
    fill: #002F5A
}

.linklist li a:hover {
    color: #002F5A !important;
    border-bottom: 1px solid #002F5A
}

.half273auto {
    display: grid;
    grid-template-columns: 273px auto;
    gap: 26px
}

@media (max-width: 1024px) {
    .half273auto {
        grid-template-columns: auto
    }
}

.highlighttext p>strong {
    color: #F07D00
}

.highlighttext a {
    color: #002F5A;
    text-decoration: none;
    border-bottom: 1px solid #002F5A;
    font-family: "csb"
}

.highlighttext a:hover {
    color: #fff;
    border-color: #fff
}

.highlighttext strong {
    color: #002F5A
}

.primarycolorlink p a {
    text-decoration: none;
    border: none;
    color: #F07D00
}

.primarycolorlink p a:hover {
    color: #002F5A
}

.textprimarylink a {
    color: #F07D00 !important
}

.textsecondlink a {
    color: #002F5A !important
}

.listcardvideo__item .inner {
    background-color: #fff;
    border: 2px solid #e5e5e5;
    height: 100%
}

.listcardvideo__item .inner .listcard__item--content {
    border: none
}

.itemhovergradient .listcardvideo__item .inner {
    position: relative;
    z-index: 1
}

.itemhovergradient .listcardvideo__item::before {
    content: "";
    display: block;
    position: absolute;
    inset: -6px 9px;
    background: linear-gradient(45deg, #002F5A, #004687, #833d59, #d84e38, #F07D00);
    opacity: 0;
    visibility: hidden
}

.itemhovergradient .listcardvideo__item:hover::before {
    opacity: 1;
    visibility: visible
}

.itemhovergradient .listcardvideo__item:hover .listcard__item--content {
    border-color: transparent
}

.nohoverlink a {
    color: #002F5A !important
}

.nohoverlink a:hover {
    font-family: "csr"
}

.mnw-100 {
    min-width: initial !important
}

.content-icon .round-icon:last-of-type {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -20px
}

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

@media (max-width: 600px) {
    .hideimg-mobile {
        display: none !important
    }
}

@media (max-width: 600px) {
    .nobrtitle-mobile h1 br {
        display: none !important
    }
}

@media (min-width: 600px) {
    .h-imgrect {
        min-height: 270px
    }
}

iframe {
    max-width: 98vw
}

.size-thumb-100 {
    width: 100px
}

.anchor {
    position: absolute;
    top: -100px;
    width: 100%;
    height: 1px
}

.intsante .texte p a:hover {
    color: #F07D00;
    border-color: #F07D00
}

@media (min-width: 768px) {
    .intsante .bg__gradient .texte a:hover {
        color: #002F5A;
        border-color: #002F5A
    }
}

.intsante label a:hover {
    color: #F07D00;
    border-color: #F07D00
}

.intsante .light-content .texte p a:hover {
    color: #F07D00;
    border-color: #F07D00
}

.intsante .light-content label a:hover {
    color: #F07D00;
    border-color: #F07D00
}

.intsante .light-content.bg__img .texte p a:hover {
    color: #F07D00;
    border-color: #F07D00
}

@media (max-width: 768px) {
    .intsante .light-content.bg__img .texte p a:hover {
        color: #F07D00;
        border-color: #F07D00
    }
}

.intsante .light-content.bg__img label a:hover {
    color: #F07D00;
    border-color: #F07D00
}

@media (max-width: 768px) {
    .intsante .light-content.bg__img label a:hover {
        color: #F07D00;
        border-color: #F07D00
    }
}

.intsante .bg__secondary .texte p a:hover {
    color: #F07D00;
    border-color: #F07D00
}

.intsante .bg__secondary label a:hover {
    color: #F07D00;
    border-color: #F07D00
}

.intsante .bg__secondary.bg__img .texte p a:hover {
    color: #F07D00;
    border-color: #F07D00
}

@media (max-width: 768px) {
    .intsante .bg__secondary.bg__img .texte p a:hover {
        color: #F07D00;
        border-color: #F07D00
    }
}

.intsante .bg__secondary.bg__img label a:hover {
    color: #F07D00;
    border-color: #F07D00
}

@media (max-width: 768px) {
    .intsante .bg__secondary.bg__img label a:hover {
        color: #F07D00;
        border-color: #F07D00
    }
}

.intsante .bg__secondary__custom::after {
    background-color: #F07D00
}

.intsante .textsecondlink a {
    color: #181B58 !important
}

.intsante .round-icon.xs {
    background-color: #F07D00
}

.intsante .round-icon.borderdark {
    border-color: #F07D00
}

.intsante .close svg {
    fill: #181B58
}

.intsante section.bg__secondary .close svg {
    fill: #fff
}

.intsante .deco-rounded .shapesvg path {
    stroke: #002F5A
}

.intsante .bg__img .btn__second:hover {
    background-color: #F07D00;
    border-color: #F07D00
}

.deco-rounded.div_rounded {
    background-color: #fff;
    border-radius: 50%
}

.slick-dots li:only-child {
    display: none
}

.big-title {
    font: 120px/130px "csb"
}

.main-title,
h1 {
    font: 48px/1.1 "csb";
    margin-bottom: 24px
}

@media (max-width: 600px) {

    .main-title,
    h1 {
        font-size: 38px
    }
}

.title,
h2 {
    font: 38px/1.3 "csb";
    margin-bottom: 20px
}

@media (max-width: 600px) {

    .title,
    h2 {
        font-size: 22px
    }
}

.sub-title,
h3 {
    font: 22px/1.3 "csb"
}

.sub-title.textcolorprimary a,
h3.textcolorprimary a {
    color: #F07D00 !important
}

.small-title {
    font: 16px/22px "csb";
    margin-bottom: 16px
}

.small-title a {
    color: #002F5A
}

.small-text {
    font-size: 12px !important;
    line-height: 15px;
    margin-bottom: 16px
}

.small-text.hoverlink a:hover {
    font-family: "csb"
}

.intsante .small-text.hoverlink a:hover {
    font-family: "csr"
}

.medium-text {
    font-size: 22px !important;
    font-family: "csb"
}

.lh0-8 {
    line-height: 0.8
}

.custom-size-title h1 {
    font-size: 38px
}

@media (max-width: 600px) {
    .custom-size-title h1 {
        font-size: 22px
    }
}

.f-12 {
    font-size: 12px
}

.intsante .section_58 .f-12 {
    font-size: 16px
}

.f-13 {
    font-size: 13px
}

.f-16 {
    font-size: 16px
}

.regular {
    font-family: "csr"
}

.f-16 {
    font-size: 16px
}

.lh-15 {
    line-height: 15px
}

.intsante .small-title {
    color: #181B58
}

.intsante .small-title a {
    color: #181B58
}

.intsante .small-title a:hover {
    color: #F07D00
}

.intsante .section_23 .title,
.intsante .section_23 h2,
.intsante .section_22 .title,
.intsante .section_22 h2,
.intsante .section_21 .title,
.intsante .section_21 h2 {
    color: #181B58
}

.intsante .section_24 h3 a {
    color: #F07D00
}

.intsante .custom-color-title .main-title,
.intsante .custom-color-title h1 {
    color: #181B58
}

.py-30 {
    padding-top: 30px;
    padding-bottom: 30px
}

.pt-80 {
    padding-top: 80px
}

.py-60 {
    padding-top: 60px;
    padding-bottom: 60px
}

@media (max-width: 1024px) {
    .py-60 {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

.py-80 {
    padding-top: 80px;
    padding-bottom: 80px
}

@media (max-width: 1024px) {
    .py-80 {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

.p-6 {
    padding: 6px
}

.px-80 {
    padding-left: 80px;
    padding-right: 80px
}

@media (max-width: 1024px) {
    .px-80 {
        padding-left: 0;
        padding-right: 0
    }
}

.px-90 {
    padding-left: 90px;
    padding-right: 90px
}

@media (max-width: 1024px) {
    .px-90 {
        padding-left: 0;
        padding-right: 0
    }
}

.py-100 {
    padding-top: 100px;
    padding-bottom: 100px
}

@media (max-width: 1024px) {
    .py-100 {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

.py-130 {
    padding-top: 130px;
    padding-bottom: 130px
}

@media (max-width: 1024px) {
    .py-130 {
        padding-top: 60px;
        padding-bottom: 60px
    }
}

.py-150 {
    padding-top: 150px;
    padding-bottom: 150px
}

@media (max-width: 1024px) {
    .py-150 {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

.py-100-30 {
    padding-top: 100px;
    padding-bottom: 30px
}

.py-100-60 {
    padding-top: 100px;
    padding-bottom: 60px
}

.py-150-60 {
    padding-top: 150px;
    padding-bottom: 60px
}

.nt-200 {
    margin-top: -200px
}

@media (max-width: 1024px) {
    .nt-200 {
        margin-top: 0
    }
}

.pb-100 {
    padding-bottom: 100px
}

@media (min-width: 1200px) {
    .w-lg-50 {
        width: 50%
    }
}

@media (min-width: 600px) {
    .w-xs-auto {
        width: auto !important
    }
}

.my-100 {
    margin-top: 100px;
    margin-bottom: 100px
}

@media (max-width: 1024px) {
    .my-100 {
        margin-top: 50px;
        margin-bottom: 50px
    }
}

.my-70 {
    margin-top: 70px;
    margin-bottom: 70px
}

@media (max-width: 1024px) {
    .my-70 {
        margin-top: 50px;
        margin-bottom: 50px
    }
}

.mt-100 {
    margin-top: 100px
}

@media (max-width: 1024px) {
    .mt-100 {
        margin-top: 30px
    }
}

.mt-80 {
    margin-top: 80px
}

@media (max-width: 1024px) {
    .mt-80 {
        margin-top: 30px
    }
}

.mt-60 {
    margin-top: 60px
}

@media (max-width: 1024px) {
    .mt-60 {
        margin-top: 30px
    }
}

.mb-130 {
    margin-bottom: 130px
}

@media (max-width: 1024px) {
    .mb-130 {
        margin-bottom: 60px
    }
}

.mb-100 {
    margin-bottom: 100px
}

@media (max-width: 1024px) {
    .mb-100 {
        margin-bottom: 50px
    }
}

.mb-80 {
    margin-bottom: 80px !important
}

@media (max-width: 1024px) {
    .mb-80 {
        margin-bottom: 50px !important
    }
}

.mb-60 {
    margin-bottom: 60px
}

@media (max-width: 1024px) {
    .mb-60 {
        margin-bottom: 40px
    }
}

.ms-100 {
    margin-left: 100px
}

@media (min-width: 1024px) {
    .mw-md-80 {
        max-width: 80%
    }
}

@media (min-width: 1200px) {
    .ms-90 {
        margin-left: 90px
    }
}

.mt-n8 {
    margin-top: -80px
}

.mt-n6 {
    margin-top: -60px
}

.mt-n3 {
    margin-top: -30px
}

.mt-n2 {
    margin-top: -20px
}

.mt-n1 {
    margin-top: -10px
}

.mb-0 {
    margin-bottom: 0px
}

.gap-10 {
    gap: 10px !important
}

.gap-20 {
    gap: 20px !important
}

.gap-30 {
    gap: 30px !important
}

.h-380 {
    min-height: 380px
}

@media (max-width: 600px) {
    .py-50-m {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

@media (max-width: 600px) {
    .pt-50-m {
        padding-top: 50px
    }
}

@media (max-width: 600px) {
    .pb-50-m {
        padding-bottom: 50px
    }
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    display: table;
    content: '';
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir='rtl'] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.menu-toggle {
    width: 0;
    visibility: hidden;
    opacity: 0;
    height: 59px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    cursor: pointer;
    background: #fff;
    overflow: hidden;
    border-right: 1px solid #002F5A;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

@media (max-width: 1200px) {
    .menu-toggle {
        visibility: visible;
        opacity: 1;
        height: 90px;
        width: 90px
    }
}

@media (max-width: 768px) {
    .menu-toggle {
        height: 59px;
        width: 60px
    }
}

.menu-toggle span {
    background: #002F5A
}

.menu-toggle * {
    -webkit-transition: all ease .2s;
    -moz-transition: all ease .2s;
    -ms-transition: all ease .2s;
    -o-transition: all ease .2s;
    transition: all ease .2s
}

.menu-toggle .hamburger {
    position: absolute;
    height: 100%;
    width: 100%
}

.menu-toggle .hamburger span {
    display: block;
    border-radius: 2px;
    width: 15px;
    height: 2px;
    position: relative;
    top: 22px;
    left: 0;
    margin: 3px auto;
    right: 0
}

@media (max-width: 1200px) {
    .menu-toggle .hamburger span {
        top: 37px
    }
}

@media (max-width: 768px) {
    .menu-toggle .hamburger span {
        top: 22px
    }
}

.menu-toggle .hamburger span:nth-child(1) {
    transition-delay: .3s
}

.menu-toggle .hamburger span:nth-child(2) {
    transition-delay: .4s
}

.menu-toggle .hamburger span:nth-child(3) {
    transition-delay: .5s
}

.menu-toggle .cross {
    position: absolute;
    height: 100%;
    width: 100%;
    transform: rotate(45deg);
    top: 2px
}

.menu-toggle .cross span:nth-child(1) {
    height: 0%;
    width: 2px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    margin-top: -7.5px;
    transition-delay: 0s
}

.menu-toggle .cross span:nth-child(2) {
    width: 0%;
    height: 2px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    margin-top: -1.5px;
    transition-delay: .25s
}

.menu-toggle.open .hamburger span {
    width: 0%
}

.menu-toggle.open .hamburger span:nth-child(1) {
    transition-delay: 0s
}

.menu-toggle.open .hamburger span:nth-child(2) {
    transition-delay: .125s
}

.menu-toggle.open .hamburger span:nth-child(3) {
    transition-delay: .25s
}

.menu-toggle.open .cross span:nth-child(1) {
    height: 15px;
    transition-delay: .625s
}

.menu-toggle.open .cross span:nth-child(2) {
    width: 15px;
    transition-delay: .375s
}

.intsante .menu-toggle {
    border-color: #181B58
}

.intsante .menu-toggle span {
    background-color: #002F5A
}

@-moz-keyframes spin {
    from {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    from {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

[class^="btn"] {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    min-width: 154px;
    position: relative;
    font: 16px/22px "csb";
    cursor: pointer
}

[class^="btn"].wcustom {
    min-width: 105px
}

[class^="btn"]>span {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 4px 20px
}

@media (max-width: 600px) {
    [class^="btn"].max-content>span {
        max-width: 200px;
        margin: auto
    }
}

[class^="btn"].s-mx span {
    padding-left: 10px;
    padding-right: 10px
}

button {
    border: none;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.btn__light {
    border: 1px solid #fff;
    color: #fff
}

.btn__light:hover {
    background-color: #fff
}

.btn__light:hover span {
    color: #002F5A !important
}

.btn__icon:hover span::before {
    filter: brightness(0) invert(1)
}

.btn__icon span {
    display: grid;
    grid-template-columns: 37px auto
}

.btn__icon span::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 14px;
    position: relative;
    line-height: 0;
    top: -2px
}

.btn__icon.apple span::before {
    content: url(../img/apple.svg)
}

.btn__icon.playstore span::before {
    content: url(../img/playstore.svg)
}

.btn__main {
    background: #F07D00
}

.btn__main>span {
    color: #fff !important
}

.btn__main svg {
    margin-right: 1rem
}

.btn__main:hover {
    background: #002F5A
}

.btn__main:hover svg path {
    fill: #fff
}

.btn__main:hover span {
    color: #fff !important
}

.btn__main.light:hover span {
    color: #F07D00 !important
}

.btn__main.light span {
    color: #fff !important
}

.btn__second {
    color: #fff;
    background: #002F5A
}

.btn__second.dark {
    background-color: rgba(0, 0, 0, 0.4);
    border: 1px solid #fff;
    color: #fff
}

.btn__second.dark:hover {
    color: #fff;
    background-color: #002F5A;
    border-color: #002F5A
}

.btn__second:hover {
    color: #fff;
    background: #F07D00
}

.btn__darkborder {
    border: 1px solid #002F5A;
    color: #002F5A;
    background: transparent
}

@media (min-width: 768px) {
    .btn__darkborder:hover {
        border-color: #002F5A;
        color: #fff;
        background: #002F5A
    }

    .btn__darkborder:hover img {
        filter: brightness(0) invert(1)
    }
}

.btn__bottomborder {
    padding: 0;
    font-family: "csr";
    min-width: 0
}

.btn__bottomborder.grey {
    opacity: 0.8
}

.btn__bottomborder.grey span {
    filter: grayscale(1)
}

.btn__bottomborder.m1 span {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.btn__bottomborder.m1:after {
    width: 100%
}

.btn__bottomborder.light {
    color: #fff
}

.btn__bottomborder.light::after {
    background-color: #fff
}

.btn__bottomborder.light:hover {
    color: #fff
}

.btn__bottomborder.light:hover:after {
    background-color: #fff
}

.btn__bottomborder:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    margin: auto;
    background: #002F5A
}

.btn__bottomborder.auteur>span::before {
    content: url(../img/auteur.svg);
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px
}

.btn__bottomborder:hover {
    color: #002F5A;
    font-family: "csb"
}

.btn__bottomborder:hover:after {
    content: "";
    width: 34px;
    background: #F07D00
}

.btn__bottomborder.iconback {
    font-family: "csr"
}

.btn__bottomborder.iconback svg {
    margin-left: -23px
}

.btn__bottomborder.iconback span {
    gap: 10px
}

.btn__play {
    position: absolute;
    top: calc(50% - 8px);
    left: calc(50% - 8px);
    transform: translate(-50%, -50%);
    padding: 0;
    display: block;
    height: auto;
    min-width: 0
}

.btn__play svg {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    transform-origin: center;
    width: 100%;
    height: 100%
}

.btn__play svg .shapeplay {
    fill: #F07D00
}

.btn__play.medium {
    width: 150px
}

.btn__play.small {
    width: 75px
}

.btn__play:hover svg {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.btn__play span {
    padding: 0
}

@media (max-width: 1024px) {
    .btn__play img {
        width: 117px;
        height: auto
    }
}

@media (max-width: 768px) {
    .btn__play img {
        width: 23vw
    }
}

.btn__third {
    color: #F07D00;
    border: 1px solid #002F5A;
    border-radius: 8px;
    font-family: "csr";
    font-size: 12px
}

.btn__third:hover {
    background-color: #002F5A;
    color: #fff
}

.btn__fourth {
    background-color: #002F5A
}

.btn__fourth:hover {
    background-color: #fff
}

.btn__fourth:hover span {
    color: #F07D00
}

.btn__iconarrow {
    padding: 15px 50px 15px 15px;
    border: 1px solid #002F5A;
    background-color: #fff
}

.btn__iconarrow span {
    display: grid;
    grid-template-columns: 66px auto;
    align-items: center;
    text-align: left;
    justify-content: start;
    padding: 0;
    color: #F07D00
}

.btn__iconarrow svg {
    fill: #002F5A;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.btn__iconarrow .round-icon {
    border: 1px solid transparent
}

.btn__iconarrow:hover {
    background-color: #F07D00;
    border-color: #F07D00
}

.btn__iconarrow:hover span {
    color: #fff
}

.btn__iconarrow:hover svg {
    fill: #fff
}

.btn__iconarrow:hover .round-icon {
    border-color: #fff
}

.scrolltop {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 98;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.scrolltop.show {
    opacity: 1;
    visibility: visible
}

.scrolltop .decobordersvg {
    fill: #F07D00;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.scrolltop .roundarrow .st0 {
    display: none;
    fill: #F07D00
}

.scrolltop .roundarrow .st1 {
    fill: #fff
}

.scrolltop .roundarrow .st2 {
    fill: #002F5A
}

.scrolltop:hover .decobordersvg {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.scrolldown {
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    margin: auto;
    height: 56px !important;
    width: 126px !important;
    overflow: hidden
}

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

.scrolldown span {
    display: block;
    padding: 2px;
    border-radius: 50%;
    background: linear-gradient(45deg, #002F5A, #004687, #833d59, #d84e38, #F07D00);
    width: 126px;
    height: 126px
}

.scrolldown span::before {
    content: "";
    display: block;
    width: 122px;
    height: 122px;
    background-color: #fff;
    border-radius: 50%
}

.scrolldown.light span {
    background: #fff
}

.scrolldown.light span::before {
    background-color: #002F5A
}

.stopcolor1 {
    stop-color: #002F5A
}

.stopcolor2 {
    stop-color: #004687
}

.stopcolor3 {
    stop-color: #833d59
}

.stopcolor4 {
    stop-color: #d84e38
}

.stopcolor5 {
    stop-color: #F07D00
}

.arrowlink {
    display: inline-block;
    vertical-align: middle;
    height: 42px;
    width: 22px;
    background: url(../img/back.svg) center no-repeat
}

.arrowlink__gradient {
    display: inline-block;
    vertical-align: top;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.arrowlink__gradient .arrowgradient {
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.arrowlink__gradient .arrowgradient path {
    fill: #002F5A
}

.arrowlink__gradient .stopcolor1 {
    stop-color: #002F5A
}

.arrowlink__gradient .stopcolor2 {
    stop-color: #004687
}

.arrowlink__gradient .stopcolor3 {
    stop-color: #833d59
}

.arrowlink__gradient .stopcolor4 {
    stop-color: #d84e38
}

.arrowlink__gradient .stopcolor5 {
    stop-color: #F07D00
}

.arrowlink__gradient:hover .arrowgradient path {
    fill: url(#colorgradientarrow)
}

.arrowlink__gradient:hover .arrowgradient path {
    fill: url(#colorgradient)
}

.btn__main[disabled='disabled'] {
    opacity: 0.8
}

.btn__main[disabled='disabled']:hover {
    background: #F07D00
}

.btn__main[disabled='disabled']:hover span {
    color: #002F5A !important
}

.btn__bottomborder {
    color: #002F5A
}

.btn__bottomborder:after {
    width: 40%;
    background: #002F5A
}

.btn__bottomborder[disabled] {
    color: rgba(0, 0, 0, 0.3)
}

.btn__bottomborder[disabled]:hover {
    color: rgba(0, 0, 0, 0.3) !important;
    font: inherit
}

.btn__bottomborder[disabled]:after {
    width: 100%;
    background: rgba(0, 0, 0, 0.3)
}

.linkvertical {
    display: flex;
    gap: 10px;
    position: absolute;
    z-index: 40;
    right: 44px;
    top: 164px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transform-origin: right top
}

.linkvertical a {
    background-color: #F07D00;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-family: "csb";
    height: 44px;
    min-width: 44px
}

.linkvertical a img {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.linkvertical a:hover {
    background-color: #002F5A
}

.bg__secondary .btn__main:hover span {
    color: #002F5A !important
}

.intsante .section_45 .bg__img:not(.bg_with_gradient) .btn__main:hover span {
    color: #002F5A !important
}

.intsante .section_45 .btn__main.hover_intsante_custom:hover span {
    color: #fff !important
}

.intsante .sociaux a:hover {
    background-color: #F07D00
}

.intsante .bg__gradient .btn__main:hover {
    background-color: #fff
}

.intsante .bg__gradient .btn__main:hover span {
    color: #F07D00 !important
}

.intsante .bg__secondary:not(.bg__img) .sociaux a:hover {
    background-color: #002F5A
}

.intsante .bg__secondary:not(.bg__img) .btn__main {
    background-color: #002F5A
}

.intsante .bg__secondary:not(.bg__img) .btn__main:hover {
    background-color: #fff
}

.intsante .bg__secondary:not(.bg__img) .btn__main:hover span {
    color: #F07D00 !important
}

@media (max-width: 600px) {
    .intsante .bg__secondary.hide_bg_mobile.bg__img+.wrapper .btn__main {
        background-color: #002F5A
    }

    .intsante .bg__secondary.hide_bg_mobile.bg__img+.wrapper .btn__main:hover {
        background-color: #fff
    }

    .intsante .bg__secondary.hide_bg_mobile.bg__img+.wrapper .btn__main:hover span {
        color: #F07D00 !important
    }
}

@media (max-width: 600px) {
    .intsante .bg__secondary.hide_bg_mobile.bg__img .btn__main {
        background-color: #002F5A
    }

    .intsante .bg__secondary.hide_bg_mobile.bg__img .btn__main:hover {
        background-color: #fff
    }

    .intsante .bg__secondary.hide_bg_mobile.bg__img .btn__main:hover span {
        color: #F07D00 !important
    }
}

.intsante .lplead--news.custom>.bg__secondary+.wrapper .btn__main {
    background-color: #002F5A
}

.intsante .lplead--news.custom>.bg__secondary+.wrapper .btn__main:hover {
    background-color: #fff
}

.intsante .lplead--news.custom>.bg__secondary+.wrapper .btn__main:hover span {
    color: #F07D00 !important
}

.intsante .btn__bottomborder.custom-color span {
    color: #181B58 !important
}

.intsante .btn__third {
    color: #181B58
}

.intsante .btn__third:hover {
    color: #181B58 !important
}

.intsante .btn__fourth {
    border-radius: 0;
    border-color: #002F5A;
    background-color: #002F5A;
    font-size: 16px;
    color: #fff !important;
    text-transform: uppercase;
    font-family: "csb"
}

.intsante .btn__fourth:hover {
    background-color: #F07D00;
    border-color: #F07D00
}

.intsante .btn__fourth:hover span {
    color: #fff !important
}

.intsante .scrolltop .decobordersvg {
    fill: #002F5A
}

.intsante.bg__secondary .btncustom {
    background-color: #002F5A
}

.intsante.bg__secondary .btncustom:hover span {
    color: #002F5A !important
}

.pagination .page-item .page-link:hover,
.pagination .page-item.active-item .page-link {
    background-color: #002F5A;
    color: #fff;
    border-color: #002F5A
}

.pagination {
    gap: 5px
}

.pagination .page-item .page-link {
    border-radius: 0
}

.nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    border-radius: 5px;
    border: solid 1px #e8e8e8;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    min-height: 42px;
    line-height: 40px;
    outline: none;
    position: relative;
    text-align: left !important;
    transition: all 0.2s ease-in-out;
    user-select: none;
    width: auto;
    height: auto;
    padding: 0px 20px 0px 8px
}

.nice-select .current {
    display: inline-block;
    text-wrap: balance;
    line-height: 18px
}

.nice-select:hover {
    border-color: #dbdbdb
}

.nice-select:active,
.nice-select.open,
.nice-select:focus {
    border-color: #999
}

.nice-select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: '';
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    transform-origin: 66% 66%;
    transform: rotate(45deg);
    transition: all 0.15s ease-in-out;
    width: 5px
}

.nice-select.open:after {
    transform: rotate(-135deg)
}

.nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1) translateY(0)
}

.nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none
}

.nice-select.disabled:after {
    border-color: #ccc
}

.nice-select.wide {
    width: 100%
}

.nice-select.wide .list {
    left: 0 !important;
    right: 0 !important
}

.nice-select.right {
    float: right
}

.nice-select.right .list {
    left: auto;
    right: 0
}

.nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px
}

.nice-select.small:after {
    height: 4px;
    width: 4px
}

.nice-select.small .option {
    line-height: 34px;
    min-height: 34px
}

.nice-select .list {
    background-color: #fff;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    transform-origin: 50% 0;
    transform: scale(0.75) translateY(calc($input-height / 2));
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9
}

.nice-select .list:hover .option:not(:hover) {
    background-color: transparent
}

.nice-select .option {
    cursor: pointer;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    transition: all 0.2s
}

.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
    background-color: #f6f6f6
}

.nice-select .option.disabled {
    background-color: transparent;
    color: #999;
    cursor: default
}

.no-csspointerevents .nice-select .list {
    display: none
}

.no-csspointerevents .nice-select.open .list {
    display: block
}

.custom-select-tri .list li:first-of-type {
    display: none
}

@media (min-width: 576px) {
    .custom-select-tri {
        cursor: default;
        height: auto;
        border: none;
        padding: 0;
        user-select: inherit
    }

    .custom-select-tri .current {
        display: none
    }

    .custom-select-tri .list {
        position: static;
        opacity: 1;
        transform: none;
        margin: 0;
        display: flex;
        align-items: center;
        gap: 15px;
        flex-wrap: wrap;
        justify-content: center;
        background: none;
        border: none;
        box-shadow: none
    }

    .custom-select-tri .option {
        min-height: 42px;
        padding: 0 20px;
        border: 1px solid #002F5A
    }

    .custom-select-tri .option.selected.focus,
    .custom-select-tri .option.focus,
    .custom-select-tri .option.selected,
    .custom-select-tri .option:hover {
        border-color: #F07D00 !important;
        background-color: #F07D00 !important;
        color: #fff;
        padding: 0 20px
    }

    .custom-select-tri::after {
        display: none
    }
}

@media (max-width: 576px) {
    .custom-select-tri {
        border-radius: 0;
        background: #fff;
        border-color: #002F5A
    }

    .custom-select-tri .list {
        width: 100%
    }

    .custom-select-tri::after {
        border: none;
        content: url(../img/arrow-down-blue.svg);
        display: block;
        line-height: 0;
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        transform-origin: center;
        margin: 0
    }

    .custom-select-tri.open:after {
        transform: rotate(-60deg)
    }
}

@media (min-width: 576px) {
    .tag_style .custom-select-tri.m1 .option {
        border-top: none !important;
        border-left: none !important;
        border-right: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin: 0 20px;
        border-bottom: 1px solid transparent !important
    }

    .tag_style .custom-select-tri.m1 .option.selected.focus,
    .tag_style .custom-select-tri.m1 .option.focus,
    .tag_style .custom-select-tri.m1 .option.selected,
    .tag_style .custom-select-tri.m1 .option:hover {
        border-color: #002F5A !important;
        background-color: transparent !important;
        color: #002F5A
    }
}

.field .checkbox {
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.field .checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.field .checkbox input:checked~.checkmark {
    background-color: #F07D00;
    border-color: #F07D00
}

.field .checkbox input:checked~.checkmark:after {
    opacity: 1
}

.field .checkbox .checkmark {
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    position: absolute;
    top: 2px;
    left: 0;
    height: 17px;
    width: 17px;
    border: 1px solid #F07D00
}

.field .checkbox .checkmark:after {
    content: "";
    position: absolute;
    opacity: 0;
    left: 5px;
    top: 1px;
    width: 6px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.gfield .ginput_container_consent input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.gfield .ginput_container_consent input:checked~.gfield_consent_label:before {
    background-color: #F07D00;
    border-color: #F07D00
}

.gfield .ginput_container_consent input:checked~.gfield_consent_label:after {
    opacity: 1
}

.gfield .ginput_container_consent .checkbox,
.gfield .ginput_container_consent .gfield_consent_label {
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.gfield .ginput_container_consent .checkbox:before,
.gfield .ginput_container_consent .gfield_consent_label:before {
    content: "";
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    position: absolute;
    top: 2px;
    left: 0;
    height: 17px;
    width: 17px;
    border: 1px solid #F07D00
}

.gfield .ginput_container_consent .checkbox:after,
.gfield .ginput_container_consent .gfield_consent_label:after {
    content: "";
    position: absolute;
    opacity: 0;
    left: 6px;
    top: 4px;
    width: 6px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.bg__secondary .gfield .ginput_container_consent input:checked~.gfield_consent_label:before {
    border-color: #fff
}

.bg__secondary .gfield .ginput_container_consent .checkbox::before,
.bg__secondary .gfield .ginput_container_consent .gfield_consent_label::before {
    border-color: #fff
}

.header {
    height: 91px;
    background: white;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    border-bottom: 1px solid #002F5A;
    position: absolute;
    padding: 0 120px 0 30px;
    width: 100%;
    right: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 99
}

@media (min-width: 1200px) {
    .header {
        gap: 20px
    }
}

@media (max-width: 1200px) {
    .header {
        justify-content: center;
        padding-left: 120px
    }

    .header [class^=btn] {
        display: none
    }
}

@media (max-width: 1024px) {
    .header>.langue {
        display: none
    }
}

@media (max-width: 768px) {
    .header {
        height: 60px
    }
}

@media (max-width: 420px) {
    .header {
        padding-left: 80px;
        justify-content: start
    }
}

.header ul {
    margin: 0;
    padding: 0
}

.header nav {
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.header nav>ul>li>a>span:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 0;
    bottom: 0;
    height: 1px;
    background: #002F5A
}

.header nav>ul>li>a:hover span:before,
.header nav>ul>li>a.active span:before {
    width: 100%
}

.header nav>ul>li.current-menu-item a span:before {
    width: 100%
}

@media (max-width: 1200px) {
    .header__nav {
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        -ms-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease;
        position: absolute;
        top: 90px;
        background: #002F5A;
        left: 0;
        width: 100%;
        height: calc(100vh - 90px);
        opacity: 0;
        visibility: hidden;
        overflow: auto
    }

    .header__nav.show {
        opacity: 1;
        visibility: visible
    }
}

@media (max-width: 1200px) and (max-width: 768px) {
    .header__nav {
        top: 60px;
        height: calc(100vh - 60px)
    }
}

.header__nav--main {
    margin: 0;
    display: flex;
    gap: 30px
}

@media (max-width: 1366px) {
    .header__nav--main {
        grid-gap: 20px
    }
}

@media (max-width: 1290px) {
    .header__nav--main {
        gap: 20px
    }
}

@media (max-width: 1200px) {
    .header__nav--main {
        gap: 0;
        display: block
    }
}

.header__nav--main>li.active .header__nav--second {
    opacity: 1;
    visibility: visible
}

@media (max-width: 1200px) {
    .header__nav--main>li {
        position: relative;
        border-bottom: 1px solid #fff
    }

    .header__nav--main>li>a {
        cursor: pointer
    }

    .header__nav--main>li>a:not([href]):after {
        content: url(../img/arrow-down-blue.svg);
        right: 40px;
        position: absolute;
        line-height: 0;
        display: block;
        top: 50%;
        transform: translateY(-50%) scale(1.5);
        transform-origin: center;
        filter: brightness(0) invert(1)
    }
}

@media (max-width: 1200px) and (max-width: 1024px) {
    .header__nav--main>li>a:not([href]):after {
        right: 20px
    }
}

@media (max-width: 1200px) {
    .header__nav--main>li>a.active:after {
        transform: translateY(-50%) scale(1.5) rotate(180deg)
    }
}

.header__nav--main>li>a {
    position: relative;
    display: block;
    color: #181B58;
    font: 16px/90px "csm";
    letter-spacing: 0.5px;
    cursor: pointer
}

.header__nav--main>li>a:before {
    bottom: 31% !important
}

@media (min-width: 1200px) {
    .header__nav--main>li>a {
        line-height: 16px;
        display: grid;
        align-items: center;
        text-align: center;
        height: 90px
    }

    .header__nav--main>li>a>span {
        display: inline-block;
        vertical-align: top;
        position: relative;
        padding: 7px 0
    }

    .header__nav--main>li>a.active+.header__nav--second {
        opacity: 1;
        visibility: visible
    }
}

@media (max-width: 1200px) {
    .header__nav--main>li>a {
        color: #fff !important;
        padding: 0 40px;
        border: none;
        line-height: 60px
    }

    .header__nav--main>li>a::before {
        display: none !important
    }
}

@media (max-width: 1024px) {
    .header__nav--main>li>a {
        padding: 0 20px
    }
}

@media (min-width: 1200px) {
    .header__nav--main.smallsize>li>a {
        font-size: 14px
    }
}

.header__nav--second {
    padding: 20px 100px;
    position: absolute;
    left: 0;
    top: 90px;
    width: 100%;
    height: calc(100vh - 90px);
    overflow: auto;
    opacity: 0;
    visibility: hidden;
    background: #002F5A
}

@media (min-width: 1200px) {
    .header__nav--second {
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        -ms-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease;
        display: block !important
    }
}

@media (max-width: 1366px) {
    .header__nav--second {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (max-width: 1200px) {
    .header__nav--second {
        opacity: 1;
        visibility: visible;
        display: none;
        height: auto;
        top: auto;
        position: static;
        border-top: 1px solid #fff
    }
}

.header__nav--second::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: none
}

.header__nav--second::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.35)
}

.header__nav--second a {
    color: #fff
}

.header__nav--second a:hover {
    color: #fff
}

.header__nav--second a:hover span {
    color: #fff
}

.header__nav--second a:hover::after {
    background-color: #fff
}

.header__nav--second a::after {
    background-color: #fff
}

.header__nav--second>ul {
    position: relative
}

.header__nav--second>ul>li>.wrapper_tooglesub {
    display: block;
    margin-top: -45px;
    height: 45px;
    position: relative
}

.header__nav--second>ul>li>.wrapper_tooglesub .togglesub {
    position: absolute;
    top: 0;
    left: 0;
    height: 40px;
    z-index: 1;
    width: 100%;
    cursor: pointer
}

.header__nav--second>ul>li .submenu.show {
    max-height: 10000px
}

.header__nav--second>ul>li.current-menu-item>a>span:after {
    width: 100%
}

.header__nav--second>ul>li.current-menu-item>a i {
    background-color: #fff
}

.header__nav--second>ul>li.current-menu-item>a i img {
    filter: none
}

.header__nav--second>ul>li:hover>a>i {
    background-color: #fff
}

.header__nav--second>ul>li:hover>a>i img {
    filter: none
}

.header__nav--second>ul>li:hover span:after {
    width: 100%
}

.header__nav--second>ul>li>a {
    color: #fff !important;
    position: relative;
    display: inline-grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 14px
}

.header__nav--second>ul>li>a>span {
    position: relative
}

.header__nav--second>ul>li>a>span:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    height: 1px;
    background: #fff;
    width: 0;
    bottom: 0
}

.header__nav--second>ul>li>a.activelink>span:after {
    width: 100%
}

.header__nav--second>ul>li>a.activelink i {
    background-color: #fff
}

.header__nav--second>ul>li>a.activelink i img {
    filter: none
}

.header__nav--second>ul>li>a i {
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: grid;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff
}

.header__nav--second>ul>li>a i img {
    display: block;
    line-height: 0;
    filter: brightness(0) invert(1);
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.header__nav--second .submenu {
    display: none
}

@media (max-width: 1024px) {
    .header__nav--second .submenu {
        display: none;
        transition: none
    }
}

.header__nav--second .submenu ul {
    padding-top: 17px;
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
    text-align: center
}

.header__nav--second .submenu ul.with_post {
    grid-template-columns: 1fr 1fr;
    max-width: 60%
}

@media (max-width: 1200px) {
    .header__nav--second .submenu ul {
        max-width: 100%
    }

    .header__nav--second .submenu ul.with_post {
        max-width: 100%
    }
}

@media (max-width: 1024px) {
    .header__nav--second .submenu ul {
        grid-template-columns: 1fr 1fr
    }

    .header__nav--second .submenu ul li:not(:last-child) {
        margin-bottom: 10px
    }

    .header__nav--second .submenu ul.with_post {
        grid-template-columns: 1fr 1fr
    }

    .header__nav--second .submenu ul.with_post li:not(:last-child) {
        margin-bottom: 10px
    }
}

@media (max-width: 600px) {
    .header__nav--second .submenu ul {
        grid-template-columns: 1fr
    }

    .header__nav--second .submenu ul.with_post {
        grid-template-columns: 1fr
    }
}

.header__nav--second .submenu .listcard__m2 {
    top: 0;
    transform: none;
    max-width: 352px;
    right: 0;
    display: none
}

@media (max-width: 1200px) {
    .header__nav--second .submenu .listcard__m2 {
        display: none !important
    }
}

.header__nav--second .submenu li {
    margin-bottom: 0 !important
}

.header__nav--second .submenu li.current-menu-item:after {
    width: 100%
}

.header__nav--second .submenu li a {
    display: flex;
    padding: 15px 30px 20px;
    width: 100%;
    height: 100%;
    align-items: center;
    min-height: 80px;
    font: 16px/24px "csb";
    text-align: left;
    border: 2px solid #fff
}

@media (max-width: 1024px) {
    .header__nav--second .submenu li a {
        height: auto;
        padding: 20px
    }
}

.header__nav--second .submenu li a:hover {
    background: #F07D00;
    border-color: #F07D00;
    color: #fff
}

.header__nav--second .submenu li a:hover em::before {
    background: #F07D00
}

.header__nav--second .submenu li a span {
    max-width: 273px
}

.header__nav--second .submenu li a em {
    display: block;
    text-transform: uppercase;
    font: 12px/12px "csr";
    opacity: 0.6
}

.header__nav--second .submenu li a em::before {
    content: "";
    display: block;
    width: 90px;
    height: 2px;
    margin: 12px 0 15px;
    background: #fff
}

.header__nav--second li:not(:last-child) {
    margin-bottom: 30px
}

@media (max-width: 1024px) {
    .header__nav--second {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (min-width: 1024px) {
    .header__nav--second .langue {
        display: none
    }
}

.header__nav--second.show {
    opacity: 1;
    visibility: visible
}

.header__nav--second nav>ul>li {
    margin-bottom: 15px
}

.header__nav--second nav>ul>li a:before {
    background: #fff
}

@media (max-width: 1024px) {
    .header__nav--second nav>ul>li i {
        display: inline-block;
        vertical-align: top;
        width: 20px;
        height: 20px;
        background: url(../img/arrow-down-light.svg) center no-repeat;
        position: relative;
        top: 7px;
        cursor: pointer;
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        -ms-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease;
        margin-left: 10px
    }

    .header__nav--second nav>ul>li i.active {
        transform: rotate(180deg)
    }
}

@media (min-width: 1024px) {
    .header__nav--second nav>ul>li:hover .submenu {
        max-height: 500px;
        padding-top: 16px
    }
}

.header__nav--second nav>ul>li>a {
    font: 16px/35px "csm";
    display: inline-block;
    vertical-align: top;
    position: relative
}

.header__nav--second nav .submenu {
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    padding-top: 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    text-align: center;
    overflow: hidden;
    max-width: 915px
}

@media (min-width: 1024px) {
    .header__nav--second nav .submenu {
        max-height: 0
    }
}

@media (max-width: 1024px) {
    .header__nav--second nav .submenu {
        display: none;
        transition: none
    }

    .header__nav--second nav .submenu li:not(:last-child) {
        margin-bottom: 10px
    }
}

.header__nav--second nav .submenu li.current-menu-item:after {
    width: 100%
}

.header__nav--second nav .submenu a {
    display: flex;
    padding: 40px;
    width: 100%;
    justify-content: center;
    align-items: center;
    height: 232px;
    font: 20px/24px "csb";
    border: 2px solid #fff
}

@media (max-width: 1024px) {
    .header__nav--second nav .submenu a {
        height: auto;
        padding: 20px
    }
}

.header__nav--second nav .submenu a:hover {
    background: rgba(255, 255, 255, 0.35)
}

.header__nav--second nav .submenu a span {
    max-width: 160px
}

.header__nav--second nav .submenu a em {
    display: block;
    text-transform: uppercase;
    font: 12px/12px "csr";
    opacity: 0.6
}

.header__nav--second nav .submenu a em::before {
    content: "";
    display: block;
    width: 90px;
    height: 2px;
    margin: 12px auto 15px;
    background: #fff
}

@media (min-width: 1024px) {
    .header__nav--second nav.usefulnav {
        text-align: right
    }
}

.header__nav--second nav.usefulnav li:last-child {
    margin-bottom: 0
}

.header__nav .listcard__m2 {
    position: absolute;
    width: 747px;
    right: 80px;
    top: 40px;
    gap: 40px;
    text-align: center
}

@media (max-width: 1200px) {
    .header__nav .listcard__m2 {
        display: none !important
    }
}

.header__nav .listcard__m2 .inner {
    background-color: transparent !important
}

.header__nav .listcard__m2 .listcard__item--content {
    padding: 33px 20px 40px;
    background-color: rgba(255, 255, 255, 0.1) !important
}

.header__nav .listcard__m2 .listcard__item--content p {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 10px
}

.header .wrapnav {
    gap: 25px !important
}

@media (max-width: 1290px) {
    .header .wrapnav {
        gap: 20px !important
    }
}

.header .formsearch {
    overflow: auto;
    z-index: 8;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    display: flex;
    top: 90px;
    left: 0;
    width: 100%;
    background: #002F5A;
    height: calc(100vh - 90px);
    -webkit-transition: all ease 600ms;
    -moz-transition: all ease 600ms;
    -ms-transition: all ease 600ms;
    -o-transition: all ease 600ms;
    transition: all ease 600ms
}

.header .formsearch::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: none
}

.header .formsearch::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.35)
}

.header .formsearch.show {
    opacity: 1;
    visibility: visible
}

@media (max-width: 1024px) {
    .header .formsearch {
        padding: 0 20px
    }
}

@media (max-width: 768px) {
    .header .formsearch {
        top: 60px;
        height: calc(100vh - 60px)
    }
}

.header .formsearch .inner {
    overflow: auto;
    max-width: 1280px;
    margin: 0 auto;
    width: 100%;
    padding-bottom: 30px;
    display: flex;
    flex-flow: column wrap;
    justify-content: space-between
}

@media (max-width: 1024px) {
    .header .formsearch .inner {
        height: 680px;
        overflow: auto;
        padding-bottom: 0;
        display: grid;
        grid-template-columns: 1fr;
        gap: 40px
    }

    .header .formsearch .inner nav {
        width: 100%
    }
}

.header .formsearch .inner::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: none
}

.header .formsearch .inner::-webkit-scrollbar-thumb {
    background-color: transparent
}

.header .logo_link {
    max-width: 120px
}

.header .custom-logo-link {
    display: block;
    z-index: 9;
    max-width: 120px
}

.header .custom-logo-link img {
    max-width: 105px
}

@media (max-width: 768px) {
    .header .custom-logo-link img {
        max-width: 60px
    }
}

.header .search {
    cursor: pointer;
    position: absolute;
    z-index: 9;
    right: 0;
    top: 0;
    width: 90px;
    height: 100%;
    border: none;
    border-left: 1px solid #002F5A;
    -webkit-transition: all ease 200ms;
    -moz-transition: all ease 200ms;
    -ms-transition: all ease 200ms;
    -o-transition: all ease 200ms;
    transition: all ease 200ms
}

.header .search>svg {
    fill: #002F5A;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.header .search>svg.svgcloseicon {
    opacity: 0
}

.header .search.open {
    opacity: 1
}

.header .search.open .svgsearchicon {
    opacity: 0
}

.header .search.open .svgcloseicon {
    opacity: 1
}

@media (max-width: 768px) {
    .header .search {
        width: 60px
    }
}

.header .wrapnav [class^="btn"]>span {
    padding: 0 15px
}

.header .user {
    display: grid;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background-clip: padding-box;
    border: 1px solid #002F5A
}

.header .user svg {
    fill: none;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.header .user svg path {
    stroke: #002F5A
}

.header .wrap-user {
    position: relative;
    padding: 20px 0;
    z-index: 9
}

@media (max-width: 1200px) {
    .header .wrap-user {
        position: absolute;
        right: 115px;
        top: 50%;
        margin-top: -36px
    }
}

@media (max-width: 1200px) and (max-width: 768px) {
    .header .wrap-user {
        right: 80px;
        margin-top: -24px;
        padding: 8px 0
    }
}

.header .wrap-user:hover ul {
    opacity: 1;
    visibility: visible
}

.header .wrap-user:hover .user {
    background-color: #002F5A;
    border-color: transparent
}

.header .wrap-user:hover .user svg path {
    stroke: #fff
}

.header .wrap-user ul {
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    min-width: 176px;
    position: absolute;
    top: 100%;
    right: 0;
    background: #002F5A;
    padding: 18px 25px;
    text-align: right;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.header .wrap-user ul li.active-item a {
    color: #F07D00
}

.header .wrap-user ul li a {
    color: #fff;
    display: block;
    font-size: 12px;
    line-height: 35px
}

.header .wrap-user ul li a:hover {
    color: #F07D00
}

.formsearch {
    display: flex;
    align-items: center;
    justify-content: center
}

.formsearch__content {
    width: 100%;
    max-width: 80vw
}

@media (max-width: 768px) {
    .formsearch__content {
        width: 100%;
        max-width: 100%;
        padding: 0 20px
    }
}

@media (max-width: 600px) {
    .formsearch__content {
        padding: 0
    }
}

.formsearch input {
    width: 100%;
    display: block;
    height: 90px;
    background: url(../img/search-light.svg) 23px center no-repeat;
    background-size: 60px;
    border: none;
    border-bottom: 3px solid #fff;
    font: 48px/50px "csr";
    padding: 20px 30px 20px 122px;
    color: #F07D00;
    text-align: center
}

.formsearch input::placeholder {
    font: 48px/50px "csr";
    color: #fff;
    opacity: 0.5;
    text-align: center
}

@media (max-width: 1024px) {
    .formsearch input::placeholder {
        font-size: 30px;
        line-height: 35px;
        text-align: left
    }
}

@media (max-width: 600px) {
    .formsearch input::placeholder {
        font-size: 16px;
        line-height: 22px
    }
}

@media (max-width: 1024px) {
    .formsearch input {
        font-size: 30px;
        line-height: 35px;
        background-size: 40px
    }
}

@media (max-width: 600px) {
    .formsearch input {
        font-size: 16px;
        line-height: 22px;
        padding: 20px 20px 20px 60px;
        background-position: left center
    }
}

.intsante .formsearch input {
    color: #fff
}

.page .header {
    background: #fff
}

@media (min-width: 1200px) {

    .sticky.vivinter .menu-toggle,
    .sticky.intsante .menu-toggle {
        display: none
    }

    .sticky.vivinter .header,
    .sticky.intsante .header {
        padding-left: 30px;
        height: 91px
    }

    .sticky.vivinter .header__nav,
    .sticky.intsante .header__nav {
        opacity: 1;
        visibility: visible
    }

    .sticky.vivinter .header__nav--second,
    .sticky.intsante .header__nav--second {
        height: calc(100vh - 90px);
        top: 90px
    }

    .sticky.vivinter .header .formsearch,
    .sticky.intsante .header .formsearch {
        height: calc(100vh - 90px);
        top: 90px
    }
}

.sticky.vivinter .header_landing_simple,
.sticky.vivinter .header__landingpage,
.sticky.intsante .header_landing_simple,
.sticky.intsante .header__landingpage {
    position: fixed;
    width: 100vw;
    z-index: 99;
    background-color: #fff;
    top: 0
}

.sticky .header {
    position: fixed;
    padding-left: 120px;
    height: 60px
}

.sticky .header .menu-toggle {
    opacity: 1;
    visibility: visible;
    width: 90px
}

@media (max-width: 1200px) {
    .sticky .header .menu-toggle {
        height: 59px;
        width: 60px
    }
}

.sticky .header .menu-toggle .hamburger span {
    top: 22px
}

.sticky .header__nav {
    opacity: 0;
    visibility: hidden;
    top: 60px
}

.sticky .header__nav.show {
    opacity: 1;
    visibility: visible
}

.sticky .header__nav--main>li>a {
    height: 60px
}

.sticky .header__nav--second {
    height: calc(100vh - 60px);
    top: 60px
}

.sticky .header .formsearch {
    height: calc(100vh - 60px);
    top: 60px
}

.header__landingpage .menu-toggle {
    display: none
}

@media (max-width: 768px) {
    .header__landingpage {
        border-bottom: 1px solid #002F5A
    }

    .header__landingpage .menu-toggle {
        display: block
    }

    .header__landingpage .logo_link img {
        max-height: 33px;
        width: auto
    }

    .header__landingpage--menu {
        display: none;
        justify-content: start !important
    }

    .header__landingpage--menu ul {
        position: absolute;
        left: 0;
        width: 100vw;
        top: 65px;
        height: calc(100vh - 70px);
        background: #002F5A;
        display: block !important;
        z-index: 9;
        text-align: left;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        -ms-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease
    }

    .header__landingpage--menu ul.open {
        opacity: 1;
        visibility: visible
    }

    .header__landingpage--menu ul li {
        border-bottom: 1px solid #fff
    }

    .header__landingpage--menu ul a {
        display: block;
        color: #fff;
        line-height: 60px;
        padding: 0 40px
    }

    .header__landingpage .menu-toggle {
        height: 65px;
        width: 65px;
        left: auto;
        right: 0;
        border-right: 0;
        border-left: 1px solid #002F5A
    }

    .header__landingpage .menu-toggle .hamburger span {
        top: 25px
    }
}

.intsante .header {
    border-color: #181B58
}

.intsante .header .formsearch {
    background-color: #002F5A
}

.intsante .header .wrap-user ul li.active-item a {
    color: #181B58
}

.intsante .header .wrap-user ul a:hover {
    color: #181B58
}

@media (max-width: 1200px) {
    .intsante .header__nav {
        background-color: #F07D00
    }

    .intsante .header nav>ul>li>a>span::before {
        display: none
    }
}

.intsante .search {
    border-color: #181B58
}

.logo_link {
    max-width: 120px
}

#toolpit {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    background: url(../img/infobull.svg) right bottom no-repeat;
    background-size: cover;
    text-align: center;
    padding: 0 30px 30px;
    color: #fff
}

#toolpit .inner {
    min-width: 114px;
    height: 76px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column wrap
}

#toolpit .continent {
    font: 17px/21px "csb";
    text-transform: uppercase
}

#toolpit .continent:after {
    content: "";
    display: block;
    width: 22px;
    height: 1px;
    background: #fff;
    margin: 5px auto
}

#toolpit .nbrpays {
    font: 11px/13px "csr"
}

.field,
.gfield {
    margin-bottom: 25px;
    position: relative
}

.field.result-field,
.gfield.result-field {
    padding: 16px 30px;
    background-color: #F7F9FB
}

.field label,
.gfield label {
    display: block;
    font: 14px/22px "csr";
    margin-bottom: 8px
}

.field textarea,
.field input,
.gfield textarea,
.gfield input {
    font: 15px/22px "csr";
    background: transparent;
    display: block;
    width: 100%;
    height: 40px;
    padding: 5px 20px;
    border-radius: 0;
    border: none;
    border-bottom: 2px solid rgba(0, 47, 90, 0.4);
    color: #002F5A;
    resize: none;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.field textarea::-moz-placeholder,
.field input::-moz-placeholder,
.gfield textarea::-moz-placeholder,
.gfield input::-moz-placeholder {
    color: #002F5A;
    font: 15px/22px "csr";
    opacity: 1
}

.field textarea::placeholder,
.field input::placeholder,
.gfield textarea::placeholder,
.gfield input::placeholder {
    color: #002F5A;
    font: 15px/22px "csr";
    opacity: 1
}

.field textarea:focus,
.field input:focus,
.gfield textarea:focus,
.gfield input:focus {
    border-color: #F07D00 !important
}

.field textarea.error-input,
.field input.error-input,
.gfield textarea.error-input,
.gfield input.error-input {
    border-color: #A50B0B !important;
    background: url(../img/false.svg) right 15px center no-repeat !important
}

.field textarea.error-input:focus,
.field input.error-input:focus,
.gfield textarea.error-input:focus,
.gfield input.error-input:focus {
    border-color: #A50B0B !important
}

.field.new textarea,
.field.new input,
.gfield.new textarea,
.gfield.new input {
    border: none;
    background-color: #fff
}

.field.new textarea::placeholder,
.field.new input::placeholder,
.gfield.new textarea::placeholder,
.gfield.new input::placeholder {
    color: rgba(0, 0, 0, 0.5)
}

.field.new .custom-select,
.field.new .nice-select,
.gfield.new .custom-select,
.gfield.new .nice-select {
    background-color: #fff;
    border: none
}

.field.new.d-grid,
.gfield.new.d-grid {
    grid-template-columns: 60px auto
}

.field textarea,
.gfield textarea {
    height: 80px !important;
    border: 2px solid #002F5A;
    padding: 20px 17px !important
}

.field .custom-select,
.field .nice-select,
.gfield .custom-select,
.gfield .nice-select {
    width: 100%;
    border-radius: 0;
    border: none;
    border-bottom: 2px solid rgba(0, 47, 90, 0.4);
    height: 40px
}

.field .custom-select.open,
.field .nice-select.open,
.gfield .custom-select.open,
.gfield .nice-select.open {
    border-color: #F07D00 !important
}

.field .custom-select .list,
.field .nice-select .list,
.gfield .custom-select .list,
.gfield .nice-select .list {
    width: 100%
}

.field .custom-select:after,
.field .nice-select:after,
.gfield .custom-select:after,
.gfield .nice-select:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 4px 0 4px;
    border-color: #002F5A transparent transparent transparent;
    position: absolute;
    right: 8px;
    margin: 0;
    top: 50%;
    transform: translateY(-50%);
    transform-origin: top
}

.field .custom-select.open:after,
.field .nice-select.open:after,
.gfield .custom-select.open:after,
.gfield .nice-select.open:after {
    transform: rotate(180deg) translateY(-50%)
}

.field.salaries input,
.gfield.salaries input {
    text-align: center;
    height: auto;
    position: absolute;
    inset: 0;
    width: 100%;
    padding: 0;
    font: 49px/1.2 "csb"
}

.field.salaries input::placeholder,
.gfield.salaries input::placeholder {
    font: 49px/1.2 "csb";
    opacity: 0.6
}

.field.salaries .valuenumber,
.gfield.salaries .valuenumber {
    display: inline-block;
    visibility: hidden;
    white-space: pre;
    min-width: 70px;
    min-height: 70px;
    padding: 0 20px;
    font: 49px/1.2 "csb"
}

.field.salaries label,
.gfield.salaries label {
    font-family: "csb";
    font-size: 16px
}

.field.result-field label,
.gfield.result-field label {
    font: 18px/1.2 "csb"
}

.field.result-field .number-result,
.gfield.result-field .number-result {
    font: 22px/1.2 "csb"
}

.error-message {
    font-size: 12px;
    color: #A50B0B;
    display: block;
    text-align: left;
    padding-left: 20px
}

.card-custom .back-arrow,
.card-custom .gform_previous_button {
    color: transparent !important
}

.back-arrow,
.gform_previous_button {
    width: 87px;
    height: 87px;
    position: absolute;
    left: 0;
    bottom: 0;
    overflow: hidden;
    border: none;
    margin-bottom: 0px !important
}

.back-arrow:hover span,
.gform_previous_button:hover span {
    opacity: 1
}

.back-arrow:hover:after,
.gform_previous_button:hover:after {
    opacity: 0
}

.back-arrow span,
.gform_previous_button span {
    position: absolute;
    top: 0;
    right: 0;
    background: linear-gradient(83deg, #002F5A, #F07D00);
    overflow: hidden;
    border-radius: 50%;
    display: block;
    width: 120px;
    height: 120px;
    opacity: 0;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.back-arrow span:after,
.gform_previous_button span:after {
    content: "";
    display: block;
    background: #fff;
    position: absolute;
    inset: 2px;
    border-radius: 50%
}

.back-arrow::before,
.gform_previous_button::before {
    content: "";
    display: block;
    position: absolute;
    width: 87px;
    height: 87px;
    background: url(../img/back.svg) 28px 40px no-repeat;
    top: 0;
    right: 0;
    z-index: 2
}

.back-arrow::after,
.gform_previous_button::after {
    content: "";
    display: block;
    position: absolute;
    width: 120px;
    height: 120px;
    top: 0;
    right: 0;
    z-index: 2;
    border-radius: 50%;
    border: 1px solid rgba(0, 47, 90, 0.5)
}

@media (max-width: 600px) {

    .back-arrow,
    .gform_previous_button {
        transform: scale(0.6);
        transform-origin: left bottom;
        background-size: 30px
    }
}

.form-content .grid-50 {
    max-width: 520px;
    margin: 0 auto;
    gap: 0 20px
}

@media (max-width: 768px) {
    .form-content .grid-50 {
        grid-template-columns: auto
    }
}

.form-content .required-text {
    right: 20px;
    bottom: 16px
}

@media (min-width: 768px) {
    .form-content .required-text {
        position: absolute
    }
}

.form-content.calc-wardy .grid-50 {
    position: relative;
    max-width: 680px;
    gap: 0
}

@media (min-width: 768px) {
    .form-content.calc-wardy hr.hr__secondary {
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        top: 0;
        height: 100%;
        width: 3px;
        z-index: 1
    }
}

.out-sct {
    border: none;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%)
}

.notvalid-msg {
    color: red;
    font: 10px/12px "csr";
    display: block;
    right: 0;
    top: 5px;
    margin-top: 10px
}

@media (min-width: 600px) {
    .notvalid-msg {
        position: absolute;
        margin-top: 0
    }
}

.field-not-valid {
    border-color: red !important
}

.checkcontent {
    padding-top: 120px;
    background: url(../img/check-circle.svg) top center no-repeat
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.bg__secondary .field input,
.bg__secondary .gfield input {
    border-color: rgba(255, 255, 255, 0.5) !important
}

.bg__secondary .field input::placeholder,
.bg__secondary .gfield input::placeholder {
    color: #fff !important
}

.bg__secondary .field input::-moz-placeholder,
.bg__secondary .gfield input::-moz-placeholder {
    color: #fff !important
}

.bg__secondary .field .custom-select,
.bg__secondary .field .nice-select,
.bg__secondary .gfield .custom-select,
.bg__secondary .gfield .nice-select {
    border-color: rgba(255, 255, 255, 0.5) !important
}

.bg__secondary .field .custom-select::after,
.bg__secondary .field .nice-select::after,
.bg__secondary .gfield .custom-select::after,
.bg__secondary .gfield .nice-select::after {
    filter: brightness(0) invert(1)
}

.bg__secondary .field .custom-select .option,
.bg__secondary .field .nice-select .option,
.bg__secondary .gfield .custom-select .option,
.bg__secondary .gfield .nice-select .option {
    color: #002F5A !important
}

.bg__secondary .field .checkbox .checkmark:after,
.bg__secondary .field .gfield_consent_label .checkmark:after,
.bg__secondary .gfield .checkbox .checkmark:after,
.bg__secondary .gfield .gfield_consent_label .checkmark:after {
    border-color: #002F5A
}

.gfield_error input {
    border-bottom: 2px solid #A50B0B !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    background: url(../img/false.svg) right 15px center no-repeat !important
}

.gfield_error input:focus {
    border-color: #A50B0B !important
}

.gf_step_number,
.gf_step {
    display: none !important;
    margin: 0 !important
}

.card_button_in .gf_step {
    text-align: left !important
}

.gf_step.gf_step_active {
    display: block !important;
    text-align: center
}

.gf_step .gf_step_label {
    display: inline-block !important;
    font: 22px/1.3 "csb" !important;
    padding: 0 !important
}

.gf_page_steps {
    border: none !important
}

.gform_page {
    max-width: 520px !important;
    margin: 0 auto !important;
    gap: 0 20px !important
}

.gform_next_button,
.gform_button {
    border: none;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    background: #F07D00;
    display: inline-block;
    vertical-align: top;
    height: 42px;
    line-height: 42px;
    padding: 0 20px;
    text-align: center;
    min-width: 154px;
    font: 16px/42px "csb";
    cursor: pointer;
    margin-bottom: 0px !important
}

.gform_next_button:hover,
.gform_button:hover {
    color: #fff;
    background: #002F5A
}

.intsante .bg__secondary .gform_next_button,
.intsante .bg__secondary .gform_button {
    background-color: #002F5A
}

.intsante .bg__secondary .gform_next_button:hover,
.intsante .bg__secondary .gform_button:hover {
    background-color: #fff;
    border-color: #fff;
    color: #F07D00
}

.card_button_in .gform_page {
    position: relative;
    min-height: 350px
}

.card_button_in .gform_page .small-text {
    margin-bottom: 0px
}

.card_button_in .gform_page .small-text label {
    font-size: 12px !important;
    line-height: 15px;
    margin-bottom: 16px;
    text-align: left
}

.card_button_in .gform_page .gfield {
    margin-bottom: 10px
}

.card_button_in .gform_page .gfield textarea {
    height: 140px !important
}

.card_button_in .gform_page .gfield .nice-select {
    padding-left: 8px
}

.card_button_in .gform_page .gform_page_fields {
    padding-bottom: 95px
}

.card_button_in .gform_page .gform_page_footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: left;
    -moz-justify-content: left;
    -ms-justify-content: left;
    justify-content: left;
    -ms-flex-pack: left
}

@media (max-width: 1024px) {
    .card_button_in .gform_page .gform_page_footer {
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center
    }
}

.card_button_in .gform_page .gform_page_footer .gform_next_button,
.card_button_in .gform_page .gform_page_footer .gform_button {
    position: relative;
    transform: none;
    left: inherit;
    bottom: inherit
}

.card_button_in .gform_page .gform_page_footer .gform_previous_button {
    position: relative;
    height: 42px;
    width: 42px
}

@media (max-width: 600px) {
    .card_button_in .gform_page .gform_page_footer .gform_previous_button {
        transform: none !important
    }
}

.card_button_in .gform_page .gform_page_footer .gform_previous_button:after {
    display: none
}

.card_button_in .gform_page .gform_page_footer .gform_previous_button:before {
    height: 42px;
    width: 42px;
    background-position: center
}

.card_button_in .gform_page .gform_page_footer .gform_previous_button span {
    display: none
}

.gfield_validation_message {
    font-size: 12px !important;
    color: #a50b0b !important;
    display: block;
    text-align: left;
    padding: 0 20px !important;
    background: none !important;
    border: none !important
}

.required-text {
    right: 20px;
    bottom: 16px
}

@media (min-width: 768px) {
    .required-text {
        position: absolute
    }
}

.gform_required_legend {
    display: none
}

.gform_validation_errors {
    display: none
}

.gfield_consent_label {
    font: 12px/22px "csr" !important;
    margin-bottom: 0 !important
}

.section_53 .gfield_consent_label {
    font: 14px/22px "csr" !important
}

.label-text-small .gfield_consent_label {
    font: 12px/22px "csr" !important
}

fieldset.gfield {
    margin-bottom: 0 !important
}

.ginput_container_consent {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.gform_body {
    padding-top: 1rem
}

.formsearch.m1 input {
    height: 70px;
    font-size: 22px;
    line-height: 1.3;
    text-align: left;
    background-size: 30px;
    background-position: left center;
    position: relative;
    z-index: 1;
    padding-left: 100px;
    padding-right: 100px
}

@media (max-width: 768px) {
    .formsearch.m1 input {
        padding-left: 40px
    }
}

.formsearch.m1 .contentinput {
    position: relative
}

.formsearch.m1 .contentinput.focused .placeholdercustom {
    opacity: 0;
    visibility: hidden
}

.formsearch.m1 .contentinput .placeholdercustom {
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 100px;
    right: 100px;
    top: 24px;
    font-size: 22px;
    font-family: "csb"
}

.formsearch.m1 .contentinput .placeholdercustom .content {
    border-left: 3px solid #F07D00;
    padding-left: 10px
}

.formsearch.m1 .contentinput .placeholdercustom p {
    text-align: left;
    margin-bottom: 0;
    opacity: 0.5
}

@media (max-width: 768px) {
    .formsearch.m1 .contentinput .placeholdercustom {
        left: 0;
        right: 0;
        top: 14px;
        font-size: 16px
    }
}

.formsearch.m1 .contentinput .placeholdercustom span {
    font-size: 16px;
    font-family: "csr"
}

@media (max-width: 768px) {
    .formsearch.m1 .contentinput .placeholdercustom span {
        display: block;
        font-size: 12px
    }
}

@media (max-width: 600px) {
    .formsearch.m1 input {
        padding: 10px 20px 10px 40px;
        font-size: 16px
    }
}

.intsante .formsearch.m1 .contentinput .placeholdercustom .content {
    border-left-color: #fff
}

.intsante .fieldselectml svg {
    fill: #181B58
}

.intsante .fieldselectml .selectml {
    color: #181B58;
    border-color: #181B58
}

.fieldselectml {
    position: relative
}

.fieldselectml svg {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    fill: #002F5A;
    transform-origin: center top;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.fieldselectml .selectml {
    background: transparent;
    width: 100%;
    appearance: none;
    padding: 10px 40px 10px 20px;
    color: #002F5A;
    border-color: #002F5A;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.fieldselectml .selectml::-webkit-scrollbar {
    width: 4px
}

.fieldselectml .selectml::-webkit-scrollbar-track {
    background: transparent;
    width: 20px
}

.fieldselectml .selectml::-webkit-scrollbar-thumb {
    background: #F07D00
}

.fieldselectml .selectml optgroup {
    padding: 10px 0;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%
}

.fieldselectml.show svg {
    transform: rotate(180deg) translateY(-50%)
}

.textcolorfield textarea,
.textcolorfield input {
    color: #F07D00
}

.textcolorfield textarea::placeholder,
.textcolorfield input::placeholder {
    color: #F07D00
}

.textcolorfield .nice-select {
    color: #F07D00
}

@media (min-width: 1200px) {
    .listtoselect {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin: 0;
        padding: 0;
        position: relative;
        border-bottom: 1px solid #002F5A
    }

    .listtoselect li a:not([class*='btn']) {
        display: block;
        padding-bottom: 24px;
        position: relative
    }

    .listtoselect li a:not([class*='btn'])::after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        height: 6px;
        background-color: transparent;
        bottom: -1px
    }

    .listtoselect li [class*='btn'] {
        font-family: "csr"
    }

    .listtoselect li:hover [class*='btn'],
    .listtoselect li.selected [class*='btn'] {
        background-color: #F07D00;
        border-color: #F07D00;
        color: #fff
    }

    .listtoselect li:hover a:not([class*='btn'])::after,
    .listtoselect li.selected a:not([class*='btn'])::after {
        background-color: #F07D00
    }
}

.radiocustom,
.gchoice {
    display: block !important;
    vertical-align: top;
    padding-left: 33px;
    position: relative
}

.radiocustom span,
.gchoice span {
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #002F5A;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.radiocustom span::before,
.gchoice span::before {
    content: "";
    display: block;
    inset: 4px;
    border-radius: 50%;
    background-color: #F07D00;
    width: 10px;
    height: 10px;
    opacity: 0
}

.radiocustom.notext,
.gchoice.notext {
    width: 18px;
    height: 18px;
    padding: 0
}

.radiocustom small,
.gchoice small {
    font-size: 13px
}

.radiocustom input,
.gchoice input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
    cursor: pointer
}

.radiocustom input:checked~span,
.radiocustom input:checked~label,
.gchoice input:checked~span,
.gchoice input:checked~label {
    color: #F07D00;
    font-family: "csb"
}

.radiocustom input:checked~span::before,
.radiocustom input:checked~label::before,
.gchoice input:checked~span::before,
.gchoice input:checked~label::before {
    opacity: 1
}

.radiocustom input:checked~span+small,
.radiocustom input:checked~label+small,
.gchoice input:checked~span+small,
.gchoice input:checked~label+small {
    color: #F07D00;
    font-family: "csb"
}

.radiocustom.check span,
.gchoice.check span {
    border-radius: 4px
}

.radiocustom.check span::before,
.gchoice.check span::before {
    width: 7px;
    height: 12px;
    border: solid #F07D00;
    background-color: transparent;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 0;
    position: relative;
    top: -2px;
    left: 1px
}

.radiocustom.checknbr,
.gchoice.checknbr {
    padding: 0;
    text-align: center
}

.radiocustom.checknbr small,
.gchoice.checknbr small {
    font-size: 16px;
    line-height: 34px;
    width: 34px;
    height: 34px;
    display: block
}

.radiocustom.checknbr input:checked~small,
.radiocustom.checknbr input:checked~label,
.gchoice.checknbr input:checked~small,
.gchoice.checknbr input:checked~label {
    background-color: #F07D00;
    color: #fff
}

.listnumbr {
    display: inline-flex;
    justify-content: center;
    flex-wrap: wrap
}

.listnumbr .checknbr {
    margin-top: 5px;
    border: 1px solid #002F5A
}

.glyphicon-star svg path {
    fill: #F07D00
}

.glyphicon-star-empty svg path {
    stroke: #F07D00
}

.uploadfile__content {
    cursor: pointer;
    position: relative
}

.uploadfile__content span {
    display: block;
    color: #fff;
    background-color: #002F5A;
    padding: 15px
}

.uploadfile__content span.uploadfile__name {
    background-color: transparent;
    color: #002F5A
}

.uploadfile__content input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.uploadfile__name {
    margin-top: 8px;
    display: flex;
    align-items: center;
    gap: 5px
}

.uploadfile__name .delete-file {
    cursor: pointer
}

.tablelight {
    border-collapse: initial;
    border-spacing: 4px;
    border: 2px solid #F7F9FB !important
}

.tablelight thead td {
    background-color: transparent !important
}

.tablelight thead th {
    font: 12px/12px "csr"
}

.tablelight th,
.tablelight td {
    background-color: #fff !important;
    border: 2.5px solid #F7F9FB !important;
    min-height: 40px;
    margin: 2px
}

.tablelight th.gsurvey-likert-row-label,
.tablelight td.gsurvey-likert-row-label {
    font: 15px/22px "csr" !important;
    text-align: left !important;
    padding-left: 15px !important
}

@media (max-width: 768px) {

    .tablelight th.gsurvey-likert-row-label,
    .tablelight td.gsurvey-likert-row-label {
        font-weight: bold !important;
        font-size: 16px !important;
        padding: 15px !important
    }
}

.tablelight th.gsurvey-likert-row,
.tablelight th.gsurvey-likert-choice.gsurvey-likert-focus,
.tablelight td.gsurvey-likert-row,
.tablelight td.gsurvey-likert-choice.gsurvey-likert-focus {
    background-color: #fff !important
}

.tablelight th.gsurvey-likert-selected,
.tablelight td.gsurvey-likert-selected {
    background-image: url("../img/checked_vivinter.svg") !important
}

.steplevel {
    grid-template-columns: repeat(5, 1fr)
}

@media (max-width: 768px) {
    .steplevel {
        display: flex !important;
        flex-wrap: wrap;
        justify-content: center
    }

    .steplevel__item {
        min-width: 100px;
        margin-bottom: 15px
    }
}

.steplevel__item {
    position: relative;
    padding: 0 2px;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    cursor: pointer
}

.steplevel__item input {
    width: 100% !important
}

.steplevel__item::before {
    content: "";
    display: block;
    height: 10px;
    background-color: #fff;
    margin-bottom: 9px
}

.steplevel__item svg {
    fill: #002F5A;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    opacity: 0;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.steplevel__item.levelactive::before {
    background-color: #F07D00
}

.steplevel__item.currentlevel svg {
    top: 3px;
    opacity: 1
}

.step {
    padding-top: 80px
}

.stepnbr {
    display: flex;
    margin-bottom: 33px
}

.stepnbr span {
    border: 1px solid transparent;
    width: 24px;
    height: 24px;
    display: block;
    text-align: center;
    font-size: 12px;
    line-height: 22px;
    border-radius: 50%;
    position: relative;
    margin: 0 5px
}

.stepnbr span::before {
    content: "";
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    border: 1px solid #002F5A;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    margin-top: -3px
}

.stepnbr span.current {
    margin: 0;
    color: #fff;
    background-color: #002F5A;
    border-color: #002F5A;
    margin-right: 10px
}

.stepnbr span.current::before {
    display: none
}

.stepnbr span.last {
    margin: 0;
    border-color: #002F5A;
    margin-left: 10px
}

.stepnbr span.last::before {
    display: none
}

.gform_wrapper.gravity-theme .gform_fields {
    grid-row-gap: 0
}

.gform_wrapper.gravity-theme .gform_fields .gfield_validation_message,
.gform_wrapper.gravity-theme .gform_fields .validation_message {
    position: absolute;
    left: 0;
    bottom: -25px
}

.gfield_required {
    display: none !important;
    color: #181B58 !important
}

.bg_secondary .gfield_required {
    color: #fff !important
}

.section_enquete .btn_radio .gfield_radio {
    display: flex;
    flex-wrap: wrap
}

.section_enquete .btn_radio .gfield_radio .gchoice {
    padding-left: 0;
    margin-right: 1.5rem
}

.section_enquete .btn_radio .gfield_radio .gchoice label {
    height: 45px !important;
    border: 1px solid #002F5A !important;
    background-color: white !important;
    padding: 0 20px !important;
    display: flex;
    align-items: center
}

.section_enquete .btn_radio .gfield_radio .gchoice label::after,
.section_enquete .btn_radio .gfield_radio .gchoice label::before {
    display: none
}

.section_enquete .btn_radio .gfield_radio .gchoice input+span {
    display: none
}

.section_enquete .btn_radio .gfield_radio .gchoice input:checked+span+label {
    border: 1px solid #002F5A !important;
    background-color: #002F5A !important;
    color: white !important
}

.section_enquete .gfield_required {
    opacity: 0
}

.section_enquete .gf_page_steps {
    display: flex
}

.section_enquete .gf_step_number,
.section_enquete .gf_step {
    display: table-cell !important
}

.section_enquete .gform_wrapper .gf_step {
    margin: 8px 16px 8px 0 !important
}

@media (max-width: 768px) {
    .section_enquete .gform_wrapper .gf_step {
        margin: 8px 4px 8px 0 !important
    }
}

.section_enquete .gform_wrapper .gf_step.gf_step_active .gf_step_number,
.section_enquete .gform_wrapper .gf_step.gf_step_last.gf_step_active .gf_step_number {
    color: #fff;
    background-color: #002F5A;
    border-color: #002F5A;
    font-size: 12px
}

.section_enquete .gform_wrapper .gf_step.gf_step_active .gf_step_number::before,
.section_enquete .gform_wrapper .gf_step.gf_step_last.gf_step_active .gf_step_number::before {
    display: none
}

.section_enquete .gform_wrapper .gf_step.gf_step_last .gf_step_number {
    color: #002F5A;
    background-color: #fff;
    border: 1px solid #002F5A;
    font-size: 12px
}

.section_enquete .gform_wrapper .gf_step.gf_step_last .gf_step_number::before {
    display: none
}

.section_enquete .gform_wrapper .gf_step.gf_step_completed .gf_step_number::before {
    width: 100%;
    height: 100%;
    margin-top: 0;
    top: 0;
    left: 0;
    background-color: #002F5A;
    border-color: #002F5A
}

.section_enquete .gform_wrapper .gf_step.gf_step_completed .gf_step_number::after {
    font-size: 15px
}

.section_enquete .gform_wrapper .gf_step .gf_step_number {
    position: relative;
    width: 24px;
    height: 24px;
    font-size: 0;
    border: none;
    background-color: transparent
}

.section_enquete .gform_wrapper .gf_step .gf_step_number:before {
    content: "";
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    border: 1px solid #002F5A;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    margin-top: -3px
}

.section_enquete .gform_wrapper .gf_step .gf_step_label {
    display: none !important
}

.section_enquete .gform_wrapper .gform_page {
    max-width: 100% !important
}

.section_enquete .gform_wrapper .gform_page .gform_previous_button,
.section_enquete .gform_wrapper .gform_page .gform_next_button,
.section_enquete .gform_wrapper .gform_page .gform_button {
    position: relative;
    display: inline-block;
    transform: none;
    left: 0;
    bottom: 0
}

.section_enquete .gform_wrapper .gform_page .gform_previous_button::before,
.section_enquete .gform_wrapper .gform_page .gform_next_button::before,
.section_enquete .gform_wrapper .gform_page .gform_button::before {
    display: none
}

.section_enquete .gform_wrapper .gform_page .gform_previous_button::after,
.section_enquete .gform_wrapper .gform_page .gform_next_button::after,
.section_enquete .gform_wrapper .gform_page .gform_button::after {
    display: none
}

.section_enquete .gform_wrapper .gform_page .gform_previous_button {
    color: #002F5A !important;
    background: #fff;
    border: 2px solid #002F5A;
    vertical-align: top;
    height: 42px;
    line-height: 42px;
    padding: 0 20px;
    text-align: center;
    min-width: 154px;
    font: 16px/42px "csb"
}

.section_enquete .gform_wrapper .gform_page .gform_previous_button:hover {
    background-color: #002F5A;
    color: #fff !important
}

.section_enquete .gform_wrapper .gform_page .gform_next_button {
    background-color: #002F5A;
    border-color: #002F5A;
    color: #fff;
    display: inline-block
}

.section_enquete .gform_wrapper .gform_page .gform_next_button:hover {
    background-color: #F07D00;
    border-color: #F07D00
}

.section_enquete .gform_wrapper .gform_body .gfield.gsection {
    text-align: left
}

.section_enquete .gform_wrapper .gfield textarea {
    border: none;
    background-color: #fff
}

.section_enquete .gform_wrapper .gform_fields {
    display: block !important
}

.section_enquete .gform_wrapper .gfield {
    background-color: #F7F9FB;
    padding: 1.5rem;
    border-radius: 4px
}

.section_enquete .gform_wrapper .gfield.label_left {
    display: flex;
    margin-bottom: 0;
    padding-bottom: 5px;
    padding-top: 0px
}

.section_enquete .gform_wrapper .gfield.label_left:last-child {
    padding-bottom: 1.5rem
}

.section_enquete .gform_wrapper .gfield.label_left.first {
    padding-top: 1.5rem
}

.section_enquete .gform_wrapper .gfield.label_left label {
    width: 75px;
    margin-bottom: 0;
    display: flex;
    justify-content: start;
    align-items: center;
    margin-right: 15px;
    font: 14px/22px "csr"
}

.section_enquete .gform_wrapper .gfield .ginput_container_text input,
.section_enquete .gform_wrapper .gfield .ginput_container_number input {
    background-color: #fff;
    border: none
}

.section_enquete .gform_wrapper .gfield.gsection {
    background-color: transparent;
    padding: 0
}

.section_enquete .gform_wrapper .gfield .gfield_radio input,
.section_enquete .gform_wrapper .gfield .gfield_checkbox input {
    display: inline-block;
    width: 18px
}

.section_enquete .gform_wrapper .gfield .gfield_radio label,
.section_enquete .gform_wrapper .gfield .gfield_checkbox label {
    font-size: 13px
}

.section_enquete .gform_wrapper .gfield .listnumbr .checknbr {
    width: 35px;
    height: 35px;
    display: flex !important;
    align-items: center;
    justify-content: center
}

.section_enquete .gform_wrapper .gfield .listnumbr .checknbr label {
    max-width: none !important;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-size: 16px
}

.section_enquete .gform_wrapper .gfield .listnumbr .checknbr input {
    display: none !important
}

.section_enquete .gform_wrapper .gfield .nice-select {
    border: none;
    background-color: #fff
}

.section_enquete .gform_wrapper .gfield .gform_fileupload_rules {
    display: none
}

.section_enquete .gform_wrapper .gfield.gfield-rating {
    display: flex;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0
}

@media (max-width: 768px) {
    .section_enquete .gform_wrapper .gfield.gfield-rating {
        display: block;
        padding-bottom: 15px
    }
}

.section_enquete .gform_wrapper .gfield.gfield-rating.first {
    padding-top: 1.5rem
}

.section_enquete .gform_wrapper .gfield.gfield-rating:last-child {
    padding-bottom: 1.5rem
}

.section_enquete .gform_wrapper .gfield.gfield-rating>label {
    font-size: 13px !important;
    margin-right: 1rem;
    width: 180px
}

.section_enquete .gform_wrapper .gfield.gfield-rating .gsurvey-rating label {
    margin-right: 5px
}

.section_enquete .gform_wrapper .gform_drop_area button {
    color: #fff;
    background-color: #002F5A;
    padding: 15px
}

.section_enquete .gform_wrapper .gform_delete_file .dashicons {
    color: #F07D00
}

.section_enquete .gravity-theme table.gsurvey-likert td.gsurvey-likert-choice.gsurvey-likert-focus {
    background-color: #fff !important
}

.section_enquete .gform_legacy_markup_wrapper table.gsurvey-likert td.gsurvey-likert-choice.gsurvey-likert-selected,
.section_enquete table.gsurvey-likert td.gsurvey-likert-choice.gsurvey-likert-selected {
    background-image: url("../img/checked_vivinter.svg") !important
}

.section_enquete .gform_legacy_markup_wrapper .gsurvey-rating:not(:checked)>label:hover,
.section_enquete .gform_legacy_markup_wrapper .gsurvey-rating:not(:checked)>label:hover~label,
.section_enquete .gform_legacy_markup_wrapper .gsurvey-rating>input:checked~label,
.section_enquete .gravity-theme .gsurvey-rating:not(:checked)>label:hover,
.section_enquete .gravity-theme .gsurvey-rating:not(:checked)>label:hover~label,
.section_enquete .gravity-theme .gsurvey-rating>input:checked~label {
    background-image: url("../img/star_vivinter1.svg") !important;
    color: transparent
}

.section_enquete .gform_legacy_markup_wrapper .gsurvey-rating:not(:checked)>label,
.section_enquete .gravity-theme .gsurvey-rating:not(:checked)>label {
    background-image: url("../img/star_vivinter0.svg") !important;
    color: transparent
}

.section_enquete .gsurvey-rating-wrapper {
    display: flex;
    align-items: center
}

.intsante .field textarea,
.intsante .field input,
.intsante .gfield textarea,
.intsante .gfield input {
    border-color: #181B58;
    color: #181B58
}

.intsante .field textarea::placeholder,
.intsante .field input::placeholder,
.intsante .gfield textarea::placeholder,
.intsante .gfield input::placeholder {
    color: #181B58
}

.intsante .field .custom-select,
.intsante .field .nice-select,
.intsante .gfield .custom-select,
.intsante .gfield .nice-select {
    border-color: #181B58
}

.intsante .field .custom-select::after,
.intsante .field .nice-select::after,
.intsante .gfield .custom-select::after,
.intsante .gfield .nice-select::after {
    border-color: #181B58 transparent transparent transparent
}

.intsante .bg__secondary .field .checkbox input:checked~.checkmark,
.intsante .bg__secondary .gfield .checkbox input:checked~.checkmark {
    border-color: #fff
}

.intsante .bg__secondary .field .checkmark,
.intsante .bg__secondary .gfield .checkmark {
    border-color: #fff
}

.intsante .bg__secondary .field .checkmark::after,
.intsante .bg__secondary .gfield .checkmark::after {
    border-color: #fff !important
}

.intsante .listtoselect {
    border-color: #181B58
}

.intsante .listtoselect li a:not([class*='btn']) {
    color: #181B58
}

.intsante .section_enquete .gform_next_button,
.intsante .section_enquete .gform_button {
    background: #F07D00 !important;
    color: #fff !important
}

.intsante .section_enquete .gform_next_button:hover,
.intsante .section_enquete .gform_button:hover {
    color: #fff !important;
    background: #002F5A !important
}

.intsante .section_enquete .gform_wrapper .gform_page .gform_previous_button {
    border-color: #F07D00 !important;
    color: #F07D00 !important
}

.intsante .section_enquete .gform_wrapper .gform_page .gform_previous_button:hover {
    background-color: #002F5A !important;
    border-color: #002F5A !important;
    color: #fff !important
}

.gform_drop_area button {
    color: #fff;
    background-color: #002F5A;
    padding: 15px
}

.sociaux {
    display: flex;
    gap: 20px
}

.sociaux a {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background-clip: padding-box;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.sociaux a:hover {
    background-color: #F07D00
}

.sociaux a:hover img {
    filter: brightness(0) invert(1)
}

.sociaux a img {
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.sociaux__secondary a {
    background-color: #F07D00
}

.sociaux__secondary a:hover {
    background-color: #002F5A
}

.sociaux__secondary a:hover img {
    filter: brightness(0) invert(1)
}

.sociaux__third a {
    background-color: #002F5A
}

.sociaux__third a:hover {
    background-color: #F07D00
}

.sociaux__third a:hover img {
    filter: brightness(0) invert(1)
}

.assets {
    margin: 90px 0
}

.assets .grid {
    grid-template-columns: 390px auto;
    gap: 40px
}

.assets .grid svg {
    width: 100%;
    height: auto
}

@media (max-width: 1024px) {
    .assets .grid {
        grid-template-columns: 1fr
    }
}

.assets .grid__icon {
    gap: 25px
}

.assets .grid__icon span {
    display: block;
    font: 35px/35px "csr"
}

.list-assets {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 30px
}

@media (max-width: 1024px) {
    .list-assets {
        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr))
    }
}

@media (max-width: 600px) {
    .list-assets {
        gap: 15px
    }
}

.list-assets .grid__icon {
    padding: 20px;
    background: #F07D00;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.list-assets .grid__icon .round-icon+div,
.list-assets .grid__icon .title-medium+div {
    transition: none !important
}

.list-assets .grid__icon * {
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.list-assets .grid__icon:hover {
    background: #F07D00;
    color: #fff
}

.list-assets .grid__icon:hover .title-medium {
    color: #fff
}

@media (min-width: 1024px) {
    .list-assets .grid__icon {
        grid-column: span 2
    }

    .list-assets .grid__icon:last-child:nth-child(3n-1) {
        grid-column-end: -2
    }

    .list-assets .grid__icon:nth-last-child(2):nth-child(3n+1) {
        grid-column-end: 4
    }

    .list-assets .grid__icon:last-child:nth-child(3n-2) {
        grid-column-end: 5
    }
}

@media (max-width: 1024px) {
    .list-assets .grid__icon:last-child {
        grid-column: 1 / -1
    }
}

@media (max-width: 1024px) {
    .list-assets .grid__icon {
        grid-template-columns: 1fr;
        gap: 10px
    }
}

.cardfilter {
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all ease-in-out 400ms;
    -moz-transition: all ease-in-out 400ms;
    -ms-transition: all ease-in-out 400ms;
    -o-transition: all ease-in-out 400ms;
    transition: all ease-in-out 400ms;
    position: absolute;
    right: 0;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
    top: 60px;
    padding: 15px;
    width: 230px
}

.cardfilter.show {
    opacity: 1;
    visibility: visible
}

.cardfilter .field {
    margin: 0 0 10px
}

.cardfilter .field:last-child {
    margin-bottom: 0
}

.cardfilter .field input {
    text-align: right
}

.filterdate img {
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.filterdate:hover {
    border-color: #F07D00;
    background-color: #F07D00
}

.filterdate:hover img {
    filter: brightness(0) invert(1)
}

.filterdd {
    position: relative;
    z-index: 1
}

@media (max-width: 576px) {
    .filterdd {
        border: 1px solid #002F5A;
        height: 44px
    }

    .filterdd li {
        text-align: left !important;
        background: #fff
    }

    .filterdd li:not(.init) {
        display: none
    }

    .filterdd li:not(.init) a,
    .filterdd li:not(.init) button {
        padding-left: 20px;
        border: none !important;
        text-align: left !important
    }

    .filterdd li.init {
        line-height: 42px;
        position: relative;
        padding-left: 20px
    }

    .filterdd li.init a,
    .filterdd li.init button {
        padding-left: 0;
        text-align: left !important;
        border: none !important
    }

    .filterdd li.init:after {
        content: url(../img/arrow-down-blue.svg);
        display: block;
        line-height: 0;
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        transform-origin: center
    }

    .filterdd li.init.open:after {
        transform: translateY(-50%) rotate(180deg)
    }

    .filterdd li a,
    .filterdd li button {
        display: block;
        border: none
    }
}

.filterdd.filter-m1 {
    z-index: 9
}

.filterdd.filter-m1 .btn__darkborder {
    font-family: "csr"
}

@media (min-width: 768px) {

    .filterdd.filter-m1 .btn__darkborder.selected,
    .filterdd.filter-m1 .btn__darkborder:hover {
        color: #002F5A;
        border-color: #F07D00;
        background-color: #F07D00
    }
}

.filterdd.filter-m1 .btn__darkborder.inactive {
    pointer-events: none;
    opacity: 0.5
}

.filterdd.filter-m2 li a,
.filterdd.filter-m2 li button {
    display: block;
    padding-bottom: 10px;
    border-bottom: 1px solid transparent;
    background-color: transparent;
    color: #002F5A
}

.filterdd.filter-m2 li a.selected,
.filterdd.filter-m2 li a:hover,
.filterdd.filter-m2 li button.selected,
.filterdd.filter-m2 li button:hover {
    border-color: #002F5A
}

.filterdd.filter-m2 li a.inactive,
.filterdd.filter-m2 li button.inactive {
    pointer-events: none;
    opacity: 0.5
}

@media (max-width: 576px) {

    .filterdd.filter-m2 li a.inactive a,
    .filterdd.filter-m2 li button.inactive a {
        border: none !important
    }
}

@media (max-width: 576px) {

    .filterdd.filter-m2 li a,
    .filterdd.filter-m2 li button {
        padding-bottom: 0;
        line-height: 42px;
        border-color: #002F5A
    }
}

.listoffre {
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    position: relative;
    gap: 20px
}

.listoffre__item {
    position: relative;
    background: #F07D00;
    font: 22px/26px "csb";
    padding: 6px
}

.listoffre__item .overlay-gradient {
    opacity: 0
}

.listoffre__item:hover .overlay-gradient {
    opacity: 1
}

.listoffre__item a {
    color: #F07D00;
    padding: 25px;
    background: #fff;
    width: 100%;
    height: 125px;
    display: grid;
    align-items: center;
    position: relative;
    z-index: 2
}

.listcard {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 40px
}

.listcard.extracthide .listcard__item p {
    display: none
}

.listcard.grid4 {
    grid-template-columns: repeat(4, 1fr)
}

@media (max-width: 1024px) {
    .listcard.grid4 {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width: 600px) {
    .listcard.grid4 {
        grid-template-columns: 1fr
    }
}

@media (min-width: 1024px) {
    .listcard>* {
        grid-column: span 2
    }

    .listcard>*:last-child:nth-child(3n-1) {
        grid-column-end: -2
    }

    .listcard>*:nth-last-child(2):nth-child(3n+1) {
        grid-column-end: 4
    }

    .listcard>*:last-child:nth-child(3n-2) {
        grid-column-end: 5
    }
}

.listcard__item .inner:hover {
    border-color: transparent !important
}

.listcard.slidercard {
    display: block;
    margin: 0 -20px
}

.listcard.slidercard .listcard__item {
    padding: 6px
}

.listcard.slidercard .listcard__item::before {
    inset: 0
}

@media (max-width: 768px) {
    .listcard.slidercard .listcard__item {
        margin: 0 14px
    }
}

.listcard.slidercard.last_actus {
    width: 90vw;
    display: block
}

.listcard.slidercard.last_actus .slick-track {
    align-items: stretch;
    display: flex
}

.listcard.slidercard.last_actus .slick-track .slick-slide {
    height: auto
}

.listcard.slidercard.last_actus .slick-track .slick-slide .inner {
    height: 100%;
    background-color: white;
    border: 2px solid #e5e5e5
}

.listcard.slidercard.last_actus .slick-track .slick-slide .inner .listcard__item--content {
    border: none
}

@media (max-width: 1440px) {
    .listcard.slidercard.last_actus {
        width: 100vw
    }
}

@media (max-width: 1280px) {
    .listcard.slidercard.last_actus {
        width: auto
    }
}

.listcard__item {
    position: relative
}

.listcard__item.actu-47,
.listcard__item.actu-25,
.listcard__item.actu-46 {
    background: #fff;
    border: 2px solid #e5e5e5
}

.listcard__item.actu-46 {
    border-top: none;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.listcard__item.actu-46:hover {
    border-color: #fff
}

@media (min-width: 768px) {
    .listcard__item:hover::before {
        opacity: 1;
        visibility: visible
    }

    .listcard__item:hover .listcard__item--content {
        border-color: transparent
    }
}

.listcard__item:before {
    content: "";
    display: block;
    position: absolute;
    inset: -6px;
    background: linear-gradient(45deg, #002F5A, #004687, #833d59, #d84e38, #F07D00);
    opacity: 0;
    visibility: hidden
}

.listcard__item .inner {
    position: relative;
    z-index: 1;
    background-color: #fff;
    height: 100%
}

.listcard__item .inner.with_btn {
    padding-bottom: 1rem
}

.listcard__item .inner .btn-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    padding-bottom: 1rem
}

.listcard__item--img img {
    width: 100%;
    height: auto;
    display: block;
    line-height: 0
}

.listcard__item--content {
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    padding: 25px;
    border-top: 0
}

.listcard__item--content.small .sub-title {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 20px;
    color: #002F5A
}

.listcard__item--content.small .sub-title a {
    color: #002F5A
}

.listcard__item--content.small .sub-title a:hover {
    color: #F07D00
}

.listcard__item--content.small .small-text {
    min-height: 0;
    margin-bottom: 36px
}

.listcard__item--content.small .small-text a:hover {
    color: #F07D00
}

@media (max-width: 1366px) {
    .listcard__item--content {
        padding: 20px 25px
    }
}

.listcard__m2 .listcard__item::before {
    display: none
}

.listcard__m2 .listcard__item--content {
    background-color: rgba(255, 255, 255, 0.1);
    border: none;
    color: #fff
}

.listcard__m3 {
    margin: 0 -15px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    gap: 30px 0
}

.listcard__m3 .listcard__item {
    width: 268px;
    margin: 0 15px
}

@media (max-width: 340px) {
    .listcard__m3 .listcard__item {
        width: 100%
    }
}

.listcard__m3 .listcard__item::before {
    visibility: visible;
    opacity: 1;
    inset: -3px
}

.listcard__m3 .listcard__item--content {
    border: none
}

.listcard__m3 .listcard__item .sociaux {
    position: absolute;
    right: 16px;
    top: 16px
}

.listcard__m3 .listcard__item .sociaux img {
    width: auto
}

.listcardvideo .listcard__item--content {
    background: #fff;
    border: 2px solid #e5e5e5
}

.listcardvideo.d-flex {
    margin: 0 -15px;
    flex-flow: row wrap;
    justify-content: center
}

.listcardvideo__item {
    position: relative;
    width: 100%;
    max-width: 390px;
    padding: 0 15px
}

@media (max-width: 1024px) {
    .listcard {
        grid-template-columns: 1fr 1fr;
        gap: 20px
    }
}

@media (max-width: 600px) {
    .listcard {
        grid-template-columns: 1fr;
        gap: 20px
    }
}

.content-slickarrow {
    position: absolute;
    width: calc(100vw - 15px);
    top: 58%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.content-slickarrow .slick-prev {
    display: none !important
}

.content-slickarrow .slick-next {
    right: 0
}

.last_actus .listcard__item img {
    height: 250px;
    object-fit: cover
}

.listcard__item--content .small-text a {
    color: #002F5A
}

.listcard__item--content .small-text a:hover {
    color: #F07D00
}

.listcard__item p a {
    border-bottom: none
}

.btn-next-post .loader_span {
    position: absolute;
    left: 0;
    padding: 0
}

.c-margeicon>* {
    padding-top: 50px
}

.infocard__slider {
    margin: 0 -15px
}

.infocard__slider .slick-list {
    padding-top: 30px !important
}

@media (max-width: 600px) {
    .infocard__slider {
        margin: 0 -8px
    }
}

.infocard .listcard__item {
    position: relative;
    margin: 0 15px;
    border-width: 1px;
    color: #002F5A !important
}

@media (max-width: 600px) {
    .infocard .listcard__item {
        margin: 0 8px
    }
}

.infocard .listcard__item::before {
    display: none
}

.infocard .wrapslider {
    position: relative
}

@media (max-width: 600px) {
    .infocard .wrapslider {
        margin: 0 -20px
    }
}

.infocard .wrapslider .slick-arrow {
    top: 50%;
    margin-top: -60px
}

@media (max-width: 768px) {
    .infocard .wrapslider .slick-arrow {
        top: 100%;
        margin-top: -10px
    }
}

.bg__secondary .slick-arrow:hover svg path {
    fill: #F07D00
}

.scrolldown,
.arrow-prevcustom,
.arrow-nextcustom {
    cursor: pointer;
    overflow: hidden;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (min-width: 1160px) {

    .scrolldown,
    .arrow-prevcustom,
    .arrow-nextcustom {
        width: 56px;
        height: 126px
    }
}

@media (max-width: 1160px) {

    .scrolldown,
    .arrow-prevcustom,
    .arrow-nextcustom {
        position: absolute;
        bottom: 0;
        right: 0 !important
    }
}

@media (max-width: 600px) {

    .scrolldown,
    .arrow-prevcustom,
    .arrow-nextcustom {
        right: 20px !important
    }
}

.scrolldown .ellipsegradient,
.arrow-prevcustom .ellipsegradient,
.arrow-nextcustom .ellipsegradient {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%
}

@media (max-width: 768px) {

    .scrolldown .ellipsegradient,
    .arrow-prevcustom .ellipsegradient,
    .arrow-nextcustom .ellipsegradient {
        display: none
    }
}

.scrolldown .ellipsegradient circle,
.arrow-prevcustom .ellipsegradient circle,
.arrow-nextcustom .ellipsegradient circle {
    stroke-width: 1;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    stroke: #002F5A
}

.scrolldown .ellipsegradient:hover circle,
.arrow-prevcustom .ellipsegradient:hover circle,
.arrow-nextcustom .ellipsegradient:hover circle {
    stroke: url(#colorgradient)
}

.scrolldown .arrowdowngradient,
.arrow-prevcustom .arrowdowngradient,
.arrow-nextcustom .arrowdowngradient {
    fill: #002F5A
}

.scrolldown:hover .ellipsegradient circle,
.arrow-prevcustom:hover .ellipsegradient circle,
.arrow-nextcustom:hover .ellipsegradient circle {
    stroke-width: 4
}

.scrolldown:hover .arrowdowngradient,
.arrow-prevcustom:hover .arrowdowngradient,
.arrow-nextcustom:hover .arrowdowngradient {
    fill: url(#arrowdowngradient)
}

.scrolldown.light .ellipsegradient circle,
.arrow-prevcustom.light .ellipsegradient circle,
.arrow-nextcustom.light .ellipsegradient circle {
    stroke: #fff
}

.scrolldown.light .ellipsegradient:hover circle,
.arrow-prevcustom.light .ellipsegradient:hover circle,
.arrow-nextcustom.light .ellipsegradient:hover circle {
    stroke: url(#colorgradient)
}

.scrolldown.light .arrowdowngradient,
.scrolldown.light .arrowgradient,
.arrow-prevcustom.light .arrowdowngradient,
.arrow-prevcustom.light .arrowgradient,
.arrow-nextcustom.light .arrowdowngradient,
.arrow-nextcustom.light .arrowgradient {
    filter: brightness(0) invert(1)
}

.scrolldown.light:hover .arrowdowngradient,
.scrolldown.light:hover .arrowgradient,
.arrow-prevcustom.light:hover .arrowdowngradient,
.arrow-prevcustom.light:hover .arrowgradient,
.arrow-nextcustom.light:hover .arrowdowngradient,
.arrow-nextcustom.light:hover .arrowgradient {
    filter: none
}

.arrow-prevcustom {
    transform: rotateY(180deg)
}

@media (max-width: 1160px) {
    .arrow-prevcustom {
        left: 0 !important;
        right: auto !important
    }
}

@media (max-width: 1160px) {
    .arrow-prevcustom {
        left: 20px !important
    }
}

@media (max-width: 1160px) {

    .noarrowmob .arrow-prevcustom,
    .noarrowmob .arrow-nextcustom {
        display: none !important
    }
}

@media (max-width: 1160px) {
    .nodotsmob .slick-dots {
        opacity: 0;
        visibility: hidden
    }
}

.item300>* {
    width: 300px
}

.bg__secondary .scrolldown .arrowdowngradient,
.bg__secondary .arrow-prevcustom .arrowdowngradient,
.bg__secondary .arrow-nextcustom .arrowdowngradient {
    fill: #fff
}

.bg__secondary .scrolldown:hover .arrowdowngradient,
.bg__secondary .arrow-prevcustom:hover .arrowdowngradient,
.bg__secondary .arrow-nextcustom:hover .arrowdowngradient {
    fill: url(#arrowdowngradient)
}

.intsante .listcard.listcard-custom .listcard__item .inner {
    border: 2px solid #dee2e6
}

.intsante .listcard.listcard-custom .listcard__item .inner .border-1 {
    border-width: 0 !important
}

.intsante .listcard.listcard-custom .listcard__item .inner:hover {
    border-color: transparent
}

.intsante .listcard__item--content.small .sub-title a {
    color: #181B58
}

.intsante .listcard__item--content.small .sub-title a:hover {
    color: #F07D00
}

.intsante .listcard__item--content .small-text a {
    color: #181B58
}

.intsante .listcard__item--content .small-text a:hover {
    color: #F07D00;
    border-color: #F07D00
}

.intsante .listcard__item--content .small-text p a:hover {
    color: #F07D00;
    border-color: #F07D00
}

.intsante .highlighttext strong {
    color: #181B58
}

@media (max-width: 1024px) {
    .bg-light .listpost:after {
        background: #F5F5F5
    }
}

.listpost {
    position: relative;
    min-height: 120px
}

@media (max-width: 1024px) {
    .listpost:after {
        content: "";
        display: block;
        position: absolute;
        left: -20px;
        right: -20px;
        bottom: 0;
        top: 58px;
        background: #fff
    }
}

.listpost__item {
    display: block;
    position: relative;
    z-index: 1;
    color: #002F5A
}

.listpost__item img {
    border: 3px solid #fff;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    background: #fff;
    margin-left: auto;
    margin-right: auto
}

.listpost__item:hover img {
    border-color: #F07D00 !important
}

.section_3 .listpost__item {
    max-width: 250px
}

@media (max-width: 768px) {
    .section_3 .listpost__item {
        max-width: 150px
    }
}

@media (max-width: 600px) {
    .section_3 .listpost__item {
        max-width: 120px
    }
}

.intsante .listpost__item {
    color: #181B58
}

.intsante .listpost__item:hover img {
    border-color: #002F5A !important
}

section.page404 {
    overflow: hidden;
    height: calc(100vh - 90px);
    max-height: 818px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 40px
}

section.page404 img {
    width: 100%;
    height: auto;
    display: block
}

@media (min-width: 768px) {
    section.page404 img {
        display: none
    }
}

@media (max-width: 768px) {
    section.page404 {
        display: block;
        height: auto;
        max-height: initial;
        padding: 40px 0 80px
    }
}

section.page404::before {
    content: url(../img/plug-desktop.svg);
    display: block;
    line-height: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-left: -780px
}

@media (max-width: 1200px) {
    section.page404::before {
        margin-left: -500px;
        top: 40%
    }
}

@media (max-width: 768px) {
    section.page404::before {
        display: none
    }
}

section.page404 .content {
    max-width: 650px;
    margin: 0 auto
}

@media (max-width: 768px) {
    section.page404 .content {
        display: block;
        height: auto;
        max-height: initial;
        padding: 0 20px
    }
}

.news {
    position: relative
}

.news__slider {
    user-select: auto;
    -webkit-user-select: auto
}

.news__slider--item {
    position: relative;
    padding: 52px 0 52px 190px
}

@media (max-width: 1200px) {
    .news__slider--item {
        padding-left: 70px
    }
}

@media (max-width: 768px) {
    .news__slider--item {
        padding: 26px 0 0 0
    }

    .news__slider--item img {
        padding-left: 40px;
        max-height: 190px
    }
}

@media (max-width: 600px) {
    .news__slider--item {
        padding-top: 26px
    }
}

.news__slider--item img {
    z-index: 1;
    position: relative
}

.news__slider--item .bg__secondary {
    padding: 0;
    position: absolute;
    top: -70px;
    left: -190px;
    bottom: -70px;
    right: 50%
}

@media (max-width: 768px) {
    .news__slider--item .bg__secondary {
        top: -26px;
        bottom: -26px;
        right: 32%
    }
}

.news__arrows {
    padding-left: 190px;
    text-align: right
}

@media (max-width: 1200px) {
    .news__arrows {
        padding-left: 70px
    }
}

.news__arrows--content {
    margin-top: -52px;
    position: relative;
    z-index: 1
}

.news__arrows .slick-arrow {
    position: static;
    display: inline-block;
    vertical-align: top
}

.news__arrows .slick-arrow.slick-prev {
    background: url(../img/prev-blue.svg) center no-repeat
}

.news__arrows .slick-arrow.slick-next {
    background: url(../img/next-blue.svg) center no-repeat
}

.mediaround__content {
    position: relative;
    padding-left: 76px
}

@media (max-width: 600px) {
    .mediaround__content {
        padding-left: 45px
    }
}

.macaron {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 196px;
    height: 196px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.macaron img {
    max-width: 70%;
    max-height: 80%
}

.macaron .shapesvg {
    position: absolute;
    top: -11px;
    left: -15px
}

@media (max-width: 600px) {
    .macaron .shapesvg {
        top: -4px;
        left: -7px;
        transform: scale(0.5);
        transform-origin: left top
    }
}

.macaron .shapesvg path {
    stroke: #F07D00
}

@media (max-width: 600px) {
    .macaron {
        width: 114px;
        height: 114px
    }
}

.slidelogo {
    margin: 0 -10px
}

.slidelogo__item {
    background: #fff;
    border: 1px solid #e5e5e5;
    margin: 0 10px
}

.slidelogo__item img {
    max-width: 70%;
    max-height: 80%;
    height: auto;
    object-fit: contain
}

.slidelogo__item--inner {
    height: 170px;
    display: flex;
    align-items: center;
    justify-content: center
}

.slidelogo__item--inner img {
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.slidelogo__item--inner:hover img {
    transform: scale(1.1)
}

.accordion__item {
    border: 1px solid #002F5A
}

.accordion__item:not(:last-child) {
    margin-bottom: 10px
}

.accordion__item--title {
    font-size: 18px;
    font-family: "csr";
    padding: 25px 70px 25px 30px;
    margin-bottom: 0;
    position: relative
}

.accordion__item--title svg {
    position: absolute;
    line-height: 0;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    transform-origin: center;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.accordion__item--title svg path {
    stroke: #002F5A
}

.accordion__item--title.active svg {
    transform: translateY(-50%) rotate(180deg)
}

.accordion__item .hide {
    padding: 30px;
    display: none;
    background-color: #002F5A
}

.accordion__item .hide * {
    color: #fff !important
}

.accordion__item .hide ul {
    margin-bottom: 25px
}

.accordion__item .hide ul li {
    list-style: none
}

.accordion__item .hide a {
    color: #fff;
    border-color: #fff
}

.accordion__item .hide a:hover {
    color: #F07D00 !important;
    border-color: #F07D00
}

section.bg__secondary .accordion__item {
    border: 1px solid #fff
}

section.bg__secondary .accordion__item--title svg path {
    stroke: #fff
}

section.bg__secondary .accordion .hide {
    background-color: #fff
}

section.bg__secondary .accordion .hide * {
    color: #002F5A !important
}

.intsante .accordion .texte ul li::before {
    background-color: #fff
}

.intsante .bg__secondary .accordion .texte ul li::before {
    background-color: #F07D00
}

.intsante .bg__secondary .accordion .texte a {
    color: #F07D00;
    border-color: #F07D00
}

.intsante .bg__secondary .accordion .texte a:hover {
    color: #F07D00 !important;
    border-color: #F07D00
}

.intsante .custom-color .accordion__item--title {
    color: #181B58
}

.close svg {
    fill: #002F5A
}

.popup {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    z-index: 100
}

.popup.show {
    opacity: 1;
    visibility: visible
}

@media (max-width: 768px) {
    .popup {
        align-items: flex-end
    }
}

.popup__content {
    background: #fff;
    width: 360px
}

@media (max-width: 768px) {
    .popup__content {
        width: 100%
    }
}

.popup__content--head {
    padding: 15px 15px 15px 73px;
    border-bottom: 1px solid #002F5A;
    overflow: hidden;
    position: relative
}

.popup__content--head .close {
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 100%;
    border-right: 1px solid #002F5A;
    background: url(../img/close.svg) center no-repeat
}

.popup__content--list {
    height: 435px;
    overflow: auto
}

@media (max-width: 768px) {
    .popup__content--list {
        height: calc(100vh - 155px)
    }
}

.popup__content--list::-webkit-scrollbar {
    width: 17px;
    height: 17px;
    background-color: #fff
}

.popup__content--list::-webkit-scrollbar-thumb {
    background-color: #002F5A;
    border-radius: 3rem;
    width: 17px;
    border: 5px solid #fff
}

@media (max-width: 768px) {
    .popup.rdvpopup {
        align-items: center
    }
}

.rdvpopup__content {
    position: relative;
    width: 768px;
    max-width: 90vw;
    max-height: 90vh;
    background: white
}

.rdvpopup__content .row {
    max-height: 90vh
}

.rdvpopup__content .row img {
    max-height: 90vh
}

.rdvpopup__content .close {
    position: absolute;
    top: 15px;
    left: 15px;
    cursor: pointer
}

@media (max-width: 767px) {
    .rdvpopup__content .close {
        background: #F07D00;
        border-radius: 50%;
        padding: 5px
    }

    .rdvpopup__content .close img {
        width: 100%
    }
}

.rdvpopup .photo img {
    height: 500px;
    object-fit: cover
}

@media (max-width: 767px) {
    .rdvpopup .photo img {
        height: 30vh
    }
}

.popvideo__content {
    overflow-y: auto;
    max-height: 90vh;
    position: relative;
    width: 100%;
    max-width: 570px;
    padding: 50px
}

@media (max-width: 768px) {
    .popvideo__content {
        padding: 16px
    }
}

.popvideo .imgvideocustom {
    min-height: 0
}

.popvideo .close {
    position: absolute;
    right: 24px;
    top: 24px
}

@media (max-width: 768px) {
    .popvideo {
        background-color: #002F5A;
        padding: 20px;
        align-items: center
    }

    .popvideo p {
        margin-bottom: 15px
    }

    .popvideo .close {
        right: 15px;
        top: 25px
    }

    .popvideo .close svg path {
        fill: #002F5A
    }
}

.breadcrumb {
    margin-bottom: 0
}

.breadcrumb li:not(:last-child) {
    position: relative;
    padding-right: 40px
}

.breadcrumb li:not(:last-child):after {
    content: "";
    display: block;
    position: absolute;
    right: 3px;
    top: 10px;
    width: 30px;
    height: 2px;
    background: #F07D00
}

.breadcrumb a {
    display: inline-block;
    color: #002F5A
}

.breadcrumb .current {
    font-family: "csb"
}

.qlist {
    margin: 50px 0;
    border-bottom: none
}

.qlist__item {
    padding: 30px 100px 30px 50px;
    border: 1px solid #002F5A;
    position: relative
}

.qlist__item:not(:last-child) {
    border-bottom: none
}

@media (max-width: 768px) {
    .qlist__item {
        padding: 30px 20px
    }
}

@media (min-width: 768px) {
    .qlist__item .arrowlink__gradient {
        position: absolute;
        right: 50px;
        top: 50%;
        transform: translateY(-50%)
    }
}

.qlist__item .inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 50px
}

@media (max-width: 768px) {
    .qlist__item .inner {
        gap: 30px;
        flex-wrap: wrap;
        margin-bottom: 30px
    }
}

.qlist__item--link {
    display: inline-block;
    vertical-align: top;
    font-family: "csb"
}

.qlist__item--link a {
    border-bottom: 1px solid transparent
}

.qlist__item:hover .qlist__item--link {
    text-decoration: underline
}

.qlist__item [class*=btn] {
    cursor: initial;
    line-height: 32px
}

@media (min-width: 768px) {
    .qlist__item [class*=btn] {
        min-width: max-content
    }
}

.qlist__item [class*=btn]>span {
    min-height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.qlist__item [class*=btn]:hover {
    background-color: transparent;
    color: #F07D00
}

.intsante .qlist__item {
    border: 1px solid #181B58
}

.intsante .qlist__item--link a {
    color: #181B58
}

.catside__item:not(:last-of-type) {
    margin-bottom: 20px
}

.catside__item--cat {
    display: grid;
    align-items: center;
    grid-template-columns: 55px auto;
    cursor: pointer
}

.catside__item--cat .round-icon {
    background-color: transparent;
    border-color: #002F5A
}

.catside__item--cat .round-icon svg {
    fill: #002F5A
}

.catside__item--cat.current-cat .round-icon,
.catside__item--cat:hover .round-icon {
    background-color: #002F5A;
    border-color: #002F5A
}

.catside__item--cat.current-cat .round-icon svg,
.catside__item--cat:hover .round-icon svg {
    fill: #fff
}

.catside__item--cat.current-cat span,
.catside__item--cat:hover span {
    font-family: "csb"
}

.catside__item--catsub {
    display: none
}

.catside__item--catsub .small-text {
    padding: 17px 0 0 55px;
    margin: 0
}

.catside__item--catsub .small-text a:hover {
    font-family: "csb";
    border-bottom: 1px solid #002F5A;
    color: #002F5A
}

.catside__item--catsub li.catsub-current a {
    border-bottom: 1px solid #002F5A
}

.catside~.fieldselectml {
    margin-top: 16px;
    display: none
}

@media (max-width: 1024px) {
    .catside~.fieldselectml {
        display: block
    }
}

.intsante .catside__item--cat .round-icon {
    border-color: #F07D00;
    background-color: #fff
}

.intsante .catside__item--cat .round-icon svg {
    fill: #F07D00
}

.intsante .catside__item--cat.current-cat span {
    font-family: "csb" !important
}

.intsante .catside__item--cat.current-cat span,
.intsante .catside__item--cat:hover span {
    font-family: "csr"
}

.intsante .catside__item--cat.current-cat .round-icon,
.intsante .catside__item--cat:hover .round-icon {
    background-color: #F07D00;
    border-color: #F07D00
}

.intsante .catside__item--cat.current-cat .round-icon svg,
.intsante .catside__item--cat:hover .round-icon svg {
    fill: #fff
}

.intsante .catside__item--catsub .small-text a:hover {
    border-bottom: 1px solid #F07D00;
    color: #F07D00;
    font-family: "csr"
}

.intsante .catside__item--catsub li.catsub-current a {
    border-bottom: 1px solid #181B58
}

footer {
    background: linear-gradient(to right, #1E8380, #465EA2);
    padding: 50px 0 70px;
    color: #fff
}

#section_1 {
    background: linear-gradient(to right, #1E8380, #465EA2);
}

@media (max-width: 600px) {
    footer {
        padding: 50px 0 30px
    }
}

footer a {
    color: #fff
}

footer a:hover {
    color: #F07D00 !important
}

footer .sociaux a {
    background-color: #fff
}

footer .sociaux a:hover {
    background-color: #F07D00
}

footer .gap-100 {
    gap: 100px
}

@media (max-width: 1200px) {
    footer .gap-100 {
        gap: 5vw
    }
}

footer .sociaux {
    margin-bottom: 34px
}

footer .coordonnees .tel,
footer .coordonnees .adress,
footer .coordonnees .mail {
    background: none;
    padding-left: 0
}

footer .coordonnees .tel svg,
footer .coordonnees .adress svg,
footer .coordonnees .mail svg {
    fill: #fff
}

footer .coordonnees .tel svg path,
footer .coordonnees .adress svg path,
footer .coordonnees .mail svg path {
    fill: #fff
}

footer .coordonnees li {
    margin-bottom: 20px
}

footer .coordonnees .mail {
    align-items: center
}

@media (max-width: 768px) {
    .footcontent__item {
        display: none !important
    }
}

.footcontent .title {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 35px;
    color: #fff
}

@media (max-width: 600px) {
    .footcontent .title {
        display: none
    }
}

.footcontent ul {
    padding: 0;
    margin: 0
}

.footcontent ul li {
    margin-bottom: 22px
}

.footcontent__item {
    max-width: 280px
}

@media (max-width: 600px) {
    .footbottom li {
        margin-bottom: 18px
    }
}

.intsante .line-white {
    background-color: #F07D00
}

.gradient__content img {
    height: auto
}

section {
    margin: 100px 0;
    position: relative
}

@media (max-width: 1024px) {
    section {
        margin: 70px 0
    }
}

@media (max-width: 600px) {
    section {
        margin: 40px 0
    }
}

section.bg__secondary {
    padding: 80px 0;
    margin: 0;
    background-color: #002F5A
}

section.bg__secondary--gradient {
    padding-top: 80px;
    margin: 0 0 80px;
    background-image: linear-gradient(to bottom, #002F5A calc(100% - 120px), #fff 0)
}

@media (max-width: 768px) {
    section.bg__secondary--gradient {
        background-color: #002F5A !important
    }
}

section.bg__secondary--gradient.bg-light {
    margin: 0;
    background-image: linear-gradient(to bottom, #002F5A calc(100% - 200px), #F5F5F5 0);
    padding-bottom: 80px !important
}

@media (max-width: 600px) {
    section.bg__secondary {
        padding: 40px 0
    }
}

section.bg__secondary *:not([class^='btn']>span) {
    color: #fff
}

section.bg__secondary .listcard__item .sub-title {
    color: #F07D00
}

section.bg__secondary .listcard__item .small-text {
    color: #002F5A
}

section.bg__secondary .listcard__item p {
    color: #002F5A
}

section.bg__secondary .listcard__item [class^=btn] span {
    color: #002F5A
}

section.bg__secondary .btn__main:hover {
    background-color: #fff
}

section.bg__secondary .btn__main:hover span {
    color: #002F5A !important
}

section.bg__secondary .btn__main.btn__icon:hover span::before {
    transition: none;
    filter: invert(98%) sepia(27%) saturate(6181%) hue-rotate(90deg) brightness(91%) contrast(92%)
}

section.bg__secondary.story button svg {
    fill: #fff
}

section.bg__secondary.story .slick-arrow {
    background-color: transparent
}

section.bg__secondary .close svg {
    fill: #fff
}

section.bg__light {
    padding: 80px 0;
    margin: 0;
    background-color: #F5F5F5
}

@media (max-width: 768px) {
    section.bg__light {
        padding: 50px 0
    }
}

section.bg__img {
    padding: 80px 0;
    margin: 0;
    overflow: hidden
}

section.bg__img .mediabg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media (max-width: 600px) {
    section.bg__img.section1 .mediabg {
        height: 285px
    }
}

@media (max-width: 600px) {
    section.bg__img.textblue-m .mediabg.position-absolute {
        height: 100%
    }
}

section.bg__gradient {
    background: linear-gradient(45deg, #002F5A, #004687, #833d59, #d84e38, #F07D00)
}

@media (max-width: 768px) {
    section.bg__gradient.section1 {
        background: none
    }

    section.bg__gradient.section1 .gradient__content {
        background: linear-gradient(45deg, #002F5A, #004687, #833d59, #d84e38, #F07D00);
        margin: 0 -20px
    }

    section.bg__gradient.section1 .content-banner {
        padding: 0 !important
    }

    section.bg__gradient.section1 .content-banner * :not([class^='btn']>span) {
        color: #002F5A !important
    }
}

@media (max-width: 768px) {
    section.bg__gradient.section1.bg__img .mediabg {
        height: 76vw
    }

    section.bg__gradient.section1.bg__img .gradient__content {
        background: none
    }
}

.bg-shape,
.bg-shape-blue {
    overflow: hidden
}

.bg-shape svg,
.bg-shape-blue svg {
    position: absolute;
    left: 0;
    bottom: 0;
    fill: #F07D00
}

@media (min-width: 1200px) and (max-width: 1320px) {

    .bg-shape svg,
    .bg-shape-blue svg {
        width: 20%
    }
}

@media (max-width: 1200px) {

    .bg-shape svg,
    .bg-shape-blue svg {
        width: 20%
    }
}

@media (max-width: 1024px) {

    .bg-shape svg,
    .bg-shape-blue svg {
        display: none
    }
}

.blockquote {
    padding: 10px 0 10px 26px;
    border-left: 8px solid #F07D00;
    margin: 0;
    font-size: 22px;
    line-height: 28px;
    font-family: "csb"
}

@media (max-width: 768px) {
    .blockquote {
        font-size: 16px
    }
}

.testimony.slidestd .testimony__item {
    padding-top: 40px
}

.testimony.slidestd .testimony__item .small-wrap {
    -webkit-transition: all ease 200ms;
    -moz-transition: all ease 200ms;
    -ms-transition: all ease 200ms;
    -o-transition: all ease 200ms;
    transition: all ease 200ms
}

.testimony.slidestd .testimony__item:hover .small-wrap {
    transform: scale(1.08)
}

.section_49 .listcard__item {
    border: 1px solid #e5e5e5
}

.section_49 .listcard__item .border-top {
    border-color: #e5e5e5
}

.section_49 .listcard__item .btn-wrapper {
    left: 0
}

.section_49 .listcard__item .with_btn {
    padding-bottom: 2rem
}

.section_49 .rub-banner {
    font-size: 16px
}

.section_46 .slick-track {
    display: flex !important
}

.section_46 .slick-track .listcard__item {
    height: auto
}

.section_46 .slick-track .listcard__item .textsecondlink p {
    margin-bottom: 0
}

.section_46 .slick-track .listcard__item .textsecondlink * {
    color: #002F5A
}

.section_46 .slick-track .listcard__item .textsecondlink ul li {
    text-align: left;
    list-style: disc
}

.intsante .section_46 .listcard__item .textsecondlink * {
    color: #181B58 !important
}

@media (max-width: 768px) {
    .section_58 .f-12 p {
        font-size: 16px
    }
}

.section_53 .gform_heading,
.gform_wrapper .gform_heading {
    display: none
}

.section_53 .gform_body,
.gform_wrapper .gform_body {
    padding: 0
}

.section_53 .gform_body .gfield,
.gform_wrapper .gform_body .gfield {
    margin-bottom: 0.5rem
}

.section_53 .gform_body .gfield.gsection,
.gform_wrapper .gform_body .gfield.gsection {
    border: none !important;
    text-align: center;
    margin-bottom: 0
}

.intsante .section-17 h1,
.intsante .section-17 h2,
.intsante .section-17 h3,
.intsante .section-17 h4,
.intsante .section-17 h5 {
    color: #181B58
}

.intsante section .listcard__item .small-text {
    color: #181B58
}

.intsante .bg__gradient {
    background-image: linear-gradient(45deg, #d84e38 55%, #004687)
}

.intsante .bg__gradient .btn__main {
    background-color: #002F5A
}

.intsante .bg__secondary .btn__main {
    background-color: #002F5A
}

.intsante .bg__img:not(.bg_with_gradient) .btn__main {
    background-color: #F07D00
}

.intsante .bg__img:not(.bg_with_gradient) .btn__main:hover {
    background-color: #fff
}

.intsante .bg__img:not(.bg_with_gradient) .btn__main:hover span {
    color: #F07D00 !important
}

.intsante .bg__imggradient:before {
    background-image: linear-gradient(45deg, #d84e38 55%, #004687)
}

@media (max-width: 600px) {

    .intsante .light-content.textblue-m :not([class^=btn]>span),
    .intsante section.bg__gradient.section1 .content-banner * :not([class^=btn]>span) {
        color: #181B58 !important
    }
}

@media (max-width: 600px) {
    .intsante #section-2d .btn__main {
        background-color: #002F5A
    }
}

.intsante .custom-slider .round-icon {
    background-color: #002F5A
}

.intsante .custom-color-title .title,
.intsante .custom-color-title h2 {
    color: #181B58
}

.intsante .custom-bc:after {
    background-color: #F07D00
}

@media (max-width: 600px) {
    .intsante .custom-bc:after {
        background-color: #002F5A
    }
}

.intsante .custom-b-um:after {
    background-color: #F07D00
}

.intsante .custom-sec:after {
    background-color: #002F5A
}

@media (max-width: 600px) {
    .intsante .custom-btn-main-mobile {
        background-color: #002F5A !important
    }
}

@media (max-width: 600px) {
    .intsante .light-content .custom-color-m * {
        color: #181B58
    }
}

.anchor_top {
    position: absolute;
    top: -100px;
    height: 1px;
    width: 1px;
    opacity: 0
}

.content-banner .small-text {
    max-width: 300px
}

.sliderbanner__content {
    position: relative;
    top: 0;
    left: 0;
    height: calc(100vh - 90px);
    width: 100%
}

@media (max-width: 600px) {
    .sliderbanner__content {
        height: auto
    }
}

.sliderbanner__content img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.sliderbanner__content .slick-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 40px;
    margin: 0;
    z-index: 10
}

@media (max-width: 600px) {
    .sliderbanner__content .slick-dots {
        bottom: auto;
        top: 270px
    }
}

@media (max-width: 600px) {
    .sliderbanner__content {
        position: relative
    }

    .sliderbanner__content img {
        height: 290px
    }
}

.sliderbanner .wrapper {
    z-index: 2
}

.auteur {
    padding: 0
}

.auteur__banner {
    position: relative;
    height: 280px;
    overflow: hidden
}

.auteur__content {
    margin-top: -150px
}

.auteur__content .rounded-circle {
    height: auto
}

@media (max-width: 768px) {
    .auteur__content .rounded-circle {
        max-width: 106px;
        margin-bottom: 35px
    }
}

.auteur__content--inner {
    max-width: 450px;
    margin: -100px 0 0 310px
}

@media (max-width: 768px) {
    .auteur__content--inner {
        margin: 0;
        text-align: center;
        max-width: 100%
    }
}

.listauteur {
    padding: 25px
}

.listauteur li {
    position: relative
}

.listauteur li:not(:last-child) {
    margin-bottom: 12px
}

.listauteur li a>span {
    width: 60%
}

.listauteur a,
.listauteur button {
    width: 100%;
    display: flex;
    align-items: center;
    background-color: transparent;
    gap: 16px
}

.listauteur a:hover span span,
.listauteur button:hover span span {
    font-family: "csb";
    color: #002F5A
}

.bandeau-repeat {
    background-color: #F7F9FB;
    padding-bottom: 100px
}

.bandeau-repeat>.bg__gradient,
.bandeau-repeat>.bg__secondary {
    padding: 45px 0 210px
}

@media (max-width: 1024px) {
    .bandeau-repeat {
        padding-bottom: 50px
    }
}

.bandeau-repeat .card-custom {
    min-height: 320px
}

.bandeau-repeat.custom-video .card-custom {
    min-height: 0
}

@media (max-width: 1024px) {
    .imgvideocustom {
        height: auto;
        object-fit: cover
    }
}

.intsante .bg__gradient+.wrapper .contact-step .round-icon,
.intsante .bg__secondary+.wrapper .contact-step .round-icon {
    background-color: #002F5A
}

@media (max-width: 768px) {
    .intsante .lplead .light-content *:not([class*='btn']>span) {
        color: #181B58 !important
    }
}

.lplead {
    position: relative;
    padding: 80px 0 0;
    z-index: 1
}

@media (max-width: 992px) {
    .lplead {
        margin-bottom: 0
    }
}

@media (max-width: 768px) {
    .lplead {
        padding-top: 0;
        text-align: center
    }

    .lplead .light-content *:not([class*='btn']>span) {
        color: #002F5A !important
    }
}

.lplead .bg__secondary {
    top: -80px;
    bottom: -80px;
    position: absolute;
    overflow: hidden;
    left: 0
}

@media (max-width: 992px) {
    .lplead .bg__secondary {
        height: 70%;
        top: 0
    }
}

@media (max-width: 768px) {
    .lplead .bg__secondary {
        height: 300px;
        position: relative;
        margin-bottom: 0;
        width: calc(100% + 80px)
    }
}

.lplead .card-custom {
    margin-top: 100px;
    padding: 50px 35px
}

@media (max-width: 600px) {
    .lplead .card-custom {
        padding-left: 20px;
        padding-right: 20px
    }
}

.lplead .card-custom .round-icon {
    left: 35px
}

@media (max-width: 768px) {
    .lplead .card-custom .round-icon {
        right: 0;
        left: 0;
        margin: auto
    }
}

@media (min-width: 992px) {
    .lplead+.wrapper {
        min-height: 130px
    }
}

.lplead .card-custom {
    position: absolute;
    width: 100%;
    max-width: 420px;
    right: 10px;
    min-height: 508px
}

@media (max-width: 992px) {
    .lplead .card-custom {
        position: relative;
        max-width: 100%;
        min-height: 0;
        right: auto
    }
}

@media (max-width: 600px) {
    .lplead .card-custom .deco__border {
        display: none
    }
}

.lplead .form-content {
    display: flex;
    flex-flow: column wrap;
    justify-content: space-between
}

@media (min-width: 992px) {
    .lplead .form-content {
        min-height: 330px
    }
}

.lplead .form-content .field textarea {
    height: 140px
}

.lplead--news .bg__secondary {
    height: calc(100% - 120px);
    margin-bottom: 80px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0 !important;
    right: 0 !important
}

@media (max-width: 991px) {
    .lplead--news .bg__secondary {
        padding-bottom: 0;
        margin-bottom: 0;
        height: 100%
    }
}

@media (max-width: 991px) {
    .lplead--news {
        background-color: #002F5A;
        margin-bottom: 0;
        padding-top: 50px !important;
        padding-bottom: 50px !important
    }
}

@media (min-width: 991px) {
    .lplead--news .light-content {
        padding-bottom: 170px
    }
}

@media (max-width: 768px) {
    .lplead--news .light-content :not([class*=btn]>span) {
        color: #fff !important
    }
}

@media (max-width: 991px) {
    .lplead--news .customimg-col {
        position: relative
    }

    .lplead--news .customimg-col::before {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        bottom: -50px;
        left: -100px;
        right: -100px;
        background-color: #fff
    }

    .lplead--news .customimg-col img {
        position: relative;
        z-index: 1
    }
}

.fullscreenjs {
    width: 100%;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%)
}

.msgtext {
    display: none
}

.popup .imgvideocustom {
    min-height: 0
}

@media (max-width: 1024px) {
    .mediatext {
        margin: 0 0 50px
    }
}

.mediatext__content {
    padding: 140px 0;
    position: relative
}

@media (max-width: 1024px) {
    .mediatext__content {
        padding: 0
    }
}

.mediatext__content .texte {
    width: calc(50% + 150px);
    padding: 60px 90px;
    background: #fff;
    position: relative;
    z-index: 1;
    box-shadow: 0px 30px 40px rgba(0, 0, 0, 0.05)
}

@media (max-width: 1024px) {
    .mediatext__content .texte {
        width: auto;
        margin-top: -110px;
        border: 1px solid rgba(0, 0, 0, 0.1);
        padding: 25px 20px
    }
}

.mediatext__content .media {
    position: absolute;
    right: 0;
    top: 0;
    width: calc(50% + 150px);
    height: 100%
}

.mediatext__content .media img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    min-height: 480px
}

@media (max-width: 1024px) {
    .mediatext__content .media {
        position: relative;
        width: auto;
        margin: 0 -20px
    }
}

@media (min-width: 1024px) {
    .mediatext.reverse .mediatext__content .media {
        right: auto;
        left: 0
    }
}

.mediatext.reverse .mediatext__content .texte {
    margin-left: auto
}

.firstsection .deco__border:before {
    width: 100%
}

.firstsection .deco__border:after {
    height: 100%
}

@media (max-width: 600px) {
    .firstsection .deco__border {
        width: 26px;
        height: 47px;
        right: 12px;
        top: -13px
    }
}

.story h2 {
    font-size: 38px
}

@media (max-width: 1024px) {
    .story h2 {
        font-size: 26px
    }
}

.story .slick-list {
    padding: 45px 0 15px
}

.story .slick-dots li button {
    background-color: #fff
}

.story button svg {
    fill: #002F5A;
    margin: auto
}

.story .arrowlight {
    position: relative;
    left: -16px
}

@media (max-width: 600px) {
    .story .arrowlight {
        display: none
    }
}

.story__slide {
    width: 100vw;
    position: relative
}

@media (max-width: 1200px) {
    .story__slide {
        padding-left: 40px
    }
}

@media (max-width: 1024px) {
    .story__slide {
        padding-left: 20px
    }
}

.story__slide--item {
    padding-top: 40px;
    border-top: 3px solid #fff;
    position: relative
}

.story__slide--item img {
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

@media (max-width: 600px) {
    .story__slide--item p {
        max-width: 270px
    }
}

.story__slide--item:before {
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background-clip: padding-box;
    top: -12px;
    background: #fff;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.story__slide--item .title {
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.story__slide--item .sub-title {
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    transform-origin: left
}

.story__slide--item .round-icon {
    position: absolute;
    left: 0;
    top: -38px;
    background: #fff;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.story__slide--item p {
    max-width: 85%
}

.story__slide--item:hover .round-icon {
    background-color: #F07D00
}

.story__slide--item:hover .round-icon img {
    filter: brightness(0) invert(1)
}

.story__slide--item:hover .title {
    color: #F07D00
}

.story__slide--item:hover::before {
    background-color: #F07D00
}

.story .slick-track {
    transition: all ease 500ms !important
}

.story .title {
    margin-bottom: 0
}

.story p {
    margin-bottom: 0
}

@media (min-width: 1024px) {
    .story p {
        max-width: 70%
    }
}

.story.m1 .texte.description p {
    max-width: initial
}

.story.m1 .story__slide--item:last-of-type {
    border-color: transparent
}

.story.light .story__slide--item {
    border-color: #002F5A
}

.story.light .story__slide--item .round-icon {
    background-color: #002F5A
}

.story.light .story__slide--item:hover .round-icon {
    background-color: #F07D00
}

.story.light .slick-dots li button {
    background-color: #002F5A
}

.story.light button {
    background-color: transparent
}

.story.light button svg {
    fill: #002F5A
}