:root {
    --lightblue: #f4fbfd;
    --lightgrey: #f3f5f6;
    --red: #e01c02;
    --blue: #001233;
    --text: #525252;
}

body.page-template-category,
body.page-template-page-nv-1 {
    max-width: 100%;
    width: 100%;
}

body.page-template-category .actus-list {
    margin: 66px 0 0;
}

body.page-template-category .wrapper,
body.page-template-page-nv-1 .wrapper,
body.page-template-page-nv-2 .wrapper {
    position: relative;
    display: block;
    width: 90vw;
    max-width: 1170px;
    margin: 0 auto;
}

body.page-template-category .d-flex.media-text-layout {
    display: flex;
    flex-flow: wrap row;
    margin: 0 -30px;
}

body.page-template-category .media-text-layout .media-text-item {
    margin-bottom: 45px;
    padding: 0 30px;
}

body.page-template-category .actus-list .mdt-item {
    position: relative;
}

body.page-template-category .mdt-item .date-of-post,
body.page-template-category .single .left .date-of-post {
    position: absolute;
    top: -20px;
    left: 20px;
    z-index: 5;
    background: var(--blue);
    color: white;
    text-align: center;
    font-size: 20px;
    width: 77px;
    padding: 10px 5px;
}

body.page-template-category .mdt-item:hover .date-of-post, 
body.page-template-category .art-small:hover .date-of-post {
    background-color: var(--red);
}


body.page-template-category .date-of-post span {
    display: block;
}

body.page-template-category .actus-list .mdt-item .photo-bloc {
    margin-bottom: 22px;
    display: block;
    padding-right: 0;
    position: relative;
}

body.page-template-category .photo-bloc img {
    display: block;
    width: 100%;
}

body.page-template-category .mdt-item p {
    margin: 0 0 10px;
}

body.page-template-category .photo-bloc::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 75%;
    height: 15px;
    background-color: var(--red);
    max-width: 100%;
    transition: all ease-in-out 300ms;
    -webkit-transition: all ease-in-out 300ms;
    -moz-transition: all ease-in-out 300ms;
    -ms-transition: all ease-in-out 300ms;
}

body.page-template-category .mdt-item:hover .photo-bloc::after {
    width: 30%;
}
.cl-33 {
    max-width: 33.33%;
    flex: 0 0 33.33%;
}
body.page-template-category a {
    color: var(--red);
}
body.page-template-category .actus-list .mdt-item h3 a {
    color: var(--blue);
    font-size: 20px;
    display: block;
    line-height: 30px;
    font-weight: bold;
    margin-bottom: 15px;
}
body.page-template-category .actus-list .mdt-item h3 a:hover {
    color: var(--red);
}
body.page-template-category .actualites .entry-header {
    padding: 38px 0 16px;
    border-bottom: 1px solid #ebebeb;
}
body.page-template-category .actualites .entry-header {
    padding: 38px 0 16px;
    border-bottom: 1px solid #ebebeb;
}

.pagination { text-align: center; position: relative; z-index: 20;}
.pagination .wp-pagenavi a,
.pagination .wp-pagenavi span { width: 32px; height: 32px; display: inline-block; border-radius: 50%; border: 1px solid var(--blue); text-align: center; line-height: 32px; margin: 0 4px;vertical-align: middle;}
.pagination .wp-pagenavi a.first,
.pagination .wp-pagenavi a.last { line-height: 28px; font-family: sans-serif;}
.pagination .wp-pagenavi span.pages { font-size: 0; display: none;}
.pagination .wp-pagenavi a { padding-top: 0px; color: var(--blue);}
.pagination .wp-pagenavi .current { padding-top: 0px; background-color: var(--blue); color: white;}
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink { font-size: 0; background: url(images/arrow-light.svg) no-repeat center; background-size: 5px;}
.wp-pagenavi .previouspostslink { transform: rotate(180deg);}
/***/

body.page-template-page-nv-1 #page .banner,
body.page-template-page-nv-2 #page .banner {
    text-align: center;
    background: var(--lightgrey);
    padding: 80px 0;
    position: relative;
    overflow: hidden;
}
body.page-template-page-nv-1 #page .banner .wrapper,
body.page-template-page-nv-2 #page .banner .wrapper {
    position: relative;
    z-index: 5;
    display: block;
    width: 90vw;
    max-width: 1170px;
    margin: 0 auto;
}
body.page-template-page-nv-1 #page .banner .sm-wrap,
body.page-template-page-nv-2 #page .banner .sm-wrap {
    max-width: 880px;
    margin: auto;
}
body.page-template-page-nv-1 .before-title,
body.page-template-page-nv-2 .before-title {
    font: 16px / 26px 'shsb';
    color: #001233;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 10px;
    color: var(--red);
    font-family: "shsm";
}
body.page-template-page-nv-1 #page .banner h1,
body.page-template-page-nv-2 #page .banner h1 {
    font-size: 42px;
    line-height: 50px;
    font-weight: bold;
}
body.page-template-page-nv-1 #page .banner::after {
    content: "";
    display: block;
    width: 25%;
    height: 110%;
    background: url(images/light-logo.svg) no-repeat center;
    position: absolute;
    bottom: -30%;
    background-size: 100%;
    right: -30px;
}
body.page-template-page-nv-1 .cst-section,
body.page-template-page-nv-2 .cst-section {
    margin: 80px 0;
}
body.page-template-page-nv-1 .wp-block-image,
body.page-template-page-nv-2 .wp-block-image {
    margin: 0 0 30px;
}
body.page-template-page-nv-1 .phototexte,
body.page-template-page-nv-2 .phototexte {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    margin: 80px 0;
    grid-auto-flow: column;
}
body.page-template-page-nv-1 .phototexte .photo,
body.page-template-page-nv-2 .phototexte .photo {
    padding-right: 80px;
    position: relative;
    height: 100%;
}
body.page-template-page-nv-1 .phototexte .photo img,
body.page-template-page-nv-2 .phototexte .photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
body.page-template-page-nv-1 .bandeau,
body.page-template-page-nv-2 .bandeau {

    position: relative;
    background-color: #001233;
    color: #ffffff;
    text-align: center;
    padding: 75px 0 85px;
    overflow: hidden;
    margin-top: 80px;
}
body.page-template-page-nv-1 .bandeau .wrapper,
body.page-template-page-nv-2 .bandeau .wrapper {
    max-width: 850px;
}
body.page-template-page-nv-1 .bandeau h2, body.page-template-page-nv-1 .bandeau .title,
body.page-template-page-nv-2 .bandeau h2, body.page-template-page-nv-2 .bandeau .title {
    color: #ffffff;
}
body.page-template-page-nv-1 .bandeau .btn.fullwidth,
body.page-template-page-nv-2 .bandeau .btn.fullwidth {
    width: initial;
    text-align: center;
}
body.page-template-page-nv-1 .btn span,
body.page-template-page-nv-2 .btn span {
    position: relative;
    padding-right: 50px;
    display: inline-block;
}
body.page-template-page-nv-1 .bandeau::before,
body.page-template-page-nv-2 .bandeau::before {
    content: url(images/image-bandeau.jpg);
    opacity: .18;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
body.page-template-page-nv-1 .btn span::after,
body.page-template-page-nv-2 .btn span::after {
    content: url(images/arrow-btn.svg);
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -13px;
}
body.page-template-page-nv-1 .pad-section,
body.page-template-page-nv-2 .pad-section {
    padding: 80px 0;
}
body.page-template-page-nv-1 .partenaire, body.page-template-page-nv-1 .avis-client,
body.page-template-page-nv-2 .partenaire, body.page-template-page-nv-2 .avis-client {
    position: relative;
    padding: 80px 0 210px;
}
body.page-template-page-nv-1 .partenaire .d-grid,
body.page-template-page-nv-2 .partenaire .d-grid {
    display: grid;
    grid-template-columns: 385px 1fr;
    gap: 50px;
}
body.page-template-page-nv-1 .partenaire .left,
body.page-template-page-nv-2 .partenaire .left {
    padding-right: 50px;
}
body.page-template-page-nv-1 .list-partenaire,
body.page-template-page-nv-2 .list-partenaire {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 40px 20px;
}
body.page-template-page-nv-1 .list-partenaire .item,
body.page-template-page-nv-2 .list-partenaire .item {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
}
body.page-template-page-nv-1 .list-partenaire .item img,
body.page-template-page-nv-2 .list-partenaire .item img {
    filter: grayscale(1);
    width: 80%;
}
body.page-template-page-nv-1 .list-partenaire .item:hover,
body.page-template-page-nv-2 .list-partenaire .item:hover {
    box-shadow: -10px 20px 40px rgb(0 0 0 / 10%);
    -webkit-box-shadow: -10px 20px 40px rgb(0 0 0 / 10%);
    -moz-box-shadow: -10px 20px 40px rgb(0 0 0 / 10%);
    -ms-box-shadow: -10px 20px 40px rgb(0 0 0 / 10%);
}
body.page-template-page-nv-1 .phototexte .photo::after,
body.page-template-page-nv-2 .phototexte .photo::after {

    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 295px;
    height: 15px;
    background-color: #e01c02;
    max-width: 100%;
}
body.page-template-page-nv-1 .btn,
body.page-template-page-nv-2 .btn {
    display: inline-block;
    font: 14px / 16px 'shsb';
    color: #ffffff;
    background: linear-gradient(to left, #34bbe7 0%, #34bbe7 50%, #001233 50%, #001233 100%);
    background-size: 201% 100%;
    background-position: 100% 0;
    padding: 25px 40px 24px;
    text-transform: uppercase;
    border-radius: 37px;
    margin-top: 30px;
}
body.page-template-page-nv-1 .btn:hover,
body.page-template-page-nv-2 .btn:hover {
    background-position: 0 0;
    transition: all ease-in-out 300ms;
    -webkit-transition: all ease-in-out 300ms;
    -moz-transition: all ease-in-out 300ms;
    -ms-transition: all ease-in-out 300ms;
}

/* Slider */
.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;}
.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{position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;}
.slick-track:before,.slick-track:after{display: table;content: '';}
.slick-track:after{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;}
body.page-template-page-nv-1 .subsrvs,
body.page-template-page-nv-2 .subsrvs {
    margin: 0 -25px;
    padding-top: 32px;
}
body.page-template-page-nv-1 #subsrv .slick-track,
body.page-template-page-nv-2 #subsrv .slick-track {
    margin: inherit;
}
body.page-template-page-nv-1 .srv-item,
body.page-template-page-nv-2 .srv-item {
    padding: 0 25px;
}
body.page-template-page-nv-1 .srv a,
body.page-template-page-nv-2 .srv a {
    padding-right: 35px;
    display: block;
    font-size: 20px;
    text-transform: uppercase;
    color: var(--blue);
    font-family: "shsb";
    position: relative;
    font-weight: bold;
}
body.page-template-page-nv-1 .srv a.photo-bloc, 
body.page-template-page-nv-2 .srv a.photo-bloc {
    padding-right: 0;
    margin-bottom: 40px;
}
body.page-template-page-nv-1 .srv-item .srv .photo-bloc img,
body.page-template-page-nv-2 .srv-item .srv .photo-bloc img {
    height: 250px;
    object-fit: cover;
    object-position: center;
    width: 100%;
}
body.page-template-page-nv-1 .photo-bloc::after,
body.page-template-page-nv-2 .photo-bloc::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 75%;
    height: 15px;
    background-color: #e01c02;
    max-width: 100%;
}
body.page-template-page-nv-1 .srv a:not(.photo-bloc)::before,
body.page-template-page-nv-2 .srv a:not(.photo-bloc)::before {
    content: "";
    background: url(images/arrow-light.svg) no-repeat center;
    width: 8px;
    height: 14px;
    position: absolute;
    right: 0;
    top: 6px;
}
body.page-template-page-nv-1 .srv:hover .photo-bloc::after,
body.page-template-page-nv-2 .srv:hover .photo-bloc::after {
    width: 30%;
}
body.page-template-page-nv-1 #subsrv .d-flex > div,
body.page-template-page-nv-2 #subsrv .d-flex > div {
    flex: 1;
}
body.page-template-page-nv-1 #subsrv .appservarrow,
body.page-template-page-nv-2 #subsrv .appservarrow {
    text-align: right;
    max-width: 33.33%;
}
body.page-template-page-nv-1 .appservarrow .slick-arrow, 
body.page-template-page-nv-1 .appavisarrow .slick-arrow,
body.page-template-page-nv-2 .appservarrow .slick-arrow,
body.page-template-page-nv-2 .appavisarrow .slick-arrow {
    cursor: pointer;
    font-size: 0;
    background: url(images/arrow-slick.svg) no-repeat center;
    border: 1px solid #001233;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    padding: 0;
}
body.page-template-page-nv-1 .appservarrow .slick-prev, 
body.page-template-page-nv-1 .appavisarrow .slick-prev,
body.page-template-page-nv-2 .appservarrow .slick-prev,
body.page-template-page-nv-2 .appavisarrow .slick-prev {
    transform: rotate(180deg);
    margin-right: 26px;
}
body.page-template-page-nv-1 .appservarrow .slick-arrow:hover, 
body.page-template-page-nv-1 .appavisarrow .slick-arrow:hover,
body.page-template-page-nv-2 .appservarrow .slick-arrow:hover,
body.page-template-page-nv-2 .appavisarrow .slick-arrow:hover {
    background-image: url(images/arrow-slick-hover.svg);
    background-color: #001233;
    box-shadow: 0 0 0 6px rgba(0, 18, 51, .1);
}
body.page-template-page-nv-1 #subsrv .d-flex,
body.page-template-page-nv-2 #subsrv .d-flex {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
body.page-template-page-nv-1 #subsrv h2,
body.page-template-page-nv-2 #subsrv h2 {
    max-width: 660px;
}
body.page-template-page-nv-1 *::after,
body.page-template-page-nv-2 *::after {
    transition: all ease-in-out 300ms;
    -webkit-transition: all ease-in-out 300ms;
    -moz-transition: all ease-in-out 300ms;
    -ms-transition: all ease-in-out 300ms;
}
body.page-template-page-nv-1 .srv a:hover,
body.page-template-page-nv-2 .srv a:hover {
    color: var(--red);
}
body.page-template-page-nv-1 .srv a:hover::before,
body.page-template-page-nv-2 .srv a:hover::before {
    filter: invert(17%) sepia(81%) saturate(4520%) hue-rotate(7deg) brightness(91%) contrast(105%);
    right: 25px;
}
body.page .wp-block-image img {
    box-sizing: border-box;
    height: auto;
    max-width: 100%;
    vertical-align: bottom;
    width: 100%!important;
}
body.page-template-page-nv-2 #page .banner {
    text-align: left;
    padding-top: 32px;
}
body.page .breadcrumbs {
    font-family: shsb;
    font-size: 12px;
    margin-bottom: 50px;
}
body.page .breadcrumbs a {
    font-family: shsm;
    color: var(--text);
    display: inline-block;
}
body.page .breadcrumbs a:hover {
    color: var(--red);
}
body.page .breadcrumbs .sep {
    font-family: shsm;
    display: inline-block;
    margin: 0 20px;
}
body.page #page .banner h1 + * {
    margin-top: 24px;
}

body.page #child-area {
    text-align: center;
    padding-bottom: 90px;
}

body.page .cst-pad-section {
    padding: 80px 0;
}
body.page #child-area .d-flex.media-text-layout {
    margin: 20px -40px -10px;
}
body.page .d-flex.media-text-layout {
    display: flex;
    flex-flow: wrap row;
    margin: 50px -40px -10px;
}

body.page #child-area .media-text-item {
    margin: 30px 0;
}
body.page .media-text-layout .media-text-item {
    padding: 0 30px;
}
body.page .media-text-layout .media-text-item {
    padding: 0 40px;
}
body.page .media-text-item {
    text-align: left;
}
body.page .cl-6 {
    max-width: 50%;
    flex: 0 0 50%;
}

body.page .photo-bloc {
    position: relative;
    margin-bottom: 40px;
    padding-right: 0;
}
body.page #child-area .photo-bloc img {
    height: 360px;
    object-fit: cover;
}
body.page .photo-bloc img {
    display: block;
    width: 100%;
}
body.page .photo-bloc::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 75%;
    height: 15px;
    background-color: #e01c02;
    max-width: 100%;
}
body.page .mdt-item p {
    margin: 0 0 10px;
}

body.page .plus {
    position: relative;
    font-family: 'shsb';
    display: inline-block;
    padding: 10px 0;
    padding-right: 42px;
    color: var(--red);
}

body.page .plus span {
    position: relative;
    z-index: 20;
}
body.page .plus::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: url(images/plus.svg) no-repeat center #e01c02;
}

.plus:hover::after {
    box-shadow: 0 0 0 5px rgba(224, 28, 2, .3);
}

body.page .mdt-item h3 a {
    color: var(--blue);
}
body.page .mdt-item h3 a:hover {
    color: var(--red);
}
body.page  .mdt-item:hover .photo-bloc::after {
    width: 30%;
}

body.page h2 {
    font: 35px / 46px 'shsb';
    color: #001233;
    margin-bottom: 15px;
    font-weight: bold;
}
body.page p,
body.page .fulltext .texte h2, 
body.page .fulltext .texte ul,
body.page .texte h2,
body.page .texte ul {
    margin-bottom: 20px;
}
body.page .fulltext img,
body.page .texte img {
    margin-top: 20px;
    margin-bottom: 20px;
    height: auto!important;
}

body.page .bank-layout {
    display: flex;
    margin: 30px 0;
}
body.page .bank-layout .bank-logo {
    background-color: white;
    display: flex;
    align-items: center;
    padding: 0;
    margin-right: 40px;
    min-width: 260px;
    justify-content: center;
}
body.page .bank-layout div > p:last-of-type {
    margin-bottom: 0;
}

body.page .bank-layout h3 {
    margin-bottom: 15px;
    font-size: 24px;
    color: #001233;
    font-weight: bold;
}
body.page .entry-header h1 {
    font-size: 55px;
    font-weight: bold;
}
body.page h3, body.page .subtitle {
    margin-bottom: 15px;
    font-weight: 600;
}

body.page ul {
    list-style-type: none;
    margin-top: 15px;
}
body.page .texte > ul:not(.icon-list) li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 2px;
}
body.page .texte > ul:not(.icon-list) li::before {
    content: "";
    position: absolute;
    background: url(images/arrow-light.svg) no-repeat center;
    width: 8px;
    height: 14px;
    left: 0;
    background-size: 6px;
    top: 8px;
}