/* all */
body {
    background: #F0F0F0;
    font-family: 'Lato', arial;
    font-size: 12px;
    font-weight: 500;
}

body.otherPage, body.pageOffre {
    /* background: #F0F0F0 url(../images/bg-home.png) no-repeat top center;
     */
    /*background: #F0F0F0 url(../images/bg-all.svg) no-repeat top center;*/
    /*background-size: contain;*/
}

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

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

.block {
    max-width: 1440px;
}

.block, .block-wrapper {
    /*padding: 0px 50px;*/
}

.border-block {
    max-width: 1340px;
    border-top: 1px solid white;
    border-left: 1px solid white;
    border-right: 1px solid white;
    margin: -61px auto -20px;
    padding: 60px 0 10px;
    display: block;
    position: relative;
}

.border-block > .block > .block-wrapper {
    padding: 0;
}

.pageOffre:not(.detail-offre-page):not(.list-other-offres) .border-block, .node-editorial .border-block, .otherPage .border-block {
    border-top: none;
    margin-top: -60px;
}

.gContainer {
    max-width: 1440px;
}

.gdbBorder-white {
    border: 1px solid #fff;
}

#block-etech-local-tasks {
    /*display: none;*/
}

body.menu-active {
    overflow: hidden;
    position: fixed;
}

body.menu-active:before {
    background: black;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 4;
}

/*COOKIE BANNER ********************/
#gdpr-popup .gdpr-popup-content .gdpr-popup-text a {
    color: white;
    text-decoration: underline;
}

#gdpr-popup .gdpr-popup-content .gdpr-popup-buttons button:hover {
    text-decoration: none;
}

.otherPage .gdbAvis {
    margin-top: 0;
}

.otherPage .gdbNational {
    margin-bottom: 0;
}

.imageSliderSlick > .visually-hidden + div button.slick-next.slick-arrow {
    max-width: 240px;
    width: auto;
    outline: none;
}

.imageSliderSlick > .visually-hidden + div button.slick-next.slick-arrow .image-slider img {
    max-height: 95px;
    width: 100%;
    max-width: 100%;
}

.content-simple .paragraph--type--slider.paragraph {
    padding: 0;
}

.imageSliderSlick > .visually-hidden + div button.slick-next.slick-arrow {
    position: absolute;
    z-index: 2;
    top: 50%;
    height: auto;
    width: 240px;
    left: 0;
    margin: -50px 0 0;
    padding: 0;
    border: none;
    outline: none;
}

.imageSliderSlick > .visually-hidden + div button.slick-next.slick-arrow img {
    height: auto;
    width: 100%;
}

.imageSliderSlick > .visually-hidden + div button.slick-next.slick-arrow:before {
    content: '';
    display: block;
    width: 45px;
    height: 45px;
    background: url(../images/arNext.svg) no-repeat center;
    position: absolute;
    left: -50px;
    top: 0;
}

.imageSliderSlick > .visually-hidden + div button.slick-prev.slick-arrow {
    position: absolute;
    top: calc(50% - 40px);
    right: -50px;
    color: #0000;
    border: 0;
    background: #0000;
    width: 40px;
    height: 40px;
    outline: none;
}

.imageSliderSlick > .visually-hidden + div button.slick-prev.slick-arrow:before {
    content: '';
    display: block;
    width: 45px;
    height: 45px;
    background: url(../images/arPrev-white.svg) no-repeat center;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}

/****************************************************************************************/
/*****/
header {
    position: relative;
    z-index: 2;
}

.pageOffre .bloc-header.block-wrapper {
    /* max-width: 1240px;
     margin: auto;
     display: block;
    */
    /*margin-top: 5px;
    */
    /*padding: 0 100px;
    */
}

.header-wrapper {
    /*left: 0px;
    */
    position: static;
    width: 100%;
    margin-bottom: 84px;
}

.bloc-header {
    width: 100%;
    float: none;
    clear: both;
    display: table;
    position: relative;
}

.bloc-header li {
    display: inline-block;
    margin-top: 33px;
    float: left;
}

.bloc-header li a, .bloc-header .sub-menu-row li .menu-text, .bloc-header li > span.active-trail {
    display: block;
    padding: 13px 15px;
    font-size: 12px;
    color: #8f8f8f;
    cursor: pointer;
    padding: 0;
}

.bloc-header .sub-menu-row li .menu-text.submenu-text {
    display: none;
}

.logo-wrapper {
    z-index: 401;
    display: block;
    margin: auto;
    position: absolute;
    left: 117px;
    width: 275px;
    height: 196px;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
    top: 0;
    background: white;
}

.logo-wrapper img {
    width: 100%;
    height: auto;
    background: #fff;
    padding: 22px 30px 16px;
}

.bloc-header .menu-row {
    display: table;
    width: 100%;
}

.bloc-header nav .menu-row {
    background-color: white;
    position: relative;
}

.bloc-header .menu-row .menu-wrapper {
    display: inline-block;
    float: left;
    width: auto;
    margin: 0;
}

.bloc-header .menu-wrapper .container {
    max-width: 100%;
}

.offreSimilaire .cols-2 .views-col {
    width: 46% !important;
    float: left;
    padding: 15px;
    display: inline-block;
    margin: 2%;
    box-shadow: 1px 1px 10px #e9e9e9;
    text-align: center;
    padding: 15px 15px 0;
}

.pageOffre .newsLetter-webForm .offre-correspond {
    padding: 50px 0 60px 64px;
    background: #fff url(../images/bigmap.png) no-repeat;
    background-position: 93% 38px;
    background-size: 326px;
    padding-right: 34%;
    width: 100%;
    margin-bottom: 10px;
}

.page-wrapper > .pageContent > .pageContent-wrapper {
    /*padding-top: 60px;*/
}

.offreSimilaire .cols-2 .views-field-title a {
    color: #505050;
    font-family: Lato;
    font-size: 22px;
    font-weight: 300;
    display: block;
    text-align: center;
}

.offreSimilaire.offre img {
    width: 101px;
    height: 101px;
    margin: 15px auto;
    display: block;
}

.offreSimilaire.offre {
    display: table;
    float: none;
    clear: both;
    width: 100%;
}

.offreSimilaire.offre .offreSimilaire {
    width: 48%;
    /* display: table;
     */
    float: left;
    text-align: center;
    box-shadow: 1px 1px 7px #dbdbdb;
    margin: 1%;
    /* height: 400px;
     */
    padding: 0;
    padding-bottom: 63px;
}

.offreSimilaire.offre .offreSimilaire:nth-child(2) .views-field-view-node .field-content a {
    background-color: #ad3965;
}

.offreSimilaire.offre .offreSimilaire:nth-child(2) h3 {
    color: #ad3965;
}

.offreSimilaire.offre .offreSimilaire a {
    bottom: 0px;
    display: block;
    padding: 19px 15px;
    font-weight: 400;
    font-size: 18px;
    background: #68A2D5;
    color: #fff;
    width: 100%;
}

.offreSimilaire.offre .btn-wrapper {
    bottom: 0px;
}

.detail-offre-page .offreSimilaire .cols-2 .block-title {
    padding: 40px 15px 25px;
    margin-bottom: 25px;
}

.detail-offre-page .offreSimilaire .cols-2 {
    padding: 55px 100px 70px;
    background: #fff;
}

.detail-offre-page .block-reassurance, .detail-offre-page .block-reassurance .block-wrapper {
    padding: 0;
}

.detail-offre-page .offreSimilaire span.field-content {
    padding: 0;
}

.detail-offre-page .offreSimilaire .views-field-field-arg-offre-1 {
    padding: 0 15px 15px;
    /* height: 230px;
     */
    overflow: hidden;
}

.detail-offre-page .pageContent .newsLetter-webForm {
    width: 100%;
    margin-bottom: 65px;
}

.detail-offre-page .pageContent .newsLetter-webForm .offre-correspond {
    margin-bottom: 0;
}

.detail-offre-page .pageContent .newsLetter-webForm:after {
    z-index: -1;
}

.offreSimilaire.offre {
    display: table;
    width: 100%;
    float: none;
    clear: both;
    max-width: 1440px;
    padding: 0 100px;
    background: none;
    margin-top: -140px;
    margin-bottom: 10px;
}

.offreSimilaire.offre .offreSimilaire:nth-child(1) h3 {
    color: #68A2D5;
}

.offre .offreSimilaire h3 {
    margin: 10px 0 30px;
    font-size: 28px;
}

.offre .offreSimilaire p {
    font-size: 16px;
}

.offre-wys {
    padding: 30px 0 0;
}

.detail-offre-page .offreSimilaire.clsVertEdito h3 {
    color: #A5C357 !important;
}

.detail-offre-page .offreSimilaire.clsVertEdito a {
    background: #A5C357;
}

.detail-offre-page .offreSimilaire.clsOrangeEdito h3 {
    color: #f9d241 !important;
}

.detail-offre-page .offreSimilaire.clsOrangeEdito a {
    background: #f9d241;
}

.detail-offre-page .offreSimilaire.clsVioletEdito h3 {
    color: #ad3965 !important;
}

.detail-offre-page .offreSimilaire.clsVioletEdito a {
    background: #ad3965;
}

.detail-offre-page .offreSimilaire.clsBleuEdito h3 {
    color: #13afd0 !important;
}

.detail-offre-page .offreSimilaire.clsBleuEdito a {
    background: #13afd0;
}

/*MON COMPTE ********************/
.bloc-header .account-bloc {
    background: #13afd0;
    width: calc(50% - 93px);
    height: 100%;
    position: absolute;
    right: 0;
    display: flex;
    transition: transform .6s cubic-bezier(0.165, 0.84, 0.44, 1), visibility 0s linear 0s;
    will-change: transform;
    transform-origin: right;
}

.bloc-header .account-bloc.is-hidden {
    transform: scaleX(.3);
    visibility: hidden;
    transition-delay: 0s, .6s;
}

.bloc-header .account-bloc .account-bloc-link {
    color: white;
    font-weight: 100;
    display: flex;
    align-items: center;
    height: 100%;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 1.3;
}

.bloc-header .account-bloc .account-bloc-link:hover {
    color: #175875;
}

.bloc-header .account-bloc ul {
    padding: 0 3%;
    margin: 0 auto;
    flex: 1;
    display: flex;
    justify-content: center;
    opacity: 1;
    transition: opacity .2s linear .4s;
}

.bloc-header .account-bloc.is-hidden ul {
    opacity: 0;
    transition-delay: 0s;
    transition-duration: 0s;
}

.bloc-header .account-bloc li {
    margin: 0 auto;
}

.bloc-header .account-bloc .icon {
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    margin-right: 10px;
}

.bloc-header .account-bloc .particulier {
    background-image: url('../images/ico-profil.svg');
}

.bloc-header .account-bloc .account-bloc-link:hover .particulier {
    background-image: url('../images/ico-profil-blue.svg');
}

.bloc-header .account-bloc .pro {
    background-image: url('../images/ico-profil-pro.svg');
}

.bloc-header .account-bloc .account-bloc-link:hover .pro {
    background-image: url('../images/ico-profil-pro-blue.svg');
}

.bloc-header .account-bloc-close {
    background: #175875;
    width: 44px;
    height: 44px;
    background: #05a1ba url(../images/close.svg) no-repeat center;
    margin: 0 0 0 auto;
}

/*RECHERCH ********************/
.bloc-header .menu-row .search-bloc {
    display: inline-block;
    float: right;
    padding: 0px;
    width: calc(50% - 93px);
    opacity: 1;
    text-shadow: none;
    font-weight: normal;
}

.detail-offre {
    padding-bottom: 60px;
    margin-bottom: 10px;
}

.detail-offre.detailOffre-custom {
    margin-bottom: 0;
    padding-bottom: 0;
}

.offre-correspond.cust_title #edit-title {
    text-align: left;
}

.offre-correspond.cust_title #edit-title h4 {
    color: #ad3965;
    font-family: 'Seravek', arial;
    font-size: 18px;
    font-weight: 800;
    text-transform: uppercase;
}

.offre-correspond.cust_title #edit-title h4 + p {
    color: #13afd0;
    display: block;
    font-family: 'Lato', arial;
    font-size: 14px;
    /*font-style: italic;*/
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: none;
    margin-bottom: 50px;
}

/*.detail-offre-page.pageOffre .detail-offre{
     padding-bottom: 0;
     margin-bottom: 0;
}
 .pageOffre .detail-offre{
     margin-bottom: 66px!important;
     padding-bottom: 50px!important;
}
*/
.pageOffre .gdbAvis .block-content {
    margin-bottom: 64px;
}

.detail-offre .img {
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
}

.detail-offre .img p {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    left: 0;
    text-align: center;
}

.detail-offre .img img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .2);
    border-radius: 100%;
    margin: auto;
    width: 200px;
    height: 200px;
}

.detail-offre .img h2 {
    margin-bottom: 40px;
}

.detail-offre .clsOrangeEdito h3, .detail-offre .clsOrangeEdito h2 a {
    color: #f9d241;
}

.detailOffre-content {
    color: #646464;
    font-size: 14px;
    line-height: 1.43;
}

.detailOffre-content h3 {
    margin: 0;
    padding-bottom: 15px;
}

.detail-offre .clsBleuEdito h3, .detail-offre .clsBleuEdito h2 a {
    color: #13afd0;
}

.detail-offre .clsVertEdito h3, .detail-offre .clsVertEdito h2 a {
    color: #A5C357;
}

.detail-offre .clsVioletEdito h3, .detail-offre .clsVioletEdito h2 a {
    color: #ad3965;
}

.detail-offre h1.title {
    color: #ad3965;
    font-size: 30px;
    font-weight: 400;
    text-transform: initial;
}

.offreItem {
}

.detail-offre .clsOrangeEdito .button > a {
    background-color: #f9d241;
}

.detail-offre .clsBleuEdito .button > a {
    background-color: #13afd0;
}

.detail-offre .clsVioletEdito .button > a {
    background-color: #ad3965;
}

.detail-offre .clsVertEdito .button > a {
    background-color: #A5C357;
}

.detail-offre .button > a {
    display: block;
    text-decoration: none;
}

.detail-offre-page .detail-offre .mon-pad {
    /*border-left: 1px #F9D241 solid;*/
    margin-top: 19px;
    padding: 0px 50px;
    padding-top: 24px;
}

.bloc-header .menu-row .search-bloc .section-trick .btn-search {
    height: 22px;
    display: inline-block;
    width: 21px;
    padding: 0;
    border: none;
    border-radius: 0;
    background: url(../images/search.svg) no-repeat;
    background-size: contain;
    background-position: top center;
    margin-left: 30px;
}

.bloc-header .menu-row .search-bloc > ul > li .btn-phone {
    position: relative;
    letter-spacing: 1px;
    padding-left: 10px;
    display: inline-block;
}

.bloc-header .menu-row .search-bloc > ul > li .btn-phone:after {
    height: 15px;
    width: 15px;
    content: "";
    position: absolute;
    background: url('../images/phone.png') no-repeat center;
    background-size: contain;
    right: -20px;
    top: 50%;
    display: inline-block;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.bloc-header .menu-row .search-bloc.search-block-form {
    display: none;
}

.bloc-header .menu-row .search-bloc.search-w100 .section-trick .btn-search {
    background: url(../assets/images/cross.svg) no-repeat;
}

.bloc-header .menu-row .search-bloc.search-w100 #st-search-desktop {
    display: block;
}

.bloc-header .menu-row .search-bloc.search-w100 > ul {
    width: 100%;
}

.bloc-header .menu-row .search-bloc input[name="query"] {
    width: 100%;
    display: block;
    outline: none;
    font-family: Lato;
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    letter-spacing: normal;
    line-height: 33px;
    text-align: left;
}

.bloc-header .menu-row .search-bloc input[name="query"]::placeholder {
    color: #4d4d4d;
}

.nice-select.open .list {
    width: 100%;
    border-radius: 0;
}

.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
    background: #ad3965;
    color: #fff;
}

.nice-select .list:hover .option:not(:hover) {
    color: inherit;
}

/*.bloc-header .menu-row .search-bloc.search-w100 ul .js-form-item input:before{
     content: 'Recherche';
     color: white;
     height: auto;
     position: static!important;
     display: inline-block;
     float: left;
     width: 40%;
     text-align: right;
     padding: 0 10px 0 30px;
     clip: initial;
     font-family: Lato;
     font-weight: 300;
     font-style: italic;
     background: #13afd0;
}
*/
#st-search-desktop .search-bar-button {
    width: 44px;
    height: 100%;
    background: #13afd0 url(../images/search2.svg) no-repeat center;
    background-size: 15px;
    font-size: 0;
    margin: 0;
    border: 0;
}

#st-search-desktop .search-title, #st-search-mobile .search-title {
    display: none;
}

#st-search-desktop .search-bar-input {
    height: 100%;
}

#st-search-desktop .search-bar-button-wrapper {
    display: flex;
}

#st-search-desktop .search-bar-input-wrapper {
    flex: 1 1 auto;
}

#st-search-desktop .search-examples, #st-search-mobile .search-examples {
    display: none;
}

#st-search-desktop .suggestion-list {
    border: none;
    border-bottom: 1px solid #d6d6d6;
    line-height: 1.5;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
    z-index: 20;
    margin-right: -44px;
}

#st-search-desktop .suggestion-list .breadcrumb, #st-search-mobile .suggestion-list .breadcrumb {
    background: transparent;
    font-size: .9em;
    opacity: .7;
}

#st-search-desktop .suggestion-list .highlight, #st-search-mobile .suggestion-list .highlight {
    color: unset;
    font-weight: 700;
}

#st-search-desktop .suggestion-list .highlight {
    background-color: rgba(34, 177, 205, .1);
}

#st-search-mobile .suggestion-list .highlight {
    background-color: rgba(34, 177, 205, .15);
}

#st-search-desktop .suggestion-list > li {
    border-left: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6;
    border-bottom: 0;
}

#st-search-desktop .suggestion-list > li a {
    color: #175875;
    font-size: 13px;
    padding: 14px 20px;
    background-color: white;
}

#st-search-desktop .suggestion-list > li a:hover {
    background-color: #F0F0F0
}

#st-search-desktop {
    display: none;
}

#st-search-desktop .search-bar-container {
    display: flex;
    height: 44px;
}

.section-trick {
    position: relative;
    color: #4d4d4d;
    font-family: Lato;
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    letter-spacing: normal;
    line-height: 33px;
    text-align: left;
}

/* Search Smart Tribune */
html #STSSFAQ-content {
    position: unset;
    background: unset;
    width: unset;
    padding: unset;
}

html #stssfaq-loader, html #stssfaq-messageError {
    display: none !important
}

html .suggestion-list > li {
    padding: 0;
    float: none;
    display: block;
}

html .suggestion-list > li:hover {
    opacity: unset;
}

/* Fin Search Smart Tribune */
/*FIN RECHERCH ********************/
.bloc-header .menu-row .search-bloc > ul > li {
    padding: 0 10px;
    color: #fff;
    height: 44px;
    line-height: 44px;
    width: 30%;
    position: relative;
}

.bloc-header .menu-row .search-bloc .section-trick {
    text-align: center;
    cursor: pointer;
}

.bloc-header .menu-row .search-bloc > ul > li:last-child {
    width: 35%;
    background-color: #13afd0;
    float: right;
    height: auto;
    z-index: 3;
    transition: z-index .15s linear 0s;
}

.bloc-header .menu-row .search-bloc > ul > li:last-child.is-hidden {
    z-index: 0;
    transition-delay: .15s;
}

.bloc-header .menu-row .search-bloc > ul > li:nth-child(1) {
    width: auto;
    text-align: center;
}

.bloc-header .menu-row .search-bloc > ul > li:last-child a {
    color: #fff;
    position: relative;
    text-align: center;
    transition: opacity .2s linear .4s;
}

.bloc-header .menu-row .search-bloc > ul > li:last-child.is-hidden a {
    opacity: 0;
    transition-delay: 0s;
}

.bloc-header .menu-row .search-bloc > ul > li:last-child a:hover {
    background: none;
}

.bloc-header .menu-row .search-bloc > ul > li .fa-circle:before {
    display: none !important;
}

.bloc-header .menu-row .search-bloc > ul > li .fa-circle {
    background: #7ed321;
    width: 7px;
    height: 7px;
    display: inline-block;
    border-radius: 100%;
    float: none;
    opacity: 1;
    position: relative;
    top: -1px;
    margin-right: -2px;
}

.bloc-header .menu-row .search-bloc > ul > li .fa-circle.close {
    background: #F00;
}

.bloc-header .menu-row .search-bloc > ul > li .fa-phone {
    margin-left: 10px;
}

/*.bloc-header .menu-row .search-bloc > ul > li a {
    */
/* padding: 0;
    */
/*
}
*/
.page-wrapper {
    /* max-width: 1440px;
     */
    /* margin: auto;
     */
}

.pageContent-item .contact-page-single {
    padding: 35px 109px;
    background-color: #fff;
    margin-bottom: 10px;
}

/* .menu-wrapper {
     */
/* max-width: 1440px;
     */
/* margin: auto;
     */
/*
}
 */
.bloc-header .sub-menu-row {
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
    background-color: #fff;
}

.bloc-header .sub-menu-row li a, .bloc-header .sub-menu-row li .menu-text {
    color: #707070;
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-transform: lowercase;
}

.bloc-header .sub-menu-row li.active a, .bloc-header .sub-menu-row li.active > span {
    opacity: 1;
}

.bloc-header li a:hover {
    text-decoration: none;
    color: #175875;
    background-color: #fff;
}

.bloc-header li .sub-menu-row ul .navigation__item {
    padding: 7px 25px;
    height: 100%;
}

/*.bloc-header li .sub-menu-row ul .navigation__item:hover a, .bloc-header li .sub-menu-row ul .navigation__item:hover span {*/
/*    opacity: 1 !important;*/
/*    font-weight: 800;*/
/*    z-index: 1;*/
/*}*/
.bloc-header li .sub-menu-row .menu-part-left {
    display: flex;
    flex-direction: row;
    max-width: none;
}

.bloc-header li .sub-menu-row > li, .bloc-header li .sub-menu-row > li .menu-wrapper {
    display: block;
    width: 100%;
    float: none;
    clear: both;
    position: relative;
}

.bloc-header li .sub-menu-row .menu-part-right {
    display: inline-block;
    max-width: none;
    height: 100%;
}

.bloc-header .sub-menu-row .menu-particuliers {
    /*background-color: red;
    */
}

.bloc-header .sub-menu-row .menu-professionnels {
    /*background-color: green;
    */
}

.bloc-header ul {
    margin: 0;
}

.bloc-header .sub-menu-row ul {
    display: block;
}

.testbe {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #13afd0;
    height: auto;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

/*hover *************/
/* Underline From Center */
.line-center-hover {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
}

.line-center-hover:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #13afd0;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.line-center-hover:hover:before, .line-center-hover:focus:before, .line-center-hover:active:before {
    left: 0;
    right: 0;
}

/*.bloc-header li .sub-menu-row ul .navigation__item:hover .sous-sub-menu {*/
/*    left: 0;*/
/*    right: 0;*/
/*    transition-delay: 0s;*/
/*    z-index: 1;*/
/*}*/
.bloc-header li .sub-menu-row ul .navigation__item .sous-sub-menu li a {
    opacity: 0;
    transition: opacity .2s linear;
    line-height: 1.3;
    height: 100%;
    align-self: center;
    display: flex;
    align-items: center;
    padding: 0;
}

/*.bloc-header li .sub-menu-row ul .navigation__item:hover .sous-sub-menu li a {*/
/*    opacity: 1;*/
/*    position: relative;*/
/*    padding-right: 0;*/
/*    font-weight: 500;*/
/*    z-index: 1;*/
/*}*/
.bloc-header .sous-sub-menu li {
    padding: 15px 25px;
}

.bloc-header .parent-menu-particuliers .menu-part-left .sous-sub-menu li > a:before {
    width: 40px;
    height: 25px;
    margin-bottom: 12px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    flex-shrink: 0;
}

/*PARTICULIER **************/
/*PARTICULIER **************/
.bloc-header .sous-sub-menu {
    position: absolute;
    top: 58px;
    left: 50%;
    right: 50%;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    overflow: hidden;
    transition-delay: .1s;
    border-top: 2px #13afd0 solid;
}

.bloc-header .sous-sub-menu > ul {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    height: 80px;
    line-height: 80px;
    background: white;
}

.bloc-header .parent-menu-particuliers ul .navigation__item:nth-child(1) .sous-sub-menu {
    left: 8%;
    right: 92%;
}

.bloc-header .parent-menu-particuliers ul .navigation__item:nth-child(2) .sous-sub-menu {
    left: 24%;
    right: 77%;
}

.bloc-header .sous-sub-menu li a {
    color: #175875;
    font-size: 15px;
    text-transform: initial;
    opacity: 1;
    font-weight: 500;
    padding: 0 0 0 16px;
}

.bloc-header li .sub-menu-row .sous-sub-menu ul .navigation__item {
    border-bottom: 1px #f6f6f6 solid;
    height: 78px;
    overflow: hidden;
    padding: 20px 1.25%;
    width: 16.66%;
}

.bloc-header li .sub-menu-row .sous-sub-menu ul .navigation__item:nth-child(4) {
    margin-left: auto;
}

.bloc-header li .sub-menu-row .sous-sub-menu ul .navigation__item:nth-child(4) a, .bloc-header li .sub-menu-row .sous-sub-menu ul .navigation__item:nth-child(5) a {
    color: #8C8C8C;
}

.bloc-header li .sub-menu-row .menu-part-left .navigation__item:nth-child(2) .sous-sub-menu ul .navigation__item:nth-child(6) a {
    padding-left: 0;
    text-align: center;
}

/*PAGE CONTACT*/
.webform-contact #block-etech-content {
    display: block;
    width: 100%;
}

.contact-page-single.nws-letter .form-item label {
    font-size: 14px;
    font-weight: 400;
}

.contact-page-single.nws-letter .w75 {
    float: none;
    clear: both;
}

.contact-page-single #faq-suggestions {
    width: 66%;
    right: 0;
    margin-top: 10px;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
    border: 1px solid #F0F0F0;
    background: white;
    z-index: 2;
    max-width: none;
}

.contact-page-single #faq-suggestions > p, .contact-page-single #faq-suggestions ul a {
    padding: 14px 18px;
    background: white;
    position: relative;
    font-weight: 500;
    border: none;
}

.contact-page-single #faq-suggestions > p {
    color: #13afd0;
    font-size: 12px;
    border-bottom: 2px solid #f0f0f0;
}

.contact-page-single #faq-suggestions > p > span {
    float: right;
    color: #13afd0;
    font-weight: 500;
    font-size: 16px;
    margin: -15px -6px 0 0;
    padding: 10px;
    cursor: pointer;
}

.contact-page-single #faq-suggestions ul {
    /*padding: 5px 0;
    */
}

.contact-page-single #faq-suggestions ul a {
    color: #ad3965;
    background-color: white;
    font-size: 14px;
    font-weight: 500;
    padding: 14px 18px;
}

.contact-page-single #faq-suggestions ul li a:hover {
    background-color: #ad3965;
    color: white;
}

.contact-page-single .captcha {
    margin: 50px auto 25px;
}

.contact-page-single .form-item label.form-required, .custome-radio > legend, .contact-page-single .form-item-phone label {
    position: relative;
    display: inline-block;
    height: 40px;
    line-height: 49px;
}

.contact-page-single .form-item label.form-required:after, .instruction:after, .custome-radio > legend:after {
    position: absolute;
    content: '*';
    display: inline-block;
    color: #13afd0;
    padding-left: 6px;
}

.messageContainer .instruction:after {
    padding: 0px;
}

.messageContainer .form-item-instru {
    padding-left: 10px;
}

/*FORMULAIRE VALIDATOR ***********************/
.validator {
    position: relative;
}

.contact-page-single .form-item input + .error:before {
    display: block;
    width: 44px;
    height: 44px;
    position: absolute;
    right: 0;
    content: '';
    bottom: 20px;
    background: url(../images/no-check.svg) no-repeat center;
}

.contact-page-single .form-item input.valid {
    background: url(../images/check.svg) no-repeat;
    background-position: 100% 16px;
}

.contact-page-single .form-item input.valid[type="tel"] {
    background: url(../images/check.svg) no-repeat;
    background-position: 100% 16px;
}

.contact-page-single .form-item input[data-webform-required-error="Veuillez cocher "] + .error:before, .contact-page-single .form-item textarea + .error:before {
    background: none;
}

.contact-page-single .form-item input[data-webform-required-error="Veuillez cocher "] + .error {
    background: none;
    text-align: left;
}

.contact-page-single .js-form-type-webform-document-file .description, .contact-page-single .js-form-type-managed-file .description {
    width: 34%;
    padding-right: 30px;
    font-weight: 500;
    font-size: 12px;
    line-height: 1.5;
    color: #ad3965;
}

.contact-page-single .js-form-type-webform-document-file .file--text, .contact-page-single .js-form-type-managed-file .file--text {
    color: #ad3965;
    font-weight: 800;
    font-size: 16px;
}

.contact-page-single .js-form-type-webform-document-file [name*="remove_button"], .contact-page-single .js-form-type-managed-file [name*="remove_button"] {
    font-size: 12px;
    color: white;
    font-weight: 400;
    order: -1;
    height: 40px;
    line-height: normal;
    margin: 10px 0;
}

.contact-page-single .js-form-type-webform-document-file .form-managed-file, .contact-page-single .js-form-type-managed-file .form-managed-file {
    display: flex;
    flex-direction: column-reverse;
    width: 66%;
    float: right;
}

.contact-page-single .js-form-type-webform-document-file .messages--error, .contact-page-single .js-form-type-managed-file .messages--error {
    font-style: italic;
    font-size: 14px;
    padding-top: 10px;
    color: #FF4343;
}

/*.validator input.when-check + em{
     background: url(../images/check.svg) no-repeat center;
}
 .validator input.not-check + em{
     background: url(../images/no-check.svg) no-repeat center;
}
*/
.contact-page-single .form-item .intl-tel-input + .form-item--error-message, .contact-page-single .form-item select + .error, .contact-page-single .form-item input + .error, .contact-page-single .form-item textarea + .error, .contact-page-single .form-item .erreur, .contact-page-single .g-recaptcha .erreur, .telechargerOffre .erreur {
    color: #FF4343;
    font-size: 16px;
    font-style: italic;
    font-weight: 500;
    min-height: 1px;
    line-height: normal;
    height: auto;
    text-align: right;
    position: relative;
    display: block;
    width: auto;
    clear: both;
    float: none;
}

textarea.error, .contact-page-single .form-item input.error {
    color: #FF4343;
    font-size: 16px;
    font-style: italic;
    font-weight: 500;
    border-color: #FF4343 !important;
}

.contact-page-single .form-item input.when-check {
    position: relative;
}

.contact-page-single .form-item input.when-check:after {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    /*background: url(../images/check.svg) no-repeat;
    */
    background-color: red;
    background-position: 0 0;
    position: absolute;
}

/*FORMULAIRE VALIDATOR ***********************/
.contact-page-single .table-element .custome-radio legend {
    width: 32%;
    float: left;
}

.contact-page-single .table-element .form-item input {
    border-bottom-color: #B4B4B4;
    color: #B4B4B4;
}

.contact-page-single .table-element .form-item input.error {
    border-bottom-color: #ff4343;
    color: #ff4343;
}

.contact-page-single .form-item input, .contact-page-single .form-item .allow-dropdown, .contact-page-single .form-item select, .contact-page-single .js-form-type-textarea > div, .custome-radio legend + .fieldset-wrapper, .contact-page-single .form-item label, .contact-page-single .form-item legend, .custome-radio > legend, .contact-page-single .nice-select, .instruction {
    color: #ad3965;
    font-weight: 800;
    font-size: 16px;
}

.custome-radio > legend + .fieldset-wrapper > .js-webform-radios {
    /* margin-left: 30px;
     */
}

.my-sidebare h3 {
    margin-bottom: 23px;
}

.webform-confirmation .webform-confirmation__message {
    text-align: center;
    padding: 15px;
    font-size: 18px;
    color: #8c8c8c;
    margin: 25px auto;
    max-width: 90%;
    width: 100%;
    font-style: italic;
}

.webform-confirmation {
    background: #fff;
    padding: 25px;
}

.titre-nivo-2, .pageOffre .views-field-field-sous-titre-sas-energ {
    display: block;
}

.titre-nivo-2 {
    /*border-left: 1px solid #f9d241;*/
    max-width: 80%;
    padding-left: 0;
}

.contact-page-single .form-item input, .contact-page-single .form-item .allow-dropdown, .contact-page-single .form-item .nice-select, .contact-page-single .js-form-type-textarea > div, .contact-page-single .w75, .custome-radio legend + .fieldset-wrapper, .custome-radio label + .webform-options-display-one-column, .webform-contact .contact-page-single .nice-select.error {
    width: 66%;
    float: right;
    min-height: 33px;
    border-radius: 0;
}

.custome-radio label + .webform-options-display-one-column {
    min-height: unset;
}

.webform-contact .contact-page-single .nice-select.error {
    line-height: 37px;
    min-height: 40px;
}

.contact-page-single .form-item.js-form-item-phone input, .contact-page-single .js-form-type-textarea > div > textarea {
    color: #B4B4B4;
    border-bottom: 1px #B4B4B4 solid;
}

.contact-page-single .form-item.js-form-item-phone input {
    font-style: italic;
    font-weight: 500;
}

.contact-page-single .form-item .nice-select {
    clear: initial;
    border: none;
    border-radius: 0;
    background: #e3e3e3;
}

.contact-page-single .nice-select:after {
    width: 7px;
    height: 7px;
    border-color: #ad3965;
    border-width: 1px;
}

.contact-page-single .w75 {
    padding: 25px 0;
    position: relative;
}

.instruction {
    position: absolute;
    /* top: 0;
     */
    top: 45%;
    /* left: -52%;
     */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.contact-page-single .form-item .allow-dropdown {
    position: relative;
}

.contact-page-single .form-item .allow-dropdown input {
    width: 100%;
    padding: 0;
}

.contact-page-single .js-form-type-textarea > div > textarea {
    color: #ad3965;
    font-weight: 800;
    font-size: 16px;
    height: 168px;
    resize: none;
    width: 100%;
    overflow: hidden;
}

textarea.form-textarea {
    background: transparent;
    border: none;
    font-size: 12px;
    resize: none;
    outline: none !important;
    box-shadow: none !important;
}

textarea.form-textarea::placeholder {
    color: #DCDCDC;
    font-weight: 400;
}

textarea.form-textarea:-ms-input-placeholder {
    color: #DCDCDC;
    font-weight: 400;
}

textarea.form-textarea:-moz-placeholder {
    color: #DCDCDC;
    font-weight: 400;
}

textarea.form-textarea::-webkit-input-placeholder {
    color: #DCDCDC;
    font-weight: 400;
}

.contact-page-single .form-item .allow-dropdown .flag-container {
    left: auto;
    right: 0;
}

.contact-page-single .form-item {
    margin-bottom: 20px;
    float: none;
    clear: both;
    width: 100%;
    display: table;
    position: relative;
}

.contact-page-single #edit-instru.form-item {
    font-size: 14px;
    font-weight: 300;
    font-family: Lato;
    font-style: italic;
}

.contact-page-single input, .contact-page-single select, .contact-page-single textarea {
    border: none;
    border-bottom: 1px #ad3965 solid;
    outline: none;
}

.contact-page-single input[type="checkbox"], .contact-page-single input[type="radio"] {
    width: auto;
}

.contact-page-single .icone-title h3 {
    position: relative;
}

.contact-page-single .icone-title h3:before {
    display: block;
    width: 30px;
    height: 30px;
    margin-left: auto;
    margin-bottom: 10px;
    content: '';
    position: static;
    background-color: #f00;
}

.contact-page-single #edit-by-email.icone-title.fly h3:before {
    margin-left: 0;
    background: url(../images/fly.svg) no-repeat center;
    background-size: contain;
}

.contact-page-single .icone-title.phone h3:before {
    background: url(../images/phone.svg) no-repeat center;
    background-size: contain;
}

.contact-page-single .icone-title.map h3:before {
    background: url(../images/map.svg) no-repeat center;
    background-size: contain;
}

/*CUSTUM CHECKBOX *****************/
.contact-page-single .form-item.js-form-type-checkbox label.inline .contact-page-single .form-item.js-form-type-checkbox label {
    /* width: auto;
     */
    /* float: none;
     */
}

.contact-page-single .form-item.js-form-type-checkbox label.form-required, .contact-page-single .form-item.js-form-type-checkbox label.inline {
    /* display: inline-block;
     */
    line-height: 26px;
    display: inline-block;
    /* float: left;
     */
    /* width: 90%;
     */
}

.webform-newsletter_registration .contact-page-single .form-item.js-form-type-checkbox label.inline {
    padding-left: 0;
}

.contact-page-single .form-item.js-form-type-checkbox label.inline {
    /* display: -webkit-box;
     */
    /* display: -ms-flexbox;
     */
    /* display: flex;
     */
    display: block;
    position: relative;
    padding-left: 35px;
    margin: 0px;
    font-weight: 500;
    font-size: 12px;
    line-height: 1.5;
}

.contact-page-single .form-item.js-form-type-checkbox input {
    width: auto;
    float: left;
    min-height: 1px;
    height: 22px;
    margin-right: 10px;
}

/*FIN CUSTUM CHECKBOX *****************/
.cust_checkbox {
    /* padding-left: 25px;
     */
    /* position: relative;
     */
    /* background-color: transparent;
     */
    /* border: none;
     */
    /* display: inline-block;
     */
    /* float: left;
     */
    /* outline: none!important;
     */
    /* -webkit-appearance: none;
     */
    display: none;
}

.cust_checkbox:before {
    content: "";
    position: absolute;
    height: 24px;
    width: 24px;
    top: 15px;
    left: 0;
    margin: -7px 0 0;
    border: 1px solid #ad3965;
    border-radius: 0;
}

.cust_checkbox.active:before {
    background-size: 15px;
}

input[type="checkbox"]:checked + .option:after {
    background: url(../images/check.svg) no-repeat center;
    content: "";
    display: inline-block;
    height: 11px;
    width: 11px;
    position: absolute;
    left: 5px;
    top: 6px;
    background-size: contain;
}

.js-form-type-checkbox .option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.js-form-type-checkbox .option:before {
    content: " ";
    border: 1px solid #ad3965;
    display: inline-block;
    height: 20px;
    margin-right: 22px;
    width: 20px;
    min-width: 20px;
    /* position: absolute;
     */
    /* left: -32px;
     */
    left: 1px;
    top: 2px;
}

.webform-contact .js-form-type-checkbox .option:before {
    position: absolute;
}

.nws-letter .js-form-type-checkbox .option:before {
    position: static;
    vertical-align: middle;
}

.nws-letter .form-item {
    padding: 0px 20px;
}

.newslettrerRegistration input[type="checkbox"] {
    display: none;
}

.newslettrerRegistration .form-item--error-message {
    color: #ff4343;
    font-size: 16px;
    font-style: italic;
    text-align: right;
    width: 100%;
    right: 18px;
}

.newslettrerRegistration .form-item--error-message:before {
    content: "";
    display: inline-block;
    width: 25%;
}

/*.js-form-type-checkbox.form-item-rgpd .option:before */
.contact-page-single .form-submit, .btn-submit-gaz, .detail-offre .button > a {
    width: 100%;
    background: #ad3965 url(../images/submit-go.svg) no-repeat;
    text-align: left;
    color: #fff;
    padding: 10px;
    background-position: 98% 16px;
    margin: 25px 0;
    height: 45px;
    line-height: 45px;
    padding: 0 15px;
    text-transform: uppercase;
}

.detail-offre .button > a, .btn-submit-gaz {
    display: block;
    text-transform: inherit;
}

.btn-submit-gaz:hover {
    /*color: #fff;*/
    /*background-color: #13afd0;*/
}

.detail-offre .mon-pad {
    padding: 25px 50px;
}

.contact-page-single .table-element {
    padding: 30px;
    background-color: #F0F0F0;
    margin-bottom: 30px;
}

.contact-page-single .table-element input {
    background-color: #F0F0F0;
}

.contact-page-single .table1 {
    display: inline-block !important;
    padding: 10px 30px;
    position: relative;
}

.contact-page-single .table1 .checkboxes--wrapper > .contact-page-single .js-form-item-client-number input, .contact-page-single .intl-tel-input input {
    color: #B4B4B4;
    border-color: #B4B4B4;
    font-weight: 500;
    font-family: Lato;
    font-style: italic;
}

.contact-page-single .js-form-item-client-number input::placeholder, .contact-page-single .intl-tel-input input::placeholder {
    color: #B4B4B4;
}

/*RADIO **************/
.custome-radio .js-webform-radios.active:before {
    background-color: #be8ab3 !important;
}

.custome-radio .js-webform-radios > .js-form-item:first-child label:after, .custome-radio .js-webform-radios > .js-form-item:last-child label:before {
    content: "";
    color: #0000;
    font-size: 0px;
    /*position: absolute;
    */
    width: 22px;
    min-width: 22px;
    height: 22px;
    background-color: #fff;
    /*display: block;
    */
    display: inline-block;
    /*z-index: -1;
    */
    transition: all .2s cubic-bezier(.68, -.55, .265, 1.55);
    border-radius: 18px;
    /*top: -2px;
    */
    line-height: normal;
    border: 1px #ad3965 solid;
    font-size: 0 !important;
    color: #0000;
    /* position: relative;
     */
}

.custome-radio .js-webform-radios > .js-form-item:first-child label:after {
    /* left: 15px;
     */
    margin-left: 14px;
}

.custome-radio .js-webform-radios > .js-form-item:last-child label:before {
    /* right: 15px;
     */
    margin-right: 14px;
}

.bgwhite {
    padding: 60px 0 35px;
    background: #fff;
}

.custome-radio .js-webform-radios input {
    min-height: 1px;
    width: 100%;
    left: 0px;
    opacity: 0;
    cursor: pointer;
}

.custome-radio input[type="radio"] {
    display: none;
}

/* .custome-radio .js-webform-radios input[value="Yes"] + label, .custome-radio .js-webform-radios input[value="Oui"] + label{
     left: -3px;
}
 .custome-radio .js-webform-radios input[value="Non"] + label, .custome-radio .js-webform-radios input[value="No"] + label{
     left: 10px;
     opacity: 0.5;
}
*/
/*.custome-radio > legend + .fieldset-wrapper > .js-webform-radios{
     position: relative;
}
*/
.contact-page-single .custome-radio .js-webform-radios > .js-form-item label, .contact-page-single .custome-radio .js-webform-radios {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
}

.custome-radio .js-webform-radios > .js-form-item label {
    /*position: absolute;
    */
}

.custome-radio .js-webform-radios > .js-form-item:first-child {
    /* left: -20px;
     */
}

.custome-radio .js-webform-radios > .js-form-item:last-child {
    /* right: -22px;
     */
}

.custome-radio input[type="radio"] + label:before, .custome-radio input[type="radio"] + label:after {
    opacity: 0;
}

.custome-radio .js-webform-radios > .js-form-item:first-child input[type="radio"]:checked + label:after, .custome-radio .js-webform-radios > .js-form-item:last-child input[type="radio"]:checked + label:before {
    opacity: 1;
}

.custome-radio input[type="radio"] + label {
    color: #B4B4B4;
    opacity: 0.5;
}

.custome-radio input[type="radio"]:checked + label {
    color: #ad3965;
    opacity: 1;
}

/*.custome-radio .js-webform-radios > .js-form-item:last-child label:after{
     content: 'Non';
     font-size: 14px;
     color: #B4B4B4;
     left: 65px;
     position: absolute;
     top: 2px;
     opacity: 0.5;
}
*/
/* .custome-radio input[type="radio"] + label {
     position: relative;
}
 .custome-radio .js-webform-radios > .js-form-item:first-child label {
     left: 5px;
}
 .custome-radio .js-webform-radios > .js-form-item:first-child label:before{
     content: 'Oui';
     font-size: 14px;
     left: -30px;
     position: absolute;
     top: 2px;
     color: #ad3965;
}
 .custome-radio .js-webform-radios > .js-form-item:first-child label:before {
}
 .custome-radio input[value="Yes"]:checked + label, .custome-radio input[value="Oui"]:checked + label{
     transform: translateX(0px);
     z-index: 1;
}
 .custome-radio input[value="Non"]:checked + label, .custome-radio input[value="No"]:checked + label{
     left: 8px;
     transform: translateX(0px);
     z-index: 1;
}
*/
.custome-radio .js-webform-radios {
    background: none !important;
    margin-top: 16px;
    position: relative;
}

.custome-radio .js-webform-radios:before {
    content: "";
    display: inline-block;
    position: absolute;
    /*display: block;
    */
    width: 60px;
    background: #d7d6d6;
    height: 25px;
    /* position: relative;
     */
    padding: 0 5px;
    border-radius: 15px;
    left: 38px;
    top: -1px;
    /* margin-top: 15px;
     */
}

.custome-radio .js-webform-radios .form-item {
    display: inline-block;
    /*float: left;
    */
    clear: inherit;
    /*margin: 5px 0;
    */
    margin: 0px;
    /*width: 50%;
    */
    position: relative;
    width: 74px;
    z-index: 1;
}

.custome-radio .js-webform-radios .form-item:nth-child(1) {
    border-radius: 6px 0px 0px 6px;
}

.custome-radio .js-webform-radios .form-item:nth-child(2) {
    border-radius: 0px 6px 6px 0;
}

h1 {
    font-family: Seravek;
    font-size: 40px;
    font-weight: 800;
    font-style: italic;
    color: #ad3965;
}

h3.sous-titre, h2.sous-titre, .comparateur .paragraph > div h2, header h4, header .sous-titre {
    color: #13afd0;
    font-weight: 500;
    font-family: Lato;
    font-style: italic;
    text-transform: initial !important;
}

.comparateur .paragraph > div h2 {
    font-size: 14px;
    text-transform: none;
    margin-bottom: 40px;
}

.comparateur .paragraph a {
    padding: 15px;
    margin: 15px 0;
    display: table;
    width: auto;
    text-transform: uppercase;
    color: #fff;
    background: #ad3965;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
}

/*.titreComparerOffre {
     max-width: 1240px;
     margin: auto;
     padding: 15px;
     background: #fff;
}
*/
.mx-auto.comparateur, .mx-auto.vue-aide, .mx-auto.titreSurtitre {
    /*max-width: 1240px;*/
    background: #fff;
    /* padding: 50px;
     */
    margin-bottom: 0;
}

.wrapper-title {
    display: block;
    float: none;
    clear: both;
    margin-bottom: 50px;
}

.offre {
    display: block;
    float: none;
    clear: both;
    background-color: #fff;
    padding: 0 85px;
    max-width: 1240px;
    margin: auto;
    position: relative;
}

.offre .card-body .list-unstyled {
    height: auto !important;
}

.offre.sas-offres .card-body .list-unstyled {
    height: 160px !important;
}

.offre .absolute.alert p {
    color: #175875;
    position: relative;
    display: inline-block;
    margin: 0px;
    vertical-align: middle;
}

.offre .absolute.alert {
    width: calc(100% - 50px);
    position: absolute;
    left: 0;
    /* bottom: -12px;
     */
    top: calc(100% + 16px);
    border: none;
    background-color: #F9D241;
    right: 0;
    margin: auto;
    border-radius: 0;
    padding: 18px 10px;
    color: #175875;
    display: none;
    font-size: 14px;
    font-family: Lato;
    font-weight: 400;
}

.offre .absolute.alert .icon {
    content: "";
    display: inline-block;
    width: 23px;
    height: 23px;
    background: url(../images/ico-info.svg) no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-right: 15px;
}

.princing-item .active + .absolute.alert {
    display: block;
}

/* .princing-item .absolute.alert:before{
     */
.princing-item-liste .thumbnail:after {
    content: "";
    display: block;
    height: 20px;
    border-width: 10px;
    border-style: solid;
    border-left-color: #F9D241;
    border-right-color: transparent;
    border-top-color: transparent;
    border-bottom-color: #F9D241;
    margin: auto;
    /* margin-top: 25px;
         */
    /* position: relative;
         */
    position: absolute;
    left: 50%;
    width: 15px;
    top: calc(100% + 12px);
    opacity: 0;
    /* display: none;
         */
}

.princing-item:hover .alert.alert-warning, .princing-item:hover:after {
    display: block;
}

.offre-slide-resp {
    flex-wrap: nowrap;
}

/* .offre-slide-resp > .princing-item:first-child .absolute.alert:before{
         */
/* left: 15.5%;
         */
/*
    }
     */
/* .offre-slide-resp > .princing-item:nth-child(2) .absolute.alert:before{
         */
/* left: 49.5%;
         */
/*
    }
     */
/* .offre-slide-resp > .princing-item:last-child .absolute.alert:before{
         */
/* left: 83.5%;
         */
/*
    }
     */
.princing-item .thumbnail.active:after {
    /*content: '';
         display: block;
         width: 40px;
         height: 40px;
         background-color: red;
        */
}

.princing-item.princing-item-liste {
    padding-left: 10px;
    padding-right: 10px;
}

.princing-item .thumbnail:after {
    /* display: none;
         */
}

.princing-item:hover .thumbnail.card:after {
    opacity: 1;
}

#block-blocksimulateurlistedesoffresapresrecherchesurapi .princing-item .thumbnail.card:after {
    display: none;
}

.rejet-p .mx-auto, .rejet-p .block-wrapper {
    padding-left: 0;
    padding-right: 0;
}

.pageOffre .faq-hp-wrapper .block-content {
    border-color: #fff;
}

/*AVANTAGE *****************/
.pageOffre footer .avantages {
    margin-bottom: 68px;
    padding-bottom: 0;
}

.pageOffre .avantages {
    margin-bottom: 0;
}

/*.pageOffre .detailOffre-custom .detail-offre:after{
         height: 165px;
    }
    */
.pageOffre .detailOffre-custom footer .avantages {
    margin-bottom: 0;
    padding-top: 84px;
}

.pageOffre .avantages .block-title {
    padding: 50px 0 30px;
    text-align: center;
}

.pageOffre .views-field-field-sous-titre-sas-energ {
    margin-bottom: 50px;
}

.pageOffre .gdbAvis .block-content {
    border-top: 0;
    position: relative;
}

.pageOffre .gdbAvis .block-content:after {
    background: url(../images/slash-bg-left.svg) center -2px no-repeat;
    background-size: cover;
    content: "";
    display: block;
    height: 60px;
    position: absolute;
    width: 100%;
    left: 0;
}

.detail-offre-page .gSlash-left:after {
    margin-top: -1px;
}

.pageOffre .gSlash-left:after {
    height: 63px;
    background-size: 103%;
    margin-top: -1px;
}

.pageOffre .gSlash-left:after, .pageOffre .gSlash-right:after {
}

.pageOffre footer .avantages:after, .detail-offre-page .pageContent .newsLetter-webForm:after {
    background: url(../images/slash-bg-left.svg) center -2px no-repeat;
    background-size: cover;
    content: "";
    display: block;
    height: 60px;
    position: absolute;
    width: 100%;
    left: 0;
}

.pageOffre .avantages .liste {
    padding-bottom: 55px;
}

.pageOffre .newsLetter h4 {
    margin-bottom: 40px;
}

.avantages header {
    margin-bottom: 50px;
    text-align: center;
}

.detail-offre-page .avantages header {
    text-align: left;
    padding-left: 37px;
}

.avantages .liste .field-content {
    font-weight: 500;
    font-size: 16px;
    font-style: italic;
    color: #13afd0;
    font-family: lato;
}

.block-reassurance .views-row .aticle img, .article .field-content img {
    height: 47px;
    width: auto;
    margin: auto;
}

.block-reassurance .block-title, .block-reassurance h3, .avantages .liste h3 > a, .avantages .liste h3, .comparateur .paragraph > div {
    color: #ad3965;
    font-size: 18px;
    font-weight: 800;
    text-transform: uppercase;
    padding: 15px 0;
    display: block;
}

.block-reassurance .block-title {
    padding: 20px 28px;
}

/*WYSIWYG *****************/
.pageOffre .wysiwigPage.paragraph h2, .node-editorial .wysiwigPage.paragraph h2, .offre .offre-wys h2 {
    font-size: 30px;
    font-weight: 800;
    font-style: italic;
    color: #ad3965;
    text-align: center;
    font-family: Seravek;
    text-transform: uppercase;
    margin: 25px 0 50px;
}

.node-editorial .paragraph.par-contentType-image-1 {
    margin-bottom: 50px;
}

div.cross-content {
    margin: 10px auto;
}

.node-editorial .cross-content .block {
    padding: 0px 50px;
}

.pageOffre .wysiwigPage.paragraph h3 + p, .pageOffre .wysiwigPage.paragraph h2 + p, .node-editorial .wysiwigPage.paragraph h2 + p, .node-editorial .wysiwigPage.paragraph h3 + p {
    color: #13afd0;
    font-family: Lato;
    font-size: 15px;
    font-weight: 400;
}

.pageOffre .wysiwigPage.paragraph a, .pageOffre .wysiwigPage.paragraph a, .node-editorial .wysiwigPage.paragraph a, .node-editorial .wysiwigPage.paragraph a {
    text-decoration: underline !important;
    color: inherit;
}

.wysiwigPage em, .wysiwigPage i, .wysiwigPage strong, .wysiwigPage b, .offre .offre-wys em, .offre .offre-wys i, .offre .offre-wys strong, .offre .offre-wys b {
    color: #ad3965 !important;
}

.pageOffre .wysiwigPage.paragraph, .node-editorial .wysiwigPage.paragraph, .offre .offre-wys {
    font-family: Lato;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.pageOffre .wysiwigPage.paragraph p, .pageOffre .wysiwigPage.paragraph li, .pageOffre .wysiwigPage.paragraph td, .offre .offre-wys p, .offre .offre-wys li, .offre .offre-wys td, .offre .offre-wys strong, .pageOffre .wysiwigPage.paragraph strong, .node-editorial .wysiwigPage.paragraph p, .node-editorial .wysiwigPage.paragraph li, .node-editorial .wysiwigPage.paragraph td, .node-editorial .wysiwigPage.paragraph strong {
    color: #646464;
    font-size: 15px;
    font-family: inherit;
    line-height: 30px;
}

.pageOffre .wysiwigPage.paragraph strong, .node-editorial .wysiwigPage.paragraph strong {
    font-weight: 800;
    color: #ad3965;
}

.pageOffre .wysiwigPage.paragraph h3, .pageOffre .wysiwigPage.paragraph h3 > strong, .pageOffre .wysiwigPage.paragraph h4, .pageOffre .wysiwigPage.paragraph h4 > strong, .pageOffre .wysiwigPage.paragraph h5, .pageOffre .wysiwigPage.paragraph h5 > strong, .pageOffre .wysiwigPage.paragraph h6, .pageOffre .wysiwigPage.paragraph h6 > strong, .offre .offre-wys h3, .offre .offre-wys h3 > strong, .offre .offre-wys h4, .offre .offre-wys h4 > strong, .offre .offre-wys h5, .offre .offre-wys h5 > strong, .offre .offre-wys h6, .offre .offre-wys h6 > strong, .node-editorial .wysiwigPage.paragraph h3, .node-editorial .wysiwigPage.paragraph h3 > strong, .node-editorial .wysiwigPage.paragraph h4, .node-editorial .wysiwigPage.paragraph h4 > strong, .node-editorial .wysiwigPage.paragraph h5, .node-editorial .wysiwigPage.paragraph h5 > strong, .node-editorial .wysiwigPage.paragraph h6, .node-editorial .wysiwigPage.paragraph h6 > strong {
    margin: 50px 0;
    text-transform: uppercase;
    color: #ad3965;
    font-weight: 800;
    font-family: Seravek;
}

/*.pageOffre .wysiwigPage.paragraph h3, .pageOffre .wysiwigPage.paragraph h3 > strong, .node-editorial .wysiwigPage.paragraph h3, .node-editorial .wysiwigPage.paragraph h3 > strong{
         font-size: 24px;
         font-style: italic;
         text-align: center;
    }
    */
.pageOffre .wysiwigPage.paragraph h3, .pageOffre .wysiwigPage.paragraph h3 > strong, .pageOffre .wysiwigpage.paragraph h4, .pageOffre .wysiwigPage.paragraph h4 > strong, .pageOffre .wysiwigpage.paragraph h5, .pageOffre .wysiwigPage.paragraph h5 > strong, .pageOffre .wysiwigpage.paragraph h6, .pageOffre .wysiwigPage.paragraph h6 > strong, .node-editorial .wysiwigPage.paragraph h3, .node-editorial .wysiwigPage.paragraph h3 > strong, .node-editorial .wysiwigPage.paragraph h4, .node-editorial .wysiwigPage.paragraph h4 > strong, .node-editorial .wysiwigPage.paragraph h5, .node-editorial .wysiwigPage.paragraph h5 > strong, .node-editorial .wysiwigPage.paragraph h6, .node-editorial .wysiwigPage.paragraph h6 > strong, .offre .offre-wys h3, .offre .offre-wys h3 > strong, .offre .offre-wys h4, .offre .offre-wys h4 > strong, .offre .offre-wys h5, .offre .offre-wys h5 > strong, .offre .offre-wys h6, .offre .offre-wys h6 > strong {
    font-size: 18px;
    text-align: left;
}

.content-simple .wysiwigPage.paragraph ul li, .pageOffre .wysiwigPage.paragraph ul li, .pageOffre .wysiwigPage.paragraph ol li, .pageOffre .wysiwigPage.paragraph p, .offre .offre-wys ul li, .offre .offre-wys ol li, .offre .offre-wys p, .node-editorial .wysiwigPage.paragraph ul li, .content-simple .wysiwigPage.paragraph ol li, .node-editorial .wysiwigPage.paragraph ol li, .node-editorial .wysiwigPage.paragraph p {
    position: relative;
    padding-left: 65px;
    font-size: 15px;
}

.content-simple .wysiwigPage.paragraph ul, .pageOffre .wysiwigPage.paragraph ul, .pageOffre .wysiwigPage.paragraph ol, .pageOffre .wysiwigPage.paragraph p, .offre .offre-wys ul, .offre .offre-wys ol, .offre .offre-wys p, .node-editorial .wysiwigPage.paragraph ul, .content-simple .wysiwigPage.paragraph ol, .node-editorial .wysiwigPage.paragraph ol, .node-editorial .wysiwigPage.paragraph p {
    /*border-left: 1px #F9D241 solid !important;*/
}

.pageOffre .wysiwigPage.paragraph p, .node-editorial .wysiwigPage.paragraph p, .offre .offre-wys p {
    padding-left: 50px;
    padding-bottom: 10px;
    margin-bottom: 0;
}

.pageOffre .wysiwigPage.paragraph ul, .node-editorial .wysiwigPage.paragraph ul, .offre .offre-wys ul {
    margin-bottom: 0;
    padding-bottom: 25px;
}

.pageOffre .wysiwigPage.paragraph p:first-child, .node-editorial .wysiwigPage.paragraph p:first-child {
    /*color: red;
        */
}

.content-simple .wysiwigPage.paragraph ul li, .pageOffre .wysiwigPage.paragraph ul li, .content-simple .wysiwigPage.paragraph ol li, .pageOffre .wysiwigPage.paragraph ol li, .offre .offre-wys ul li, .offre .offre-wys ol li, .node-editorial .wysiwigPage.paragraph ul li, .node-editorial .wysiwigPage.paragraph ol li {
    /*padding-left: 150px;*/
    /*padding-bottom: 25px;*/
}

.content-simple .wysiwigPage.paragraph ul li:before, .pageOffre .wysiwigPage.paragraph ul li:before, .node-editorial .wysiwigPage.paragraph ul li:before, .offre .offre-wys ul li:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    background-color: #ad3965;
    border-radius: 8px;
    position: absolute;
    /*left: 75px;*/
    top: 50%;
    /*transform: translateY(calc(-50% - 20px));*/
    bottom: 0;
    margin: auto;
}

.pageOffre .wysiwigPage.paragraph blockquote, .node-editorial .wysiwigPage.paragraph blockquote .offre .offre-wys blockquote {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
}

/*.wysiwigPage ol li{
         list-style: decimal;
    }
     */
.content-simple .wysiwigPage.paragraph ol, .pageOffre .wysiwigPage.paragraph ol, .node-editorial .wysiwigPage.paragraph ol, .offre .offre-wys ol {
    counter-reset: repas;
}

/* on initialise et nomme un compteur */
.content-simple .wysiwigPage.paragraph ol li, .pageOffre .wysiwigPage.paragraph ol li, .node-editorial .wysiwigPage.paragraph ol li, .offre .offre-wys ol li {
    list-style-type: none;
    counter-increment: repas;
    /* on incrémente le compteur à chaque nouveau li */
}

.content-simple .wysiwigPage.paragraph ol li:before, .pageOffre .wysiwigPage.paragraph ol li:before, .node-editorial .wysiwigPage.paragraph ol li:before, .offre .offre-wys ol li:before {
    content: counter(repas);
    margin-right: 8px;
    vertical-align: middle;
    -moz-border-radius: 60px;
    border-radius: 60px;
    font-weight: bold;
    font-size: 0.8em;
    color: #ad3965;
    font-size: 25px;
    position: absolute;
    left: 72px;
    top: 50%;
    transform: translateY(calc(-50% - 8px));
    display: block;
    height: 30px;
    margin: auto;
    font-family: Seravek;
    font-style: italic;
    font-weight: 800;
}

.node-editorial .imageSliderSlick > .visually-hidden + div button.slick-next.slick-arrow:before {
    transform: rotate(180deg);
    background: url(../images/arPrev-white.svg) no-repeat center;
}

/*FIN WYSIWYG *****************/
/*RADIO **************/
h1 {
    color: #ad3965;
    text-transform: uppercase;
    font-weight: 800;
    text-align: center;
}

/* Popoup promo */
.modalPromo .modal-dialog {
    max-width: 100%;
}

.modalPromo .modal-content {
    background: -webkit-gradient(linear, right top, left top, from(#ad3965), to(#66adde));
    background: -webkit-linear-gradient(right, #ad3965, #66adde);
    background: -o-linear-gradient(right, #ad3965, #66adde);
    background: linear-gradient(to left, #ad3965, #66adde);
    border: none;
    border-radius: 0;
}

.modalPromo .modal-wrapper {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    max-width: 1340px;
    padding: 14px 0px 0px;
    width: 100%;
}

.modalPromo .modal-header {
    border: none;
    position: relative;
}

.modalPromo .close {
    opacity: 1 !important;
    position: absolute;
    right: -10px;
    top: 30px;
    z-index: 1;
}

.modalPromo .close:after {
    background: #8f508d;
    content: "";
    display: inline-block;
    height: 57px;
    left: 50%;
    position: absolute;
    top: 55%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 2px;
    z-index: -1;
}

.modalPromo .logo-france {
    position: absolute;
    right: 50px;
    top: 60px;
}

.modalPromo-content > h3, .modalPromo-content > h1, .modalPromo-content strong, .modalPromo-content {
    color: #fff;
}

.modalPromo-content {
    font-family: 'Seravek', arial;
    font-size: 50px;
    /* max-width: 70%;
         */
    padding-top: 77px;
    padding-bottom: 36px;
}

.modalPromo-content > h3, .modalPromo-content h2 {
    font-size: 50px;
    font-style: italic;
    font-weight: 800;
    letter-spacing: 2px;
    line-height: 1;
    margin: 0px;
}

.modalPromo-content > h2:first-child {
    font-weight: 300;
    letter-spacing: 1px;
    padding-bottom: 25px;
}

.modalPromo-content > h1 {
    font-size: 80px;
    text-align: left;
}

.modalPromo-content > h3 {
    font-size: 30px;
}

.modalPromo-wrapper {
    padding-left: 60px;
}

.modal-backdrop {
    opacity: .6;
}

.modalPromo-wrapper .btn-wrapper {
    padding-top: 9px;
}

/* Boutons */
button {
    opacity: 1;
    outline: none;
}

.paragraph--type--bouton a:after, .content-simple .paragraph--type--push-inline a:after, .gBtn:after, .node-readmore a:after, .block div.link-wrapper a:after, .newsLetter-webForm .offre-correspond .form-submit:after {
    background: url('../images/ico-arrow-right-white.svg') no-repeat center;
    content: "";
    display: inline-block;
    height: 8px;
    width: 5px;
}

.paragraph--type--bouton a, .modalPromo-wrapper .btn-wrapper a.gBtn, .content-simple .paragraph--type--push-inline a, .node-readmore a, .block .link-wrapper a, .gBtn, .newsLetter-webForm .offre-correspond .form-submit {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 0px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.86px;
    padding: 11px 20px;
    text-decoration: none;
    text-transform: uppercase;
    text-align: left;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    width: 100%;
    border-radius: 0px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.content-simple .paragraph--type--push-inline a, .block div.link-wrapper a, .newsLetter-webForm .offre-correspond .form-submit {
    background: #ad3965;
    font-weight: 500;
    max-width: 300px;
    text-transform: none;
    text-decoration: none;
}

.gBtn.detailGoto_link:hover, .paragraph--type--bouton a:hover, .content-simple .paragraph--type--call .gBtn:hover, .modalPromo-wrapper .btn-wrapper a.gBtn:hover, .content-simple .paragraph--type--push-inline a:hover, .node-readmore a:hover, .block .link-wrapper a:hover, .gBtn:hover, .newsLetter-webForm .offre-correspond .form-submit:hover {
    /*background-color: #13afd0;*/
    /*color: #fff;*/
}

.gBtn.disabled {
    background: #E1C7DA;
}

.modalPromo-wrapper .btn-wrapper a.gBtn {
    height: auto;
    max-width: 204px;
    padding: 3px 31px;
}

.modalPromo-wrapper .btn-wrapper a.gBtn:after {
    display: none;
}

.contact-page-single .my-sidebare h3, h3.title, h3, .titreComparerOffre .par-contentType-title > div {
    color: #ad3965;
    font-size: 18px;
    font-weight: 800;
    font-family: Seravek;
    text-transform: uppercase;
}

.my-sidebare p.title, .my-sidebare h4, .my-sidebare h4 + p {
    font-style: italic;
    font-weight: 500;
    color: #ad3965;
}

.my-sidebare h4 + p + p {
    margin-bottom: 0;
}

.my-sidebare p.title > small, .my-sidebare h4 + p {
    font-size: 14px;
    display: block;
}

.my-sidebare .border-right {
    text-align: right;
    padding-right: 40px;
    border-color: #F9D241 !important;
}

.my-sidebare .desc p, .my-sidebare p > strong {
    color: #13afd0;
    font-size: 14px;
    font-style: italic;
    font-weight: 500;
}

/* Block content */
.block {
    /*margin-bottom: 10px;*/
}

.block.menu-wrapper {
    margin-bottom: 0px;
}

.block-content {
    background: #fff;
    padding: 82px 89px 52px;
    width: 100%;
    position: relative;
}

.block-wrapper .main-menu {
    /*margin-top: 32px;
        */
}

/* Title */
.block-title, .contextualized-faq .question-list-title {
    color: #ad3965;
    font-family: 'Seravek', arial;
    font-size: 18px;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 1.2;
}

.block-title .under-title, .block-title + .under-title {
    color: #13afd0;
    display: block;
    font-family: 'Lato', arial;
    font-size: 14px;
    font-style: italic;
    font-weight: 500;
    letter-spacing: 1px;
    padding-top: 10px;
    text-transform: none;
}

.block-title + .under-title {
    padding-top: 0;
}

/* Home page*/
.homePage .header-wrapper {
    margin: 0px;
}

.homePage .pageContent-full {
    padding: 0px;
}

.homePage .page-wrapper {
    max-width: 100%;
    overflow: hidden;
    position: relative;
}

.homePage .pageContent {
    padding: 0px;
    margin: 0px;
}

.homePage .top-wrapper {
    /* background: -webkit-gradient(linear, right top, left top, from(#ad3965), to(#66adde));
         */
    /* background: -webkit-linear-gradient(right, #ad3965, #66adde);
         */
    /* background: -o-linear-gradient(right, #ad3965, #66adde);
         */
    /* background: linear-gradient(to left, #ad3965, #66adde);
         */
    /*margin-bottom: -284px;
        */
    position: relative;
    z-index: 2;
}

.homePage .top-wrapper:before {
    /*background: -webkit-gradient(linear, right top, left top, from(#ad3965), to(#66adde));
        */
    /*background: -webkit-linear-gradient(right, #ad3965, #66adde);
        */
    /*background: -o-linear-gradient(right, #ad3965, #66adde);
        */
    /*background: linear-gradient(to left, #ad3965, #66adde);
        */
    /*bottom: 0;
        */
    /*content: "";
        */
    /*left: 0;
        */
    /*opacity: 0.8;
        */
    /*position: absolute;
        */
    /*right: 0;
        */
    /*top: 0;
        */
}

.homePage .top-wrapper:after {
    background: url('../images/slash-header-bottom.svg') no-repeat center;
    background-size: cover;
    bottom: 0px;
    content: " ";
    display: block;
    height: 150px;
    position: relative;
    z-index: 1;
    /* position: absolute;
         */
    /* bottom: 0;
         */
    /* width: 100%;
         */
    /* z-index: 0;
         */
    /* border-bottom: 150px solid #F0F0F0;
         */
    /* border-top: 0px solid transparent;
         */
    /* border-right: 99vw solid transparent;
         */
}

.header-wrapper-home {
    margin: auto;
    max-width: 1870px;
    /*padding-top: 76px;*/
}

.headerWrapperHome-content {
    margin: auto;
    max-width: 1440px;
    padding: 0px 50px;
}

.homePage .headerWrapperHome-content {
    padding-bottom: 99px;
}

.mise-en-avant-item img {
    transition: transform .2s ease;
}

.mise-en-avant-item:hover img {
    transform: scale(1.2);
}

.link.left {
    border-bottom: 3px solid #66adde;
}

.link.left .link_text {
    color: #66adde;
}

.link.right {
    border-bottom: 3px solid #ad3965;
}

.link.right .link_text {
    color: #ad3965;
}

.topContainer-bg {
    bottom: -250px;
    height: 660px;
    position: absolute;
    right: -254px;
    width: 734px;
    z-index: -1;
}

.uPadding {
    padding: 0px 100px;
}

.reference-wrapper {
    background: #fff;
    border-top: 3px solid #ad3965;
    padding-left: 80px;
    padding-right: 80px;
}

.mise-en-avant-item > div:last-child {
    color: #13afd0;
    font-size: 12.3px;
    font-weight: 500;
    font-style: italic;
    letter-spacing: 0.88px;
}

.mise-en-avant-item img {
    height: 45px;
}

.mise-en-avant-item span {
    font-family: 'Seravek', arial;
    font-size: 15.8px;
    font-weight: 800;
    margin: 0px;
    padding: 23px 20px 12px;
    text-transform: uppercase;
    word-break: break-word;
    color: #ad3965;
    display: block;
}

/* Reassurance client*/
.reassuranceLinks-wrapper {
    padding-bottom: 73px;
    padding-top: 50px;
}

.paragraph--type--lien-2 > div, .linkType, .reassuranceLinks-wrapper > div {
    border-bottom: 3px solid #f0f0f0;
}

.paragraph--type--lien-2 > div > div, .linkType .link-wrapper, .reassuranceLinks-center > div {
    padding: 30px 0px 22px;
    width: 50%;
}

.paragraph--type--lien-2 > div > div:last-child, .linkType > .link-wrapper:last-child, .reassuranceLinks-center > div:last-child {
    text-align: right;
}

.paragraph--type--lien-2 > div > div:last-child:before, .linkType > .link-wrapper:last-child:before, .reassuranceLinks-center > div:last-child:before {
    bottom: -3px;
    content: "";
    height: 3px;
    position: absolute;
}

.paragraph--type--lien-2 > div > div:last-child:before, .linkType > .link-wrapper:last-child:before, .reassuranceLinks-center > div:last-child:before {
    background: -webkit-gradient(linear, left top, right top, from(#ad3965), to(#66adde));
    background: -webkit-linear-gradient(left, #ad3965, #66adde);
    background: -o-linear-gradient(left, #ad3965, #66adde);
    background: linear-gradient(to right, #ad3965, #66adde);
    left: 0px;
    max-width: 300px;
    width: 100%;
    z-index: 1;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.reassuranceLinks-center > div:last-child:after {
    background: #f0f0f0;
    left: 50%;
    max-width: 1023px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
}

.reassuranceLinks-center a {
    color: #ad3965;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.paragraph--type--lien-2 > div > div:last-child a, .reassuranceLinks-center > div:last-child a {
    color: #66adde;
    font-weight: 400;
}

.paragraph--type--lien-2 > div > div:first-child a:before, .paragraph--type--lien-2 > div > div:last-child a:after, .linkType > div.link-wrapper:first-child a:before, .linkType > div.link-wrapper:last-child a:after, .reassuranceLinks-center > div:first-child a:before, .reassuranceLinks-center > div:last-child a:after {
    content: " ";
    display: inline-block;
    height: 6px;
    vertical-align: middle;
    width: 21px;
}

.paragraph--type--lien-2 > div > div:last-child a:after, .reassuranceLinks-center > div:last-child a:after {
    background: url('../images/icon-arrow-long-left.svg') no-repeat center;
    margin-left: 16px;
}

.paragraph--type--lien-2 > div > div:first-child a:before, .linkType > div.link-wrapper:first-child a:before, .reassuranceLinks-center > div:first-child a:before {
    background: url('../images/icon-arrow-long-right.svg') no-repeat center;
    margin-right: 16px;
}

.paragraph--type--lien-2 > div > div:last-child:hover a, .reassuranceLinks-center > div:last-child:hover a {
    font-weight: 800;
}

.paragraph--type--lien-2 > div > div:last-child:hover:before, .reassuranceLinks-center > div:last-child:hover:before {
    left: calc(100% - 300px);
}

.reassurance-links:after {
}

.gSlash-left:after, .gSlash-right:after {
    background-size: cover;
    content: "";
    display: block;
    height: 60px;
}

.gSlash-left:after {
    /* border-bottom: 0px solid transparent;
         */
    /* border-top: 60px solid #fff;
         */
    /* border-right: 1240px solid transparent;
         */
    background: url('../images/slash-bg-left.svg') no-repeat center -2px;
}

.gSlash-right:after {
    background: url('../images/slash-bg-right.svg') no-repeat center -2px;
}

.homePage .pageContent-item {
    /* top: -240px;
         */
}

.homePage .breadcrumb-wrapper {
    display: none;
}

.reassurance-client {
    /*margin-bottom: -320px;
        */
    z-index: 3;
}

.reassurance-client > div:first-child {
    /*display: none;
        */
}

.gdbAvis {
    margin-top: -200px;
    position: relative;
}

.gdbAvis .block-content {
    border-top: 3px solid #db692c;
}

.gdbAvis {
    margin-bottom: 0px;
    z-index: 2;
}

.gdbAvis .block-title {
    margin-bottom: 52px;
}

.gdbAvis .widget-body {
    padding: 0px;
}

.all-avis-link .gBtn {
    max-width: 155px !important;
    margin-left: auto;
}

.all-avis-link .gBtn:hover {
    background: none;
}

/*.avis-verifies {
        */
/* position: absolute;
        */
/* right: 190px;
        */
/* top: 50px;
        */
/* z-index: 11;
        */
/*
    }
    */
/*.avis-verifies div {
        */
/* position: static !important;
        */
/* height: auto !important;
        */
/*
    }
    */
.pageOffre .avis-verifies {
    position: relative;
    top: 0;
    right: 0;
}

.detail-offre-page .avis-verifies {
    position: relative;
    right: 0px;
    top: -16px;
}

.detail-offre-page .gdbAvis .avis-verifies {
    position: absolute;
    top: 51px;
    right: 90px;
}

.detailOffre-top {
    padding-bottom: 62px;
}

.gBtn.detailGoto_link {
    /* background: #ad3965;
         */
    color: #fff;
    font-size: 14px;
    padding: 21px 33px;
}

.detail-offre .clsBleuEdito .gBtn.detailGoto_link {
    /*background: #13afd0;*/
}

.detail-offre .clsVertEdito .gBtn.detailGoto_link {
    /*background: #12a984;*/
}

.detail-offre .clsVioletEdito .gBtn.detailGoto_link {
    /*background: #ad3965;*/
}

.detail-offre .clsOrangeEdito .gBtn.detailGoto_link {
    /*background: #f9d241;*/
}

.offreItem .btn-wrapper {
    padding-top: 68px;
}

.detail-offre .avis-verifies {
    /* top: -32px;
         */
}

.detail-offre-page .all-avis-link .gBtn {
    margin-left: 0px;
}

.bloc_avis1 > div > div > div > div {
    z-index: 1001;
}

.avis-verifies > div > div > div > img, .avis-verifies > div > div > div > div:nth-child(7), .avis-verifies > div > div > div > div:nth-child(8) {
    display: none ! important;
}

.avis-verifies > div > div > div > div {
    color: #ad3965 !important;
    font-family: 'Lato', arial;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 1px;
    font-style: italic;
    display: none;
}

.avis-verifies > div > div > div > div:last-child {
    bottom: 73px !important;
}

.gdbNational {
    margin-bottom: -245px;
    z-index: 1;
}

.gdbNational .block-content:after, .gdbNational:after {
    background: url('../images/bg-avis.svg') no-repeat left -10px;
    bottom: 0px;
    content: "";
    display: inline-block;
    height: 302px;
    position: absolute;
    right: 14%;
    width: 480px;
}

.gdbNational .block-content:after {
    display: none;
}

.gdbNational .block-title {
    padding-bottom: 35px;
}

.gdbNational .block-content-wrapper {
    /*border-left: 1px solid #f9d241;*/
    padding-left: 0;
}

.gdbNational .block-content {
    padding-top: 60px;
}

.gdbSlider {
    color: #fff;
}

.gdbSlider > div {
    position: relative;
}

.gdbSlider > div:before {
    bottom: 0;
    content: "";
    position: absolute;
    left: 0;
    opacity: 0.8;
    right: 0;
    top: 0;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    z-index: 1;
}

.gdbSlider > div.degrade-jaune:before {
    background: -webkit-gradient(linear, right top, left top, from(#db692c), to(#f9d241));
    background: -webkit-linear-gradient(right, #db692c, #f9d241);
    background: -o-linear-gradient(right, #db692c, #f9d241);
    background: linear-gradient(to left, #db692c, #f9d241);
}

.gdbSlider > div.degrade-vert:before {
    background: -webkit-gradient(linear, right top, left top, from(#a5c357), to(#68a2d5));
    background: -webkit-linear-gradient(right, #a5c357, #68a2d5);
    background: -o-linear-gradient(right, #a5c357, #68a2d5);
    background: linear-gradient(to left, #a5c357, #68a2d5);
}

.gdbSlider > div.degrade-violet:before {
    background: -webkit-gradient(linear, right top, left top, from(#ad3965), to(#66adde));
    background: -webkit-linear-gradient(right, #ad3965, #66adde);
    background: -o-linear-gradient(right, #ad3965, #66adde);
    background: linear-gradient(to left, #ad3965, #66adde);
}

.gdbSlider .block {
    margin: 0px;
}

.gdbSlider .block-wrapper {
    padding-bottom: 60px;
    padding-top: 178px;
    z-index: 2;
}

.gdbSlider .slide-block.left {
    width: 60%;
}

.gdbSlider .slide-block.right {
    width: 40%;
}

.gdbSlider .slide-block.right > * {
    margin-left: 38px;
    opacity: 0;
}

.gdbSlider.init .slide-block.right > * {
    opacity: 1;
}

.gdbSlider .slick-slider {
    outline: none;
}

.gdbSlider .titre {
    font-family: 'Seravek', arial;
    font-size: 40px;
    font-style: italic;
    font-weight: 800;
    letter-spacing: 4px;
    line-height: 46px;
    padding-top: 28px;
    text-transform: uppercase;
}

.gdbSlider .sur-titre {
    font-size: 30px;
    font-style: italic;
    font-weight: 300;
    letter-spacing: 3px;
    color: white;
}

.gdbSlider .texte-en-gras {
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 1.14px;
    color: white;
    margin-bottom: 0;
    display: inline-block;
}

.gdbSlider .texte-courant {
    font-size: 14px;
    font-style: italic;
    font-weight: 500;
    line-height: 1.13;
    letter-spacing: 1px;
    padding-top: 18px;
}

.gdbSlider .slideBlock-bottom {
    border-left: 1px solid #fff;
    margin-top: 49px;
    padding-left: 44px;
}

.gdbSlider .slide-content {
    padding-bottom: 68px;
}

.slide-content .link-play {
    background: url('../images/ico-play.svg') no-repeat center;
    font-size: 0px;
    height: 40px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    width: 68px;
}

.gdbSlider .bg-container {
    bottom: 48px;
    content: "";
    left: 10%;
    opacity: 0;
    position: absolute;
    height: 570px;
    width: 600px;
}

.gdbSlider .legende-wrapper {
    bottom: 149px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    left: 95px;
    text-align: right;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 161px;
}

.gdbSlider .legende {
    width: 91px;
}

.gdbSlider .legende-wrapper:after {
    content: "";
    display: inline-block;
    width: 50px;
    height: 1px;
    background: #fff;
    margin-left: 16px;
}

.gdbSlider .legende-wrapper.no-legend:after {
    display: none;
}

.gdbSlider.init .bg-container {
    opacity: 1;
}

.position-foreground .bg-container {
    z-index: 2;
}

.position-background .bg-container {
    z-index: 0;
}

.gdbSliderBg-wrapper {
    padding: 210px 0px 150px;
    -webkit-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out;
}

.actu-hp-wrapper:after, .actu-hp-wrapper:before, .gdbContact:before, .gdbContact:after, .gdbSliderBg-wrapper:before, .gdbSliderBg-wrapper:after {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
}

.gdbSliderBg-wrapper:before {
    background: url('../images/slash-slide-top.svg') no-repeat center;
    background-size: cover;
    height: 285px;
    top: 0;
    z-index: 1;
}

.gdbSliderBg-wrapper:after {
    background: url('../images/slash-slide-bottom.svg') no-repeat center;
    background-size: cover;
    bottom: 0;
    height: 95px;
    z-index: 1;
}

.gdbSlider .link-wrapper {
    padding-top: 35px;
}

.gdbSlider .slick-list {
    padding: 0px !important;
}

.gdbSlider div.link-wrapper a {
    background: rgba(255, 255, 255, 0.1);
    max-width: 200px;
}

.gdbSlider .slick-dots {
    text-align: center;
}

.gdbSlider .slick-dots li {
    display: inline-block;
}

.gdbSlider .slick-dots li.slick-active button {
    background: #fff;
}

.gdbSlider .slick-dots button {
    background: none;
    border: 1px solid #fff;
    border-radius: 50%;
    font-size: 0px;
    height: 7px;
    margin: 0px 7px;
    outline: none;
    padding: 0px;
    width: 7px;
}

.gdbSlider .btn-slick {
    border: none;
    outline: none;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.gdbSlider .btn-slick.btn-slick-left {
    background: none;
    left: -6px;
    padding: 0px;
}

.gdbSlider .btn-slick.btn-slick-right {
    background: none;
    right: -6px;
    padding: 0px;
}

.gdbSlider .btn-slick-right {
    right: 16px;
}

.gdbSlider .arrow:before, .gdbSlider .btn-slick-right:after {
    content: "";
}

.gdbSlider .arrow:before {
    display: inline-block;
    height: 18.8px;
    vertical-align: middle;
    width: 10px;
}

.gdbSlider .arrow {
    display: inline-block;
    height: 80px;
    line-height: 80px;
}

.gdbSlider .btn-slick-left .arrow {
    padding-left: 0px;
    padding-right: 25px;
}

.gdbSlider .btn-slick-right .arrow:after, .gdbSlider .btn-slick-left .arrow:after {
    content: "";
    display: inline-block;
    height: 80px;
    position: absolute;
    width: 2px;
    z-index: -1;
}

.gdbSlider .btn-slick-left .arrow:after {
    background: #f4cc62;
    left: 5px;
}

.gdbSlider .btn-slick-right .arrow:after {
    background: #e39156;
    right: 5px;
}

.gdbSlider .degrade-vert .btn-slick-right .arrow:after {
    background: #acc885;
}

.gdbSlider .degrade-vert .btn-slick-left .arrow:after {
    background: #8bb6cc;
}

.gdbSlider .degrade-violet .btn-slick-right .arrow:after {
    background: #a370a1;
}

.gdbSlider .degrade-violet .btn-slick-left .arrow:after {
    background: #87add6;
}

.gdbSlider .btn-slick-right .arrow {
    padding-left: 27px;
    padding-right: 0px;
}

body.forVimeo .page-wrapper {
    -webkit-filter: blur(5px);
    filter: blur(5px);
}

.modal-backdrop.forVimeo {
    background: #fff;
    opacity: 0.2;
}

.gdbSlider .btn-slick-left .arrow:before {
    background: url('../images/ico-slide-arrow-left.svg') no-repeat center;
    background-size: contain;
}

.gdbSlider .btn-slick-right .arrow:before {
    background: url('../images/ico-slide-arrow-right.svg') no-repeat center;
    background-size: contain;
}

/* animate text*/
.animate-text {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-name: animate-text;
    animation-name: animate-text;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes animate-text {
    from {
        left: 38px;
        opacity: 0;
    }
    to {
        left: 0px;
        opacity: 1;
    }
}

@keyframes animate-text {
    from {
        left: 38px;
        opacity: 0;
    }
    to {
        left: 0px;
        opacity: 1;
    }
}

/* animate bg */
.animate-bg {
    -webkit-animation-name: animate-bg;
    -webkit-animation-duration: 0.3s;
    animation-name: animate-bg;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    animation-duration: 0.3s;
}

.animate-bg-hide {
    -webkit-animation-name: animate-bg-hide;
    -webkit-animation-duration: 0.3s;
    animation-name: animate-bg-hide;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    animation-duration: 0.3s;
}

@-webkit-keyframes animate-bg {
    from {
        left: 7%;
        opacity: 0;
    }
    to {
        left: 10%;
        opacity: 1;
    }
}

@keyframes animate-bg {
    from {
        left: 7%;
        opacity: 0;
    }
    to {
        left: 10%;
        opacity: 1;
    }
}

@-webkit-keyframes animate-bg-hide {
    from {
        left: 10%;
        opacity: 1;
    }
    to {
        left: 7%;
        opacity: 0;
    }
}

@keyframes animate-bg-hide {
    from {
        left: 10%;
        opacity: 1;
    }
    to {
        left: 7%;
        opacity: 0;
    }
}

.btn-slick .content {
    background: #fff;
    background-size: cover;
    background-position: center;
    color: #ad3965;
    /* font-size: 0px;
         */
    font-weight: 600;
    /* height: 100px;
         */
    margin: 0px;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    opacity: 0;
    padding: 10px;
    width: 120px;
}

.btn-slick .content.no-image {
    font-size: 12px;
    height: auto;
}

.btn-slick-right .arrow:hover + .content, .btn-slick-left .arrow:hover + .content {
    opacity: 1;
}

.btn-slick .text {
    color: #db692c;
    display: block;
    font-family: 'Seravek', arial;
    /* font-size: 0px;
         */
    font-style: italic;
    padding-top: 7px;
    text-transform: uppercase;
}

.btn-slick .visuel {
    background-size: cover;
    height: 60px;
}

.btn-slick .no-image .visuel {
    height: 0px;
}

.btn-slick .no-image .text {
    margin: 0px;
}

.btn-slick .no-image .text {
    font-size: 12px;
}

.gdbContact .block-content {
    background: transparent;
    padding-bottom: 100px;
    padding-top: 190px;
}

.gdbContact {
    /* background: -webkit-gradient(linear, left top, right top, from(#6c3a86), to(#ad3965));
         */
    /* background: -webkit-linear-gradient(left, #6c3a86, #ad3965);
         */
    /* background: -o-linear-gradient(left, #6c3a86, #ad3965);
         */
    /* background: linear-gradient(to right, #6c3a86, #ad3965);
         */
    color: #fff;
    margin-top: -184px;
    padding: 86px 0px 211px;
}

.gdbContact .block:after {
    background: -webkit-gradient(linear, left top, right top, from(#6c3a86), to(#ad3965));
    background: -webkit-linear-gradient(left, #6c3a86, #ad3965);
    background: -o-linear-gradient(left, #6c3a86, #ad3965);
    background: linear-gradient(to right, #6c3a86, #ad3965);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.8;
    z-index: -1;
}

.pageOffre .gdbContact .block:after {
    background: -webkit-gradient(linear, left top, right top, from(#66ADDE), to(#ad3965));
    background: -webkit-linear-gradient(left, #66ADDE, #ad3965);
    background: -o-linear-gradient(left, #66ADDE, #ad3965);
    background: linear-gradient(to right, #66ADDE, #ad3965);
}

.gdbContact .block-wrapper {
    z-index: 1;
}

.gdbContact:before {
    background: url('../images/slash-contact-top.svg') no-repeat center;
    background-size: cover;
    height: 26px;
    top: 0px;
}

.gdbContact:after {
    background: url('../images/slash-contact-bottom.svg') no-repeat center;
    background-size: cover;
    height: 110px;
    bottom: 0px;
}

.gdbContact .text {
    color: #fff;
    font-size: 13px;
    font-style: italic;
    letter-spacing: 0.5px;
    margin: 0px;
    pointer-events: none;
}

.gdbContact .address {
    display: block;
    font-size: 12px;
    font-style: normal;
    line-height: 14px;
    padding-top: 11px;
}

.gdbContact .block-left .ico {
    padding-right: 30px;
}

.gdbContact .block-right .ico {
    padding-left: 30px;
}

.gdbContact .item {
    padding-bottom: 67px;
    width: 300px;
}

.gdbContact div.link-wrapper a {
    background: rgba(255, 255, 255, 0.1);
    padding: 16px 20px;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: uppercase;
}

.gdbContact div.link-wrapper a:after {
    display: none;
}

.gdbContact .link-wrapper {
    padding-top: 21px;
}

.gdbContact .link-phone {
    color: #fff;
    font-family: 'Seravek', arial;
    font-size: 40px;
    font-weight: 300;
    font-style: italic;
    text-decoration: none;
}

.gdbContact .block-right .item > p.text {
    font-size: 14px;
    font-weight: 300;
}

.gdbContact .time {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
}

.gdbContact .block-title .under-title, .gdbContact .block-title {
    color: #fff;
}

.gdbContact .block-title {
    padding-bottom: 65px;
    display: block;
}

.gdbContact .block-bg {
    bottom: 265px;
    height: 380px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 730px;
    z-index: -2;
}

#block-bloccontact2.gdbContact .block-bg {
    bottom: 386px;
}

.gdbContact .contact-name {
    bottom: 139px;
    font-size: 12px;
    font-style: italic;
    font-weight: 300;
    letter-spacing: 0.7px;
    position: absolute;
    /* left: 70%;
         */
    right: 25px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.gdbContact .contact-name:before {
    background: #fff;
    content: "";
    display: inline-block;
    height: 1px;
    margin-right: 15px;
    opacity: 0.6;
    width: 70px;
    vertical-align: middle;
}

.gdbContact .contact-name p {
    margin: 0px;
}

.actu-hp-wrapper {
    background: -webkit-gradient(linear, left top, right top, from(#68a2d5), to(#a5c357));
    background: -webkit-linear-gradient(left, #68a2d5, #a5c357);
    background: -o-linear-gradient(left, #68a2d5, #a5c357);
    background: linear-gradient(to right, #68a2d5, #a5c357);
    margin-bottom: -196px;
    padding: 135px 0px;
}

.actu-hp-wrapper .block-content {
    background: transparent;
    color: #fff;
    padding-top: 0px;
}

.actu-hp-wrapper .block-title {
    color: #fff;
    font-family: 'Lato', arial;
    font-size: 30px;
    font-style: italic;
    font-weight: 300;
    letter-spacing: 3px;
    text-transform: none;
    padding-bottom: 53px;
    padding-left: 48px;
    display: block;
}

.actu-hp-wrapper .block-title .under-title {
    color: #fff;
    font-family: 'Seravek';
    font-size: 30px;
    font-style: italic;
    font-weight: 800;
    line-height: 37px;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.actu-hp-wrapper h3 {
    font-family: 'Seravek', arial;
    font-size: 18px;
    font-weight: 800;
    text-transform: uppercase;
    color: white;
}

.actu-hp-wrapper .date {
    font-style: italic;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 2px;
}

.actu-hp-wrapper .date + div {
    font-size: 14px;
    font-style: italic;
    line-height: 1.71;
    letter-spacing: 1px;
    padding-top: 25px;
}

.actu-hp-wrapper .views-row {
    border-left: 1px solid #fff;
    padding-left: 40px;
    padding-right: 82px;
    width: 50%;
}

.actu-hp-wrapper .node-readmore a {
    max-width: 200px;
    text-transform: none;
}

.actu-hp-wrapper .node-readmore {
    padding-top: 36px;
}

.actu-hp-wrapper .gBtn {
    background: none;
    font-size: 14px;
    font-weight: 300;
    max-width: 208px;
    padding: 0px 20px;
    padding-left: 0px;
    text-transform: none;
}

.all-actuality-link {
    border-left: 1px solid #fff;
    padding-left: 40px;
    line-height: 14px;
    margin-top: 52px;
}

.actu-hp-wrapper:before {
    background: url('../images/slash-new-top.svg') no-repeat center;
    background-size: cover;
    top: 0px;
    height: 63px;
}

.actu-hp-wrapper:after {
    background: url('../images/slash-new-bottom.svg') no-repeat center;
    /* background-size: cover;
         */
    bottom: 0px;
    height: 75px;
}

.actu-hp-wrapper .block-wrapper {
    padding-top: 135px;
    padding-bottom: 71px;
}

.faq-hp-wrapper {
    z-index: 2;
}

.faq-hp-wrapper .block-content {
    border-top: 3px solid #66adde;
    padding-bottom: 22px;
}

.faq-hp-wrapper .all-actuality-link, .go-to-faq-link-wrapper {
    margin-top: 15px;
    padding-left: 0px;
}

.btn-row:after, .go-to-faq-link:after {
    content: '';
    background: url(../images/ico-arrow-right-purple.svg) no-repeat center;
    width: 25px;
    height: 25px;
    display: inline-block;
    margin-bottom: -8px;
}

.all-avis-link .gBtn, .faq-hp-wrapper .gBtn, .go-to-faq-link, .btn-row {
    color: #ad3965;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 1px;
    max-width: 180px;
    padding: 0;
    text-transform: none;
}

.all-avis-link .gBtn:after, .faq-hp-wrapper .gBtn:after, .go-to-faq-link:after, .btn-row:after {
    background: url('../images/ico-arrow-right-purple.svg') no-repeat center;
}

.faq-hp-wrapper .gBtn:hover {
    background: none;
}

.faq-hp-wrapper div.link-wrapper a, .contextualized-faq .st-faq-context-root .question-item-title {
    background: none;
    color: #ad3965;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: 0px;
    max-width: 100%;
    padding: 0 23px;
    display: inline-block;
    position: relative;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
}

.contextualized-faq .st-faq-context-root .question-list {
    display: grid;
    grid-template-columns: repeat(2, 50%);
}

.contextualized-faq .st-faq-context-root .question-item-button {
    -webkit-appearance: none;
    border: none;
    background: none;
    outline: none;
    text-align: left;
}

.contextualized-faq .st-faq-context-root .question-item-link {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.contextualized-faq .st-faq-context-root .response-header {
    position: relative;
}

.faq-hp-wrapper div.link-wrapper a:hover, .contextualized-faq .st-faq-context-root .response-header:hover .question-item-title {
    background: none;
    color: #13afd0;
}

.faq-hp-wrapper div.link-wrapper a:after, .contextualized-faq .st-faq-context-root .question-item-title:after {
    display: none;
}

.faq-hp-wrapper div.link-wrapper a:before, .contextualized-faq .st-faq-context-root .question-item-title:before {
    background: url(../images/ico-arrow-right-yellow.svg) no-repeat center;
    content: "";
    display: inline-block;
    height: 8px;
    width: 5px;
    position: absolute;
    top: 10px;
    left: 0;
}

.faq-hp-wrapper div.link-wrapper, .contextualized-faq .question-list-item {
    display: inline-block !important;
    padding-bottom: 24px;
}

.faq-hp-wrapper .block-title, .contextualized-faq .question-list-title {
    padding-bottom: 43px;
    display: block;
    margin-bottom: 0;
}

/* Gabarit */
.content-simple .paragraph {
    padding: 0px 89px;
}

.content-simple .paragraph.wysiwigPage a:hover {
    color: #ad3965;
    text-decoration: underline;
}

.paragraph-canvas .pageContent-wrapper, .paragraph-canvas .pageContent {
    padding: 0px 50px;
}

.homePage .paragraph-canvas .pageContent, .homePage .paragraph-canvas .pageContent-wrapper {
    padding: 0;
}

.homePage .paragraph-canvas .pageContent {
    max-width: 100%;
}

.homePage .paragraph-canvas .pageContent-wrapper {
    border: none;
}

.paragraph-canvas .header-wrapper-home {
    /*padding: 64px 0px 0px;*/
}

.homePage .paragraph-canvas .header-wrapper-home {
    /*padding: 64px 0px 0px;*/
}

.newsLetter-text a:hover, .homePage .gBtn:hover, .go-to-faq-link:hover {
    text-decoration: underline;
}

.paragraph-canvas .header-wrapper {
    margin: 0px;
    position: fixed;
    z-index: 200;
    top: 0px;
    transition: 0.3s;
}

.paragraph-canvas .header-wrapper.down {
    margin-top: -5px;
}

.search-block-form input[type='search']::placeholder {
    color: #13afd0;
    text-align: center;
}

input[type=search]:-ms-input-placeholder, input[type=search]:-moz-input-placeholder, input[type=search]::-webkit-input-placeholder, input[type=search]::placeholder {
    color: #fff;
}

.paragraph-canvas .pageContent {
    margin: auto;
    max-width: 1440px;
}

.paragraph-canvas .pageContent-wrapper {
    /*border: 1px solid #fff;*/
    /*border-bottom: 0;*/
}

.pageOffre .pageContent-wrapper {
    border-bottom: none;
}

.par-contentType-title {
}

.paragraph-canvas .paragraph--type---wysiwyg-, .paragraph-canvas .wysiwigPage p:first-child {
    color: #646464;
    margin: 0px;
}

.paragraph-canvas .paragraph.wysiwigPage {
    display: inline-block;
    padding-bottom: 80px;
    width: 100%;
}

.paragraph-canvas .paragraph.wysiwigPage img {
    max-width: 100%;
    height: auto;
}

.paragraph-canvas .paragraph.wysiwigPage p {
    margin-bottom: 69px;
}

.paragraph-canvas .paragraph.wysiwigPage p + * {
    margin-top: -69px;
    padding-top: 69px;
}

.paragraph-canvas .paragraph.wysiwigPage div > p:first-child em, .paragraph-canvas .paragraph.wysiwigPage div > p:first-child strong, .paragraph-canvas .paragraph.wysiwigPage div > p:first-child {
    color: #13afd0 !important;
}

.paragraph-canvas .paragraph--type---wysiwyg- {
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
}

.paragraph-canvas .wysiwigPage p {
    padding-left: 43px;
}

.content-simple .paragraph-canvas .wysiwigPage ul li, .content-simple .paragraph-canvas .wysiwigPage ol li, .content-simple .paragraph-canvas .wysiwigPage p {
    /*border-left: 2px #F9D241 solid;*/
}

.paragraph-canvas .paragraph {
    background: #fff;
}

.content-simple .wysiwigPage.paragraph p {
    /*border-left: 1px #F9D241 solid;*/
    color: #646464;
}

.paragraph.wysiwigPage table, .content-simple table, .pageOffre table {
    width: 100% !important;
    table-layout: fixed;
    margin-bottom: 70px;
    border-collapse: separate;
    border-style: solid;
}

.paragraph.wysiwigPage tbody, .content-simple tbody, .pageOffre tbody {
}

.paragraph.wysiwigPage table td *:last-child, .content-simple table td *:last-child, .pageOffre table td *:last-child {
    margin-bottom: 0;
}

.paragraph-canvas .paragraph.wysiwigPage table p, .content-simple .paragraph.wysiwigPage table p, .pageOffre .paragraph.wysiwigPage table p {
    margin-bottom: 20px;
    padding-left: 0;
    border: none !important;
}

.paragraph-canvas .paragraph.wysiwigPage table li, .content-simple .paragraph.wysiwigPage table li, .pageOffre .paragraph.wysiwigPage table li {
    padding-left: 25px;
    margin-bottom: 20px;
    border: none !important;
}

.paragraph-canvas .paragraph.wysiwigPage table li:before, .content-simple .paragraph.wysiwigPage table li:before, .pageOffre .paragraph.wysiwigPage table li:before {
    left: 0;
}

.paragraph.wysiwigPage caption, .content-simple caption, .pageOffre caption {
    color: #ad3965;
    font-size: 14px;
    font-style: italic;
    text-align: center;
    padding: 0;
}

.content-simple .wysiwigPage.paragraph h2, .content-simple .wysiwigPage.paragraph h3, .content-simple .wysiwigPage.paragraph h4, .content-simple .wysiwigPage.paragraph h5, .content-simple .wysiwigPage.paragraph h6 {
    margin: 0px;
    padding: 50px 0px;
    text-transform: uppercase;
}

.content-simple .wysiwigPage h2 {
    color: #ad3965;
    display: block;
    font-family: 'Seravek', arial;
    font-size: 30px;
    font-style: italic;
    font-weight: 800;
    letter-spacing: 1px;
    padding: 25px 0px 50px;
    text-align: center;
}

/* paragraph h2 */
.par-contentType-title-h2 {
    color: #13afd0;
    font-size: 20px;
    font-style: italic;
    letter-spacing: 1px;
    text-align: center;
}

.par-contentType-title-h2 > div:last-child {
    color: #ad3965;
    font-family: 'Seravek', arial;
    font-size: 30px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 14px 0px 34px;
}

/* paragraph type image*/
.paragraph--type--image img {
    width: 100%;
}

/* paragraph image -demi*/
.par-contentType-image-demi.img-right {
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.par-contentType-image-demi > div {
    width: 50%;
}

.par-contentType-image-demi.img-right > div:last-child, .par-contentType-image-demi > div:first-child {
    overflow: hidden;
    padding-right: 30px;
}

.par-contentType-image-demi.img-right > div:first-child, .par-contentType-image-demi > div:last-child {
    padding-left: 30px;
}

.par-contentType-image-demi.img-right > div:first-child {
    padding-right: 0px;
}

.par-contentType-image-demi.img-right > div:last-child {
    padding-left: 0px;
}

.par-contentType-image-demi.img-right {
    text-align: right;
}

.par-contentType-image-demi.img-right .legend {
    border: none;
    /*border-right: 1px solid #F9D241;*/
    padding-left: 0px;
    padding-right: 0;
}

.par-contentType-image-quart, .par-contentType-image-demi {
    color: #646464;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 15px;
}

.par-contentType-image-demi img {
    width: 100%;
}

.par-contentType-image-demi p {
    line-height: 2;
    margin: 0px;
}

.paragraph .legend {
    /*border-left: 1px solid #F9D241;*/
    color: #ad3965;
    display: block;
    font-size: 14px;
    font-style: italic;
    margin: 20px 0px 0px;
    padding-left: 0;
    line-height: 17px;
}

.actuality-content {
    /* width: 50%;
         */
    width: calc(100% - 200px);
}

.actuality-content h2 a, .paragraph .title, .paragraph.par-contentType-image-demi h2, .paragraph.par-contentType-image-demi h3, .paragraph.par-contentType-image-demi h4, .paragraph.par-contentType-image-demi h5, .paragraph.par-contentType-image-demi h6, .paragraph--type--push-inline h2, .paragraph--type--push-inline h3, .paragraph--type--push-inline h4, .paragraph--type--push-inline h5, .paragraph--type--push-inline h6 {
    color: #ad3965;
    font-family: 'Seravek', arial;
    font-size: 18px;
    font-weight: 800;
    margin: 0;
    padding-bottom: 7px;
    text-transform: uppercase;
}

.paragraph .title + span, .paragraph.par-contentType-image-demi h2 + span, .paragraph.par-contentType-image-demi h3 + span, .paragraph.par-contentType-image-demi h4 + span, .paragraph.par-contentType-image-demi h5 + span, .paragraph.par-contentType-image-demi h6 + span, .content-simple .paragraph--type--push-inline h2 + span, .content-simple .paragraph--type--push-inline h3 + span, .content-simple .paragraph--type--push-inline h4 + span, .content-simple .paragraph--type--push-inline h5 + span, .content-simple .paragraph--type--push-inline h6 + span {
    color: #13afd0;
    font-size: 14px;
    font-style: italic;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 1.29;
}

.paragraph.par-contentType-image-demi h2 + span, .paragraph.par-contentType-image-demi h3 + span, .paragraph.par-contentType-image-demi h4 + span, .paragraph.par-contentType-image-demi h5 + span, .paragraph.par-contentType-image-demi h6 + span {
    display: inline-block;
    padding-bottom: 40px;
}

.paragraph.par-contentType-image-demi {
    padding-bottom: 106px;
}

.paragraph.paragraph--type--image-quart li, .paragraph.par-contentType-image-demi.img-right li, .paragraph.par-contentType-image-demi.img-left li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.paragraph.par-contentType-image-demi.img-right li {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.paragraph.paragraph--type--image-quart li:before, .paragraph.par-contentType-image-demi.img-left li:before, .paragraph.par-contentType-image-demi.img-right li:before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background: #ad3965;
    border-radius: 50%;
    flex: 0 0 auto;
}

/* .paragraph.par-contentType-image-demi.img-right li:after {
         */
/* margin-left: 7px;
         */
/*
    }
     */
.paragraph.par-contentType-image-demi.img-right li:before, .paragraph.paragraph--type--image-quart li:before, .paragraph.par-contentType-image-demi.img-left li:before {
    margin-right: 7px;
}

/* Paragraph image quart */
.par-contentType-image-quart > div:first-child {
    /*border-left: 1px solid #F9D241;*/
    padding-left: 0;
    padding-right: 38px;
    width: 25%;
}

.par-contentType-image-quart img {
    height: auto;
    width: 100%;
}

.par-contentType-image-quart > div:last-child {
    padding-left: 6px;
    width: 75%;
}

.par-contentType-image-quart h2, .par-contentType-image-quart h3, .par-contentType-image-quart h4, .par-contentType-image-quart h5, .par-contentType-image-quart h6 {
    font-size: 15px;
    padding-bottom: 15px;
    color: #ad3965;
    font-weight: 800;
}

.paragraph.par-contentType-image-quart {
    padding-bottom: 35px;
}

/* Paragraph link */
.paragraph.paragraph--type--lien-2 {
    padding-bottom: 70px;
}

.paragraph--type--lien-2 > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
}

.paragraph--type--lien-2 .external:after {
    content: "";
    display: inline-block;
    height: 9px;
    margin-left: 4px;
    vertical-align: middle;
    width: 9px;
}

.paragraph--type--lien-2 > div > div:first-child .external:after {
    background: url('../images/ico-external-purple.svg') no-repeat center;
}

.paragraph--type--lien-2 > div > div:last-child .external:after {
    background: url('../images/ico-external-blue.svg') no-repeat center;
}

/* Paragraph push */
.content-simple .paragraph--type--push-inline > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: -15px;
    margin-left: -15px;
}

.content-simple .paragraph--type--push-inline > div > div {
    padding: 0px 15px;
    width: 33.333%;
}

.content-simple .paragraph--type--push-inline .par-contentType-push {
    padding: 0px;
    max-width: 300px;
    margin: auto;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.content-simple .paragraph--type--push-inline .par-contentType-push div:last-child {
    margin-top: auto;
}

.content-simple .paragraph--type--push-inline > div > div:first-child .par-contentType-push {
    margin-left: 0;
}

.content-simple .paragraph--type--push-inline > div > div:last-child .par-contentType-push {
    margin-right: 0;
}

/* .content-simple .paragraph--type--push-inline > div > div:first-child {
         */
/* padding-left: 0px;
         */
/*
    }
     */
/* .content-simple .paragraph--type--push-inline > div > div:last-child {
         */
/* padding-right: 0px;
         */
/*
    }
     */
.content-simple .paragraph--type--push-inline img {
    height: auto;
    width: 100%;
}

.content-simple .paragraph--type--push-inline .arg {
    color: #ad3965;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    line-height: 1.29;
    padding-bottom: 15px;
}

.content-simple .paragraph--type--push-inline h4 {
    padding-top: 36px;
}

.content-simple .paragraph--type--push-inline h2 + span, .content-simple .paragraph--type--push-inline h3 + span, .content-simple .paragraph--type--push-inline h4 + span, .content-simple .paragraph--type--push-inline h5 + span, .content-simple .paragraph--type--push-inline h6 + span {
    display: block;
    padding-bottom: 35px;
}

.content-simple .paragraph--type--push-inline .arg:before {
    background: url('../images/ico-ckeck-purple.svg') no-repeat center;
    content: "";
    display: inline-block;
    height: 9px;
    margin-right: 20px;
    padding-top: 18px;
    vertical-align: middle;
    min-width: 11px;
}

.content-simple .paragraph--type--push-inline {
    padding-bottom: 97px;
}

.content-simple .paragraph--type--push-inline a {
    margin-top: 23px;
}

.content-simple .par-contentType-push > div:first-child {
    max-height: 125px;
    overflow: hidden;
}

/*.node-editorial*/
/* Parragraph type picto */
.paragraph.paragraph--type--picto {
    color: #646464;
    font-size: 15px;
    padding-bottom: 39px;
}

.paragraph--type--picto > div {
    /*border-left: 1px #F9D241 solid;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.paragraph--type--picto li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.paragraph--type--picto .image.picto {
    max-width: 260px;
    width: 100%;
    text-align: center;
}

.paragraph--type--picto p {
    color: #ad3965;
    font-weight: 800;
    line-height: 2;
    margin: 0px;
}

.paragraph--type--picto ul {
    margin: 0px;
}

.paragraph--type--picto li:before {
    content: "-";
    padding-right: 1px;
}

/** Paragraph type call **/
.content-simple .paragraph.paragraph--type--call {
    color: #646464;
    font-size: 14px;
    line-height: 30px;
    padding: 0px 43px 99px;
}

.content-simple .paragraph--type--call > div {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f0f0f0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 55px 66px;
}

.content-simple .paragraph--type--call h2, .content-simple .paragraph--type--call h3, .content-simple .paragraph--type--call .titre_call {
    color: #ad3965;
    font-family: Seravek, arial;
    font-size: 30px;
    font-style: italic;
    font-weight: 800;
    letter-spacing: 3px;
    text-transform: uppercase;
    display: block;
}

.content-simple .paragraph--type--call .surtitre_call {
    color: #13afd0;
    display: inline-block;
    font-size: 20px;
    font-style: italic;
    letter-spacing: 2px;
    padding-bottom: 19px;
}

.content-simple .paragraph--type--call .gBtn {
    background: #ad3965;
    font-size: 14px;
    padding: 7px 20px;
    text-transform: none;
}

.content-simple .paragraph--type--call .call-right {
    padding-left: 38px;
    width: 45%;
}

.content-simple .paragraph--type--call .call-right span {
    color: #ad3965;
}

.content-simple .paragraph--type--call label {
    margin: 0px;
    padding-bottom: 15px;
}

/** paragraph type bouton **/
.paragraph.paragraph--type--bouton {
    padding-bottom: 100px;
}

.paragraph--type--bouton a {
    background: #ad3965;
    max-width: 300px;
}

/** Paragraph Type download **/
.paragraph.paragraph--type--telechargement-groupe {
    padding-bottom: 119px;
}

.paragraph--type--telechargement-groupe > div {
    /*border-left: solid 1px #f9d241;*/
    padding-left: 44px;
}

.paragraph--type--telechargement-groupe > div > div:first-child {
    padding-bottom: 39px;
}

.paragraph--type--telechargement-groupe > div > div:last-child .paragraph--type--telechargement-de-document {
    padding-bottom: 0px;
}

.paragraph.paragraph--type--telechargement-de-document {
    padding: 0px 0px 37px;
}

.paragraph--type--telechargement-de-document a {
    color: #ad3965;
    font-size: 16px;
    font-style: italic;
    font-weight: 800;
    text-transform: uppercase;
}

.paragraph--type--telechargement-de-document a:hover {
    color: #ad3965;
    text-decoration: underline;
}

.paragraph--type--telechargement-de-document a:before {
    background: url('../images/ico-download.svg') no-repeat center;
    content: "";
    display: inline-block;
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
    width: 24px;
}

.paragraph--type--telechargement-de-document {
    color: #646464;
    font-size: 14px;
}

.paragraph--type--telechargement-de-document > div:last-child {
    padding-left: 34px;
}

/** Paragraph type accordeon **/
.paragraph--type--accordeon-groupe .paragraph {
    padding-left: 0;
    padding-right: 0;
}

.paragraph.paragraph--type--accordeon-groupe {
    padding-bottom: 100px;
}

.paragraph--type--accordeon-groupe .title {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: 'Lato', arial;
    font-size: 16px;
    font-weight: 500;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
    padding-bottom: 0px;
    text-transform: none;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.paragraph--type--accordeon-groupe.active .title {
    opacity: 0.5;
}

.paragraph--type--accordeon-groupe.active .title.active {
    font-weight: 800;
    opacity: 1;
}

.paragraph--type--accordeon-groupe .title:after {
    background: url('../images/ico-arrow-accordeon.svg') no-repeat center;
    content: "";
    display: inline-block;
    height: 12px;
    width: 6px;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.paragraph--type--accordeon-groupe .title.active:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.paragraph--type--accordeon-groupe .title, .paragraph--type--accordeon-groupe p {
    /*border-left: solid 1px #f9d241;*/
    padding-left: 43px;
}

.paragraph--type--accordeon-groupe p {
    display: none;
    color: #646464;
    font-size: 15px;
    line-height: 30px;
}

/** Post fb **/
.fb-post-wrapper {
}

.fb-post-wrapper .post-wrapper {
    width: 33.3333%;
    padding: 0px 8px;
}

.fb-post-wrapper .postWrapper-content {
    border: 1px solid #f0f0f0;
    height: 100%;
    max-width: 324px;
    margin: auto;
    padding-bottom: 55px;
}

.fb-post-wrapper .image {
    width: 100%;
}

.fb-post-wrapper .with-image .image {
    opacity: 0;
}

.fb-post-wrapper .post-header, .fb-post-wrapper .post-content {
    padding: 15px 20px;
}

.fb-post-wrapper .elasped-time {
    color: #8c8c8c;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
}

.fb-post-wrapper .post-content {
    color: #646464;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.38;
}

.fb-post-wrapper .post-logo {
    font-size: 12px;
    font-weight: 900;
    line-height: 1.5;
    letter-spacing: 0.9px;
    text-transform: uppercase;
}

.fb-post-wrapper .post-logo:before {
    content: "";
    display: inline-block;
    background: url('../images/ico-logo-mini.svg') no-repeat center;
    height: 35px;
    margin-right: 8px;
    vertical-align: middle;
    width: 35px;
}

.fb-post-wrapper .post-footer {
    bottom: 19px;
    padding: 0px 20px;
    width: 100%;
}

.fb-post-wrapper .item {
    margin: 0px;
}

.fb-post-wrapper label.item {
    color: #646464;
    font-size: 13px;
    font-weight: 500;
}

.fb-post-wrapper .nb {
    padding-right: 12px;
}

.fb-post-wrapper .ico {
    padding-right: 7px;
    vertical-align: middle;
}

.fb-post-wrapper > .post-wrapper:first-child {
    padding-left: 0px;
}

.fb-post-wrapper > .post-wrapper:first-child .postWrapper-content {
    margin-left: 0px;
}

.fb-post-wrapper > .post-wrapper:last-child {
    padding-right: 0px;
}

.fb-post-wrapper > .post-wrapper:last-child .postWrapper-content {
    margin-right: 0px;
}

.social-network .block-title {
    margin: 0px;
    padding-bottom: 51px;
    display: block;
}

.social-network {
    margin-top: -268px;
    z-index: 1;
}

.social-network .linkType {
    padding-top: 28px;
}

.detail-offre-page .offreSimilaire .cols-2, .pageOffre .newsLetter-webForm .offre-correspond, .social-network .block-content {
    border-top: 3px solid #6c3a86;
}

.linkType > .link-wrapper:last-child:before {
    content: "";
    left: 0;
    background: linear-gradient(to right, #4c6ecd, #369ce0);
}

.linkType > .link-wrapper:last-child:hover:before {
    background: linear-gradient(to right, #9730c0, #d62976);
    left: calc(100% - 300px);
}

.paragraph--type--lien-2 div a, .linkType div.link-wrapper a {
    background: none;
    color: #ad3965;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 1px;
    padding: 0;
    text-transform: uppercase;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
}

.linkType div.link-wrapper:last-child a.follow-social-link {
    margin-left: auto;
    color: #E1306C;
}

.linkType div.link-wrapper a.follow-social-link {
    color: #4C6ECD;
}

.linkType div.link-wrapper a.follow-social-link:before {
    background: url('../images/ico-fb-blue.svg') no-repeat center;
    height: 20px;
    margin-right: 13px;
    width: 10.39px;
}

.linkType div.link-wrapper:last-child a.follow-social-link:after {
    background: url('../images/ico-ig-pink.svg') no-repeat center/contain;
    height: 21px;
    width: 21px;
    margin-left: 13px;
}

.linkType div.link-wrapper a:after {
    display: none;
}

.linkType div.link-wrapper a:before {
}

.linkType div.link-wrapper a:hover {
    background: none;
    color: #ad3965 !important;
}

.par-contentType-title-h4 .surtitre, .par-contentType-title-h3 .surtitre, .par-contentType-title-h2 .surtitre, .par-contentType-title-h1 .surtitre {
    color: #13afd0;
    display: block;
    font-family: 'Lato', arial;
    font-style: italic;
    font-weight: 500;
    text-transform: none;
}

.par-contentType-title-h1 .surtitre {
    font-size: 30px;
    letter-spacing: 2px;
    padding-bottom: 25px;
    margin-bottom: 0;
}

.par-contentType-title-h3 .surtitre {
    font-size: 18px;
    letter-spacing: 1px;
    padding-bottom: 14px;
}

.par-contentType-title-h2 .surtitre {
    font-size: 20px;
    letter-spacing: 1px;
    padding-bottom: 21px;
}

.par-contentType-title-h4 .surtitre {
    font-size: 14px;
    letter-spacing: 1px;
    padding-bottom: 12px;
}

.par-contentType-title-h4 h4, .par-contentType-title-h3 h3, .par-contentType-title-h2 h2, .par-contentType-title-h1 h1 {
    font-style: italic;
    text-align: center;
    margin: 0px;
    padding: 0px 0px 36px;
}

.par-contentType-title-h2 h2 {
    font-size: 30px;
    font-weight: 800;
}

.par-contentType-title-h3 h3 {
    font-size: 24px;
}

.par-contentType-title-h4 h4 {
    font-size: 18px;
}

.par-contentType-image-3 > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

/** Paragraph image 3 **/
.par-contentType-image-3 > div > div {
    width: 65%;
    padding-right: 5px;
}

.par-contentType-image-3 > div > div:first-child {
    padding: 0px;
    width: 100%;
}

.par-contentType-image-3 > div > div:first-child img {
    height: auto;
    width: 100%;
}

.par-contentType-image-3 > div > div:first-child .paragraph {
    /* padding-bottom: 0px;
         */
    padding-bottom: 10px;
}

.par-contentType-image-3 > div > div:last-child .legend, .par-contentType-image-3 > div > div:first-child .legend {
    border-left: none;
    /*border-right: 1px solid #F9D241;*/
    margin: 0px;
    margin-bottom: 20px;
    padding-left: 0px;
    padding-right: 0;
    text-align: right;
}

.par-contentType-image-3 > div > div:last-child .legend {
    margin: 0px;
    margin-top: 20px;
}

.par-contentType-image-3 > div > div:first-child .paragraph > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

.par-contentType-image-3 > div > div:last-child div img {
    width: auto;
    max-width: 100%;
}

div.par-contentType-image-1 .paragraph--type--image img {
    height: auto;
    width: 100%;
}

.par-contentType-image-1 .paragraph--type--image div div {
    height: 550px;
}

.node-editorial .par-contentType-image-1 .paragraph--type--image div div {
    height: auto;
}

.node-editorial .wysiwigPage {
    /* margin-top: 55px;
         */
}

.par-contentType-image-3 > div > div:last-child {
    width: 35%;
    padding-left: 5px;
    padding-right: 0px;
}

.par-contentType-image-3 {
}

/** Paragraph image 1 **/
.paragraph.par-contentType-image-2, .paragraph.par-contentType-image-1 {
    padding: 0px;
}

.par-contentType-image-1 .legend {
    border: none;
    padding: 0;
    text-align: center;
}

/** Paragraph image 2 **/
.par-contentType-image-2 > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.par-contentType-image-2 > div > div {
    overflow: hidden;
    width: 50%;
}

.par-contentType-image-2 > div > div:first-child {
    padding-right: 5px;
}

.par-contentType-image-2 > div > div:first-child .legend {
    margin-left: 85px;
}

.par-contentType-image-2 > div > div:last-child {
    padding-left: 5px;
}

.par-contentType-image-2 > div > div:last-child .legend {
    border: none;
    /*border-right: 1px solid #F9D241;*/
    margin-right: 85px;
    padding: 0px;
    padding-right: 0;
    text-align: right;
}

.par-contentType-image-2 .paragraph--type--image div div > img {
    height: 100%;
    width: 100%;
}

/** Paragraph type social **/
div.paragraph.paragraph--type--lien-2:before {
    display: none;
}

div.paragraph.social-paragraph .link2:before {
    background: -webkit-gradient(linear, left top, right top, from(#4c6ecd), to(#369ce0));
    background: -webkit-linear-gradient(left, #4c6ecd, #369ce0);
    background: -o-linear-gradient(left, #4c6ecd, #369ce0);
    background: linear-gradient(to right, #4c6ecd, #369ce0);
}

.paragraph.paragraph--type--lien-2 a.a2a_button_twitter:after, .paragraph.paragraph--type--lien-2 a.a2a_button_facebook:before {
    height: 20px;
    margin-right: 13px;
    width: 10.39px;
}

.paragraph.paragraph--type--lien-2 a.a2a_button_facebook:before {
    background: url('../images/ico-fb-blue.svg') no-repeat center;
}

.paragraph.paragraph--type--lien-2 a.a2a_button_twitter:after {
    background: url('../images/ico-twitter.svg') no-repeat center;
    height: 16.4px;
    width: 20px;
}

div.paragraph.social-paragraph span.link {
    color: #4c6ecd;
    font-weight: 900;
    width: auto;
}

div.paragraph.social-paragraph .a2a_button_twitter span.link {
    color: #369ce0;
    font-weight: 500;
}

.paragraph--type--lien-2.social-paragraph > div > div:last-child:hover span.link {
    font-weight: 900;
}

/** paragraph type video **/
.vjs-big-play-button {
    display: none !important;
}

.paragraph--type---video_wrapper {
    position: relative;
}

.paragraph--type---video .video-vimeo, .paragraph--type---video .video-youtube {
    background: #000;
}

.bouton_play {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.bouton_play .btn_play {
    background: rgba(0, 0, 0, 0.6);
    display: block;
    height: 75px;
    margin-right: 3px;
    position: relative;
    width: 75px;
}

.bouton_play .btn_play:before {
    background: url('../images/ico-play-small.svg') no-repeat center;
    content: "";
    display: inline-block;
    height: 20px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 15px;
}

.paragraph--type---video h4 {
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    padding: 16px 20px;
}

.paragraph--type---video h4 span {
    font-weight: 100;
    font-style: italic;
    font-size: 12px;
    text-transform: none;
    letter-spacing: 0.5px;
}

.vjs-playing + div + .bouton_play_wrapper {
    visibility: hidden;
}

.vjs-poster {
    background-size: cover !important;
}

.video-poster {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.vjs-playing + .video-poster {
    display: none;
}

.bouton_play_wrapper {
    background: rgba(0, 0, 0, 0.25);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.video-js {
    height: 550px;
    margin: auto;
    width: 100%;
}

.paragraph.paragraph--type---video {
    padding: 0px;
    padding-bottom: 100px;
}

/* Actualite */
.actualite-view {
    background: #fff;
    margin-bottom: 10px;
}

.actualite-view .block-title {
    padding-bottom: 40px;
    font-size: 40px;
}

.actualite-list .item {
    padding-bottom: 36px;
    width: 50%;
}

.actualite-list > .item:nth-child(odd) {
    padding-right: 30px;
}

.actualite-list > .item:nth-child(even) {
    padding-left: 30px;
}

.actualite-list .categorie .tag {
    background: #175875;
    display: inline-block;
    font-family: 'Roboto', arial;
    font-size: 11px;
    color: #fff;
    padding: 5px 11px;
    margin-right: 5px;
    margin-bottom: 5px;
}

.actualite-list .views-field-field-date-actuality {
    color: #13afd0;
    font-size: 14px;
    font-weight: 500;
    font-style: italic;
    padding-bottom: 9px;
}

.actualite-list .categorie a:before {
    content: "#";
}

.actualite-list .categorie {
    padding-bottom: 25px;
}

.actualite-list .views-field-field-categorie-editorial {
    padding-bottom: 21px;
}

.actuality-item > div:first-child {
    max-width: 200px;
    padding-bottom: 0;
    width: 100%;
}

.actuality-item a {
    display: inline-block;
}

.actuality-content h2 a {
    line-height: 22px;
}

.actuality-item img {
    height: auto;
    width: 100%;
}

.actuality-content {
    padding-left: 30px;
}

.actuality-content h2 {
    padding-bottom: 10px;
    line-height: 15px;
}

.actuality-content .text {
    color: #646464;
    font-size: 15px;
    line-height: 1.67;
}

.no-image .actuality-content, .actuality-item.no-image > div:first-child {
    padding: 0px;
    width: auto;
}

.actuality-item.no-image .actuality-content {
    width: 100%;
}

/** Actualité détail **/
.actu-detail .img-actu {
    max-height: 461px;
    overflow: hidden;
}

.actu-detail .img-actu img {
    height: auto;
    width: 100%;
}

.article-top {
    background: #fff;
    padding: 0px 89px;
    padding-bottom: 20px;
}

.article-top > div {
    float: none !important;
    margin: 0px !important;
    min-height: 0px !important;
    padding: 0px !important;
    width: auto !important;
}

.article-top .cat a:before {
    content: '#';
}

.actu-detail .paragraph.wysiwigPage {
    padding-bottom: 0;
    padding-top: 0;
}

/** Page Result **/
.searchResult {
    background: #fff;
}

.total_rows {
    color: #ad3965;
    font-family: 'Seravek', arial;
    font-size: 25px;
    font-weight: 800;
    margin: 0;
    text-transform: uppercase;
    font-style: inherit;
    text-align: left;
}

.searchForm {
    padding-bottom: 58px;
}

.searchForm label {
    display: none;
}

.searchForm input[type="text"] {
    border-bottom: 1px solid #F9D241;
    color: #13afd0;
    font-size: 25px;
    font-style: italic;
    margin: 0px;
    outline: none;
    padding-bottom: 20px;
    padding-right: 30px;
    width: 100%;
}

.searchForm input[type="text"]::placeholder {
    color: #13afd0;
}

.searchForm input[type="text"]:-ms-input-placeholder {
    color: #13afd0;
}

.searchForm input[type="text"]::-ms-input-placeholder {
    color: #13afd0;
}

.searchForm input[type="submit"] {
    background: url('../images/ico-search-big.svg') no-repeat center;
    background-size: cover;
    font-size: 0px;
    height: 25px;
    outline: none !important;
    position: absolute;
    right: 0;
    top: 4px;
    width: 25px;
}

.pagerCustom .pager__item {
    display: inline-block;
    padding: 0px 5px;
}

.pagerCustom .pager__item a {
    font-size: 18px;
}

/* Toast */
.toast {
    bottom: 0px;
    left: 10px;
    z-index: 300;
}

/** Message erreur **/
.customMessageError {
    position: relative;
}

.customMessageError-wrapper {
    padding: 0px 55px;
}

.customMessageError-wrapper .message {
    background: no-repeat 10px 17px;
    border: 1px solid transparent;
    border-left: 1px solid transparent;
    border-radius: 2px;
    font-size: 13px;
    overflow-wrap: break-word;
    padding: 15px 20px 15px 35px;
    padding-left: 10px;
    word-wrap: break-word;
    margin-bottom: 1rem;
    transform: translateX(5px);
}

.customMessageError-wrapper .message.messageStatus {
    background-color: #f3faef;
    border-color: #c9e1bd #c9e1bd #c9e1bd transparent;
    box-shadow: -8px 0 0 #77b259;
    color: #325e1c;
}

.customMessageError-wrapper .message.messageInfo {
    background: #ffffff;
    color: #185875;
    box-shadow: -8px 0 0 #2582ad;
    border-color: #a8cee0;
}

.customMessageError-wrapper .message.messageWarning {
    background-color: #fdf8ed;
    border-color: #f4daa6 #f4daa6 #f4daa6 transparent;
    box-shadow: -8px 0 0 #e09600;
    color: #ad7301;
}

.customMessageError-wrapper .message.messageError {
    background-color: #fcf4f2;
    border-color: #f9c9bf #f9c9bf #f9c9bf transparent;
    box-shadow: -8px 0 0 #e62600;
    color: #a51b00;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.customMessageError-wrapper .message.messageError .list {
    margin-bottom: 0;
}

.customMessageError-wrapper .message:before {
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
    width: 20px;
    min-width: 20px;
}

.customMessageError-wrapper .message.messageStatus:before {
    background: url('../images/ico-mess-check.svg') no-repeat center;
    background-size: cover;
}

.customMessageError-wrapper .message.messageWarning:before {
    background: url('../images/ico-mess-warning.svg') no-repeat center;
    background-size: cover;
}

.customMessageError-wrapper .message.messageError:before {
    background: url('../images/ico-mess-error.svg') no-repeat center;
    background-size: cover;
}

/* News letter*/
.newsLetter-text {
    border-right: 1px solid #ad3965;
    width: 40%;
}

.newsLetter-text a {
    color: #ad3965 !important;
    font-size: 14px;
    letter-spacing: 1px;
}

.newsLetter-webForm .form-actions:after, .newsLetter-text a:after {
    background: url('../images/ico-arrow-right.svg') no-repeat center;
    content: " ";
    display: inline-block;
    font-weight: 500;
    height: 8px;
    margin-left: 16px;
    vertical-align: middle;
    width: 5px;
}

.newsLetter-webForm {
    /*width: 60%;*/
    font-size: 14px;
}

.newsLetter-webForm .webform-submission-form {
    font-size: 14px;
    padding: 20px 50px;
    padding-right: 0px;
    text-align: right;
}

.newsLetter-webForm label {
    color: #8c8c8c;
    font-style: italic;
    letter-spacing: 1px;
    min-width: 150px;
    text-align: left;
}

.form-item--error-message, .newsLetter-webForm label.error {
    bottom: -24px;
    color: #FF4343;
    font-style: italic;
    letter-spacing: 1px;
    position: absolute;
    right: 0px;
}

.form-item--error-message {
    bottom: -18px;
    letter-spacing: 0px;
}

.form-item--error-message > * {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 500;
    font-size: 16px;
}

.newsLetter-webForm .offre-correspond .w100 {
    display: unset;
    padding-left: unset;
    border-left: unset;
    width: unset;
}

.newsLetter-webForm .offre-correspond .form-actions {
    clear: both;
}

.newsLetter-webForm .offre-correspond .form-actions:after {
    display: none;
}

.newsLetter-webForm .offre-correspond .form-submit {
    padding-right: 60px;
    background-image: url('../images/ico-arrow-right-white.svg');
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) 50%;
}

.newsLetter-webForm .offre-correspond .form-submit.is-invalid {
    opacity: .5;
}

.newsLetter-webForm #edit-grille-zipcode-error {
    display: none !important;
}

.newsLetter-webForm .ajax-progress-throbber {
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    z-index: 2;
    white-space: nowrap;
    padding: 0 0 0 45px;
    background: white;
}

.newsLetter-webForm input[type="text"], .newsLetter-webForm input[type="number"], .offre-correspond .w100 .js-form-item select {
    border-bottom: 1px solid #dcdcdc;
    outline: none;
    margin: 0px;
    width: 100%;
}

.newsLetter-webForm input[type="text"].error, .newsLetter-webForm input[type="number"].error {
    background: url('../images/no-check.svg') no-repeat right center;
    border-bottom: 1px solid #FF4343;
    color: #FF4343;
}

.newsLetter-webForm input[type="number"] {
    -moz-appearance: textfield;
}

.newsLetter-webForm input[type="number"]::-webkit-inner-spin-button, .newsLetter-webForm input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.newsLetter-webForm input[type="text"]::placeholder, .newsLetter-webForm input[type="number"]::placeholder {
    color: #dcdcdc;
}

.newsLetter-webForm input[type="text"]:-ms-input-placeholder, .newsLetter-webForm input[type="number"]:-ms-input-placeholder {
    color: #dcdcdc;
}

.newsLetter-webForm input[type="text"]::-ms-input-placeholder, .newsLetter-webForm input[type="number"]::-ms-input-placeholder {
    color: #dcdcdc;
}

.newsLetter-webForm #wrap-city-grille {
    position: relative;
}

.newsLetter-webForm #wrap-city-grille + .form-actions {
    padding-top: 40px;
}

.newsLetter-webForm .messageError {
    color: #FF4343;
    position: absolute;
    top: 40px;
    background: white;
    width: 100%;
    padding: 0 0 0 50px;
}

.newsLetter-webForm .messageError .list {
    padding-bottom: 10px;
}

.newsLetter-webForm .form-actions {
    display: inline-block;
    padding-top: 26px;
}

.newsLetter-webForm input[type="submit"] {
    background: none;
    color: #ad3965;
    font-size: 14px;
    letter-spacing: 1px;
    outline: none;
}

.newsLetter-webForm input[type="submit"]:after {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    background: red;
}

.newsLetter-webForm .form-item-email {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
}

/*OFFRE **********/
.otherPage {
    /*background: #F0F0F0 url('../images/bg-all.svg') no-repeat top center;*/
    /*background-size: contain;*/
}

.otherPage .gdbContact {
    margin-top: 0;
}

/*.offre .active-default *:not(a), .offre .active *:not(a){
         color: #fff !important;
    }
    */
.offre h2, .offre h3 {
    font-size: 25px;
    margin: 0;
    text-transform: uppercase;
}

.offre p {
    font-size: 16px;
    font-family: Lato;
    font-weight: 400;
    color: #646464;
}

.offre .card-body {
    padding: 0;
    position: relative;
    text-align: center;
    /* padding-bottom: 55px;
         */
}

.offre .card-body h2 {
    color: #ad3965;
    font-family: Seravek;
    font-weight: 600;
    font-size: 25px;
    margin: 25px 0;
}

.pageOffre .offre .card-body {
    padding: 0px 5px;
    padding-bottom: 83px;
}

.offre .card-body .list-unstyled {
    margin-bottom: 0 !important;
    /* height: 300px;
         */
    padding: 0 15px;
    /* overflow: hidden;
         */
}

.offre.sas-offres .princing-item .card-body .list-unstyled {
    padding-bottom: 0px;
    height: 160px !important;
}

.offre .card {
    border: 0;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    padding: 0;
}

.modal-more-info-button {
    color: rgba(255, 255, 255, .65);
}

#block-blocksimulateurlistedesoffresapresrecherchesurapi .offre .card, #pretunnel-info-subs--modal .offre .card {
    padding: 80px 0 0;
}

#pretunnel-info-subs--modal[data-couleur="clsViolet"] .modal-more-info-button {
    background: rgba(151, 64, 128, 0.80);
}

#pretunnel-info-subs--modal[data-couleur="clsViolet"] .modal-more-info--info, #pretunnel-info-subs--modal[data-couleur="clsViolet"] #modal-more-info .modal-header .close {
    color: #ad3965;
}

#pretunnel-info-subs--modal[data-couleur="clsBleu"] .modal-more-info-button {
    background: rgba(0, 177, 204, 0.8);
}

#pretunnel-info-subs--modal[data-couleur="clsBleu"] .modal-more-info--info, #pretunnel-info-subs--modal[data-couleur="clsBleu"] #modal-more-info .modal-header .close {
    color: #13afd0;
}

#pretunnel-info-subs--modal[data-couleur="clsOrange"] .modal-more-info-button {
    background: rgba(219, 105, 44, .8);
}

#pretunnel-info-subs--modal[data-couleur="clsOrange"] .modal-more-info--info, #pretunnel-info-subs--modal[data-couleur="clsOrange"] #modal-more-info .modal-header .close {
    color: #DB692C;
}

#pretunnel-info-subs--modal[data-couleur="clsVert"] .modal-more-info-button {
    background: rgba(165, 195, 46, .8);
}

#pretunnel-info-subs--modal[data-couleur="clsVert"] .modal-more-info--info, #pretunnel-info-subs--modal[data-couleur="clsVert"] #modal-more-info .modal-header .close {
    color: #12a984;
}

#pretunnel-info-subs--modal .card-body {
    height: calc(100% - 55px);
}

#pretunnel-info-subs--modal .modal-content {
    height: 670px;
}

#pretunnel-info-subs--modal #modal-subscribe .modal-header .close {
    margin-bottom: 0px;
}

#pretunnel--subscribe-form--modal .project-title .js-form-type-radio.form-item-project:first-child .btn, #pretunnel--subscribe-form--modal .project-title .js-form-type-radio.form-item-project:last-child .btn, .modal-subscribe .project-title .js-form-type-radio.form-item-project:first-child .btn, .modal-subscribe .project-title .js-form-type-radio.form-item-project:last-child .btn {
    box-shadow: none;
    cursor: pointer;
}

#pretunnel--subscribe-form--modal .project-title .js-form-type-radio.form-item-project:first-child .btn, .modal-subscribe .project-title .js-form-type-radio.form-item-project:first-child .btn {
    border-right: 1px solid #ad3965;
}

#pretunnel--subscribe-form--modal .required_text.information_text, #pretunnel-info-subs--modal .required_text.information_text {
    margin-right: 30px;
    font-size: 15px;
}

#pretunnel--subscribe-form--modal .required_text.information_text:before, #pretunnel-info-subs--modal .required_text.information_text:before {
    content: "";
    width: 23px;
    height: 24px;
    left: -32px;
    top: 2px;
    background: url(../images/ico-info-pink.svg) center center no-repeat;
}

.offre .listoffre-top {
    overflow: hidden;
    position: relative;
    margin: -55px auto 0;
    background: white;
    border-radius: 100%;
    padding: 10px;
    display: inline-block;
}

.offre .card-body .btn {
    border-radius: 0;
    width: 100%;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    padding: 14px;
    border: none;
    margin-top: 25px;
    outline: none;
}

.offre .card-body .no-resp.btn {
    bottom: 0;
    left: 0;
    position: absolute;
}

.itemes-listes .princing-item-liste:nth-child(3) h3 {
    /* color: #13afd0;
         */
}

.offre .princing-item-liste:nth-child(3) .btn-group .btn-secondary {
    /* background-color: #13afd0;
         */
}

.choix-energie .offre .thumbnail.active h3, .choix-energie .offre .thumbnail.active p {
    color: #fff;
}

.offre .thumbnail.active {
    transform: scale(1.05);
}

.btn1 {
    background: linear-gradient(to left, #ad3965, #66ADDE);
}

.btn2 {
    background: linear-gradient(to left, #FFD32B, #E59132, #ad3965, #68A2D5);
}

.btn3 {
    background: linear-gradient(to left, #DB692C, #F9D241);
}

.offre .btn-group {
    display: block;
    position: absolute;
    width: 100%;
    bottom: 0px;
    left: 0px;
}

.offre .btn-group .btn {
    display: inline-block;
    width: 50%;
    float: left;
    height: 55px;
    cursor: pointer;
}

.offre .btn-group .btn:hover {
    color: white;
}

.offre .btn-group .btn-primary, .offre .btn-group .btn-primary:hover {
    background-color: #175875;
}

.offre .btn-group .btn-primary:focus {
    background-color: #fff;
    outline: none;
    color: #175875;
}

.offre .btn-group .btn-secondary, .offre .btn-group .btn-secondary:hover, .offre .btn-group .btn-secondary:focus {
    background-color: #ad3965;
    outline: none;
}

/*.clsAutres.active .btn-group .btn-primary, .clsViolet.active .btn-group .btn-primary, .clsBleu.active .btn-group .btn-primary, .offre .clsOrange.active .btn-group .btn-primary, .offre .clsOrange.active .btn-group .btn-primary:hover, .offre .clsOrange.active .btn-group .btn-primary:focus{
         background-color: #fff;
         outline: none;
        color: #175875;
    }
     .clsAutres.active .btn-group .btn-secondary, .clsViolet.active .btn-group .btn-secondary, .clsBleu.active .btn-group .btn-secondary, .offre .clsOrange.active .btn-group .btn-secondary, .offre .clsOrange.active .btn-group .btn-secondary:hover, .offre .clsOrange.active .btn-group .btn-secondary:focus{
         background-color: inherit;
         outline: none;
        color: #fff;
    }
    */
.block.after-slide {
    padding: 0px 0px;
}

.offre .thumbnail img {
    display: block;
    width: 90px;
    height: auto;
    margin: auto;
}

.offre .thumbnail {
    position: relative;
    /* overflow-x: hidden;
         */
    height: 100%;
    transform: scale(1);
    transition: transform .1s;
}

.offre .thumbnail p:not([class]) {
    font-size: 15px;
}

.pageOffre .offre .item .thumbnail {
    padding-top: 35px;
}

.choix-energie .offre .thumbnail.flou {
    height: auto;
    opacity: 0.5;
}

.choix-energie .offre .thumbnail.active.flou, .choix-energie .offre .thumbnail.active, .choix-energie .offre .thumbnail {
    opacity: 1;
}

.choix-energie .block {
    margin-bottom: 0;
}

.offre .princing-item-liste .thumbnail.flou {
    opacity: 0.5;
}

.offre .thumbnail.active-default.flou, .offre .princing-item-liste .thumbnail.flou.active, .offre .princing-item-liste .thumbnail {
    opacity: 1;
}

.offre .thumbnail.clsViolet {
    background: rgba(151, 64, 128, 0.1);
}

.offre .thumbnail.clsBleu {
    background: rgba(0, 177, 206, 0.1);
}

.offre .thumbnail.clsOrange {
    background: rgba(219, 105, 44, 0.1);
}

.offre .thumbnail.clsVert {
    background: rgba(165, 195, 46, 0.2);
}

/*.offre .thumbnail.clsBleu.active {
         color: #fff;
    }
     .offre .thumbnail.clsOrange.active {
         color: #fff;
    }
     .offre .thumbnail.clsViolet.active{
         color: #fff;
    }
    */
.offre .thumbnail.clsBleu h3, .offre .thumbnail.clsBleu .block-price, .offre .thumbnail.clsBleu .sur-titre strong {
    color: #13afd0;
}

.offre .thumbnail.clsOrange h3, .offre .thumbnail.clsOrange .block-price, .offre .thumbnail.clsOrange .sur-titre strong {
    color: #DB692C;
}

.offre .thumbnail.clsVert h3, .offre .thumbnail.clsVert .block-price, .offre .thumbnail.clsVert .sur-titre strong {
    color: #12a984;
}

.offre .thumbnail.clsViolet h3, .offre .thumbnail.clsViolet .block-price, .offre .thumbnail.clsViolet .sur-titre strong {
    color: #ad3965;
}

.offre .thumbnail.clsViolet .btn-group .btn-decouvre {
    background: #ad3965;
}

.offre .thumbnail.clsViolet .btn-group .info-content {
    background: rgba(151, 64, 128, 0.80);
}

.offre .thumbnail.clsBleu .btn-group .btn-decouvre {
    background: #13afd0;
}

.offre .thumbnail.clsBleu .btn-group .info-content {
    background: rgba(0, 177, 204, 0.8);
}

.offre .thumbnail.clsOrange .btn-group .btn-decouvre {
    background: #DB692C;
}

.offre .thumbnail.clsOrange .btn-group .info-content {
    background: rgba(219, 105, 44, .8);
}

.offre .thumbnail.clsVert .btn-group .btn-decouvre {
    background: #12a984;
}

.offre .thumbnail.clsVert .btn-group .info-content {
    background: rgba(165, 195, 46, .8);
}

.pageOffre .pageContent-full .pg-offre {
    max-width: 1440px;
    margin: auto;
    padding: 0 100px;
    position: relative;
}

.pageOffre .pageContent-full .pg-offre .anchor-comparer {
    position: absolute;
    top: -100px;
    display: block;
}

.offre .thumbnail.active-default .btn-decouvre, .offre .thumbnail.active .btn-decouvre {
    font-weight: 800;
}

.offre .thumbnail.active-default .offre-populaire {
    color: #175875;
}

.offre .thumbnail.clsOrange .offre-populaire {
    background: #f9d241;
}

.offre .thumbnail.clsBleu .offre-populaire {
    background: #13afd0;
}

.offre .thumbnail.clsViolet .offre-populaire {
    background: #ad3965;
}

.offre .thumbnail.active-default .offre-populaire, .offre .thumbnail.active .offre-populaire {
    background: #fff;
}

.offre .thumbnail.active.clsBleu .offre-populaire {
    color: #13afd0 !important;
}

.offre .thumbnail.active.clsViolet .offre-populaire {
    color: #ad3965 !important;
}

.offre .thumbnail.active.clsOrange .offre-populaire {
    color: #f9d241 !important;
}

.offre .thumbnail.active-default .offre-populaire {
    color: #175875 !important;
}

.detail-offre .clsBleuEdito h1.title {
    color: #13afd0;
}

.detail-offre .clsVioletEdito h1.title {
    color: #ad3965;
}

.detail-offre .clsOrangeEdito h1.title {
    color: #f9d241;
}

.detail-offre .clsVertEdito h1.title {
    color: #A5C357;
}

.pageOffre .pageContent-full .pg-offre .conentt-offre {
    background: #fff;
    padding: 25px;
}

#block-blocksimulateurlistedesoffresapresrecherchesurapi .offre .card, #pretunnel-info-subs--modal .offre .card {
    padding: unset;
}

#vue-listes-offres .offre .btn-group .btn {
    white-space: nowrap;
}

.pageOffre .faq-hp-wrapper.block .block-wrapper, .pageOffre .faq-hp-wrapper.block {
    padding: 0;
}

.pageOffre .pg-offre .conentt-offre .position-relative {
    background-color: #F0F0F0;
    padding: 40px 35px;
}

.pageOffre .pg-offre .conentt-offre {
    color: #fff;
    margin-bottom: 0;
}

.pageOffre .pg-offre .conentt-offre {
    background: #fff;
    padding: 0 25px;
}

.pageOffre .gdbAvis {
    margin-top: 0;
}

.pageOffre .pg-offre .titre {
    color: #ad3965;
    font-weight: 600;
    font-size: 30px;
    font-family: Seravek;
    font-style: italic;
}

.pg-offre .item .sur-titre {
    color: #13afd0;
}

.pg-offre + div {
    /* padding: 40px 25px 0;
         */
    margin: 0 auto;
}

/*.offre .thumbnail.active-default.clsBleu .btn-decouvre, .offre .thumbnail.active-default.clsOrange .btn-decouvre, .offre .thumbnail.active-default.clsViolet .btn-decouvre {
         background: #fff;
    }
     .offre .thumbnail.active-default.clsViolet .btn-decouvre {
         color: #ad3965;
    }
     .offre .thumbnail.active-default.clsOrange .btn-decouvre {
         color: #f9d241;
    }
     .offre .thumbnail.active-default.clsBleu .btn-decouvre {
         color: #13afd0;
    }
    */
/*clsViolet*/
/*.offre .active .sur-titre, .active .sur-titre + h3, .offre .active .caption ul li {
         color: inherit!important;
    }
    */
.offre .thumbnail .offre-populaire {
    position: absolute;
    right: -35px;
    top: 34px;
    transform: rotate(45deg);
    font-size: 14px;
    background-color: #13afd0;
    color: #fff;
    display: block;
    width: 161px;
}

.offre .sur-titre, .pg-offre .sur-titre {
    font-weight: 300;
    font-size: 20px;
    color: #505050;
    margin-bottom: 0;
    margin-top: 20px;
    margin-bottom: 5px;
}

.pg-offre .sur-titre {
    margin-bottom: 16px;
    margin-top: 0;
    font-style: italic;
    display: block;
}

.pg-offre p.text {
    margin-bottom: 0;
    color: #646464;
    font-size: 14px;
}

#listesOffres + .pg-offre + footer header h3, #listesOffres + .pg-offre + footer header h4 {
    text-align: left;
}

.pg-offre + footer .avantages:before {
    display: none;
}

.sur-titre + h3 {
    margin-top: 0;
}

.offre .caption ul {
    padding-left: 50px;
    /*height: 138px;
        */
    height: auto;
    /* overflow: hidden;
         */
}

.offre .caption ul li {
    font-size: 16px;
    font-weight: 400;
    color: #646464;
    list-style: disc;
    text-align: left;
}

.offre p.block-price {
    font-size: 48px;
    line-height: normal;
}

.offre p.block-price sup {
    font-size: 16px;
    top: -22px;
}

#listesOffres .card-body.caption .list-unstyled h3 {
    font-size: 22px;
}

#listesOffres .card-body.caption .list-unstyled .sur-titre, #listesOffres .card-body.caption .list-unstyled .sous-titre {
    font-family: Seravek;
    font-weight: 300;
}

#listesOffres .card-body.caption .list-unstyled p, #listesOffres .card-body.caption .list-unstyled p li {
    font-family: Lato;
}

.pageOffre #listesOffres {
    padding-bottom: 90px;
    padding-top: 40px;
    background: white;
}

.otherPage.pageOffre #listesOffres, .otherPage.pageOffre .paragraph.paragraph--type--bouton {
    padding-bottom: 0;
}

.pageOffre .results-offres-comment {
    padding-top: 0;
}

.pageOffre #groupOffreType .offre {
    padding: 30px 45px;
}

/*OFFRE **********/
/*EDITO *********/
.sliderImg .paragraph--type--slider.paragraph {
    padding: 0;
}

.sliderImg .image-slider {
    position: relative;
}

.sliderImg .slick-arrow .image-slider, .imageSliderSlick .slick-arrow .image-slider {
    margin-left: -10px;
    margin-top: -13%;
    /* margin-top: -20%;
         */
}

.sliderImg {
    padding-bottom: 50px;
    background: #fff;
}

.sliderImg .image-slider .legende, .imageSliderSlick .slick-slide .legende {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    left: 0;
    background-color: #fff;
    height: 50px;
    padding: 5px 15px;
    color: #ad3965;
    text-align: center;
    font-family: Lato;
    font-size: 14px;
    font-weight: normal;
    font-style: italic;
    font-family: Lato;
}

.sliderImg .slick-arrow .image-slider .legende, .imageSliderSlick > .visually-hidden + div button.slick-next.slick-arrow .image-slider .legende {
    position: static;
    color: #ad3965;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    font-style: italic;
    font-family: Lato;
    height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    max-height: 70px;
    display: block;
    overflow: hidden;
    background-color: #fff;
}

.sliderImg + div > .paragraph {
    padding-left: 100px;
}

.sliderImg .imageSliderSlick {
    padding-top: 0;
}

.imageSliderSlick {
    width: 100%;
    padding: 25px 0;
    background-color: transparent;
    margin-bottom: 0;
}

.after-slide {
    /*max-width: 1240px;*/
    background-color: #fff;
    margin-bottom: 0;
}

.titreSurtitre > .par-contentType-title-h2 div:first-child {
    font-size: 20px;
    font-family: Lato;
    font-style: italic;
    text-align: center;
    color: #13afd0;
}

.node-editorial .titreSurtitre > .par-contentType-title-h2 div:first-child {
    padding-top: 0px;
}

.node-editorial .titreSurtitre .par-contentType-title-h2 h2 {
    padding: 0px;
}

.node-editorial .block-reassurance.avantages h3, .node-editorial .block-reassurance header {
    padding-top: 0px;
}

.titreSurtitre > .par-contentType-title-h2 div:nth-child(2) {
    color: #ad3965;
    font-family: Seravek;
    font-size: 30px;
    text-align: center;
    font-style: italic;
    font-weight: 800;
    text-transform: uppercase;
}

.imageSliderSlick .slick-slide img {
    display: block;
    width: 100%;
    height: auto;
}

.imageSliderSlick .slick-slide {
    overflow: hidden;
    position: relative;
}

.reference-multiple.tagClass {
    display: inline-block;
    float: left;
    width: 35%;
    background: #fff;
    min-height: 30px;
    text-align: center;
    padding-left: 40px;
}

.reference-multiple.tagClass .item-cat {
    /*border-left: 1px #F9D241 solid;*/
    display: block;
    text-align: left;
    padding-left: 0;
}

.reference-multiple.tagClass span {
    color: #13afd0;
    font-weight: 400;
    font-size: 12px;
}

.reference-multiple.tagClass a, .reference-multiple.cat + .date, .reference-multiple.cat + div {
    font-size: 14px;
    background-color: transparent;
    color: #13afd0;
    font-weight: 500;
    font-style: italic;
    padding: 3px 0;
}

.tagClass-list {
    /*border-left: 1px #F9D241 solid;*/
    padding-left: 0;
}

.reference-multiple.cat {
    text-align: center;
    background-color: #fff;
    margin-bottom: -19px;
    display: inline-block;
    margin: auto;
    width: 35%;
    float: left;
    min-height: 30px;
}

.otherPage .addtoany_list {
    display: table;
    width: 100%;
    background: #fff;
    padding: 25px 100px;
    text-align: left;
    position: relative;
    z-index: 2;
}

.otherPage .addtoany_list:before {
    content: 'Partager :';
    display: block;
    width: 137px;
    font-family: Seravek;
    color: #ad3965;
    font-size: 18px;
    font-weight: 800;
    text-transform: uppercase;
    float: left;
    height: 36px;
    line-height: 46px;
}

.reference-multiple {
    font-size: 11px;
}

.reference-multiple.cat + .date, .reference-multiple.cat + div {
    width: 25%;
    display: inline-block;
    text-align: right;
    padding-right: 40px;
    background-color: #fff;
    float: right;
}

.reference-multiple.cat + .date time, .reference-multiple.cat + div time {
    border-right: 1px #F9D241 solid;
    padding-right: 0;
    font-size: 12px;
}

.reference-multiple > div {
    display: inline;
    font-size: 11px;
}

.reference-multiple a, .reference-multiple .cat_title {
    padding: 3px 5px;
    color: #fff;
    background: #175875;
    display: inline-block;
    font-size: 11px;
}

.reference-multiple.tagClass span {
    padding-right: 8px;
}

.reference-multiple.tag:last-child {
    padding-right: 0;
}

.reference-multiple.tagClass span::before, .reference-multiple .cat_title::before {
    content: "# ";
}

.descEdito {
    color: #646464;
    font-size: 14px;
    /*border-left: 1px #F9D241 solid;*/
    padding-left: 0;
    background: #fff;
    position: relative;
}

.descEdito:before {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    background-color: red;
}

.paragraph--type--image div div > img {
    width: auto;
    height: 100%;
}

.par-contentType-image-3 .paragraph--type--image div div > img {
    width: 100%;
}

.content-simple .paragraph.paragraph--type--image {
    padding-left: 0;
    padding-right: 0;
}

.paragraph.paragraph--type--image {
    padding-bottom: 40px;
}

.otherPage .paragraph.paragraph--type--image {
    /* padding-top: 20px;
         */
}

.paragraph--type--image div div {
    height: 350px;
    overflow: hidden;
}

.pageOffre .editovue {
    background-color: #fff;
    margin-bottom: 0;
    padding-left: 64px;
}

.pageOffre .editovue .horizontal {
    /*border-left: 1px #F9D241 solid;*/
    padding-left: 0;
}

.pageOffre .editovue .views-field-title .field-content, .pageOffre .views-field-field-description-sas-energie div {
    font-size: 18px;
    font-weight: 800;
}

.list-other-offres .titre-nivo-2 h4, .pageOffre .titre-nivo-2 .title, .pageOffre .views-field-field-description-sas-energie div {
    color: #ad3965;
    font-family: 'seravek';
    text-transform: uppercase;
}

.list-other-offres .titre-nivo-2 .text, .pageOffre .titre-nivo-2 .text, .pageOffre .editovue .views-field-field-description-courtes, .pageOffre .views-field-body p {
    font-family: Lato;
    font-size: 18px;
    font-weight: 500;
    color: #13afd0;
    font-style: italic;
    margin-bottom: 0;
}

.pageOffre .header-wrapper {
    padding: 0 0;
}

.detailOffre-custom .avantages:after, .detail-offre-page .block-reassurance.avantages:after {
    background: url(../images/slash-bg-left.svg) center -2px no-repeat;
    background-size: 102%;
    content: "";
    display: block;
    height: 60px;
    position: absolute;
    width: 100%;
    left: 0;
    transform: rotate(180deg);
    top: -59px;
}

.pageOffre .faq-hp-wrapper .block-content:after {
    background: url(../images/slash-bg-left.svg) center -2px no-repeat;
    background-size: 103%;
    content: "";
    display: block;
    height: 60px;
    position: absolute;
    width: 100%;
    left: 0;
    transform: rotate(180deg);
    top: -60px;
}

.pageOffre footer {
    max-width: 1240px;
    margin: auto;
    background-color: #fff;
    padding-left: 0;
    padding-right: 0;
}

.pageOffre footer .block-wrapper {
    padding: 0px;
}

/*EDITO *********/
.visuel-images-multi {
    width: 100%;
    background: #fff;
    /* padding-top: 30px;
         */
    padding-bottom: 50px;
}

/*.visuel-images-multi > div{
         width: 100%;
         float: none;
         clear: both;
         height: 387px;
         overflow: hidden;
    }
    */
/*2 images*/
.visuel-images-multi div .paragraph--type--image img {
    max-width: 100%;
    height: auto;
}

.visuel-images-multi.visuel-images-multi-1 div:nth-child(1) .legend {
    border: none;
    padding: 0 15px;
    text-align: center;
}

.visuel-images-multi.visuel-images-multi-3 div .paragraph--type--image img, .visuel-images-multi.visuel-images-multi-2 div .paragraph--type--image img {
    width: 100%;
}

.visuel-images-multi.visuel-images-multi-3 div .paragraph--type--image, .visuel-images-multi.visuel-images-multi-2 div .paragraph--type--image {
    padding-top: 0;
}

.visuel-images-multi.visuel-images-multi-3 div .paragraph--type--image > div, .visuel-images-multi.visuel-images-multi-2 div .paragraph--type--image > div, .visuel-images-multi > div {
    overflow: hidden;
    position: relative;
}

.visuel-images-multi.visuel-images-multi-3 > div:nth-child(2) {
    width: 75%;
    float: left;
    clear: none;
    padding-right: 10px;
}

.visuel-images-multi.visuel-images-multi-3 > div:nth-child(3) {
    width: 25%;
    float: right;
    clear: none;
    padding-left: 10px;
}

.visuel-images-multi.visuel-images-multi-3 > div:nth-child(1) div .legend {
    position: absolute;
    top: 0;
    right: 0;
    border-right: 1px #F9D241 solid;
    padding-right: 0;
    padding-left: 0;
    border-left: 0;
}

.visuel-images-multi.visuel-images-multi-3 div:nth-child(1) .paragraph--type--image > div {
    padding-top: 50px;
}

.visuel-images-multi.visuel-images-multi-3 div:nth-child(1) .paragraph--type--image img {
    padding-bottom: 0px;
}

.visuel-images-multi.visuel-images-multi-3 {
    padding: 30px 89px;
}

.visuel-images-multi.visuel-images-multi-3 > div:nth-child(1) {
    width: 100%;
    float: none;
    clear: both;
}

.visuel-images-multi > div {
    /* margin-bottom: 50px;
        */
}

.visuel-images-multi.visuel-images-multi-2 > div {
    width: 49%;
    display: inline-block;
    float: left;
    clear: none;
}

.visuel-images-multi.visuel-images-multi-2 > div:nth-child(1) div .legend {
    margin-left: 100px;
}

.visuel-images-multi.visuel-images-multi-2 > div:nth-child(2) div .legend {
    margin-right: 100px;
    text-align: right;
}

.visuel-images-multi div .paragraph--type--image > div {
    padding-top: 0;
}

.visuel-images-multi.visuel-images-multi-3, .visuel-images-multi .paragraph.paragraph--type--image {
    padding-bottom: 0;
}

.visuel-images-multi.visuel-images-multi-3 .paragraph.paragraph--type--image > div > div {
    height: auto;
    max-height: 350px;
    padding-bottom: 20px;
}

.visuel-images-multi.visuel-images-multi-3 > div:nth-child(3) .legend, .visuel-images-multi.visuel-images-multi-2 div:nth-child(2) .legend {
    /*border-right: 1px solid #F9D241;*/
    padding-right: 0;
    border-left: 0;
    text-align: right;
    padding-left: 0;
}

.visuel-images-multi.visuel-images-multi-2 div:nth-child(2) {
    float: right;
}

/*GPDR*/
#gdpr-popup {
    background: #175875;
}

.gdpr-popup-analytics {
    display: none;
}

#gdpr-find-more {
    display: none;
}

#gdpr-agree {
    float: right;
}

#gdpr-popup .gdpr-popup-content .gdpr-popup-text {
    max-width: 90% !important;
}

#gdpr-popup .gdpr-popup-content .gdpr-popup-buttons button {
    font-size: 13px;
    color: #fff;
    background: #13afd0;
    margin-top: 1px;
    margin-left: 15px;
}

/* Footer */
footer {
    position: relative;
}

footer .block-content {
    padding-bottom: 29px;
}

.goToTop {
    position: relative;
}

.btn-goto-top {
    background-color: #084763;
    width: 67px;
    height: 67px;
    border: none;
    padding: 16px 14px;
}

.btn-goto-top:hover {
    background: #13afd0;
}

.comp-resp, .row-toggle-menu, .close-toggle {
    display: none;
}

.row-resp, li.search, .foot-menu, .sous-sub-menu h3 {
    display: none;
}

.baseline {
    color: #ad3965;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1px;
    line-height: 1.5;
    padding-bottom: 29px;
}

.baseline a.link {
    color: #8c8c8c;
    font-style: italic;
    font-weight: 500;
    letter-spacing: 0.86px;
}

.baseline .item {
    margin-right: 3%;
}

.pagePreFooter-wrapper > * {
    border-right: 1px solid #13afd0;
    font-size: 14px;
    padding-left: 31px;
    width: 25%;
}

.pagePreFooter-wrapper .block-social-media-links {
    display: none;
    border: none;
    padding-right: 0px;
    text-align: right;
}

.pagePreFooter-wrapper .block-title {
    color: #084763;
    font-family: Lato;
    font-size: 18px;
    font-weight: 600;
    font-style: normal;
    letter-spacing: normal;
    line-height: 33px;
}

#block-sujetsdumoment {
    border: none;
}

.pagePreFooter-wrapper a {
    color: #084763;
    font-family: Lato;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 33px;
    text-align: left;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.pagePreFooter-wrapper li {
    padding-bottom: 6px;
}

.pagePreFooter-wrapper .baseline {
    display: none;
}

.footerText .baseline {
    padding-bottom: 0px;
    padding-top: 42px;
}

/*ZONE TARIFAIRE ******************/
/*.pageContent-full .pageContentFull-wrapper > div{
         max-width: 1240px;
         margin: auto;
    }
    */
.pageOffre #block-bloccontact2 .gdbBorder-white {
    border-top: none;
}

.pageOffre #block-bloccontact2.gdbContact {
    padding: 0px;
    /* background: linear-gradient(to left, #ad3965, #66ADDE);
         */
    /* padding-bottom: 100px;
         */
    margin-top: -300px;
    padding-bottom: 350px;
}

.pageOffre .gdbContact:before {
    background: url(../images/slash-contact-offres-top.svg) no-repeat center;
    /* background-size: cover;
         */
    /* height: 90px;
         */
    /* top: -89px;
         */
    /* position: absolute;
         */
    /* z-index: -1;
         */
    height: 150px;
}

.pageOffre .gdbContact:after {
    background: url(../images/slash-contact-offres-bottom.svg) no-repeat center;
    /* background-size: cover;
         */
    /* height: 90px;
         */
    /* bottom: -89px;
         */
    /* position: absolute;
         */
    /* z-index: -1;
         */
    height: 150px;
}

.pageOffre #block-bloccontact2 + #block-telechargeroffre + .newsLetter-webForm {
    max-width: 1440px;
    margin: auto;
    /* margin-top: -140px;
         */
    position: relative;
    padding: 0 100px;
}

.pageOffre #block-bloccontact2 + #block-telechargeroffre + .newsLetter-webForm, #block-crosscontentoffresblock, .blockOffresSimilaires {
    /*margin-top: -395px;*/
}

.pageOffre .gdbContact .block-content {
    padding-top: 245px;
}

.pageOffre #block-bloccontact2 .block, .pageOffre #block-bloccontact2 .block-wrapper {
    padding: 0px 50px;
}

.pageOffre #block-bloccontact2 .block-wrapper {
    padding-top: 150px;
}

/*.pageOffre .pageContent-full .pageContentFull-wrapper > div{
         max-width: 100%;
    }
    */
.pageContent-full .pageContentFull-wrapper > div .newsLetter-webForm {
    width: 100%;
}

.offre-correspond .webform-submission-form {
    padding-left: 15px;
}

.offre-correspond .w100 .js-form-item {
    display: inline-block;
    float: left;
    width: 45%;
    padding: 10px;
    position: relative;
}

.offre-correspond .form-actions {
    display: table;
}

.offre-correspond .w100 .js-form-item label {
    display: inline-block;
    text-align: left;
    float: left;
    width: 44%;
    min-width: 1px;
}

.offre-correspond .w100 .js-form-item input, .offre-correspond .w100 .js-form-item select {
    display: inline-block;
    text-align: left;
    float: left;
    width: 50%;
}

.offre-correspond {
    /* padding: 25px 50px 50px;
         background: url(../images/bigmap.png) no-repeat;
         background-position: 93% 14px;
         background-size: 356px;
         padding-right: 34%;
        */
}

.offre-correspond .block-title {
    display: block;
    margin-bottom: 30px;
}

.offre-correspond .w100 {
    display: table;
    padding-left: 0;
    /*border-left: 1px #F9D241 solid;*/
    width: 100%;
}

.offre-correspond .webform-submission-form + p, .offre-correspond.cust_title #edit-link p {
    /*border-left: 1px #F9D241 solid;*/
    font-size: 14px;
    color: #505050;
    text-align: left;
    padding-left: 0;
    margin-top: 25px;
}

#edit-votre-code-postal-error {
    display: none !important;
}

.pageOffre .vue-listes-offres {
    /*background: #fff;*/
}

.detail-offre-page .gdbAvis, .detail-offre-page .gdbAvis .block-wrapper {
    padding: 0;
}

.webform-newsletter_registration .row {
    display: block;
}

.webform-newsletter_registration .col-lg-9 {
    max-width: 100%;
}

.webform-newsletter_registration .contact-page-single .form-item.js-form-type-checkbox label.inline {
    padding-top: 0;
    padding-bottom: 0;
}

.webform-newsletter_registration .contact-page-single .table1 {
    padding: 0 25px 0 0px;
}

.webform-newsletter_registration .contact-page-single .form-item input {
    width: 75%;
}

.webform-newsletter_registration .contact-page-single .table1 .w75 {
    width: 100%;
}

.webform-newsletter_registration .contact-page-single .table1 #edit-w75 > .js-form-type-checkbox {
    padding-left: 15px;
}

.webform-newsletter_registration .contact-page-single .table1 .w75 > .js-form-type-checkbox {
    width: 100%;
}

.webform-newsletter_registration .contact-page-single fieldset .form-item {
    padding-left: 50px;
}

.phone-resp + br, .phone-resp {
    display: none;
}

.bloc-header li.mine-compt {
    display: none;
}

/*block-reassurance *********************/
.block-reassurance.avantages {
    position: relative;
    background: white;
    padding: 0;
}

.block-reassurance.avantages > .block-wrapper {
    padding: 0;
}

.pageContent-full .block-reassurance.avantages {
    background: none;
    padding: 0 50px;
}

.pageContent-full .block-reassurance.avantages > .block-wrapper {
    padding: 0 50px;
    border-right: 1px solid white;
    border-left: 1px solid white;
}

.pageContent-full .block-reassurance.avantages:after {
    display: none !important;
}

/*.pageContent-full .block-reassurance > .block-wrapper {
         padding: 0;
    }
    */
.space-reassurance {
    border: none;
}

.block-reassurance header {
    margin-bottom: 25px;
    padding: 50px 0 30px;
}

.avantages header h4 {
    color: #13afd0;
    font-style: italic;
    font-size: 16px;
}

.block-reassurance.avantages .liste {
    display: block;
    padding-bottom: 55px;
}

.block-reassurance.avantages .liste > div > div {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}

.avantages .liste {
    display: flex;
    flex-wrap: nowrap;
}

.block-reassurance .views-row h3 {
    font-family: 'Seravek', arial;
    font-size: 15.8px;
    font-weight: 800;
    margin: 0px;
    padding: 23px 0px 12px;
    text-transform: uppercase;
    word-break: break-word;
}

.block-reassurance .views-row, .avantages .liste .article {
    display: inline-block;
    padding: 15px;
    width: 20%;
    border: none;
    margin: 0;
    text-align: center;
}

.block-reassurance.gSlash-left:after {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -62px;
}

.block-reassurance .white-bg {
    background-color: white;
}

.list-other-offres .block-reassurance.gSlash-left:after {
    display: table;
}

/*APPART **********/
.block-reassurance.avantages header h3, .block-reassurance.avantages header h4 {
    text-align: center;
    margin-bottom: 0;
}

.block-reassurance.avantages header h3 {
    margin: 0px;
    padding-top: 30px;
}

.detail-offre-page .block-reassurance.avantages header h3, .detail-offre-page .block-reassurance.avantages header h4 {
    text-align: left;
}

.list-other-offres .block-reassurance.avantages header h3, .list-other-offres .block-reassurance.avantages header h4 {
    text-align: left;
}

.block-reassurance.gSlash-left:after {
    display: none;
}

.list-other-offres .block-reassurance.avantages {
    margin-bottom: 70px;
}

/*.region-contentFull .block-reassurance.avantages{
         padding: 0 101px;
    }
    */
.block-reassurance .space-reassurance {
    background-color: #fff;
    padding: 0 50px;
}

.detail-offre-page .block-reassurance .space-reassurance {
    padding-top: 45px;
}

/*CROSS-CONTENT ****************/
.cross-content .space-cross {
    /* padding: 0 50px;
         */
}

.cross-content .space-cross .row {
    margin: 0;
}

.cross-content h3 {
    font-size: 24px;
    font-style: italic;
}

.cross-content h4 {
    font-size: 18px;
    text-transform: uppercase;
}

.cross-content h4 + .sous-titre {
    font-size: 14px;
    font-weight: 500;
    font-style: italic;
    color: #13afd0;
    margin-bottom: 30px;
    display: block;
}

.cross-content .card-body .card-text {
    font-size: 14px;
    font-weight: 400;
    color: #646464;
    margin-bottom: 25px;
}

.cross-content h2, .cross-content h4 {
    font-family: 'Seravek';
    font-weight: 800;
    color: #ad3965;
}

.cross-content .sur-titre {
    color: #13afd0;
    font-size: 18px;
    font-style: italic;
    font-weight: 500;
}

.cross-content .card {
    padding: 0;
    border: 0;
    border-radius: 0;
}

.cross-content .card .imgs {
    height: 350px;
    background: #a3a3a3;
    margin-bottom: 50px;
}

.cross-content .card .imgs img {
    height: 100%;
}

.cross-content .card:nth-child(1) {
    padding-right: 15px;
}

.cross-content .card:nth-child(2) {
    padding-left: 15px;
}

.cross-content .content-title {
    padding: 25px 89px;
}

.cross-content .row > .card:first-child .card-body {
    padding-left: 89px;
}

.cross-content .card-body {
    padding: 0px;
}

.cross-content .row > .card:last-child .card-body {
    padding-right: 89px;
}

.cross-content .card-img-top {
    border-radius: 0;
}

.list-other-offres .titre-nivo-1 .sous-titre {
    font-size: 25px;
    font-weight: 500;
}

.list-other-offres .titre-nivo-1 .text-center {
    margin: 0px;
    padding-bottom: 7px;
}

.list-other-offres .title-niv-2 {
    padding-top: 73px;
}

.list-other-offres .titre-nivo-2 h4, .pageOffre .titre-nivo-2 .title {
    font-size: 18px;
    font-style: normal;
    font-weight: 800;
    text-transform: uppercase !important;
}

.list-other-offres .titre-nivo-2 {
    width: 70%;
}

.list-other-offres .titre-nivo-2 .text, .pageOffre .titre-nivo-2 .text {
    text-transform: none;
    padding-bottom: 6px;
}

/*POPIN ******************/
.popin {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .7);
    z-index: 300;
}

#block-popin-init-block {
    display: none;
}

.popin-inner {
    max-width: 1440px;
    padding: 0 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    flex-direction: column;
    position: relative;
    margin: 0 auto;
}

.popin-close {
    width: 32px;
    height: 32px;
    position: absolute;
    right: 36px;
    top: 160px;
    cursor: pointer;
}

.popin-close:before, .popin-close:after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    width: 1px;
    background-color: white;
}

.popin-close:before {
    transform: rotate(45deg);
}

.popin-close:after {
    transform: rotate(-45deg);
}

/*MAINTENANCE ******************/
.maintenance-page {
    background: rgb(102, 173, 221);
    background: linear-gradient(90deg, rgba(102, 173, 221, 1) 0%, rgba(151, 64, 128, 1) 100%);
    padding: 0 30px;
    color: white;
    text-align: center;
    font-size: 18px;
}

.maintenance-page .paragraph-canvas {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    min-height: 100vh;
}

.maintenance-page .maintenance-title {
    max-width: 960px;
    font-size: 30px;
    font-weight: 800;
    color: white;
}

.maintenance-page .maintenance-subtitle {
    font-size: 22px;
    font-style: italic;
}

.maintenance-page .maintenance-content-title {
    font-size: 20px;
    color: white;
}

.maintenance-page .maintenance-link {
    color: white;
    text-decoration: underline;
}

.maintenance-page .maintenance-logo {
    margin: 5rem auto auto;
    display: block;
}

.maintenance-page .maintenance-social {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: auto 0 5rem;
}

.maintenance-page .maintenance-account-links-list {
    display: flex;
    padding-top: .75rem;
}

.maintenance-page .maintenance-account-links-item {
    margin: 0 10px;
}

.maintenance-page .maintenance-account-link {
    background: rgba(255, 255, 255, 0.1);
    color: white;
    font-size: 14px;
    padding: 15px 25px;
    transition: background .2s linear;
    will-change: background;
}

.maintenance-page .maintenance-account-link:hover {
    background: rgba(255, 255, 255, 0.3);
}

.maintenance-page .maintenance-account-link:after {
    content: "";
    background: url('../images/ico-arrow-right-white.svg') no-repeat center;
    display: inline-block;
    height: 8px;
    width: 5px;
    position: relative;
    margin-left: 18px;
    top: -1px;
}

.maintenance-page .maintenance-social-txt {
    margin-right: 10px;
    margin-bottom: 8px;
}

.maintenance-page .maintenance-social-list {
    display: flex;
    margin-bottom: 0;
}

.maintenance-page .maintenance-social-item {
    margin-right: 10px;
}

/*BLOC DE MISE EN AVANT *********************/
.gdb-highlight {
    padding: 75px;
    font-weight: 400;
    justify-content: space-between;
    position: relative;
    /*background: transparent !important;*/
}

.gdb-highlight.position-background .gdb-highlight-image img {
    position: relative;
    z-index: -2;
}

.gdb-highlight-parts {
    display: flex;
    justify-content: space-between;
}

.gdb-highlight-part {
    flex: 1 1 50%;
}

.gdb-highlight-part.gdb-highlight-right {
    margin-left: 50px;
    margin-top: -40px;
}

.gdb-highlight:before, .gdb-highlight:after {
    /*content: "";*/
    transform: skew(0, -3deg) translateY(-40px);
    left: 0;
    right: 0;
    top: 0;
    height: 80px;
    display: block;
    background: white;
    width: 100%;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .15);
    position: absolute;
}

.gdb-highlight:after {
    top: 100%;
    transform: skew(0, 3deg) translateY(-40px);
}

.gdb-highlight-degrade {
    content: "";
    position: absolute;
    top: -210px;
    bottom: -210px;
    left: 0;
    width: 100vw;
    opacity: .8;
    display: block;
    transform: translateX(calc((100vw - 1238px) / -2));
    z-index: -1;
}

.gdb-highlight-degrade:before, .gdb-highlight-degrade:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    display: block;
    height: 0;
    width: 0;
    border-top: 140px solid #F0F0F0;
    border-right: 100vw solid transparent;
}

.gdb-highlight-degrade:after {
    bottom: 0;
    transform: scale(1, -1);
}

.gdb-highlight-degrade.degrade-jaune {
    background: -webkit-gradient(linear, right top, left top, from(#db692c), to(#f9d241));
    background: -webkit-linear-gradient(right, #db692c, #f9d241);
    background: -o-linear-gradient(right, #db692c, #f9d241);
    background: linear-gradient(to left, #db692c, #f9d241);
}

.gdb-highlight-degrade.degrade-vert {
    background: -webkit-gradient(linear, right top, left top, from(#a5c357), to(#68a2d5));
    background: -webkit-linear-gradient(right, #a5c357, #68a2d5);
    background: -o-linear-gradient(right, #a5c357, #68a2d5);
    background: linear-gradient(to left, #a5c357, #68a2d5);
}

.gdb-highlight-degrade.degrade-violet {
    background: -webkit-gradient(linear, right top, left top, from(#ad3965), to(#66adde));
    background: -webkit-linear-gradient(right, #ad3965, #66adde);
    background: -o-linear-gradient(right, #ad3965, #66adde);
    background: linear-gradient(to left, #ad3965, #66adde);
}

.gdb-highlight-main-title {
    color: #FFFFFF;
    font-family: 'Seravek', sans-serif;
    font-size: 24px;
    font-style: italic;
    font-weight: bold;
    letter-spacing: 2.4px;
    line-height: 29px;
    text-transform: uppercase;
}

.gdb-highlight-titles {
    margin-bottom: 50px;
    display: block;
}

.gdb-highlight-main-subtitle {
    font-size: 20px;
    font-style: italic;
    font-weight: 500;
    letter-spacing: 1.43px;
    line-height: 18px;
    color: #FFFFFF;
    font-weight: 400;
}

.gdb-highlight-body {
    max-width: 480px;
    font-size: 15px;
    color: #FFFFFF;
}

.gdb-highlight-body h2, .gdb-highlight-body h3, .gdb-highlight-body h4, .gdb-highlight-body h5, .gdb-highlight-body h6 {
    color: #FFFFFF;
    font-family: 'Seravek', sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 1.5rem;
}

.gdb-highlight-body p {
    color: #FFFFFF;
    line-height: 1.5;
}

.gdb-highlight-body p + h2, .gdb-highlight-body p + h3, .gdb-highlight-body p + h4, .gdb-highlight-body p + h5, .gdb-highlight-body p + h6 {
    margin-top: 1.5rem
}

.gdb-highlight-see-more-link {
    /*background: rgba(255, 255, 255, .1);*/
    /*color: #FFFFFF;*/
    /*font-size: 14px;*/
    /*letter-spacing: 1px;*/
    /*padding: 10px 20px;*/
    /*display: inline-block;*/
    margin-top: 40px;
    /*transition: background .2s ease;*/
}

/*.gdb-highlight-see-more-link:hover {*/
/*    background: rgba(255, 255, 255, .2);*/
/*    color: white;*/
/*}*/

/*.gdb-highlight-see-more-link:after {*/
/*    content: "";*/
/*    border: solid white;*/
/*    border-width: 0 1px 1px 0;*/
/*    display: inline-block;*/
/*    transform: rotate(-45deg);*/
/*    transform-origin: center;*/
/*    margin-left: 60px;*/
/*    padding: 3px;*/
/*}*/

.gdb-highlight-image img {
    max-width: 100%;
    height: auto;
}

.gdb-highlight-image-legend {
    color: #FFFFFF;
    font-size: 14px;
    font-style: italic;
    border-left: 1px solid rgba(255, 255, 255, .8);
    padding-left: 40px;
    margin-top: 50px;
    display: inline-block;
}

/*CONTEXTUALIZED FAQ *********************/
.contextualized-faq {
    width: 100%;
}

.contextualized-faq #stcfaq {
    background: none;
    border: none;
    font-family: inherit;
}

.contextualized-faq #stcfaq #stcfaq-intro {
    padding: 0;
    background: none;
    text-align: left;
    padding-bottom: 43px;
}

.contextualized-faq #stcfaq ul {
    border: 0;
    overflow: hidden;
}

.contextualized-faq #stcfaq li:nth-child(even) > a {
    background: inherit;
}

.contextualized-faq .stcfaq-link {
    width: 50%;
    float: left;
}

.contextualized-faq #stcfaq ul a {
    border-left: 0;
}

/*CROSS CONTENT *********************/
.n-cross-content {
    display: flex;
    background: white;
    position: relative;
    z-index: 1;
}

.n-cross-content-main-title {
    background: white;
    padding: 50px 100px;
}

.n-cross-content-main-title-t {
    font-size: 24px !important;
}

.n-cross-content-main-title-st {
    font-size: 20px !important;
}

.n-cross-content .item {
    width: 50%;
}

.n-cross-content .item:first-child {
    padding-right: 30px;
}

.n-cross-content .item:last-child {
    padding-left: 30px;
}

.n-cross-content-img img {
    max-width: 100%;
    height: auto;
}

.n-cross-content-body {
    padding-top: 60px;
    padding-bottom: 60px;
}

.n-cross-content .item:first-child .n-cross-content-body {
    padding-left: 18%;
}

.n-cross-content .item:last-child .n-cross-content-body {
    padding-right: 18%;
}

.n-cross-content-descr {
    color: #646464;
    font-size: 15px;
    line-height: 1.5;
    padding: 20px 0 30px;
    margin: 0;
}

.n-cross-content-link {
    color: #ad3965;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    display: inline-block;
}

.n-cross-content-link:after {
    content: "";
    border: solid #ad3965;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    margin-left: 15px;
}

/*VERSION RESPONSIVE *********************/
@media (min-width: 1440px) and (max-width: 1920px) {
    /* .pageOffre .gdbContact:before {
             */
    /* height: 95px;
             */
    /* top: -94px;
             */
    /* background-size: 100% 94px;
             */
    /*
        }
         */
    /* .pageOffre .gdbContact:after {
             */
    /* height: 95px;
             */
    /* bottom: -94px;
             */
    /* background-size: 100% 94px;
             */
    /*
        }
         */
}

@media (max-width: 1440px) {
    .pageOffre .newsLetter + footer {
        max-width: 1440px;
        padding: 0 50px;
        background: #f0f0f0;
    }

    .pageOffre .newsLetter + footer > .block-wrapper {
        background: #fff;
    }

    .border-block {
        margin-left: 50px;
        margin-right: 50px;
    }

    .gdb-highlight-degrade {
        transform: translateX(calc((100vw - (100vw - 200px)) / -2));
    }
}

/* Extra large devices ************************/
@media (max-width: 1366px) {
    .pageOffre .gdbContact:before {
        top: -89px;
    }

    .bloc-header li .sub-menu-row ul .navigation__item {
        padding: 7px 15px;
    }

    .pageOffre .gdbContact:after {
        /* bottom: -88px;
             */
    }

    .pageOffre .gdbContact:before {
        /* background: url(../images/to-top.gif) no-repeat bottom center;
             */
        /* background-size: contain;
             */
    }

    .pageOffre .gdbContact:after {
        /* background: url(../images/to-bot.gif) no-repeat top center;
             */
        /* background-size: contain;
             */
    }

    .bloc-header .menu-row .search-bloc.search-w100 ul .js-form-item input {
        padding-left: 50px;
    }

    .modalPromo .modal-wrapper {
        max-width: 1140px;
    }

    .gdb-highlight {
        padding: 160px 80px;
    }

    .princing-item.princing-item-liste {
        padding-left: 5px;
        padding-right: 5px;
    }

    .offre .card-body .list-unstyled {
        padding: 0 12px;
    }

    .offre .thumbnail p:not([class]) {
        font-size: 14px;
    }

    .offre p.block-price {
        font-size: 42px !important;
    }

    .offre p.block-price sup {
        top: -18px;
    }
}

@media (max-width: 1200px) {
    /*MENU *******/
    .bloc-header .menu-row .search-bloc.search-w100 ul .js-form-item input {
        padding-left: 58px;
    }

    .bloc-header li .sub-menu-row ul .navigation__item {
        padding: 7px 15px;
    }

    .bloc-header li .sub-menu-row ul .navigation__item:hover span, .bloc-header li .sub-menu-row ul .navigation__item span {
        padding: 17px 15px;
    }

    .bloc-header .sous-sub-menu {
        top: 52px;
    }

    .bloc-header .sub-menu-row li a, .bloc-header .sub-menu-row li .menu-text {
        font-size: 12px;
        padding: 17px 20px;
    }

    .bloc-header .sous-sub-menu li a {
        padding: 0;
    }

    .bloc-header .menu-row .search-bloc > ul > li:last-child a {
        padding-left: 22px;
        text-align: center;
    }

    .bloc-header .menu-row .search-bloc > ul > li:last-child {
        width: 30%;
        padding: 0;
    }

    .bloc-header .menu-row .search-bloc > ul > li .btn-phone {
        letter-spacing: 0;
    }

    .bloc-header .menu-row .search-bloc > ul > li:nth-child(1) {
        width: 40%;
    }

    .bloc-header .menu-row .search-bloc .section-trick .btn-search {
        margin-left: 0;
    }

    .bloc-header li .sub-menu-row .menu-part-right {
        width: auto;
    }

    .bloc-header li .sub-menu-row .sous-sub-menu ul .navigation__item {
        width: 15%;
    }

    .bloc-header .parent-menu-particuliers .menu-part-left .sous-sub-menu li > a:before,
    .bloc-header .parent-menu-particuliers .menu-part-right .sous-sub-menu li > a:before {
        margin-right: 10px;
    }

    .bloc-header li .sub-menu-row .menu-part-right .navigation__item, .bloc-header li .sub-menu-row .menu-part-left .navigation__item {
        padding: 0;
    }

    .bloc-header .account-bloc ul {
        padding: 0;
    }

    .bloc-header .account-bloc.is-hidden ul {
        opacity: 0;
        transition-duration: .2s;
    }

    .pageContent-item .contact-page-single {
        padding: 35px 6%;
    }

    .contact-page-single .form-submit {
        margin: 77px 0 25px;
    }

    .pageOffre .pg-offre .conentt-offre {
        padding: 50px 30px;
    }

    .pageOffre .offre.p-5 {
        padding: 30px !important;
    }

    .pageOffre .offre-slide-resp .princing-item-liste {
        padding: 0 5px;
    }

    .offre .thumbnail p:not([class]) {
        font-size: 13px;
    }

    .offre .card-body .list-unstyled {
        padding: 0 5px;
    }

    .offre-slide-resp .item {
        padding: 0 5px;
    }

    /*.offre .absolute.alert{
             bottom: -55px;
        }
        */
    .imageSliderSlick > .visually-hidden + div button .image-slider {
        display: none;
    }

    .imageSliderSlick > .visually-hidden + div button.slick-next.slick-arrow, .imageSliderSlick > .visually-hidden + div button.slick-prev.slick-arrow {
        top: calc(100% - 57px);
        z-index: 2;
        margin: 0;
        cursor: pointer;
        outline: none;
        width: 40px !important;
        height: 40px;
        background-color: inherit;
    }

    .imageSliderSlick > .visually-hidden + div button.slick-prev.slick-arrow {
        right: 0;
    }

    .imageSliderSlick > .visually-hidden + div button.slick-next.slick-arrow {
        left: 0;
    }

    .imageSliderSlick > .visually-hidden + div button.slick-prev {
        right: 0;
    }

    .imageSliderSlick > .visually-hidden + div button.slick-prev.slick-arrow:before {
        right: 0;
        top: 0;
    }

    .imageSliderSlick > .visually-hidden + div button.slick-next.slick-arrow:before {
        left: 0;
        top: 0;
    }

    .sliderImg .image-slider .legende, .imageSliderSlick .slick-slide .legende {
        height: 70px;
        padding: 10px 15px;
    }

    .pageOffre.list-other-offres .block-reassurance.avantages {
        margin-bottom: 50px;
    }

    .block-reassurance .space-reassurance {
        padding: 0 30px;
    }

    .page-wrapper > .pageContent > .pageContent-wrapper {
        /*padding-top: 50px;*/
    }

    .offre p.block-price {
        font-size: 38px !important;
    }

    #pretunnel-info-subs--modal .modal-content {
        /*height: 610px;
            */
    }
}

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

    .border-block {
        margin-left: 15px;
        margin-right: 15px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .border-block > .block, .border-block > .block > .block-wrapper {
        padding: 0 !important;
    }

    body.otherPage:not(.node-editorial):not(.webform-contact) .paragraph-canvas .border-block, .homePage .border-block {
        margin-left: 30px;
        margin-right: 30px;
        padding-left: 28px;
        padding-right: 28px;
    }

    .pageOffre .pageContent-full .border-block {
    }

    .detail-offre-page .offreSimilaire .cols-2 {
        padding: 55px 30px;
    }

    .pageOffre .block {
        padding: 0;
    }

    .node-editorial .pageContent-full .block-reassurance.avantages {
        padding: 0 30px;
    }

    .pageOffre .pageContent-full .block-reassurance.avantages {
        padding: 0 15px;
    }

    .pageOffre .pageContent-full .block-reassurance.avantages > .block-wrapper {
        padding: 0 15px;
    }

    .offreSimilaire.offre {
        margin-top: -166px;
    }

    .pageOffre .pageContent-full .pg-offre, .offreSimilaire.offre {
        padding: 0 30px;
    }

    /*.region-contentFull .block-reassurance.avantages{
             padding: 0 30px;
        }
        */
    .page-wrapper > .pageContent > .pageContent-wrapper {
        /*padding-top: 56px;*/
    }

    .cross-content .space-cross {
        padding: 0 0px;
    }

    .pageOffre .block, .pageOffre .block-wrapper, .otherPage .block, .otherPage .block-wrapper {
        /* padding: 0;
             */
    }

    .pageOffre #block-bloc-cross-content.cross-content.block {
        padding: 0px 30px;
    }

    .pageOffre .paragraph-canvas .pageContent.cross-content {
        /* padding: 0 30px;
             */
    }

    .pageContent-full .block-reassurance.avantages {
        padding: 0 11px;
    }

    .node-editorial .pageContent-full .block-reassurance.avantages > .block-wrapper {
        padding: 0;
    }

    .offre {
        padding: 0 60px
    }

    .offre-bottom-content {
        padding: 30px;
    }

    .offre .card-body .list-unstyled {
        /* height: 180px;
             */
    }

    .offre .caption ul li, .offre .caption p {
        font-size: 14px;
    }

    .pageOffre .paragraph-canvas .pageContent, .pageOffre .paragraph-canvas .pageContent-wrapper {
        padding-left: 15px;
        padding-right: 15px;
    }

    .otherPage .paragraph-canvas .pageContent, .pageOffre .paragraph-canvas .pageContent {
        /*padding-top: 68px;
            */
    }

    .offre .caption ul {
        padding-left: 20px;
    }

    .paragraph-canvas .header-wrapper {
        /* padding: 0 90px;
             */
        padding: 0 60px;
    }

    .pageOffre .paragraph-canvas .header-wrapper {
        /*padding: 0 50px;*/
    }

    .detail-offre .avis-verifies {
        /* top: -111px;
             */
    }

    .detail-offre-page .gdbAvis .avis-verifies {
        right: 80px;
    }

    .pageOffre .bloc-header.block-wrapper {
        padding: 0;
    }

    .detail-offre-page .blockOffresSimilaires, #block-crosscontentoffresblock {
        margin-top: -430px;
    }

    .bloc-header .sub-menu-row li a, .bloc-header .sub-menu-row li .menu-text, .bloc-header li .sub-menu-row ul .navigation__item:hover span, .bloc-header li .sub-menu-row ul .navigation__item span {
        padding: 20px 10px;
    }

    .bloc-header .sous-sub-menu li a {
        padding: 0;
    }

    .bloc-header .menu-row .search-bloc > ul > li .section-trick {
        font-size: 0;
        color: #175875;
    }

    .bloc-header .menu-row .search-bloc > ul > li:nth-child(2) {
        width: auto;
    }

    .bloc-header .menu-row .search-bloc > ul > li:nth-child(1) {
        width: 53%;
    }

    .bloc-header .menu-row .search-bloc > ul > li:last-child {
        width: 34%;
    }

    .contact-page-single .my-sidebare h3, h3.title, h3 {
        font-size: 16px;
    }

    .my-sidebare p.title, .my-sidebare h4, .my-sidebare h4 + p {
        font-size: 20px;
    }

    .my-sidebare .desc p, .my-sidebare p > strong {
        font-size: 12px;
    }

    .my-sidebare .border-right {
        padding-right: 25px;
    }

    .contact-page-single .form-item input, .contact-page-single .form-item .allow-dropdown, .contact-page-single .form-item select, .contact-page-single .js-form-type-textarea > div, .custome-radio legend + .fieldset-wrapper, .contact-page-single .form-item label, .contact-page-single .form-item legend, .custome-radio > legend, .contact-page-single .nice-select, .instruction, .contact-page-single .form-item .nice-select {
        font-size: 14px;
    }

    h1 {
        font-size: 32px;
    }

    .block, .block-wrapper {
        /* padding: 0 5px;
             */
        padding: 0 30px;
    }

    .imageSliderSlick.block {
        padding: 0;
    }

    .node-editorial .block-wrapper {
        padding: 0;
    }

    .node-editorial .content-simple .paragraph--type--lien-2.paragraph {
        padding: 15px 30px;
    }

    /*body.otherPage, body.pageOffre {
             background: #F0F0F0 url(../images/bg-all.svg) no-repeat top center;
             background-size: 100% 33%;
        }
        */
    body.otherPage .paragraph-canvas .pageContent-wrapper, .paragraph-canvas .pageContent-wrapper, body.node-editorial .paragraph-canvas .pageContent-wrapper {
        /* border: none;
             */
        padding-left: 28px;
        padding-right: 28px;
    }

    /*ECART PAGE ***********s*/
    body.webform-contact .paragraph-canvas .pageContent, body.node-editorial .paragraph-canvas .pageContent, body.node-editorial .paragraph-canvas .pageContent-wrapper, body.webform-contact .paragraph-canvas .pageContent-wrapper {
        padding-left: 15px;
        padding-right: 15px;
        /*border: none;
            */
    }

    body.webform-contact .paragraph-canvas .header-wrapper, body.node-editorial .paragraph-canvas .header-wrapper, body.pageOffre .paragraph-canvas .header-wrapper {
        /*padding: 0 30px;*/
    }

    body.pageOffre #block-bloccontact2 .block {
        padding: 0 15px 40px;
    }

    .pageOffre #block-bloccontact2 + #block-telechargeroffre + .newsLetter-webForm {
        margin-top: -429px;
        padding: 0 30px;
    }

    body.pageOffre .newsLetter + footer {
        padding: 0 30px;
    }

    body.webform-contact .newsLetter + footer, body.webform-contact .newsLetter, body.offreSimilaire.offre {
        padding: 0 30px;
    }

    body.webform-contact .newsLetter .block-wrapper, body.webform-contact .newsLetter + footer .block-wrapper {
        padding: 0;
    }

    body.webform-contact .newsLetter .block-wrapper, body.webform-contact .newsLetter + footer .block-wrapper {
        padding: 0;
    }

    body.pageOffre .paragraph-canvas .pageContent-wrapper {
        /*padding-top: 50px;
            */
    }

    /*FIN RCART ***************/
    .headerWrapperHome-content {
        padding: 0px 30px;
    }

    .uPadding {
        padding: 0px 60px;
    }

    .mise-en-avant-item span {
        font-size: 12px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .reference-wrapper {
        padding-left: 57px;
        padding-right: 57px;
    }

    .block-content {
        padding: 82px 79px 52px;
    }

    .reassuranceLinks-wrapper {
        padding-top: 0px;
    }

    .gdbSlider .bg-container {
        -webkit-animation: none;
        animation: none;
        bottom: 0;
        left: 60px !important;
        opacity: 1;
        width: 50%;
    }

    .gdbNational:after {
        background-position: 120px 60px !important;
        background-size: 100%;
    }

    .header-wrapper .block-wrapper, .header-wrapper .block {
        padding: 0px;
    }

    .gdbContact .block-bg {
        bottom: 215px;
        left: 46%;
        width: 55%;
    }

    .gdbContact .contact-name {
        /* bottom: 342px;
             */
        right: -40px;
        /* right: 130px;
             */
    }

    .gdbSlider .block-wrapper {
        padding-top: 131px;
    }

    .gdbSlider .btn-slick-left .arrow:after {
        background: #f6d563;
    }

    .gdbSlider .degrade-violet .btn-slick-left .arrow:after {
        background: #83b8df;
    }

    .gdbSlider .degrade-vert .btn-slick-left .arrow:after {
        background: #85b2d7;
    }

    .gdbSlider .btn-slick-right .arrow:after {
        background: #e08654;
    }

    .gdbSlider .degrade-vert .btn-slick-right .arrow:after {
        background: #b3cb78;
    }

    .gdbSlider .degrade-violet .btn-slick-right .arrow:after {
        background: #a86598;
    }

    .newsLetter-webForm, .newsLetter-text {
        /*width: 50%;*/
    }

    .pagePreFooter-wrapper .baseline {
        display: block;
        padding-left: 0px;
        padding-right: 31px;
        width: 50%;
    }

    .pagePreFooter-wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .pagePreFooter-wrapper > * {
        margin-bottom: 30px;
        padding: 0px 17px;
    }

    .footerText .baseline {
        display: none;
    }

    #block-sujetsdumoment {
        border-right: 1px solid #ad3965;
    }

    .pagePreFooter-wrapper .block-social-media-links {
        text-align: left;
    }

    .paragraph-canvas .pageContent-wrapper {
        padding: 0px;
    }

    .paragraph-canvas .pageContent {
        padding-left: 30px;
        padding-right: 30px;
    }

    .modalPromo .modal-wrapper {
        max-width: 973px;
    }

    .modalPromo-wrapper {
        padding: 0px;
    }

    .faq-hp-wrapper div.link-wrapper a, .contextualized-faq #stcfaq ul a {
        font-size: 14px;
    }

    .vue-listes-offres .avis-verifies {
        /* right: 30px;
             */
    }

    .actuality-item > div:first-child a {
        /* display: block;
             */
        /* height: 111px;
             */
        /* width: 111px;
             */
    }

    .actuality-item > div:first-child {
        max-width: 111px;
    }

    .actuality-content {
        width: calc(100% - 111px);
    }

    .actualite-list .categorie {
        padding-bottom: 5px;
    }

    .actuality-item > div:first-child a img {
        width: 100%;
        height: auto;
    }

    .avis-verifies {
        right: 140px;
    }

    .gdb-highlight {
        padding: 160px 60px;
    }

    .gdb-highlight-degrade {
        transform: translateX(calc((100vw - (100vw - 60px)) / -2));
    }

    .n-cross-content-main-title {
        padding: 35px 80px;
    }

    .n-cross-content .item:first-child {
        padding-right: 25px;
    }

    .n-cross-content .item:last-child {
        padding-left: 25px;
    }

    .n-cross-content-main-title-t {
        font-size: 20px !important;
    }

    .n-cross-content-main-title-st {
        font-size: 16px !important;
    }

    .n-cross-content-body {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

/* tablette ************************/
@media (min-width: 992px) {
    .legende-wrapper.for-mobile, .address.for-mobile {
        display: none;
    }

    .row-toggle {
        display: block !important;
    }

    .no-pc {
        display: none !important;
    }

    .bloc-header .account-bloc-wrapper {
        overflow: hidden;
        position: absolute;
        right: 0;
        left: 0;
        top: 0;
        bottom: 0;
    }

    .sous-sub-menu {
        position: relative;
    }

    .offre .card-body {
        /* min-height: 390px;
             */
    }

    .newsLetter-webForm .offre-correspond .w100 .form-item-grille-zipcode {
        /*padding-left: 50px;*/
        /*border-left: 1px #F9D241 solid;*/
    }
}

@media (max-width: 992px) and (min-width: 768px) {
    .offre .thumbnail img {
        /*display: inline-block;
             width: 40%;
             height: auto;
             float: left;
             margin: 0;
             margin: 25px 25px 40px;
            */
    }

    /*.offre .card-body {
             display: inline-block;
             float: left;
             width: 50%;
        }
        */
    .offre .btn-group {
        display: block;
        float: none;
        clear: both;
    }
}

@media (max-width: 992px) {
    .titre-nivo-2, .pageOffre .views-field-field-sous-titre-sas-energ {
        display: none;
    }

    .border-block, body.otherPage:not(.node-editorial):not(.webform-contact) .paragraph-canvas .border-block, .homePage .border-block {
        margin-left: 0;
        margin-right: 0;
        padding-left: 10px;
        padding-right: 10px;
        border: none;
    }

    /*ECART PAGE
    }
     ***********s*/
    .pageOffre .offre .card-body {
        padding-bottom: 71px;
    }

    .offre .princing-item .card-body .list-unstyled, .offre .card-body .list-unstyled, .offre.sas-offres .princing-item .card-body .list-unstyled {
        height: auto !important;
        padding-bottom: 71px;
    }

    .princing-item:hover .thumbnail.card:after {
        opacity: 0;
    }

    .pageOffre .pageContent-full .block-reassurance.avantages > .block-wrapper {
        padding: 0;
    }

    .pageOffre .paragraph-canvas .pageContent.cross-content {
        /* padding: 0 10px;
         */
        padding: 0 5px;
    }

    .node-editorial .pageContent-full .block-reassurance.avantages {
        padding: 0 11px;
    }

    /*.region-contentFull .block-reassurance.avantages{
         padding: 0 10px;
    }
    */
    body.pageOffre .paragraph-canvas .pageContent, body.webform-contact .paragraph-canvas .header-wrapper, body.webform-contact .paragraph-canvas .pageContent-wrapper, body.pageOffre .paragraph-canvas .pageContent-wrapper {
        padding-left: 10px;
        padding-right: 10px;
        border: none;
    }

    body.node-editorial .paragraph-canvas .pageContent, body.node-editorial .paragraph-canvas .pageContent-wrapper {
        padding: 0 5px;
    }

    body.pageOffre .paragraph-canvas .header-wrapper, .offreSimilaire.offre {
        padding: 0 10px;
    }

    #vue-listes-offres .views-field-field-sous-titre-sas-energ .sous-titre {
        margin-bottom: 20px;
    }

    body.pageOffre #block-bloccontact2 .block {
        padding: 0 10px 40px;
    }

    body.pageOffre #block-bloccontact2 + #block-telechargeroffre + .newsLetter-webForm {
        margin-top: -402px;
        padding: 0 10px;
    }

    .pageOffre .newsLetter + footer, body.pageOffre .newsLetter + footer {
        padding: 0 10px;
    }

    body.webform-contact .newsLetter + footer, body.webform-contact .newsLetter, body.pageOffre .newsLetter .block-wrapper, body.offreSimilaire.offre {
        padding: 0 10px;
    }

    body.paragraph-canvas .header-wrapper {
        padding: 0 10px;
    }

    body.pageOffre .pageContent-full .pg-offre, body.pageOffre .pageContent-full .block-reassurance {
        padding: 0 10px;
    }

    body.pageContent-item .contact-page-single {
        padding: 35px 15px;
    }

    /*FIN RCART ***************/
    .content-simple .wysiwigPage.paragraph ul li, .pageOffre .wysiwigPage.paragraph ul li, .content-simple .wysiwigPage.paragraph ol li, .pageOffre .wysiwigPage.paragraph ol li, .node-editorial .wysiwigPage.paragraph ul li, .node-editorial .wysiwigPage.paragraph ol li, .offre .offre-wys ul li, .offre .offre-wys ol li {
        padding-left: 50px;
    }

    .content-simple .wysiwigPage.paragraph ul li:before, .pageOffre .wysiwigPage.paragraph ul li:before, .node-editorial .wysiwigPage.paragraph ul li:before, .content-simple .wysiwigPage.paragraph ol li:before, .pageOffre .wysiwigPage.paragraph ol li:before, .offre .offre-wys ol li:before, .offre .offre-wys ul li:before, .node-editorial .wysiwigPage.paragraph ol li:before {
        left: 20px;
    }

    .visuel-images-multi.visuel-images-multi-3 > div:nth-child(2) {
        width: 75%;
    }

    .visuel-images-multi .paragraph.paragraph--type--image > div > div {
        height: 180px;
    }

    .visuel-images-multi-3 div:nth-child(2) .paragraph.paragraph--type--image img, .visuel-images-multi-3 > div:nth-child(3) .paragraph.paragraph--type--image img {
        height: 105px;
    }

    .visuel-images-multi.visuel-images-multi-3 > div:nth-child(2) {
        padding-right: 5px;
    }

    .visuel-images-multi.visuel-images-multi-3 > div:nth-child(3) {
        padding-left: 5px;
    }

    .visuel-images-multi.visuel-images-multi-3 .paragraph.paragraph--type--image > div > div {
        padding-bottom: 10px;
    }

    .visuel-images-multi.visuel-images-multi-3 {
        padding: 30px 30px;
    }

    .visuel-images-multi.visuel-images-multi-3 div:nth-child(1) .paragraph--type--image > div {
        padding-top: 75px;
    }

    .pageOffre .space-reassurance header, .pageOffre .block-reassurance .space-reassurance header {
        padding: 20px;
    }

    .wrapper-title h1 + .sous-titre {
        display: none;
    }

    body.offre .card-body .list-unstyled {
        height: auto;
    }

    body.pageOffre footer .avantages {
        margin-bottom: 60px;
    }

    body.pageOffre .paragraph-canvas .header-wrapper, body.webform-contact .paragraph-canvas .pageContent, body.otherpage .paragraph-canvas .header-wrapper, body.webform-contact .paragraph-canvas .header-wrapper, body.node-editorial .paragraph-canvas .header-wrapper {
        padding: 0;
    }

    .page-wrapper > .pageContent > .pageContent-wrapper {
        /*padding-top: 50px;*/
    }

    .bloc-header li.mine-compt {
        display: block;
    }

    .detail-offre .img {
        /* margin-top: 50px;
         */
        /*border-left: 1px solid #F9D241;*/
        padding-top: 14px;
    }

    .offreSimilaire.offre {
        padding: 0 10px;
    }

    .detail-offre-page .detail-offre .mon-pad {
        margin: 0px;
    }

    .logo-wrapper img {
        padding: 10px 19px 10px;
    }

    .webform-newsletter_registration .contact-page-single .table1 {
        padding: 0;
    }

    .offre .caption ul li, .offre .caption p {
        line-height: normal !important;
    }

    .pageOffre .avantages .block-title {
        text-align: center;
        padding: 50px 25px 0;
        background: #fff;
        margin-top: -2px;
    }

    .pageOffre #groupOffreType .offre {
        padding: 30px;
        padding-bottom: 15px;
    }

    .avantages .liste h3 {
        font-size: 15px;
    }

    .block-reassurance.avantages .liste, .block-reassurance.avantages .liste > div > div, .avantages .liste {
        display: table;
        padding-left: 0;
        padding-right: 0;
    }

    /*.pageOffre .block-reassurance {
         padding: 0 11px;
    }
    */
    .avantages .liste .views-row, .block-reassurance .views-row {
        width: 50%;
        /* float: left;
         */
        margin-bottom: 27px;
    }

    .avantages .liste .views-row:nth-child(5), .block-reassurance .views-row:nth-child(5) {
        float: none;
        clear: both;
        margin: auto;
        display: block;
    }

    .webform-contact .contact-page-single .form-item label, .webform-contact .contact-page-single .form-item input, .contact-page-single .form-item .allow-dropdown, .webform-contact .contact-page-single .form-item .nice-select, .webform-contact .contact-page-single .js-form-type-textarea > div, .webform-contact .contact-page-single .w75, .webform-contact .contact-page-single .form-item label.form-required {
        float: none;
        width: 100%;
        clear: both;
        display: block;
    }

    .contact-page-single .custome-radio input[type="radio"] {
        display: none;
    }

    .webform-contact .form-wrapper {
        padding: 0;
        margin: 0px;
    }

    .custome-radio .js-webform-radios label {
        width: 20px !important;
        height: 20px;
    }

    .contact-page-single .form-item.js-form-type-checkbox label.inline {
        display: block;
    }

    .instruction {
        position: static;
    }

    .form-wrapper.instruction {
        padding-bottom: 25px;
    }

    .webform-contact .contact-page-single .table1 {
        padding: 0 30px;
        display: block !important;
    }

    .contact-page-single .form-item {
        width: auto;
        display: block;
    }

    .custome-radio .js-webform-radios > .js-form-item:first-child {
        /* left: -33px;
         */
    }

    .custome-radio .js-webform-radios > .js-form-item:last-child {
        /* right: -35px;
         */
    }

    .webform-contact .paragraph-canvas .pageContent-wrapper {
        padding: 0 5px;
    }

    .contact-page-single .icone-title h3 {
        text-align: center;
    }

    .contact-page-single #edit-by-email.icone-title.fly h3:before {
        margin: 15px auto;
    }

    .pageContent-item .contact-page-single {
        padding: 0;
    }

    .contact-page-single .js-form-type-webform-document-file, .contact-page-single .js-form-type-managed-file {
        display: flex;
        flex-direction: column;
    }

    .contact-page-single .js-form-type-webform-document-file .description, .contact-page-single .js-form-type-managed-file .description {
        width: unset;
        padding-right: unset;
        padding-top: 10px;
    }

    .contact-page-single .js-form-type-webform-document-file .webform-document-file, .contact-page-single .js-form-type-managed-file .webform-document-file {
        order: 1;
        padding-top: 5px;
        width: unset;
        float: unset;
    }

    .contact-page-single .js-form-type-webform-document-file .js-hide, .contact-page-single .js-form-type-managed-file .js-hide {
        display: none !important;
    }

    .my-sidebare {
        display: none;
    }

    .foot-menu, .sous-sub-menu h3 {
        display: block;
    }

    .sous-sub-menu h3 {
        color: #fff;
        font-size: 20px;
    }

    .logo-wrapper {
        top: -6px;
    }

    .block-wrapper .main-menu {
        margin-top: 0px;
    }

    .bloc-header .sous-sub-menu > ul {
        display: block;
    }

    header.header-wrapper {
        margin-bottom: 100px;
        width: 100%;
        top: 0;
        z-index: 99;
        position: fixed;
    }

    .bloc-header {
        padding: 0;
    }

    .bloc-header .menu-row .search-bloc > ul > li:nth-child(3) {
        display: none;
    }

    .bloc-header .menu-row .search-bloc > ul > li .section-trick {
        font-size: 0px;
        color: #0000;
    }

    .bloc-header .menu-row .search-bloc > ul > li .section-trick .btn-search {
        display: none;
    }

    .row-toggle > ul {
        margin-bottom: 60px;
        display: table;
        width: 100%;
    }

    .menu-row .row-toggle > ul {
        margin: 0px;
    }

    .row-toggle {
        display: none;
    }

    .row-toggle-menu {
        width: 40px;
        height: 40px;
        border: none;
        box-shadow: none;
        outline: none;
        background: url(../images/menu-toggle.svg) no-repeat center;
        background-size: 20px;
        cursor: pointer;
        display: inline-block;
        outline: none !important;
    }

    .row-toggle-menu.upen {
        background: url(../images/close.svg) no-repeat center;
        background-size: contain;
        outline: none !important;
    }

    .paragraph-canvas .header-wrapper.down, .paragraph-canvas .header-wrapper {
        margin-top: 0;
    }

    /*SOUS SUB-MENU *****************/
    .bloc-header .sous-sub-menu {
    }

    /*SOUS SUB-MENU *****************/
    .bloc-header nav .menu-row > .menu-wrapper-content, .bloc-header .menu-row .search-bloc {
        display: table;
        width: 100%;
        float: none;
        clear: both;
        padding: 10px;
    }

    .bloc-header .menu-row .shown + .search-bloc {
        position: absolute;
        bottom: 0;
        width: 100%;
    }

    .bloc-header .menu-row .search-bloc > ul > li:nth-child(1) {
        width: auto;
        float: left;
    }

    .bloc-header .menu-row .search-bloc > ul > li:nth-child(2) {
        width: auto;
        float: right;
    }

    .bloc-header nav {
        position: relative;
        overflow: hidden;
    }

    .header-wrapper > .block {
        padding: 0;
    }

    .bloc-header nav .menu-row > .menu-wrapper-content {
        position: relative;
        z-index: 20;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #175875;
    }

    .bloc-header nav .menu-row .menu-wrapper-content > .parent-menu-particuliers {
        width: 42%;
        text-align: center;
        float: left;
    }

    .bloc-header nav .menu-row .menu-wrapper-content > .mine-compt {
        float: left;
        width: 16%;
        text-align: center;
        background: #13afd0;
    }

    .bloc-header nav .menu-row .menu-wrapper-content > .parent-menu-professionnels {
        float: right;
        width: 42%;
        text-align: center;
    }

    .bloc-header li .sub-menu-row .menu-part-left, .bloc-header li .sub-menu-row .menu-part-right {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        float: none;
        max-width: 100%;
        width: 100%;
    }

    .bloc-header li .sub-menu-row ul .navigation__item {
        padding: 0;
        display: block;
        float: none;
    }

    .bloc-header .sub-menu-row {
        position: static;
    }

    .comp-resp {
        display: block;
        background: #13afd0;
        color: #fff !important;
        width: 127px;
        padding: 0;
        text-align: center;
        /* height: 75px;
         */
        margin: auto;
        padding-top: 37px;
        font-size: 14px;
    }

    .comp-resp:hover {
        background: #13afd0 !important;
        color: #fff !important;
    }

    .comp-resp:before {
        content: "";
        width: 25px;
        height: 25px;
        background: url(../images/contact.svg) no-repeat center;
        background-size: contain;
        display: block;
        margin: auto;
        margin-bottom: 5px;
    }

    .logo-wrapper {
        width: 127px;
    }

    .no-resp {
        display: none !important;
    }

    .no-pc {
        display: block;
    }

    .logo-wrapper {
        position: relative;
        margin-top: -59px;
    }

    /*.bloc-header .parent-menu-particuliers .menu-part-left li .sous-sub-menu li a{
         padding-left: 0!important;
    }
    */
    .bloc-header .sub-menu-row li a, .bloc-header .sub-menu-row li .menu-text {
        color: #ffffff;
        font-size: 18px;
        font-weight: 600;
        text-align: center;
        opacity: 1;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0px;
        transition: 0.3s;
        background: none !important;
    }

    .bloc-header .sub-menu-row li:nth-child(n+4) a, .bloc-header .sub-menu-row li:nth-child(n+4) .menu-text {
        font-size: 12px;
    }

    .bloc-header .sub-menu-row li:nth-child(3) {
        margin-bottom: 37px;
        position: relative;
    }

    .bloc-header .sub-menu-row li:nth-child(3):before {
        content: '';
        display: block;
        width: 13px;
        height: 2px;
        background-color: #fff;
        position: absolute;
        bottom: -11px;
        left: 0;
        right: 0;
        margin: auto;
    }

    .bloc-header .sub-menu-row li:nth-child(6) a, .bloc-header .sub-menu-row li:nth-child(6) .menu-text {
        color: #13afd0;
    }

    .bloc-header nav .menu-row > .menu-wrapper-content > li > a {
        padding: 22px 15px;
        font-size: 14px;
    }

    .bloc-header .sub-menu-row ul {
        display: block;
        /* padding: 40px 0 45px;
         */
        padding: 0px;
    }

    .row-resp.show {
        display: block;
        height: 270px;
        margin-top: 35px !important;
        overflow: auto;
        padding: 0px;
    }

    .sub-menu-row ul .navigation__item {
        display: block;
    }

    .bloc-header .sub-menu-row .sous-sub-menu li a {
        height: 40px;
        position: relative;
        padding-left: 0 !important;
    }

    .bloc-header .sub-menu-row .sous-sub-menu li a:hover {
        background: none;
    }

    .bloc-header .parent-menu-particuliers .menu-part-left .sous-sub-menu li {
        height: 50px;
    }

    .bloc-header .parent-menu-particuliers .menu-part-left .sous-sub-menu li > a:after {
        top: 0;
        left: -52px;
    }

    .bloc-header .parent-menu-particuliers .menu-part-left .sous-sub-menu li:after {
        top: 0px;
    }

    .bloc-header .sub-menu-row li {
        float: none;
        display: block;
        clear: both;
        padding: 0;
        text-align: center;
        min-height: 48px;
        line-height: 48px;
    }

    li.search {
        display: block;
        float: none;
        clear: both;
        padding: 0px;
        position: relative;
        height: 48px;
        width: 185px;
        margin: auto;
        transition: width .3s;
    }

    li.search.resise-100 {
        width: 100%;
    }

    #st-search-mobile .search-bar-input [name="query"] {
        display: block;
        float: none;
        font-size: 16px;
        border-radius: 0px;
        clear: both;
        padding: 12px 16px 12px 12px;
        margin: auto;
        border-bottom: 1px #13afd0 solid;
        background: none;
        margin-top: 30px;
        outline: none;
        height: auto;
        color: #fff;
        transition: width .3s;
    }

    #st-search-mobile .search-bar-input [name="query"]::placeholder {
        color: #13afd0;
    }

    li.search .suggestion-list {
        background: #13475f;
        position: relative;
        z-index: 10;
        width: 92%;
        border-radius: 6px;
        margin: 10px auto 0;
        border: 0;
        max-height: 260px;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }

    li.search .suggestion-list > li {
        border-bottom: 1px solid #175875;
    }

    li.search .suggestion-list > li a {
        padding: 12px 20px;
        color: #fff;
        font-size: 14px;
    }

    li.search .suggestion-list > li a:hover {
        background: inherit;
    }

    .search.resise-100 #st-search-mobile [name="query"] {
        width: 92%;
    }

    .navigation__items .search-bloc {
    }

    li.search .search-bar-button {
        width: 36px;
        float: left;
        display: inline-block;
        font-size: 0px;
        color: #0000;
        background: url(../images/search2.svg) no-repeat center;
        background-size: 15px;
        position: absolute;
        height: 36px;
        top: 7px;
        right: 20px;
        margin-left: 0;
        border: none;
    }

    .bloc-header .sub-menu-row {
        box-shadow: none;
        border: none;
        background: #175875;
        transition: 0.1s;
    }

    .bloc-header li.search.resise-100 + .sub-menu-row {
        transform: scaleY(.9);
        transition: 0.3s;
    }

    .bloc-header li.search.resise-100 + .sub-menu-row li a, .bloc-header li.search.resise-100 + .sub-menu-row li .menu-text {
        opacity: .4;
    }

    /*SOUS MENU ************/
    /*.bloc-header .navigation__item:hover .sous-sub-menu {*/
    /*    -webkit-transform: scaleY(1);*/
    /*    transform: scaleY(1);*/
    /*    -webkit-transition-timing-function: cubic-bezier(0.8, 0.5, 0.32, 1);*/
    /*    transition-timing-function: cubic-bezier(0.8, 0.5, 0.32, 1);*/
    /*    z-index: 2;*/
    /*    padding-top: 30px;*/
    /*}*/
    .menu-row.active .sous-sub-menu {
        -webkit-transform: scaleY(0) !important;
        transform: scaleY(0) !important;
    }

    /*.bloc-header .sous-sub-menu ul{
         position: absolute;
         top: 0;
         width: 100%;
         height: 100%;
    }
    */
    .bloc-header .sub-menu-row li .menu-text {
        padding: 5px;
        /* padding: 5px 40px;
         */
        width: auto;
        display: table;
        margin: auto;
    }

    .bloc-header .sub-menu-row li .menu-text.submenu-text {
        display: block;
        margin-bottom: 15px;
    }

    .bloc-header .sub-menu-row li .close-toggle {
        width: 40px;
        height: 40px;
        border: none;
        background: url(../images/up.svg) no-repeat center;
        position: absolute;
        bottom: 13px;
        left: 0;
        right: 0;
        display: block;
        margin: auto;
        z-index: 2;
    }

    .bloc-header .account-bloc {
        height: calc(100vh - 100px);
        top: 0;
        width: 100%;
        flex-direction: column;
        z-index: 2;
    }

    .bloc-header .account-bloc.is-hidden {
        visibility: unset;
        transform: translateY(-100%);
    }

    .bloc-header .account-bloc ul {
        flex-direction: column;
        padding: 0;
        width: 100%;
    }

    .bloc-header .account-bloc li {
        width: 100%;
        height: 50%;
    }

    .bloc-header .account-bloc li:last-child {
        background: #33bfd7;
    }

    .bloc-header .account-bloc .account-bloc-link {
        flex-direction: column;
        font-size: 18px;
        justify-content: center;
    }

    .bloc-header .account-bloc .account-bloc-link:hover {
        background-color: inherit;
        color: white;
    }

    .bloc-header .account-bloc .particulier {
        background-image: url('../images/ico-profil-blue.svg');
    }

    .bloc-header .account-bloc .pro {
        background-image: url('../images/ico-profil-pro-blue.svg');
    }

    .bloc-header .account-bloc .icon {
        width: 23px;
        height: 23px;
        background-size: contain;
        margin: 0 0 10px;
    }

    .bloc-header .account-bloc-close {
        background: transparent url(../images/up.svg) no-repeat center;
        position: absolute;
        bottom: 15px;
        left: 50%;
        transform: translateX(-50%);
    }

    /** Home 992px **/
    .homePage .linkType > .link-wrapper:first-child:before {
        max-width: 150px;
    }

    .headerWrapperHome-content {
        padding: 0px 10px;
    }

    .link.left {
        margin-bottom: 24px;
    }

    .topContainer-bg {
        left: 50%;
        top: 60px;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .homePage .top-wrapper {
        margin-bottom: -253px;
    }

    .uPadding {
        padding: 0px 11px;
    }

    .reference-wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-left: 27px;
        padding-right: 27px;
    }

    .reference-wrapper .item {
        margin-bottom: 30px;
        width: 50%;
    }

    .reference-wrapper > .item:last-child {
        width: auto;
    }

    .mise-en-avant-item span {
        padding: 23px 5px 12px;
    }

    .mise-en-avant-item span {
        font-size: 15.3px;
    }

    .reassuranceLinks-wrapper {
        padding: 0 27px 30px;
    }

    .paragraph--type--lien-2 > div > div, .reassuranceLinks-center > div {
        padding: 17px 0px 0px;
        width: 100%
    }

    .paragraph--type--lien-2 > div, .reassuranceLinks-wrapper > div {
        border: none;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .paragraph--type--lien-2 > div > div:last-child:before, .reassuranceLinks-center > div:last-child:before {
        display: none;
    }

    .paragraph--type--lien-2 > div > div:first-child:after, .reassuranceLinks-center > div:first-child:after {
        content: "";
        background: -webkit-gradient(linear, left top, right top, from(#ad3965), to(#66adde));
        background: -webkit-linear-gradient(left, #ad3965, #66adde);
        background: -o-linear-gradient(left, #ad3965, #66adde);
        background: linear-gradient(to right, #ad3965, #66adde);
        display: block;
        height: 3px;
        margin-top: 15px;
    }

    .paragraph--type--lien-2.social-paragraph > div > div:first-child:after {
        background: -webkit-gradient(linear, left top, right top, from(#4c6ecd), to(#369ce0));
        background: -webkit-linear-gradient(left, #4c6ecd, #369ce0);
        background: -o-linear-gradient(left, #4c6ecd, #369ce0);
        background: linear-gradient(to right, #4c6ecd, #369ce0);
    }

    .gdbSlider .slide-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        padding: 0px;
    }

    .gdbSlider .slide-block.right {
        padding: 0px 30px;
        width: 100%;
    }

    .gdbSlider .slick-dots {
        display: none !important;
    }

    .btn-slick .content {
        display: none;
    }

    .block, .block-wrapper {
        padding: 0 11px;
    }

    .gdbSlider .btn-slick.btn-slick-left {
        left: -4px;
        padding: 0;
    }

    .gdbSlider .btn-slick-left .arrow:after {
        background: #f6d463;
        left: 3px;
    }

    .gdbSlider .degrade-violet .btn-slick-left .arrow:after {
        background: #83b7df;
    }

    .gdbSlider .btn-slick-right .arrow:after {
        background: #e08654;
    }

    .gdbSlider .degrade-vert .btn-slick-left .arrow:after {
        background: #85b2d7;
    }

    .gdbSlider .degrade-violet .btn-slick-right .arrow:after {
        background: #a7689a;
    }

    .gdbSlider .degrade-vert .btn-slick-right .arrow:after {
        background: #b3cb77;
    }

    .gdbSlider .btn-slick-right {
        right: -8px;
        padding: 0;
        width: 12px;
    }

    .gdbSlider .titre {
        font-size: 28px;
        line-height: 38px;
    }

    .gdbSlider .slideBlock-bottom {
        margin-top: 28px;
        padding-left: 28px;
    }

    .gdbSlider .bg-container {
        -webkit-animation: none;
        animation: none;
        background-position: center !important;
        bottom: 0;
        height: 250px;
        left: 0px !important;
        opacity: 1;
        width: 100%;
    }

    .gdbSlider .slide-block.left {
        height: 280px;
        width: 100%;
    }

    .slide-content .link-play {
        bottom: 0px;
        top: auto;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .gdbSlider .block-wrapper {
        padding-bottom: 0px;
        padding-top: 128px;
    }

    .gdbSlider .legende-wrapper {
        bottom: 125px;
        left: 50%;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    .gdbSlider .legende-wrapper.for-mobile {
        /* display: block;
         */
        display: none;
    }

    .gdbAvis .block-title {
        margin-bottom: 174px;
    }

    .gdbAvis {
        margin-top: -154px;
    }

    .gdbNational .block-wrapper, .gdbAvis .block-wrapper {
        padding: 0px;
    }

    .avis-verifies {
        right: auto;
        left: 50%;
        top: 130px;
    }

    .vue-listes-offres .avis-verifies {
        top: 80px;
        margin-top: -110px;
        margin-bottom: 40px;
    }

    .list-other-offres .titre-nivo-1 .sous-titre {
        display: none;
    }

    .list-other-offres .titre-nivo-1 .text-center {
        padding-bottom: 0;
    }

    .vue-listes-offres header {
        /* padding-bottom: 90px;
         */
    }

    .detail-offre .avis-verifies {
        top: 26px;
    }

    .detail-offre-page .gdbAvis .avis-verifies {
        right: 0px;
        top: 130px;
    }

    .detail-offre .clsVioletEdito .gBtn.detailGoto_link {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 3;
    }

    .detail-offre-page .avis-verifies {
        /* width: 78%;
         */
        /* width: 100%;
         */
    }

    .block-wrapper.bloc-header, .pageOffre .bloc-header.block-wrapper {
        padding: 0px;
        margin-top: 0;
    }

    .block-content {
        padding: 50px 27px 52px;
    }

    .gdbNational .block-content {
        padding-bottom: 0px;
    }

    .gdbNational:after {
        display: none;
    }

    .gdbNational .block-content:after {
        bottom: -50px;
        display: block;
        position: relative;
        right: 0;
        width: 100%;
    }

    .actuality-item, .actu-hp-wrapper .d-flex {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .actuality-content {
        padding: 0px;
        width: 100%;
    }

    .actu-hp-wrapper .block-content {
        padding: 40px 15px 0px;
    }

    .actu-hp-wrapper .views-row {
        margin-bottom: 60px;
        padding-left: 27px;
        padding-right: 0px;
        width: 100%;
    }

    .actu-hp-wrapper .block-title {
        padding-bottom: 0;
        padding-left: 15px;
    }

    .actu-hp-wrapper .d-flex > .views-row:last-child {
        margin: 0px;
    }

    .actu-hp-wrapper {
        margin-bottom: -149px;
    }

    .not-node-page div.paragraph-canvas .pageContent-wrapper, .node-pages_simple div.paragraph-canvas .pageContent-wrapper, .node-all_actualites div.paragraph-canvas .pageContent-wrapper {
        padding: 0;
    }

    .article-top {
        padding: 0px 28px 65px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .article-top > div.date, .article-top > div.tagClass.reference-multiple {
        width: 50% !important;
    }

    .article-top > div.reference-multiple {
        width: 100% !important;
    }

    .article-top > div.tagClass.reference-multiple {
        text-align: left;
    }

    .tagClass-list {
        padding-left: 25px;
    }

    .reference-multiple.cat + .date time {
        padding-right: 25px;
    }

    .reference-multiple.desktop {
        display: none;
    }

    .faq-hp-wrapper .block-wrapper {
        padding: 0px;
    }

    .faq-hp-wrapper .d-flex {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .faq-hp-wrapper .block-content {
        padding-right: 15px;
    }

    .faq-hp-wrapper div.link-wrapper a:before, .contextualized-faq #stcfaq ul a:before {
        margin-right: 18px;
    }

    .faq-hp-wrapper .block-title {
        padding: 0px;
    }

    .gdbContact .block-content > .d-flex {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .gdbContact .block-right {
        text-align: left !important;
    }

    .gdbContact .block-right .item .d-flex {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .gdbContact .block-right .ico {
        padding-left: 0px;
        padding-right: 20px;
    }

    .gdbContact .block-bg {
        background-position: -30px bottom !important;
        background-size: cover !important;
        height: 287px;
        /* left: -10px;
         */
        left: 50%;
        /* transform: none;
         */
        /* position: static !important;
         */
        width: 78%;
    }

    .gdbContact .block-content {
        padding: 130px 0px 0px;
    }

    .gdbContact .contact-name {
        bottom: 38px;
        left: 93px;
        right: auto;
        text-align: right;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .gdbContact .contact-name p {
        max-width: 80px;
    }

    .gdbContact .contact-name:before {
        margin-right: 0px;
        margin-left: 15px;
        width: 60px;
    }

    .gdbContact .block-title {
        padding-bottom: 13px;
    }

    .gdbContact .block-wrapper {
        padding: 0px 25px;
        padding-bottom: 270px;
    }

    .pageOffre #block-bloccontact2.gdbContact {
        margin-top: -230px;
    }

    .social-network {
        margin-top: -225px;
        padding: 0px;
    }

    .fb-post-wrapper > .post-wrapper {
        display: none;
    }

    .fb-post-wrapper > .post-wrapper:first-child {
        display: block;
    }

    .pageContent-full .block-wrapper, footer .block-wrapper, .newsLetter .block-wrapper, .pageContent-full .block-reassurance.avantages > .block-wrapper {
        padding: 0;
    }

    .newsLetter-webForm .form-item-email, .newsLetter .block-wrapper .d-flex {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .newsLetter-webForm, .newsLetter-text {
        width: 100%;
    }

    .newsLetter-text {
        border: none;
    }

    .newsLetter-webForm label {
        padding-bottom: 6px;
    }

    .newsLetter-webForm {
        border-left: 1px solid #ad3965;
        margin-top: 26px;
    }

    .detail-offre-page .pageContent .newsLetter-webForm {
        margin-top: 0;
        margin-bottom: 60px;
    }

    .newsLetter-webForm .webform-submission-form {
        padding: 0px 27px;
        padding-right: 0px;
        text-align: left;
    }

    .newsLetter-webForm .form-actions {
        padding-top: 10px;
        text-align: right;
        width: 100%;
    }

    .pagePreFooter-wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .pagePreFooter-wrapper .block-social-media-links, #block-sujetsdumoment, .pagePreFooter-wrapper > * {
        border-left: 1px solid #13afd0;
        border-right: none;
        margin-bottom: 30px;
        width: 100%;
    }

    .pagePreFooter-wrapper .block-social-media-links {
        display: none;
    }

    .pagePreFooter-logo {
        border: none;
        margin-bottom: 40px;
        text-align: center;
        width: 100%;
    }

    .pagePreFooter-wrapper .block-social-media-links h2 {
        /* display: none;
         */
        padding: 0px;
    }

    .baseline .item {
        display: block;
        margin: 0px 0px 20px;
    }

    .baseline.block-content {
        padding-bottom: 60px;
    }

    .btn-goto-top {
        right: auto;
        left: 27px;
    }

    div.fb-post-wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .fb-post-wrapper .post-wrapper {
        margin-bottom: 28px;
        padding: 0px;
        width: 100%;
    }

    .cross-content .content-title {
        padding: 25px 28px;
    }

    .list-other-offres .title-niv-2 {
        padding: 0px;
    }

    .gdbContact .text {
        pointer-events: all;
    }

    /*DETAILS OFFRE ***************/
    .offre.sas-offres .princing-item .card-body .list-unstyled {
        padding-bottom: 0;
    }

    .offre .princing-item .card-body .list-unstyled {
        padding-bottom: 71px;
    }

    .detail-offre .img img, .detail-offre .img p {
        position: static;
        margin-bottom: 10px;
    }

    .detail-offre .img p {
        display: none;
    }

    .offreItem h2 {
        padding-bottom: 176px;
        text-align: center;
    }

    .detail-offre .mon-pad {
        margin-left: 0;
        padding: 30px;
    }

    .detailOffre-custom .avantages:after, .detail-offre-page .block-reassurance.avantages:after {
        top: -59px;
    }

    #listesOffres, #groupOffreType {
        overflow: hidden;
    }

    .pageOffre #listesOffres {
        padding-bottom: 0px;
    }

    .offre-slide-resp.slick-initialized .slick-slide .thumbnail {
        /*transition: 0.3s;
        */
        margin-bottom: 0px;
    }

    .offre-slide-resp .slick-list {
        overflow: visible !important;
    }

    .offre-slide-resp {
        margin: 60px 0;
        padding-top: 40px;
        margin-bottom: 0px;
    }

    .offre-slide-resp .slick-arrow {
        position: absolute;
        top: 45%;
        width: 60px;
        height: 60px;
        border: none;
        box-shadow: 1px 1px 6px #ccc;
        font-size: 0px;
        color: #fff;
        z-index: 2;
        border-radius: 60px;
        background-position: center;
        background-size: 25px 35px;
        outline: none;
        cursor: pointer;
    }

    .offre-slide-resp .slick-prev {
        left: -25px;
        background: #fff url(../images/arrow-prev.svg) no-repeat center;
    }

    .offre-slide-resp .slick-next {
        right: -25px;
        background: #fff url(../images/arrow-next.svg) no-repeat center;
    }

    .offre-slide-resp .slick-dots li button {
        width: 20px;
        height: 20px;
        border-radius: 20px;
        border: 2px #B4B4B4 solid;
        background: #fff;
        font-size: 0px;
        color: #fff;
    }

    .offre-slide-resp .slick-dots li.slick-active button {
        background-color: #ad3965;
        border-color: #ad3965;
        outline: none;
    }

    .offre .thumbnail {
        margin-top: 6px;
    }

    .offre-slide-resp .slick-dots li {
        display: inline-block;
        float: left;
        width: 26px;
    }

    .offre-slide-resp .slick-dots {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    .nbr-1 .slick-dots {
        display: none;
    }

    .offre .caption ul {
        margin-top: 65px;
    }

    .pageOffre .pg-offre .conentt-offre .position-relative .d-flex {
        display: block !important;
    }

    .pageOffre .pg-offre .conentt-offre .position-relative .gdbContact-block {
        margin-bottom: 25px;
        text-align: left !important
    }

    .offre .thumbnail {
        margin-bottom: 40px;
        display: block;
    }

    .offre .thumbnail a.btn {
        clear: both;
        float: none;
        border-radius: 0;
        outline: none;
        border: none;
        line-height: 43px;
        color: white;
    }

    .offre .thumbnail a.btn.btn-secondary, .offre .thumbnail a.btn.btn-primary {
        clear: none;
        float: left;
        width: 100%;
    }

    .offreItem {
        padding: 0px 27px;
    }

    .detail-offre-page .detail-offre .mon-pad {
        padding: 0px 36px;
    }

    .princing-item .thumbnail + .absolute.alert:before {
        left: 49% !important;
    }

    .princing-item .thumbnail + .absolute.alert {
        /* display: block;
         */
        display: none;
        position: relative;
        bottom: 0;
        height: auto;
        line-height: normal;
        margin-top: 50px;
    }

    .princing-item.slick-active .thumbnail + .absolute.alert {
        display: block;
    }

    .princing-item .thumbnail + .absolute.alert p:before {
        left: 18px;
        top: 8px;
    }

    .princing-item .thumbnail + .absolute.alert p {
        /* padding: 15px 5px 8px 48px;
         */
        font-size: 14px;
    }

    .princing-item .thumbnail + .absolute.alert:before {
        content: '';
        display: block;
        width: 15px;
        height: 20px;
        position: absolute;
        border-width: 10px;
        border-style: solid;
        border-left-color: #F9D241;
        border-right-color: #fff;
        border-top-color: #fff;
        border-bottom-color: #F9D241;
        top: -20px;
    }

    .absolute.alert .icon {
        position: relative;
        top: -3px;
    }

    .offre .absolute.alert p {
        /* padding: 15px 60px 15px;
         */
        text-align: left;
        width: 80%;
    }

    /* .pageOffre .offre .item.slick-slide .thumbnail {
         */
    /* padding-top: 35px;
         */
    /*
    }
     */
    .offre .absolute.alert p:before {
        left: 18px;
        top: 14px;
    }

    .pageOffre .newsLetter-webForm .offre-correspond {
        padding: 50px 50px 302px;
        background-position: center 100%;
    }

    .offreSimilaire_wrapper {
        flex-wrap: wrap;
    }

    /* .offre-correspond .w100 .js-form-item:nth-child(1) input{
    }
     .offre-correspond .w100 .js-form-item:nth-child(1) label{
    }
     .offre-correspond .w100 .js-form-item:nth-child(2) input{
    }
     .offre-correspond .w100 .js-form-item:nth-child(2) label{
    }
    */
    .offre-correspond .w100 .js-form-item {
        width: 100%;
        float: none;
        clear: both;
        padding: 0;
        margin-bottom: 15px;
        display: table;
        /*border-left: 1px #F9D241 solid;*/
    }

    .offre-correspond .form-actions {
        text-align: left;
        margin-bottom: 50px;
    }

    .offre-correspond .webform-submission-form + p {
        margin-left: 0;
    }

    .offre-correspond .w100 .js-form-item label {
        width: 25%;
        padding-right: 15px;
        display: table-cell;
    }

    .offre-correspond .w100 .js-form-item input, .offre-correspond .w100 .js-form-item select {
        display: table-cell;
        width: 70%;
        float: right;
    }

    .offre-correspond .w100 .js-form-item:nth-child(2) input, .offre-correspond .w100 .js-form-item:nth-child(3) select {
        width: 90%;
    }

    .offre-correspond .w100 .js-form-item:nth-child(2) label, .offre-correspond .w100 .js-form-item:nth-child(3) label {
        width: 10%;
    }

    .block-title .under-title {
        margin-bottom: 25px;
    }

    .offre-correspond .w100 {
        border: none;
        padding-left: 0;
        display: table;
        width: 100%;
    }

    .offre-correspond .webform-submission-form {
        padding-left: 0;
    }

    .detailOffre-top {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
        padding-bottom: 90px;
    }

    .detail-offre h2.title {
        padding: 0px;
        width: 100%;
    }

    .pageOffre #block-bloc-cross-content.cross-content.block {
        padding: 0px 10px;
    }

    .node-editorial .cross-content .block {
        padding: 0px;
    }

    .node-editorial .block-reassurance.avantages h3 {
        padding-top: 35px;
    }

    .detailOffre-content .for-mobile {
        display: block !important;
        padding-right: 0;
    }

    .detailOffre-content .item {
        padding-top: 15px;
    }

    /** Footer **/
    .pagePreFooter-wrapper .baseline {
        display: none;
    }

    .footerText .baseline {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        padding-bottom: 29px;
    }

    #block-informations {
        border-left: 1px solid #13afd0;
    }

    /** page-simple **/
    .content-simple > * {
        background: #fff;
    }

    body.otherPage.webform-newsletter_registration .paragraph-canvas .pageContent-wrapper, .webform-newsletter_registration .paragraph-canvas .pageContent-wrapper {
        padding: 0px;
    }

    .paragraph-canvas .header-wrapper-home, .paragraph-canvas .paragraph, .paragraph-canvas .header-wrapper, .paragraph-canvas .pageContent-wrapper, .paragraph-canvas .pageContent, .webform-contact .paragraph-canvas .header-wrapper {
        border: none;
        padding-left: 0px;
        padding-right: 0px;
    }

    .otherPage .paragraph-canvas .pageContent {
        padding-left: 10px;
        padding-right: 10px;
    }

    .paragraph-canvas .paragraph {
        padding: 0;
    }

    .content-simple .wysiwigPage.paragraph p, .offre .offre-wys p {
        padding-left: 0;
    }

    .paragraph.par-contentType-image-demi {
        margin-bottom: 20px;
    }

    .par-contentType-image-demi > div {
        /* border-left: 1px solid #F9D241;
         */
        width: 100%;
        padding: 0px !important;
        /* padding: 0px 28px 29px !important;
         */
    }

    .paragraph.par-contentType-image-demi h3 + span, .par-contentType-image-demi .legend {
        /* display: none;
         */
    }

    .paragraph-canvas .paragraph.wysiwigPage {
        padding-bottom: 40px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .par-contentType-image-demi .legend {
        margin-bottom: 45px;
    }

    .content-simple .paragraph--type--call > div, .paragraph.par-contentType-image-demi, .content-simple .paragraph--type--push-inline > div, .par-contentType-image-quart {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .paragraph.par-contentType-image-demi > div:first-child {
        position: relative;
    }

    .paragraph.par-contentType-image-demi {
        overflow: hidden;
        padding: 0px;
    }

    .paragraph.par-contentType-image-demi.img-left > div:first-child {
        left: 28px;
    }

    .paragraph.par-contentType-image-demi.img-right > div:first-child {
        right: 28px;
    }

    .paragraph.par-contentType-image-demi > div:last-child {
        padding: 0px 28px !important;
    }

    .par-contentType-image-quart > div:first-child, .par-contentType-image-quart > div:last-child {
        /*border-left: 1px solid #F9D241;*/
        padding-left: 0;
        width: 100%;
    }

    .par-contentType-image-quart h4 {
        padding-top: 28px;
    }

    .content-simple .paragraph--type--push-inline > div > div {
        margin-bottom: 41px;
        width: 100%;
    }

    .paragraph--type--lien-2 > div {
        padding-bottom: 50px;
    }

    .content-simple .paragraph.paragraph--type--call {
        padding: 0px;
    }

    .content-simple .paragraph--type--call > div > div {
        width: 100%;
    }

    .content-simple .paragraph--type--call > div {
        padding: 20px;
        padding-bottom: 50px;
    }

    .content-simple .paragraph--type--call h2, .content-simple .paragraph--type--call h3, .content-simple .paragraph--type--call .titre_call {
        font-size: 20px;
    }

    .content-simple .paragraph--type--call .surtitre_call {
        font-size: 16px;
        letter-spacing: 1px;
        padding-bottom: 0;
    }

    .content-simple .paragraph--type--call .call-right {
        padding-left: 0px;
        width: 100%;
    }

    .paragraph.paragraph--type--bouton {
        background: #fff;
        text-align: center;
        padding: 30px 0px;
    }

    .paragraph--type--bouton a {
        margin: auto;
    }

    .paragraph .legend {
        font-size: 12px;
        padding-left: 16px;
    }

    .paragraph--type--telechargement-groupe > div {
        padding-left: 28px;
    }

    .paragraph.paragraph--type--telechargement-de-document {
        margin-bottom: 26px;
        padding-left: 0px;
    }

    .paragraph--type--telechargement-groupe > div > div:first-child {
        padding-bottom: 42px;
    }

    .paragraph--type--accordeon-groupe .paragraph {
        padding: 0px;
    }

    .paragraph--type--accordeon-groupe .title, .paragraph--type--accordeon-groupe p {
        padding-left: 28px;
    }

    .paragraph--type--accordeon-groupe .title:after {
        width: 22px;
    }

    .paragraph.par-contentType-image-2, .paragraph.par-contentType-image-1 {
        padding: 0px 0px 20px;
    }

    .par-contentType-image-1 .paragraph--type--image div div {
        height: 182px;
    }

    .paragraph--type--image div div > img {
        width: 100%;
    }

    .par-contentType-image-2 > div > div:first-child .legend {
        margin-left: 20px;
        padding-left: 15px;
    }

    .par-contentType-image-2 > div > div:last-child .legend {
        margin-right: 20px;
        padding-right: 15px;
    }

    .par-contentType-image-2 .paragraph--type--image div div > img {
        height: auto;
    }

    .par-contentType-image-3 > div > div:last-child .legend, .par-contentType-image-3 > div > div:first-child .legend {
        padding-right: 14px;
    }

    .content-simple .paragraph--type--push-inline > div > div:last-child .par-contentType-push, .content-simple .paragraph--type--push-inline > div > div:first-child .par-contentType-push {
        margin: auto;
    }

    .paragraph.par-contentType-image-quart {
        padding-bottom: 28px;
    }

    .paragraph--type--image div div {
        height: 105px;
    }

    .paragraph-canvas .paragraph.par-contentType-image-3 {
        padding: 0px 13px;
        margin-bottom: 30px;
    }

    .par-contentType-image-2 > div {
        margin: 0px -10px;
    }

    .par-contentType-image-2 .paragraph--type--image {
        background: none;
    }

    .pageOffre #block-bloccontact2 .block-wrapper {
        padding: 15px;
        padding-bottom: 270px;
    }

    .pageOffre .gdbContact .block-content {
        padding: 200px 0 0;
    }

    .pageOffre .gdbContact .block-content h4.title {
        padding-bottom: 20px;
    }

    .pageOffre .gdbContact div.link-wrapper a {
        padding: 15px 0;
        max-width: 100%;
    }

    /** Recherche **/
    .total_rows {
        font-size: 18px;
    }

    .searchForm input[type="text"] {
        font-size: 14px;
        padding-bottom: 10px;
    }

    .searchForm input[type="submit"] {
        height: 16.7px;
        width: 16.7px;
    }

    .actualite-list .item {
        padding: 0px 0px 33px !important;
        width: 100%;
    }

    .social-network .linkType {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    /*.homePage .link-wrapper:last-child {
         display: none;
    }
    */
    .homePage .gdbSlider .link-wrapper:last-child, .homePage .gdbNational .link-wrapper:last-child {
        display: block;
    }

    /*.linkType .link-wrapper {
         width: 100%;
    }
    */
    /*contact ************/
    .custome-radio > legend + .fieldset-wrapper > .js-webform-radios {
        float: right;
        /* margin-right: 33px;
         */
    }

    .custome-radio .js-webform-radios:before {
        left: 35px;
        top: -2px;
    }

    .custome-radio .js-webform-radios .form-item {
        width: 70px;
    }

    .contact-page-single .table-element {
        padding: 30px;
        display: block !important;
    }

    .contact-page-single .table1 {
        padding: 0px 28px;
    }

    .custome-radio input[value="Non"]:checked + label, .custome-radio input[value="No"]:checked + label {
        top: -3px;
    }

    .node-editorial .imageSliderSlick > .visually-hidden + div button.slick-prev.slick-arrow:before {
        left: 0;
        z-index: 2;
    }

    .modalPromo .col-6 {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        max-width: 100%;
        text-align: center;
        width: 100%;
    }

    .modalPromo .row {
        flex-direction: column-reverse;
    }

    .modalPromo .row > .col-6:first-child {
        max-height: 324px;
        overflow: hidden;
    }

    .modalPromo-content > h1 {
        text-align: center;
    }

    .modalPromo-content > h2:first-child {
        font-size: 20px;
    }

    .modalPromo-content h2 {
        font-size: 26px;
    }

    .modalPromo-content > h1 {
        font-size: 40px;
    }

    .modalPromo-content > h3 {
        font-size: 18px;
    }

    .modalPromo-wrapper .btn-wrapper a.gBtn {
        margin: auto;
    }

    .modalPromo .close {
        right: 41px;
        top: 24px;
    }

    .modalPromo-content {
        padding-top: 131px;
    }

    .modalPromo .logo-france {
        top: 0px;
        right: auto;
        left: 16px;
    }

    .modalPromo .row > .col-6:first-child img {
        width: 119%;
    }

    .modalPromo .logo-france {
        height: 81px;
        width: 81px;
    }

    .modalPromo .modal-wrapper {
        border: none;
    }

    .gdbContact .link-phone, .gdbContact .block-left .address, .gdbContact .link-wrapper {
        display: none;
    }

    .gdbContact-block {
        /* margin: auto;
         */
        margin: 0;
        width: 100%;
    }

    .gdbContact .item > div {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .gdbContact .block-right .item .d-flex {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
        margin-bottom: 15px;
    }

    .gdbContact .block-left .ico {
        padding-right: 13px;
    }

    .gdbContact .item > div:first-child {
        background: rgba(255, 255, 255, 0.1);
        text-transform: uppercase;
        padding: 15px 0px;
    }

    .gdbContact-block.block-left > .item:last-child > div:first-child {
        background: none;
    }

    .gdbContact .text {
        font-style: normal;
    }

    .gdbContact .address.for-mobile {
        display: block;
        margin: 0px;
        text-transform: none;
    }

    .gdbContact .item {
        padding-bottom: 35px;
        text-align: center;
        width: 100%;
    }

    .gdbContact .ico img {
        height: 21px;
        width: 23px;
    }

    .actuality-item > div:first-child {
        max-width: 200px;
        padding-bottom: 20px;
    }

    .actuality-content h2 {
        padding-bottom: 0;
        margin: 0;
    }

    .newslettrerRegistration .form-item--error-message:before {
        display: none;
    }

    .webform-contact .bgwhite {
        padding-top: 16px;
        padding-bottom: 14px;
    }

    .webform-contact .bgwhite h1 {
        margin: 0px;
    }

    .paragraph.wysiwigPage table, .content-simple table, .pageOffre table {
        min-width: 860px;
        margin-bottom: 0;
    }

    .paragraph.wysiwigPage caption, .content-simple caption, .pageOffre caption {
        position: absolute;
        left: 50%;
        width: 100%;
        padding: 0 28px;
        line-height: 1.4;
        transform: translate(-50%, -55px);
    }

    .paragraph-canvas .paragraph.wysiwigPage table li, .content-simple .paragraph.wysiwigPage table li, .pageOffre .paragraph.wysiwigPage table li {
        line-height: 1.4;
    }

    .newsLetter-webForm .offre-correspond .w100 .js-form-item {
        display: flex;
    }

    .newsLetter-webForm .messageError {
        padding-left: 30px;
        top: 30px;
    }

    .gdb-highlight-degrade {
        transform: translateX(calc((100vw - (100vw - 20px)) / -2))
    }

    .n-cross-content-main-title {
        padding: 50px 60px;
    }

    .contextualized-faq #stcfaq #stcfaq-intro {
        padding-bottom: 25px;
    }

    .contact-page-single #faq-suggestions {
        width: 100%;
    }

    .popin-close {
        top: 80px;
    }
}

@media (max-width: 768px) {
    .gdbContact .block-bg {
        height: 315px;
    }

    .cross-content .card, .cross-content .row {
        max-width: 100%;
        width: 100%;
        float: none;
        clear: both;
        display: block;
        margin-bottom: 55px;
        padding: 0 !important;
    }

    .block-reassurance .space-reassurance {
        padding: 0 0 25px;
    }

    .pageOffre .newsLetter-webForm .offre-correspond {
        padding: 50px 25px 302px;
        background-position: 169% 134%;
        background-size: 450px;
    }

    .detail-offre-page .pageContent .newsLetter-webForm .offre-correspond {
        margin-bottom: -10px;
    }

    .bloc-header nav .menu-row .menu-wrapper-content > .parent-menu-particuliers, .bloc-header nav .menu-row .menu-wrapper-content > .parent-menu-professionnels {
        width: 38%;
    }

    .gdbNational .block-content:after {
        bottom: -45px;
    }

    .webform-newsletter_registration .contact-page-single .form-item input {
        width: 100%;
    }

    .pageOffre h1, .webform-newsletter_registration h1, .webform-contact h1, .node-editorial h1 {
        font-size: 30px;
    }

    .pageOffre h2, .webform-newsletter_registration h2, .webform-contact h2, .node-editorial h2 {
        font-size: 26px;
    }

    .pageOffre h3, .webform-newsletter_registration h3, .webform-contact h3, .node-editorial h3 {
        font-size: 18px;
    }

    .pageOffre .pg-offre .titre {
        font-size: 20px;
    }

    #block-blocdescriptionpageresultatsoffres .results-offres-comment {
        padding-top: 30px;
    }

    /*DETAILS OFFRES *****************/
    .offreSimilaire.offre .offreSimilaire {
        width: 100%;
        display: block;
        float: none;
        height: auto;
        margin-bottom: 25px;
    }

    .resp-center {
        text-align: center !important;
    }

    .offre-correspond .w100 .js-form-item label {
        width: 31%;
    }

    .offre-correspond .w100 .js-form-item input {
        width: 68%;
    }

    .pageOffre #listesOffres {
        padding-top: 0;
    }

    .offre-slide-resp {
        padding-top: 40px;
    }

    .sas-offres .offre-slide-resp {
        padding-top: 80px;
    }

    .offre-correspond .w100 .js-form-item:nth-child(2) input, .offre-correspond .w100 .js-form-item:nth-child(3) select {
        width: 90%;
    }

    .offre-correspond .w100 .js-form-item:nth-child(2) label, .offre-correspond .w100 .js-form-item:nth-child(3) label {
        width: 10%;
    }

    .pageContent-item .contact-page-single {
        display: block;
        width: 100%;
    }

    .imageSliderSlick .slick-slide {
        /*height: 250px;
        */
    }

    .slick-slide .image-slider {
        /*height: 200px;
        */
        overflow: hidden;
    }

    .imageSliderSlick > .visually-hidden + div button.slick-arrow {
        top: calc(250px - 50px);
    }

    .faq-hp-wrapper .views-col, .contextualized-faq .stcfaq-link {
        width: 100% !important;
    }

    .n-cross-content-main-title {
        padding: 35px 40px;
    }

    .n-cross-content .item:first-child {
        padding-right: 20px;
    }

    .n-cross-content .item:last-child {
        padding-left: 20px;
    }

    .n-cross-content .item:first-child .n-cross-content-body {
        padding-left: 12%;
    }

    .n-cross-content .item:last-child .n-cross-content-body {
        padding-right: 12%;
    }

    .contextualized-faq .st-faq-context-root .question-list {
        display: block;
    }
}

@media (max-width: 767px) {
    .gdbContact .block-bg {
        height: 287px;
        width: 95%;
    }

    .gdb-highlight {
        padding: 120px 50px 100px;
    }

    .gdb-highlight-parts {
        flex-direction: column-reverse;
    }

    .gdb-highlight-part.gdb-highlight-right {
        margin: 0;
    }

    .gdb-highlight-part.gdb-highlight-left {
        padding-top: 50px;
    }

    .offre.sas-offres .card-body .list-unstyled {
        padding: 0 30px;
    }

    .offre.sas-offres .thumbnail {
        min-height: 300px;
    }

    .maintenance-page .maintenance-account-links-list {
        flex-direction: column;
    }

    .maintenance-page .maintenance-account-links-item {
        margin: 0 0 35px 0px;
    }

    .maintenance-page .maintenance-title {
        margin-top: 3rem;
    }

    #pretunnel--subscribe-form--modal .required_text.information_text:before, #pretunnel-info-subs--modal .required_text.information_text:before {
        left: 50%;
        transform: translateX(-50%);
        top: -30px;
    }

    #pretunnel--subscribe-form--modal .required_text.information_text_first, #pretunnel-info-subs--modal .required_text.information_text_first {
        margin-top: 0 !important;
        margin-bottom: 40px !important;
    }
}

/*portrait phone *****************/
@media (max-width: 576px) {
    .offre-correspond .w100 .js-form-item {
        padding-left: 15px;
    }

    .pageOffre .newsLetter-webForm .offre-correspond {
        background-size: 350px;
        padding: 50px 25px 300px;
        background-position: center bottom;
    }

    .bloc-header nav .row-toggle {
        /* height: calc(100vh - 68px);
         */
    }

    .offre-correspond .w100 .js-form-item label {
        width: 40%;
    }

    .offre-correspond .w100 .js-form-item input {
        width: 55%;
    }

    .offre .card-body .list-unstyled {
        padding: 0 5px;
    }

    .offre-correspond .w100 .js-form-item:nth-child(2) input, .offre-correspond .w100 .js-form-item:nth-child(3) select {
        width: 80%;
    }

    .offre-correspond .w100 .js-form-item:nth-child(2) label, .offre-correspond .w100 .js-form-item:nth-child(3) label {
        width: 16%;
    }

    .detail-offre-page .pageContent .newsLetter-webForm .offre-correspond {
        margin-bottom: 0;
    }

    .phone-resp {
        display: none;
    }

    .phone-resp + br {
        padding-left: 20px;
        display: block;
    }

    .bloc-header .menu-row .search-bloc > ul > li .btn-phone:after {
        display: none;
    }

    .bloc-header .menu-row .search-bloc > ul > li .btn-phone {
        line-height: 100%;
        height: 40px;
        display: inline-block;
        text-align: left;
    }

    .bloc-header nav .menu-row .menu-wrapper-content > .parent-menu-particuliers, .bloc-header nav .menu-row .menu-wrapper-content > .parent-menu-professionnels {
        width: 35%;
    }

    .bloc-header nav .menu-row .menu-wrapper-content > .mine-compt {
        width: 30%;
    }

    .comp-resp {
        width: auto;
        padding: 13px 0 9px !important;
    }

    .imageSliderSlick .slick-slide img {
        /*height: 180px;
        */
        width: 100%;
    }

    .maintenance-page h1 {
        font-size: 24px;
    }

    .maintenance-page h2 {
        font-size: 18px;
    }

    .newsLetter-webForm .messageError {
        padding-left: 15px;
    }

    .n-cross-content {
        display: block;
    }

    .n-cross-content-main-title {
        padding: 45px 30px;
    }

    .n-cross-content-main-title-t {
        font-size: 18px !important;
    }

    .n-cross-content-main-title-st {
        font-size: 14px !important;
    }

    .n-cross-content .item {
        width: auto;
    }

    .n-cross-content .item:first-child {
        padding-right: unset;
    }

    .n-cross-content .item:last-child {
        padding-left: unset;
    }

    .n-cross-content .item:first-child .n-cross-content-body, .n-cross-content .item:last-child .n-cross-content-body {
        padding: 35px 30px 45px;
    }
}

@media (max-width: 480px) {
    .avis-verifies, .detail-offre-page .gdbAvis .avis-verifies {
        top: 160px;
    }

    .offre-correspond .w100 .js-form-item label {
        width: 52%;
    }

    .offre-correspond .w100 .js-form-item input {
        width: 46%;
    }

    .logo-wrapper img {
        padding: 10px;
    }

    .logo-wrapper {
        width: 110px;
    }

    .pageOffre #groupOffreType .offre {
        /* padding: 30px;
         */
    }

    .gdb-highlight {
        padding: 90px 50px 70px;
    }

    .gdb-highlight:before, .gdb-highlight:after {
        height: 50px;
    }

    .gdb-highlight:after {
        top: calc(100% + 25px);
    }
}

@media (max-width: 320px) {
}