/*--------------------------------------------------------------

# PAGES



Styles for pages of website

If it's specifi to an only page - please add a custom page stylesheet



--------------------------------------------------------------*/


/* ENTETE */

.home .content-header {
    background-color: #f2f4f9;
}

.content-header {
    padding: 20px 0;
}

.page-template-page-le-service .content-header-text {
    margin-top: 35px!important;
}

.page-template-page-pour-qui .red-title {
    margin-bottom: 42px;
}

.page-template-page-le-service h1 {
    margin-top: 40px;
}

.page-template-page-le-service .header-rs {
    top: 0px;
}


.page-template-page-le-service .range-icone .section-title {
    margin: 0px 0px 26px;
}

.content-header .container {
    position: relative;
}

.content-header-text {
    margin: 49px 0;
}

.header-rs {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 30px;
    right: -80px;
}

.header-rs svg:hover path {
    fill: #5260B1;
    transition: fill ease-in 0.4s;
}

.header-rs .fredo {
    transform: rotate(-90deg);
    color: #130e3a;
    font-size: 11px;
    font-weight: 300;
    letter-spacing: 5px;
}

.header-rs .sep {
    width: 1px;
    height: 60px;
    background-color: #e3002d;
    margin: 67px 0 29px;
}


.header-rs-single {
    margin: 5px 0;
}

.content-header-video iframe {
    border-radius: 10px;
    width: 100%;
    height: 350px;
}
.content-header-image img {
    border-radius: 10px;
}

@media screen and (max-width: 1500px) {
    .header-rs {
        display: none;
    }
}
@media screen and (min-width: 1024px) {
    .content-header {
        padding: 0;
    }
    .page-id-1058 .content-header .container {
        align-items: start;
    }
    .page-id-1058 .content-header.image .content-header-container {
        padding-top: 80px;
    }
    .page-id-1058 .content-header-image {
        height: 450px;
    }
    .content-header.image .container {
        padding-top: 12px;
        margin-bottom: -60px;
    }
    .content-header-image
    .page-template-page-le-service .content-header {
        padding-top: 47px
    }

    .page-template-page-le-service .content-header-text {
        max-width: 665px;
    }

    .home .content-header-text {
        padding-right: 50px;
    }
    .content-header-video {
        padding-left: 40px;
    }

    .content-header-video-container {
        position: relative;
        width: 100%;
        height: 0;
        padding-bottom: 65.14%;
        margin-bottom: -80px;
    }
    
    .content-header-video iframe {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    
    .content-header .container {
        display: flex;
        align-items: center;
    }
    
    .content-header.video .content-header-container {
        flex-basis: 30%;
    }
    
    .content-header-video {
        width: 70%;
    }
    .content-header-image {
        width: 46%;
    }
    .content-header.image .content-header-container {
        width: 54%;
        padding-right: 118px;
    }
    .content-header-image {
        height: 590px;
    }
    .content-header-image img {
        height: 100%;
        object-fit: cover;
    }
    .page-template-page-pour-qui .content-header {
        padding: 0px 0px 123px;
    }
    .page-template-page-pour-qui .content-header-container {
        margin-top: 50px
    }
    .page-template-page-pour-qui .content-header-text {
        max-width: 570px;
    }
    .content-header-image {
        overflow: hidden;
        border-radius: 10px;
    }
    .content-header-image img {
        scale: 1;
        transition: scale ease-in 0.6s;
    }
    .content-header-image:hover img {
        scale: 1.2;
    }
}

/* RANGE ICONE */

.range-icone {
    padding: 60px 0 82px;
}

.page-template-page-le-service .range-icone {
    padding: 0px 0 82px;
}

.range-icone .section-title {
    margin: 36px 0 72px;
}

.range-icone-list-content {
    text-align: center;
    margin: 20px 0;
}

.range-icone-list-content-svg {
    display: flex;
    min-height: 87px;
}


.range-icone-list-content-svg svg {
    margin-top: auto;
}

.range-icone-list-content-title {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.5;
    color: var(--title-color);
    margin: 43px 0 28px;
}

.range-icone-list-content-text {
    line-height: 1.75;
}

@media screen and (max-width: 991px) {
    .range-icone-list-content-svg {
        justify-content: center;
    }
}

@media screen and (min-width: 992px) {
    .home .range-icone {
        padding-top: 141px;
    }
    .range-icone-list {
        display: flex;
        justify-content: space-between;
    }
    .range-icone-list-content {
        text-align: left;
        width: calc(25% - 39px);
        margin: 0 0 54px;
    }
    .range-icone {
        padding: 147px 0 82px;
    }

}



/* SECTION BLEU HOME*/


.section-bleu-home {
    background-color: #130e3a;
    padding: 80px 0 50px;
}

.section-bleu-home h3 {
    color: #FFF;
}

.section-bleu-home-card {
    height: 400px;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    margin: 40px 0;
}

.section-bleu-home-card.text {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.section-bleu-home-card.text h3 {
    margin-top: 42px;
    line-height: 1.47;
}

.section-bleu-home-card:not(.text) .blue-img:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(19, 14, 58, 0.55) 100%);;
    z-index: 2;
}

.section-bleu-home-card img {
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
    border-radius: 10px;
    z-index: 1;
    transition: transform ease-in 0.6s;
}

.section-bleu-home-card-title {
    position: absolute;
    bottom: 40px;
    left: 90px;
    text-align: left;
    color: #FFF;
    font-size: 28px;
    font-weight: 500;
    z-index: 3;
}

.section-bleu-home-card:hover img {
    -webkit-transform:scale(1.15); /* Safari et Chrome */
    -moz-transform:scale(1.15); /* Firefox */
    -ms-transform:scale(1.15); /* Internet Explorer 9 */
    -o-transform:scale(1.15); /* Opera */
    transform:scale(1.15);
}

@media screen and (min-width: 992px) {
    .section-bleu-home-card-title {
        text-align: right;
    }
    .section-bleu-home .container {
        display: flex;
        justify-content: space-between;
    }
    
    .section-bleu-home-card {
        width: calc(25% - 45px);
    }
    
    .section-bleu-home {
        background-color: #130e3a;
        padding: 200px 0 130px;
    }
}


/* SECTION IMAGE PLEINE LARGEUR */

.section-image-pleine-largeur {
    padding: 50px 0;
}

.section-image-pleine-largeur-content h3 {
    color: #FFF;
}

.section-image-pleine-largeur-content-logos {
    margin: 30px 0;
}

.section-image-pleine-largeur-content-logos-single {
    text-align: center;
}

.section-image-pleine-largeur-content-logos-single img {
    width: 171px;
}

.section-image-pleine-largeur-testimonial {
    border-radius: 10px;
    box-shadow: 0px 5px 30px 0 rgba(19, 14, 58, 0.15);
    padding: 95px 40px 62px;
    background-color: rgba(255,255,255,0.95);
    position: relative;
}

.section-image-pleine-largeur-testimonial:before {
    display: block;
    position: absolute;
    content: '';
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhbHF1ZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjU5cHgiIGhlaWdodD0iNDVweCIgdmlld0JveD0iMCAwIDU5IDQ1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1OSA0NSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjRTMwNDJFIiBkPSJNMjcuOTc2LDMzLjQxMmMwLjA1NS0xLjQxMy0wLjE3LTIuODIzLTAuNjYtNC4xNDhjLTEuNDc3LTQuMTUzLTQuNjQ0LTcuNDczLTguNzAzLTkuMTE4DQoJCWMtMS44NjUtMC43NDEtMi41OTQtMy4xNjktMi4xMTMtNS4xM2MwLjQ4LTEuOTYsMS44NDgtMy41NjIsMy4xNzYtNS4wODNjMS42OTUtMS45NjEsMS4xMy01LjIxNS0wLjY1NS03LjA4NA0KCQljLTEuNzg2LTEuODY5LTQuNDg3LTIuNTg4LTcuMDY0LTIuODE1Yy0xLjAxNy0wLjA5MS0yLjIwNC0wLjAzOS0yLjgyNSwwLjc3QzUuMDc4LDYuMDcsMi4yNDIsMTIuMTg0LDAuODMsMTguNjk3DQoJCWMtMS4yMzgsNS43NjItMS4yODksMTEuOTYyLDEuMjI2LDE3LjI2M2MyLjUxNSw1LjMsOC4wMjQsOS4zOTYsMTMuODM0LDkuMDE2YzQuMTM2LTAuMjkxLDcuOTYyLTIuODUsMTAuMjI5LTYuMzM4DQoJCWMxLjA1My0xLjU0MSwxLjY5MS0zLjMzMiwxLjg1NC01LjE5N0wyNy45NzYsMzMuNDEyeiIvPg0KCTxwYXRoIGZpbGw9IiNFMzA0MkUiIGQ9Ik01OC45OTEsMzMuNDEyYzAuMDU0LTEuNDEzLTAuMTcxLTIuODIzLTAuNjYxLTQuMTQ4Yy0xLjQ3Ny00LjE1My00LjY0NC03LjQ3My04LjcwMy05LjExOA0KCQljLTEuODY0LTAuNzQxLTIuNTk0LTMuMTY5LTIuMTEzLTUuMTNjMC40OC0xLjk2LDEuODQ4LTMuNTYyLDMuMTc2LTUuMDgzYzEuNjk1LTEuOTYxLDEuMTMxLTUuMjE1LTAuNjU1LTcuMDg0DQoJCXMtNC40ODctMi41ODgtNy4wNjMtMi44MTVjLTEuMDE4LTAuMDkxLTIuMjA0LTAuMDM5LTIuODI2LDAuNzdjLTQuMDUzLDUuMjY4LTYuODg5LDExLjM4MS04LjMwMSwxNy44OTUNCgkJYy0xLjIzNyw1Ljc2Mi0xLjI4OSwxMS45NjIsMS4yMjcsMTcuMjYzYzIuNTE1LDUuMyw4LjAyMyw5LjM5NiwxMy44MzQsOS4wMTZjNC4xMzYtMC4yOTEsNy45NjItMi44NSwxMC4yMjgtNi4zMzgNCgkJYzEuMDUzLTEuNTQxLDEuNjkxLTMuMzMyLDEuODU0LTUuMTk3TDU4Ljk5MSwzMy40MTJ6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==');
    height: 45px;
    width: 59px;
    background-size: cover;
    top: -10px;
    left: 40px;
}

.testimonial-author {
    display: flex;
    align-items: center;
}

.testimonial-author-img {
    margin-right: 19px;
}

.testimonial-author-img img {
    display: block!important;
    width: 52px!important;
    height: 52px;
    border-radius: 52px;
    object-fit: cover;
}

.testimonial-title {
    font-size: 29px;
    color: #130e3a;
    font-weight: 500;
}

.testimonial-content {
    margin: 41px 0 45px;
}

.testimonial-author-infos-name {
    font-weight: 500;
    color: #130e3a;
}

.testimonial-author-infos-title {
    font-size: 14px;
    font-weight: 300;
    color:#130e3a;
}

@media screen and (min-width: 992px) {
    .section-image-pleine-largeur {
        padding: 110px 0 90px;
        background-position: center;
        background-size: cover;
    }
    .section-image-pleine-largeur-content {
        max-width: 421px;
    }
    .section-image-pleine-largeur .container {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .section-image-pleine-largeur-content-logos {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin: 55px 0;
    }
    .section-image-pleine-largeur-content-logos-single {
        width: calc(50% - 35px);
        text-align: left;
        margin: 14px 0;
    }
    .section-image-pleine-largeur-testimonial {
        max-width: 410px;
        margin-right: 10%;
    }
}



/* HOME SLIDER */


.home-slider {
    background-color: #f2f4f9;
    padding: 40px 0;
}



.home-slide-img img {
    height: 240px;
    object-fit: cover;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.home-slide-content {
    background-color: #FFF;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 43px 73px 43px 37px;
    position: relative;
}

.home-slide-content-title {
    font-size: 24px;
    font-weight: 500;
    color: #130e3a;
    line-height: 1.42;
    margin-bottom: 31px;
}

.home-slider-content {
    padding-top: 50px;
    padding-bottom: 50px;
}

.home-slider-content .red-title{
    margin: 36px 0 43px;
}

.home-slide-content-infos {
    font-size: 14px;
    position: absolute;
    left: 40px;
    bottom: 43px;
}

.home-slide-content-infos span {
    color: #e3002d;
}


.home-slide {
    height: 100%;
}

.home-slide a {
    display: flex!important;
    flex-direction: column;
    height: 100%;
}

.home-slide-content {
    height: 100%;
}


.owl-prev, .owl-next {
    width: 19px;
    height: 14px;
    margin: 20px!important;
}



.owl-prev,
.owl-prev:hover {
    background: url('../img/fleche-gauche-rouge.svg')!important;
}

.owl-prev.disabled,
.owl-prev.disabled:hover {
    background: url('../img/fleche-gauche-gris.svg')!important;
}

.owl-next,
.owl-next:hover {
    background: url('../img/fleche-droite-rouge.svg')!important;
}

.owl-next.disabled,
.owl-next.disabled:hover {
    background: url('../img/fleche-droite-gris.svg')!important;
}


@media screen and (min-width: 992px) {
    .home-slider-content {
        padding-right: 195px;
        padding-bottom: 0;
    }
    .owl-prev, .owl-next {
        position: absolute;
        top: calc(50%- 7px);
    }
    .owl-prev {
        right: 260px;
    }
    
    .owl-next {
        right: 220px;
    }
    .home-slider .owl-prev {
        right: 360px;
    }

    .home-slider .owl-next {
        right: 320px;
    }

    .home-slider {
        overflow: hidden;
    }
    .home-slider .container {
        display: flex;
    }
    .home-slider-content {
        width: 36%;
        position: relative;
        z-index: 4;
    }
    .home-slide {
        width: 390px!important;
    }
    .home-slider-content:before {
        display: block;
        content: '';
        position: absolute;
        height: 100%;
        width: calc(100% + 50vw - 100%);
        top: 0;
        right: 0;
        z-index: -1;
        background-color: #f2f4f9;
    }
    .home-slider-carousel {
        width: 56%!important;
    }

}


/* SECTION IMAGES ETAPES */

.section-images-etapes {
    background-color: #f2f4f9;
    padding: 50px 0 30px;
}

.section-images-etapes-images {
    position: relative;
}

.section-images-etapes-images-content:not(.first) {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.section-images-etapes-images-content {
    opacity: 0;
    z-index: 1;
}

.section-images-etapes-images-content.active {
    opacity: 1;
    z-index: 2;
}

.section-images-etapes-images-content.first.active {
    z-index: 2;
}

.section-images-etapes-images-content img {
    border-radius: 6px;
}

.section-images-etapes-step {
    cursor: pointer;
}

.step-numb {
    font-size: 14px;
    color: #e3002d;
    letter-spacing: 1.4px;
    font-weight: 300;
}

.step-title {
    font-size: 26px;
    font-weight: 500;
    color: #FFF;
    margin: 2px 0 8px;
    line-height: 1.5;
}

.step-content {
    color: rgba(255,255,255, 0.7);
    line-height: 1.3;
}

.section-images-etapes-step {
    padding: 29px 40px 34px;
    background-color: #130e3a;
    border-radius: 6px;
    margin: 30px 0px;
    box-shadow: 0px 4px 20px 0 rgba(19, 14, 58, 0.18);
    max-width: 630px;
}

@media screen and (max-width: 991px) {
    .section-images-etapes-images {
        display: none;
    }
}

@media screen and (min-width: 992px) {
    .section-images-etapes-step.active {
        background-color: #FFF;
        
    }
    
    .section-images-etapes-step.active .step-title,
    .section-images-etapes-step.active .step-content {
        color: #130e3a;

    }



    .section-images-etapes .container {
        display: flex;
        position: relative;
    }
    .section-images-etapes-images {
        width: 54.6%;
        height: 610px;
        margin-top: -140px;
    }
    .section-images-etapes-images-content {
        height: 100%;
    }
    .section-images-etapes-images img {
        display: block;
        height: 100%;
        object-fit: cover;
    }
    .section-images-etapes-steps {
        position: absolute;
        right: 40px;
        top: calc(50% - 70px);
        transform: translateY(-50%);
        z-index: 4;
    }
    .section-images-etapes-images-content {
        overflow: hidden;
        border-radius: 10px;
    }
    .section-images-etapes {
        padding: 50px 0;
    }
}



/* SECTION CONTACT */

@media (min-width: 1340px) {
    .page-template-page-pour-qui #page  {
        background: url('../img/motif.png') top left calc(50vw - 670px + 890px) no-repeat;
    }

    .single-post #page {
        background: url('../img/path-blog.svg') top left calc(50vw - 670px + 890px) no-repeat;
    }
}

.page-template-page-le-service .section-contact {
    background-color: #130e3a;
    padding: 109px 0;
}

.page-template-page-pour-qui .section-contact  {
    background-color: #f2f4f9;
}

.section-contact-container {
    margin: 0 0px 0px;
    border-radius: 10px;
    padding: 56px 0;
    text-align: center;
}

.section-contact-container.Rouge {
    background-image: url('../img/photo-devis-rouge.jpg');
}

.section-contact-container.Bleu {
    background-image: url('../img/photo-devis-bleu.jpg');
}

.section-contact-container .red-title {
    margin: 33px 0 36px;
}

.section-contact-container .title {
    margin-bottom: 32px;
}

.section-contact-container.Rouge .svg-rouge {
    display: none;
}

.section-contact-container.Bleu .svg-blanc {
    display: none;
}

.section-contact-container.Rouge .red-title {
    color: #FFF;
}

.section-contact-container h3 {
    margin-bottom: 42px;
}

.contact-btn a {
    position: relative;
    padding: 13px 47px;
    font-weight: 600;
    border-radius: 23px;
    background-color: #FFF;
    color: var(--main-color);
    transition: background-color 0.3s, color 0.3s; 
}


.contact-btn a:hover,
.section-contact-container.Bleu .contact-btn a {
    background-color: var(--main-color);
    color: #FFF;
}

.section-contact-container.Bleu .contact-btn a:hover {
    background-color: #FFF;
    color: var(--main-color);
}

.contact-btn a:after {
    content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 200px;
	transform: scale(1.3);
	transform-origin: center;
	border:  3px solid #FFF;
	transition: transform 0.3s, opacity 0.3s;
	background-color: transparent;
	pointer-events: none;
	opacity: 0;
}

.section-contact-container.Bleu .contact-btn a:after {
    border: 3px solid var(--main-color);
}

.contact-btn a:hover:after {
    opacity: 1;
    transform: scale(1);
}

.section-contact-container.Rouge {
    margin-bottom: 50px;
}

@media screen and (min-width: 992px) {
    .section-contact-container.Rouge {
        margin-bottom: 0px;
    }
    
    .page-template-page-le-service .section-contact {
        padding: 59px 0 109px;
    }
    .section-contact {
        position: relative;
    }
    .section-contact-container {
        margin: 0 75px;
    }
    .page-template-page-pour-qui .section-contact {
        padding-top: 40px;
    }
    .page-template-page-pour-qui .section-contact-container {
        transform: translateY(60px);
    }
}



/* SECTION CHIFFRES TEMOIGNAGES */

.section-chiffres-temoignages {
    background-color: #130e3a;
    padding: 50px 0;
}

.section-chiffres-temoignages h3 {
    color: #FFF;
}

.section-chiffres,
.section-societe {
    text-align: center;
}

.section-societe-image {
    margin: 15px 0;
}
.section-chiffres-content {
    margin: 20px 0;
}

.section-chiffres-content-single {
    margin: 30px 0;
}

.section-chiffres-content-single .number {
    color: var(--main-color);
    font-size: 56px;
    font-weight: 500;

}

.section-chiffres-content-single .why {
    color: #f2f4f9;
    font-size: 14px;
    text-transform: uppercase;
}

.testimonial-slide {
    border-radius: 10px;
    box-shadow: 0px 5px 30px 0 rgb(19 14 58 / 15%);
    padding: 95px 40px 102px;
    background-color: rgba(255,255,255,0.95);
    height: 100%;
    position: relative;
}
 
.testimonial-slide .testimonial-author {
    position: absolute;
    bottom: 61px;
    margin-right: 30px;
}

.testimonial-slide:before {
    display: block;
    position: absolute;
    content: '';
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhbHF1ZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjU5cHgiIGhlaWdodD0iNDVweCIgdmlld0JveD0iMCAwIDU5IDQ1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1OSA0NSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjRTMwNDJFIiBkPSJNMjcuOTc2LDMzLjQxMmMwLjA1NS0xLjQxMy0wLjE3LTIuODIzLTAuNjYtNC4xNDhjLTEuNDc3LTQuMTUzLTQuNjQ0LTcuNDczLTguNzAzLTkuMTE4DQoJCWMtMS44NjUtMC43NDEtMi41OTQtMy4xNjktMi4xMTMtNS4xM2MwLjQ4LTEuOTYsMS44NDgtMy41NjIsMy4xNzYtNS4wODNjMS42OTUtMS45NjEsMS4xMy01LjIxNS0wLjY1NS03LjA4NA0KCQljLTEuNzg2LTEuODY5LTQuNDg3LTIuNTg4LTcuMDY0LTIuODE1Yy0xLjAxNy0wLjA5MS0yLjIwNC0wLjAzOS0yLjgyNSwwLjc3QzUuMDc4LDYuMDcsMi4yNDIsMTIuMTg0LDAuODMsMTguNjk3DQoJCWMtMS4yMzgsNS43NjItMS4yODksMTEuOTYyLDEuMjI2LDE3LjI2M2MyLjUxNSw1LjMsOC4wMjQsOS4zOTYsMTMuODM0LDkuMDE2YzQuMTM2LTAuMjkxLDcuOTYyLTIuODUsMTAuMjI5LTYuMzM4DQoJCWMxLjA1My0xLjU0MSwxLjY5MS0zLjMzMiwxLjg1NC01LjE5N0wyNy45NzYsMzMuNDEyeiIvPg0KCTxwYXRoIGZpbGw9IiNFMzA0MkUiIGQ9Ik01OC45OTEsMzMuNDEyYzAuMDU0LTEuNDEzLTAuMTcxLTIuODIzLTAuNjYxLTQuMTQ4Yy0xLjQ3Ny00LjE1My00LjY0NC03LjQ3My04LjcwMy05LjExOA0KCQljLTEuODY0LTAuNzQxLTIuNTk0LTMuMTY5LTIuMTEzLTUuMTNjMC40OC0xLjk2LDEuODQ4LTMuNTYyLDMuMTc2LTUuMDgzYzEuNjk1LTEuOTYxLDEuMTMxLTUuMjE1LTAuNjU1LTcuMDg0DQoJCXMtNC40ODctMi41ODgtNy4wNjMtMi44MTVjLTEuMDE4LTAuMDkxLTIuMjA0LTAuMDM5LTIuODI2LDAuNzdjLTQuMDUzLDUuMjY4LTYuODg5LDExLjM4MS04LjMwMSwxNy44OTUNCgkJYy0xLjIzNyw1Ljc2Mi0xLjI4OSwxMS45NjIsMS4yMjcsMTcuMjYzYzIuNTE1LDUuMyw4LjAyMyw5LjM5NiwxMy44MzQsOS4wMTZjNC4xMzYtMC4yOTEsNy45NjItMi44NSwxMC4yMjgtNi4zMzgNCgkJYzEuMDUzLTEuNTQxLDEuNjkxLTMuMzMyLDEuODU0LTUuMTk3TDU4Ljk5MSwzMy40MTJ6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==);
    height: 45px;
    width: 59px;
    background-size: cover;
    top: -10px;
    left: 40px;
}

.section-societe-chiffres .section-chiffres {
    margin-top: 88px;
}

.section-societe-images {
    margin-top: 51px;
}

@media screen and (max-width: 991px) {
    .section-chiffres-temoignages {
        overflow: hidden;
    }
    .section-societe-images .section-societe-image img {
        width: 171px;
    }
    .section-testimonial.owl-carousel  .owl-stage-outer {
        overflow: visible!important;
    }
}

@media screen and (min-width: 992px) {
    .section-chiffres,
    .section-societe,
    .section-societe-chiffres {
        position: relative;
        z-index: 4;
    }
    .section-chiffres-content {
        margin: 0;
    }
    .section-chiffres:after,
    .section-societe:after,
    .section-societe-chiffres:after {
        display: block;
        content: '';
        position: absolute;
        height: 110%;
        width: calc(100% + 50vw - 100%);
        top: -20px;
        right: 0;
        z-index: -1;
        background-color: #130e3a;
    }

    .section-societe-chiffres {
        padding-right: 69px;
     }

    .section-societe-images {
        display: flex;
        justify-content: space-between;
    }

    .section-societe-image {
        width: calc(33% - 29px);
        margin: 0;
    }

    .section-chiffres-temoignages {
        padding: 160px 0 90px;
        overflow: hidden;
    }

    .section-chiffres-temoignages .container {
        display: flex;
    }

    .section-chiffres,
    .section-testimonial,
    .section-societe-chiffres  {
        width: 50%!important;
    }

    .owl-stage {
        display: flex!important;
    }

    .owl-stage-outer {
        overflow: visible!important;
    }

    .page-template-page-le-service .section-societe-chiffres .section-chiffres,
    .page-id-447 .section-societe-chiffres .section-chiffres {
        width: 100%!important;
    }

    .section-societe {
        text-align: left;
    }

    .section-chiffres {
        text-align: left;
        padding-right: 20px;
    }

    .section-chiffres-content {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .section-chiffres-content-single {
        width: auto;
    }

    .section-chiffres-content .section-chiffres-content-single {
        width: calc(33% - 50px);
    }

    .section-chiffres-content .section-chiffres-content-single:nth-child(2) {
        margin: 30px 50px;
    }

    .testimonial-slide {
        width: 410px!important;
    }

    .section-societe-chiffres .why {
        max-width: 90px;
    }

    .section-societe-chiffres .section-chiffres {
        padding-right: 0;
    }


    .section-societe-chiffres .section-chiffres-content-single {
        width: 25%;
    }
    .section-societe-chiffres .section-chiffres-content-single .number {
        font-size: 40px;
    }
}



/* SECTION FAQ  */

.section-faq {
    background-color: #f2f4f9;
}

.section-faq-content {
    padding-top: 50px;
}

.section-faq-content .red-title {
    margin-bottom: 44px;
}

.faq-list h3 {
    border-bottom: solid 1px #c7cedf;
    padding-bottom: 45px;
}

.faq-list {
    padding-bottom: 36px;
}

.faq {
    border-bottom: solid 1px #c7cedf;
    padding: 24px 20px 24px 10px;
    cursor: pointer;
}

.faq-question {
    padding-right: 30px;
    font-size: 18px;
    color: #130e3a;
    font-weight: 500;
    position: relative;
}

.faq-question:after {
    display: block;
    content: '';
    position: absolute;
    top: calc(50% - 4px);
    right: 10px;
    height: 8px;
    width: 14px;
    transform: rotate(0deg);
    transition: transform ease 0.7s;
}

.faq .faq-question:after {
    background-image: url('../img/chevron-bas-gris.svg');
}

.faq:hover .faq-question:after {
    background-image: url('../img/chevron-bas-rouge.svg');
}

.faq.active .faq-question:after {
    transform: rotate(180deg);
}


.faq-answer {
    overflow: hidden;
    max-height: 0;
    transition: max-height ease-in 0.5s;
}

.faq-answer p {
    padding-top: 22px;
}


.faq.active .faq-answer {
    max-height: 1000px;
}



@media screen and (max-width: 991px) {
    .faq-question {
        padding-right: 30px;
    }
    .section-faq img {
        max-width: calc(100% + 40px);
        width: calc(100% + 40px);
        margin-left: -20px
    }
}

@media screen and (min-width: 992px) {
    .section-faq .container {
        display: flex;
        align-items: stretch;
    }
    .faq-list {
        padding-bottom: 66px;
    }
    .section-faq-content {
        padding-top: 100px;
        min-width: 60.7%;
        width: 60.7%;
        padding-left: 60px;
    }
    .section-faq picture {
        display: block;
        min-width: 39%;
    }
    .section-faq img {
        display: block;
        margin-left: calc(-50vw + 128.3% - var(--half-scrollbar-width));
        width: calc(50vw - var(--half-scrollbar-width));
        max-width: 100vw;
        margin-left: calc(-50vw + 128.3% - var(--half-scrollbar-width));
        width: calc(100% + 50vw - 128.2% - var(--half-scrollbar-width));
        object-fit: cover;
        height: 100%;
        border-bottom-right-radius: 10px;
    }
}



/* SECTION ARGUMENTS */

.section-arguments {
    background-color: #f2f4f9;
    padding: 30px 0 85px;
    position: relative;
}

.section-arguments-single {
    background-color: #FFF;
    padding: 49px 52px 42px 40px;
    border-radius: 10px;
    box-shadow: 0px 4px 20px 0 rgba(19, 14, 58, 0.08);
    margin: 30px 0; 
}

.section-arguments-single h5{
    margin:  23px 0 44px;
}

.argument {
    padding-left: 34px;
    margin: 16px 0;
    position: relative;
}

.argument:before {
    display: block;
    content: '';
    position: absolute;
    height: 14px;
    width: 20px;
    top: 5px;
    left: 0;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhbHF1ZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjIwcHgiIGhlaWdodD0iMTRweCIgdmlld0JveD0iMCAwIDIwIDE0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMCAxNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0UzMDQyRSIgZD0iTTE5Ljc3NywyLjcyNEw4LjAwNSwxMy43OTNjLTAuMjk1LDAuMjc2LTAuNzc0LDAuMjc2LTEuMDcsMA0KCUw2LjY5OCwxMy41N0g2LjY5N0w2LjQ0LDEzLjMyOGwtMS4xMS0xLjA0NWMtMC4wMDctMC4wMDgtMC4wMDktMC4wMTYtMC4wMTYtMC4wMjNMMC4yMjIsNy40MzhjLTAuMjk2LTAuMjc4LTAuMjk2LTAuNzI5LDAtMS4wMDcNCglsMS42MDUtMS41MDljMC4yOTUtMC4yNzgsMC43NzUtMC4yNzgsMS4wNywwbDQuNTc5LDQuMzM1bDkuNjI2LTkuMDQ5YzAuMjk2LTAuMjc4LDAuNzc0LTAuMjc4LDEuMDcxLDBsMS42MDQsMS41MDkNCglDMjAuMDc0LDEuOTk2LDIwLjA3NCwyLjQ0NiwxOS43NzcsMi43MjR6Ii8+DQo8L3N2Zz4NCg==);
    background-size: contain;
}

.argument-title {
    font-weight: 500;
    color:#130e3a;
    margin-bottom: 10px;
}

.section-argument-img img {
    border-radius: 10px;
}
.section-arguments .container,
.section-arguments .container>div {
    position: relative;
}

.section-arguments .container:before {
    display: block;
    content: '';
    position: absolute;
    height: 444px;
    width: 332px;
    background-image: url('../img/path-service.svg');
    background-size: cover;
    top: -100px;
    right: 279px;
}

@media screen and (min-width: 992px)  {
    .section-arguments {
        padding: 50px 0 85px;
    }
    .section-arguments .container {
        display: flex;
        justify-content: space-between;
    }
    .section-arguments .container>div {
        width: calc(33% - 39px);
    }
    .section-argument-img {
        max-width: 460px;
        position: relative;
        overflow: hidden;
        border-radius: 10px;
    }
    .section-argument-img img {
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        scale: 1;
        object-fit: cover;
        transition: scale ease-out 0.5s;
    }
    .section-argument-img:hover img {
        scale: 1.2;
    }
    .section-arguments-single {
        margin: 0;
    }
}


/* SECTION 3 RANGE */

.section-range-trois {
    padding: 1px 0 30px;
    background-color: #f2f4f9;
}

.tiersicone {
    margin: 60px 0;
}

.tiersicone .red-title {
    margin: 15px 0 10px;
}

.tiersicone h3 {
    margin-bottom: 15px;
}

@media screen and (max-width: 991px) {
    .tiersicone:last-child {
        margin-bottom: 15px

    }
}

@media screen and (min-width: 992px) {
    .section-range-trois {
        padding: 120px 0 90px;
    }
    .section-range-trois .container {
        display: flex;
        justify-content: space-between;
    }
    .tiersicone {
        margin: 0;
        width: calc(33% - 45px);
    }
    .tiersicone .red-title {
        margin: 47px 0 20px;
    }
    .tiersicone h3 {
        margin-bottom: 30px;
    }
}

/* SECTION VALEURS */

.section-valeurs {
    background-color: #f2f4f9;
    padding: 10px 0 40px;
}

.section-valeurs-image img {
    border-radius: 10px;
}

.section-valeurs-content {
    position: relative;
    z-index: 2;
    margin: -25px 0 0 15px;
    padding: 49px 54px 48px 41px;
    border-radius: 10px;
    box-shadow: 0px 5px 30px 0 rgba(19, 14, 58, 0.15);
    background-color: #fff;
}

.valeur {
    margin-top: 34px;
    position: relative;
    padding-left: 37px;
}

.valeur-title {
    color: var(--main-color);
    font-size: 22px;
    font-weight: 600;
    line-height: 2.14;
}

.valeur-text {
    line-height: 1.75;
}

.valeur:before {
    display: block;
    content: '';
    position: absolute;
    height: 14px;
    width: 20px;
    top: 18px;
    left: 0;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhbHF1ZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjIwcHgiIGhlaWdodD0iMTRweCIgdmlld0JveD0iMCAwIDIwIDE0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMCAxNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0UzMDQyRSIgZD0iTTE5Ljc3NywyLjcyNEw4LjAwNSwxMy43OTNjLTAuMjk1LDAuMjc2LTAuNzc0LDAuMjc2LTEuMDcsMA0KCUw2LjY5OCwxMy41N0g2LjY5N0w2LjQ0LDEzLjMyOGwtMS4xMS0xLjA0NWMtMC4wMDctMC4wMDgtMC4wMDktMC4wMTYtMC4wMTYtMC4wMjNMMC4yMjIsNy40MzhjLTAuMjk2LTAuMjc4LTAuMjk2LTAuNzI5LDAtMS4wMDcNCglsMS42MDUtMS41MDljMC4yOTUtMC4yNzgsMC43NzUtMC4yNzgsMS4wNywwbDQuNTc5LDQuMzM1bDkuNjI2LTkuMDQ5YzAuMjk2LTAuMjc4LDAuNzc0LTAuMjc4LDEuMDcxLDBsMS42MDQsMS41MDkNCglDMjAuMDc0LDEuOTk2LDIwLjA3NCwyLjQ0NiwxOS43NzcsMi43MjR6Ii8+DQo8L3N2Zz4NCg==);
    background-size: contain;
}

@media screen and (max-width: 991px) {
    .section-valeurs-content {
        margin-left: 0;
    }
}


@media screen and (min-width: 992px) {
    .section-valeurs {
        padding: 0;
    }
    .section-valeurs .container {
        display: flex;
    }
    .section-valeurs-cadre {
        margin-left: -60px;
        min-width: 40%;
        width: 40%;
    }
    .section-valeurs-content {
        margin: 40px 0;
    }
    .section-valeurs .valeurs-img {
        display: block;
        width: calc(50vw - 50% + 64% + var(--half-scrollbar-width));
        max-width: 100vw;
        object-fit: cover;
        margin-left: calc(-50vw + 50% - var(--half-scrollbar-width));
        border-bottom-right-radius: 10px;
        overflow: hidden;
    }
    .section-valeurs .valeurs-img img {
        object-fit: cover;
        border-bottom-right-radius: 10px;
        display: block;
        scale: 1;
        transition: scale ease-in 0.6s;
    }
    .section-valeurs .valeurs-img:hover img {
        scale: 1.2;
    }
}


/* SECTION PARTENAIRES */

.section-partenaires {
    background-color: #130e3a;
    padding: 70px 0 70px;
}

.section-partenaires h3 {
    color: #FFF;
    margin: 43px 0 45px;
}

.section-partenaires-header-text {
    color: rgba(255, 255, 255, 0.7);
}

.section-partenaire-logos {
    margin-top: 44px;
}

.section-partenaire-central-title {
    color: #FFF;
    font-size: 22px;
    font-weight: 500;
}


.section-partenaire-central {
    margin: 50px 0;
}

@media screen and (max-width: 991px) {
    .section-partenaire-logos>div {
        text-align: center;
        margin: 10px 0;
    }
    .section-partenaire-logos img {
        width: 171px;
    }
}

@media screen and (min-width: 992px) {
    .section-partenaires {
        padding: 118px 0 108px;
    }
    .section-partenaires .container {
        display: flex;
        justify-content: space-between;
    }
    .section-partenaires-header {
        width: 20%;
    }
    .section-partenaire-central {
        width: 32%;
        margin: 0;
    }
    .section-partenaire-right {
        width: 13%;
    }
    .section-partenaire-central .section-partenaire-logos {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 0;
    }
    .section-partenaire-logos>div {
        width: calc(50% - 40px);
        margin-top: 44px;
    }
    .section-partenaire-right .section-partenaire-logos img {
        margin-top: 44px;
    }
    .section-partenaire-logos {
        margin-top: 0;
    }
}

/* SECTION TEAM */


.section-team {
    background-color: #f2f4f9;
    padding: 20px 0 1px;
    position: relative;
}

.section-team .container {
    position: relative;
    z-index: 2;
}

.section-team:before {
    display: block;
    position: absolute;
    content: '';
    height: 511px;
    width: 396px;
    background-image: url('../img/path-service.svg');
    background-size: contain;
    background-repeat: no-repeat;
    top: 0;
    right: 0;
    z-index: 1;
}

.section-team .container>div {
    margin: 60px 0;
}

.section-team-header h3 {
    margin: 38px 0 43px;
}

.card-member {
    border-radius: 10px;
    box-shadow: 0px 15px 30px 0 rgba(19, 14, 58, 0.08);
    background-color: #fff;
}

.card-member-img img {
    height: 180px;
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    object-fit: cover;
}

.card-member-infos {
    padding: 29px 25px 31px;
}

.card-member-name {
    font-size: 22px;
    font-weight: 600;
    color: var(--main-color);
}

.card-member-post {
    margin: 13px 0 20px;
    font-size: 13px;
}

.card-member-rs {
    display: flex;
    align-items: center;
}

.card-member-rs a:not(.img-rs) {
    padding-bottom: 3px;
}

@media screen and (min-width: 992px) {
    .section-team {
        padding: 86px 0 154px;
    }
    .section-team .container>div {
        margin: 0;
    }
    .section-team .container {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 60px;
        grid-row-gap: 60px;
    }

    .section-team-header {
        padding-top: 48px;
    }
}



/* MENTIONS */

.page-id-67 .content-area,
.page-id-1257 .content-area {
    background-color: #06031e;
    color: #C4C4C4;
    padding: 40px 0 150px;
}

.page-id-67 .content-area h1,
.page-id-67 .content-area h2,
.page-id-1257 .content-area h1,
.page-id-1257 .content-area h2 {
    color: #FFF;
}

.page-id-67 .content-area h1,
.page-id-1257 .content-area h1 {
    margin: 30px 0;
    font-size: 32px;
}

.page-id-67 .content-area h2,
.page-id-1257 .content-area h2 {
    margin: 10px 0;
    font-size: 24px;
}

.page-id-67 .content-area p,
.page-id-1257 .content-area p {
    margin: 5px 0;
    color: #F2F4FA;
}

.page-id-67  .form-row,
.page-id-1257 .form-row {
    display: none;
}


/* SECTION ETAPES */

.section-etapes {
    padding: 115px 0 80px;
    background-color: #f2f4f9;
}

.section-etapes-title {
    font-size: 24px;
    line-height: 36px;
    color: #130e3a;
    margin: 29px 0 27px;
    font-weight: 400;
}

.section-etapes .container>div {
    margin: 40px 0;
}

@media screen and (min-width: 992px) {
    .section-etapes .container {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 70px;
        grid-row-gap: 0px;
    }
}


/* SECTION ADD */

.section-contact.soft {
    background-color: #f2f4f9;
    padding: 30px 0;
}


.section-contact.soft h3,
.section-contact.soft  {
    color: #FFF;
}

.section-contact.soft .add-text {
    margin: 32px 0 44px;
}

.section-contact.soft .section-contact-container.Rouge {
    position: relative;
}

.section-contact.soft .section-contact-container.Rouge .app {
    left: auto;
    right: 15%;
    top: -60px;
}


.soft-app {
    display: flex;
    justify-content: center;
}

.page-id-1058 .form-row {
    display: none;
}

.page-id-1058 .section-faq {
    padding-bottom: 95px;
}

@media screen and (min-width: 992px) {
    .section-contact.soft {
        padding: 30px 0 100px;
    }
    .section-contact.soft .dl-app {
        text-align: left;
    }
    .section-contact.soft .section-contact-container.Rouge .dl-app {
        margin-right: 0;
        margin-left: 24%;
        padding-right: 0;
    }
    .soft-app {
        justify-content: start;
    }
    .soft-app>p {
        margin-right: 30px;
    }
}

.section-faq-content-contact {
    color: #130e3a;
    font-weight: 600;
}