/*
// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// X-Large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

// XX-Large devices (larger desktops, 1400px and up)
@media (min-width: 1400px) { ... }
*/


.container-u3dm {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}
@media (min-width: 576px) { 
    .container-u3dm {
        max-width: 540px;
    }
}
@media (min-width: 768px) { 
    .container-u3dm {
        max-width: 720px;
    } 
}
@media (min-width: 992px) { 
    .container-u3dm {
        max-width: 960px;
    } 
}
@media (min-width: 1200px) { 
    .container-u3dm {
        max-width: 1140px;
    } 
}
@media (min-width: 1400px) {  
    .container-u3dm {
        max-width: 1320px;
    } 
}

:root{
    --primary: #1F2831;
    --accent: #FC3640;
    --text: #161616;
    --main: #7F1F23;
    --bg-light: #FAFAFA;
    --background: #FAFAFA;
    --secondary: #7C7C7C;
    --tertiary: #C6C6C6;
    --white: #FFF;
    --quaternary: #FFF;
    --footer: #5C6D7E;
    --icon: #F4F4F4;
    --accent-5: #fc36400d;
}
/*@media (max-width: 767px) {

    [class*="col-"] {
        margin-bottom: 0px!important;
    }
}
[class*="col-"] {
    margin-bottom: 0px!important;
}*/

body {
    color: var(--text);
}

.h-1, .h-2, .h-3, .h-4, .h-5, .h-6 {
    font-family: 'Poppins', 'sans-serif';
    font-weight: 600;
}

.h-1 {
    font-size: 32px;
    line-height: 40px;
}

.h-2 {
    font-size: 28px;
    line-height: 40px;
}

.h-3 {
    font-size: 23px;
    line-height: 25px;
}

.h-4 {
    font-size: 20px;
    line-height: 30px;
}

.h-5 {
    font-size: 16px;
}

.h-6 {
    font-size: 14px;
}

.t-1 {
    font-size: 14px;
    font-family: 'Heebo', 'sans-serif';
    font-weight: 400;
}

.text-sm, .text-xs, .text-md, .text-lg, p, span, b{
    font-family: 'Heebo', 'sans-serif';
}

@media (min-width: 992px) { 

    .h-1 {
        font-size: 45px;
        line-height: 42px;
        margin-bottom: 30px;
    }
  
    .h-2 {
        font-size: 32px;
        line-height: 48px;
    }

    .h-3 {
        font-size: 23px;
        line-height: 42px;
    }

    .h-4 {
        font-size: 20px;
    }
    
    .h-5 {
        font-size: 16px;
    }
    
    .t-1 {
        font-size: 14px;
    }
}
/* color */
.c-text {
    color: var(--text);
}
.c-secondary {
    color: var(--secondary);
}
.c-white {
    color: var(--quaternary);
}
/*  background */
.background-accent {
    background: var(--accent);
}
.background-main {
    background: var(--main);
}
.background-light {
    background: var(--background);
}
.background-white {
    background: var(--quaternary);
}
.mb-0 {
    margin-bottom: 0;
}
/* footer */
.block-newsletter {
    position: relative;
}

.block-newsletter-btn {
    position: absolute!important;
    left: -55px!important;
    bottom: -10px!important;
    z-index: 5!important;
    border: none!important;
    background: transparent;

    background-color: #fff;
    border-style: none;
    border-color: none;

    height: 72px!important;
}
@media (min-width: 992px) { 
    .block-newsletter-btn {
    
        height: 53px!important; 
    }
}
.mt-45 {
    margin-top: 45px;
}

.display-none {
    display: none;
}

.min-h-500 {
    min-height: 500px;
}
/* -------------------------------
base: button
class: btn-u3dm 
---------------------------------- */
.btn-u3dm a, .btn-u3dm > a, a.btn-u3dm {
    text-decoration: none;
    /* color: inherit; */
    /* font-family: var(--e-global-typography-8b9de26-font-family); */
    font-family: 'poppins', 'sans-serif'!important;
    font-weight: 600;
}


.btn-u3dm {
    display: inline-block;
    margin-top: 15px;
    padding: 10px 28px;
    border: 1px solid;
    border-radius: 4px;
    transition: 0.3s;
}

.btn-u3dm:active {
    transform: scale(0.96);
}

.btn-u3dm--primary {
    color: var(--quaternary);
    background: var(--accent);
    border-color: var(--accent);
}

.btn-u3dm--secondary {
    color: var(--accent);
    background: var(--quaternary);
    border-color: var(--quaternary);
}

.btn-u3dm--tertiary {
    color: var(--accent);
    background: var(--quaternary);
    border-color: var(--accent);
}

.btn-u3dm--tertiary:hover {
    color: var(--main);
    border-color: var(--main);
}

.btn-u3dm--block {
    display: block;
}

/* -------------------------------
page: toutes les pages
block: navigation - menu
class: navigation - menu
---------------------------------- */
.nav-outer li {
    list-style-type: none;
    padding: 0px;
}
.nav-outer a{
    text-decoration: none;
}

.nav-outer {
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    z-index: 2500;
}

.navbar-site {
    height: 63px;

    display: grid;
    grid-template-columns: 100px auto 100px;
}

.n-h6, .n-h4 {
    font-family: 'poppins', 'sans-serif';
    font-weight: bold;
}

.n-h6 {
    font-size: 14px;
}
.n-h4 {
    font-size: 14px;
}

@media (min-width: 992px) { 
    .navbar-site {
        position: relative;
        width: 100%;
        height: 88px;
        grid-template-columns: 200px auto;
        align-items: center;
    }

    .n-h4 {
        font-size: 16px;
    }
}

.branding {
    grid-column: 2;
    justify-self: center;
    align-self: center;

    max-width: 28px;
}
.branding-desktop {
    display: none;
}
.hamburger {
    grid-column: 1;
    align-self: center;

    max-width: 27px;
    cursor: pointer;
    padding: 5px;
}

.shop--alone {
    grid-column: 3;
    justify-self: end;
    align-self: center;

    max-width: 24px;
}

.nav-mobile--open .close-nav {
    display: flex;
    max-width: 450px;
    margin: 0 auto;
    margin-bottom: 20px;

}

.close-nav {
   display: none;
   cursor: pointer;
}

.str-conexion {
    display: block;
    text-align: center;
}

.level-1-item--hide-mobile {
    display: none;
}

.level-2-svg {
    display: none;
}

@media (min-width: 992px) { 
    .branding {
        grid-column: 1;
        max-width: 128px;
        justify-self: flex-start;
    }
    .branding-mobile {
        display: none;
    }

    .branding-desktop {
        display: block;
        width: 128px;
    }

    .hamburger {
        grid-column: inherit;
        display: none;
    }

    .shop--alone {
        grid-column: inherit;
        display: none;
    }

    .str-conexion {
        display: none;
    }
    .nav-mobile--open .close-nav {
        display: none;
        
    }
    .level-2-svg {
        display: initial;
    }
 }
 /* ------------------- */
/* ----- nav list item gestion responsive  ----- */
.nav-list {
    position: absolute;
    left: -100%;
    top: 63px;

    width: 100%;
    padding: 15px 15px 45px 15px;

    background: var(--quaternary);
    z-index: 8;

    transition: 0.3s ease-out;
}

.nav-list.nav-mobile--open {
    left: 0;
}
.level-1 {
    max-width: 450px;
    margin: 0 auto;
    padding: 0;
}

.level-1-item {
    padding-top: 20px;
    padding-bottom: 20px;
    /* margin-bottom: 20px; */
}
.level-1__maker {
    color: var(--text);
}

.level-1__service {
    display: none;
}
.level-1-link {
    display: block;
    /* padding-top: 15px;
    padding-bottom: 15px; */
}


.level-2 {
    padding-left: 0;    
}
@media (min-width: 992px) { 
    .nav-list.nav-mobile--open {
        position: initial;
        left: inherit;
        top: inherit;
    }

    .nav-list {
        position: initial;
        left: inherit;
        top: inherit;

        padding: 0;

        grid-column: 3;
        justify-self: flex-end;

        padding-left: 0px;
        padding-bottom: 0px;

        background: inherit;
    }
    
    .level-1 {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        height: 100%;
        max-width: initial;
        margin: initial;
    }

    .level-1-link {
        display: initial;
        margin-top: 0px;
        /* padding-top: 0px;
        padding-bottom: 0px; */
    }

    .level-2 {
        display: none;     
    }

    .level-1-item {
        display: inline-block;
        padding: 0px;
        margin-bottom: 0;
        
        color: var(--text);
    }

    .level-1__service {
        display: initial;
        padding-bottom: 45px;
    }


    .level-1-item:nth-child(2) {
        padding-left: 70px;
    }
    .level-1-item:nth-child(3) {
        padding-left: 70px;
    }
    .level-1-item:nth-child(4) {
        padding-left: 30px;
    }
    .level-1-item:nth-child(5) {
        padding-left: 30px;
    }

}
/* ------------------- */
/* ------------------- */

/* open desktop : level 2 */
.level-2-link > svg {
    width: 45px;
    padding-right: 20px;
}
.level-2-link  {
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
}

@media (min-width: 992px) { 
   .level-2 {
        position: absolute;
        top: 88px;
        left: 0px;
        right: 0px;
        z-index: 5;

        display: flex;
        background: var(--background);

        /*transform: translateY(-100px);*/
        visibility: hidden;

        opacity: 0;
   } 

    .level-1-item:hover .level-2 {
        transform: translateY(0px);
        visibility: visible;
        opacity: 1;

        transition: 0.5s ease;
    }

    li.level-2-item {
       width: 25%;
       padding-top: 45px;
       padding-bottom: 45px;
    }   

    .level-2-link {
        display: block;
        padding-top: 0px;
        padding-bottom: 0px;
        text-align: center;

        color: #000;
        font-weight: 600;
        text-decoration: none;

        border-left: 1px solid transparent;
        border-right: 1px solid var(--secondary);
    }

    .level-2-link--last {
        border-right: 1px solid transparent;
    }

    .level-2-link > svg {
        width: 42px;
        padding-right: 0px;
        padding-top: 20px;
    }

    .level-2-link > span {
        display: block;
        margin-top: 10px;
        padding-bottom: 20px;
    }
}
.level-1__maker {
    padding-top: 10px;
    display: block;
}
/* ----------------------- */
@media (min-width: 992px) { 

    .level-2 {
        box-shadow: 0px 10px 10px rgba(0,0,0,0.25);
    }

    .level-1__maker {
        display: initial;
        padding-top: 0px;
    }

    .level-1__service, .level-1__maker {
        position: relative;
    }

    .level-1__service::after, .level-1__maker::after {
        content: '';
        position: absolute;
        top: 52px;
        left: 0;
        right: 0;

        height: 2px;
        width: 100%;

        background-color: transparent;

        transition: 0.5s;
    }

    .level-1__service:hover::after, .level-1__maker:hover::after {
        background-color: var(--accent);
    }
}


/**/
.sub-li__text {
    transition: 0.3s;
}
.level-2-link svg {
    transition: 0.3s;
}

.level-2-link:hover .sub-li__text {
    color: var(--main);
    transition: 0.3s;
}

.level-2-link:hover svg {
    fill: var(--text);
    transition: 0.3s;
}

.level-2-link:hover svg {
    fill: var(--main);
}

.nav-outer.nav-mobile--is-open.nav-pos--hide {
    transform: translateY(0px);
}

@media (min-width: 992px) { 
    .level-2-link:hover .sub-li__text {
        transform: translateY(-8px);
    }
    
    .level-2-link:hover svg {
        transform: translateY(-8px);
    }

    .close-nav {
        display: none;
    }

    .nav-outer.nav-mobile--is-open.nav-pos--hide {
        transform: translateY(-100px);
    }
    
}



.nav-pos--hide {
    transform: translateY(-100px);
}
.nav-outer {
    transition: 0.3s ease-in;
    
    background-color: var(--quaternary);
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1)
}

.nav-outer.nav-not-transparent.nav-theme--transparent {
    background-color: var(--quaternary);
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1)
}

.nav-outer.nav-theme--transparent {
    background-color: transparent;

    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.0)
}

.nav-outer.nav-theme--transparent a {
    background-color: transparent;

    color: var(--quaternary);
}
.nav-outer.nav-theme--transparent.nav-not-transparent a {
    background-color: transparent;

    color: var(--text);
}

/* ------------ */
@media (min-width: 992px) {
    .nav-outer.nav-theme--transparent .level-1-item, .nav-outer.nav-theme--transparent .level-1__maker {
        color: var(--quaternary);
    }

    .nav-outer.nav-theme--transparent.nav-not-transparent .level-1-item, .nav-outer.nav-theme--transparent.nav-not-transparent .level-1__maker {
        color: var(--text);
    }
 
}

.level-1-item {
    color: var(--text);
}

.sub-li__text,
.level-2-link .sub-li__text {
    color: var(--text);
}

.svg-icon-item,
.branding-desktop > svg,
.hamburger > svg {
    fill: var(--text);
}

.nav-outer.nav-theme--transparent .svg-icon-item,
.nav-outer.nav-theme--transparent .branding-desktop > svg,
.nav-outer.nav-theme--transparent .branding-mobile > svg,
.nav-outer.nav-theme--transparent .hamburger > svg,
.nav-outer.nav-theme--transparent .st0,
.nav-outer.nav-theme--transparent .st1  {
    fill: var(--quaternary);
}

.nav-outer.nav-theme--transparent.nav-not-transparent .svg-icon-item,
.nav-outer.nav-theme--transparent.nav-not-transparent .branding-desktop > svg,
/* .nav-outer.nav-theme--transparent.nav-not-transparent .branding-mobile > svg, */
.nav-outer.nav-theme--transparent.nav-not-transparent .hamburger > svg,
.nav-outer.nav-theme--transparent.nav-not-transparent .st0,
.nav-outer.nav-theme--transparent.nav-not-transparent .st1  {
    fill: var(--text);
}

.nav-outer.nav-theme--transparent.nav-not-transparent .branding-mobile > svg {
    fill: var(--accent);
}


.branding-mobile > svg {
    fill: var(--accent);
}



.st0{fill: var(--primary);}

.st1{fill: var(--accent);}
.nav-outer {
    transition: 0.3s ease-in;

    background-color: var(--quaternary);
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1)
}

.nav-outer.nav-theme--transparent {
    background-color: transparent;

    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.0)
}

.nav-outer.nav-theme--transparent a {
    background-color: transparent;

    color: var(--quaternary);
}


.btn--devis {
    display: block;
    margin-top: 25px;
    padding: 10px 28px;
    
    color: var(--text);
    text-decoration: none;
    text-align: center;

    border: 1px solid var(--text);
    border-radius: 4px;
}
@media (min-width: 992px) {
    .btn--devis {
        display: initial;
        margin-top: 0px;
        max-width: 300px;
    }
}

.nav-btn-connexion {
    display: block;
}

.nav-btn-connexion svg {
    display: none;
}

@media (min-width: 992px) {
    .nav-btn-connexion {
      display: initial;
    }

    .nav-btn-connexion svg {
        display: initial;
    }
}

.nav-outer.nav-theme--transparent .btn--devis {
    padding: 12px 30px;

    color: var(--quaternary);
    
    border: 1px solid var(--accent);
    background-color: var(--accent); 
}


/* -------------------------------
page: home
id : id-home-components-accordion
class : home-components-accordion 
---------------------------------- */
#id-home-components-accordion.home-components-accordion .elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon-opened {
    display: none;
}

.home-components-accordion .elementor-accordion-item .elementor-tab-title.elementor-active {
    border-left: 1px solid #FC3640;
}
/* -------------------------------
page: print - projet
block: center-btn-alone
class: center-btn-alone
---------------------------------- */
.center-btn-alone {
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
}
/* -------------------------------
page: home
block: centered-buttons
class: centered-buttons
---------------------------------- */
.centered-buttons {
    display: flex;
    flex-direction: column;
    -ms-flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 15px auto;
}

.centered-buttons .btn-u3dm {
    margin: 20px;
}

@media (min-width: 768px) {
    .centered-buttons {
        display: flex;
        flex-direction: row;
        -ms-flex-direction: row;
        justify-content: center;
        align-items: center;
    
        padding: 20px 0px;
    }
    
    .centered-buttons .btn-u3dm {
        margin: 0 25px;
    }
}
/* -------------------------------
page: home
block: centered-buttons-desktop
class: centered-buttons-desktop
---------------------------------- */
.centered-buttons-desktop {
    display: none;
}

@media (min-width: 992px) {
    .centered-buttons-desktop {
        display: flex;
        justify-content: center;
        align-items: center;
    
        padding: 45px 0px;
    }
    
    .centered-buttons-desktop .btn-u3dm {
        margin: 0 25px;
    }
}

/* -------------------------------
page: home
block: home-header-h1
class: home-header-h1
---------------------------------- */
.home-header-h1-outer {
    max-width: 820px;
    margin: 25px auto;
}
.home-header-h1 {
    font-weight: 600;
    font-size: 30px;
    line-height: 45px;
    text-align: center;
    letter-spacing: 0.2px;
     
    color: var(--background);
}
@media (min-width: 992px) {
    .home-header-h1 {
        font-size: 45px;
        line-height: 57px;

        text-align: left;
    }
}

/* -------------------------------------------------------------------------
page: home   header heading mobile and desktop
block: header-home-card-mobile
class: header-home-card-mobile
components-mobile : use swiper.js and swiper.css
---------------------------------------------------------------------------- */
/* -------------------------------
page: home
block: header-home-card-mobile
class: header-home-card-mobile
components-mobile : use swiper.js and swiper.css
---------------------------------- */
.header-home-mobile.swiper-container {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    padding-top: 15px;
    padding-bottom: 45px;
}

.swiper-pagination.home-header-pagination .swiper-pagination-bullet {
    width: 5px;
    height: 5px;
    opacity: 1;
    background: var(--accent);
}

.swiper-pagination.home-header-pagination .swiper-pagination-bullet-active {
    width: 63px;
    height: 5px;

    background: var(--accent);
    border-radius: 5px;
}

.header-home-card-mobile-outer {
    margin: 25px;
    padding: 25px;
}

.header-home-card-mobile {
    max-width: 265px;
    padding: 25px;
    background-color: var(--accent);

    border-radius: 4px;
    box-sizing: border-box;
}
.header-home-card-mobile-title {
    margin-bottom: 24px;

    color: var(--white)
}
.header-home-card-mobile-text { 
    color: var(--white);
} 
.header-home-card-mobile-content > a { 
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
} 

.header-home-card-mobile-link {
    display: block;

    color: var(--white);
    font-weight: 700;
    text-decoration: none;
}
.header-home-card-mobile-link:hover {
    color: var(--white);
}

/* -------------------------------
page: home
block: header-home-card-desktop
class : header-home-card-desktop
---------------------------------- */
/*335px*/ 
.contain-header-home-cards-desktop {
    display: none;
    justify-content: space-between;

    max-width: 820px;
    margin: 0 auto;
}

.header-home-card-desktop {
    max-width: 335px;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: left;
}
.header-home-card-desktop-title {
    margin-bottom: 24px;

    color: var(--white)
}
.header-home-card-desktop-text {
    color: var(--white)
} 
.header-home-card-desktop-link {
    display: block;

    color: var(--white);
    font-weight: 700;
    text-decoration: none;
}
.header-home-card-desktop-link:hover {
    color: var(--white);
}
/* -------------------------------
page: home  media query
block: header-home-card-mobile -- header-home-card-desktop
class: header-home-card-mobile -- header-home-card-desktop
---------------------------------- */
.contain-header-home {
    overflow: hidden;
}
.contain-header-home-cards-desktop {
    display: none;
}

@media (min-width: 992px)  {
    .contain-header-home-cards-mobile {
        display: none;
    }  
    
    .contain-header-home-cards-desktop {
        display: flex;
    }
}
/*---------------------------------------------------------------------------- 


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

/* -------------------------------
page: print, project
block: heading-h1-mid
class : heading-h1-mid 
---------------------------------- */
.contain-header-cards-desktop {
    display: flex;
    justify-content: space-between;

    max-width: 820px;
    margin: 0 auto;
}

.heading-h1-mid {
    padding: 20px;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;

    text-align: center;
}

.heading-h1-mid-title {
    margin-bottom: 28px;

    font-size: 30px;
    line-height: 45px;
    letter-spacing: 0.2px;
    color: var(--background);
}

.heading-h1-mid-text {
    color: var(--white);
}

@media (min-width: 1200px)  {
    .heading-h1-mid-title {
        margin-bottom: 28px;

        font-size: 45px;
        line-height: 57px
    }
}


/* -------------------------------
page: home, print, project
block: reasurance
class : reasurance 
---------------------------------- */
.pro-satisfied {
    margin: 0 auto;
}
.pro-satisfied-card {
    width: 100%;
    margin-top: 10px;
    padding: 20px;
    text-align: center;
}
.pro-satisfied-card.author-card {
    text-align: left;
}

.pro-satisfied-card-content {
    margin-left: auto;
    margin-right: auto;
    padding: 0 20px;
}

.pro-satisfied-card-title {
    margin-bottom: 20px;
    font-size: 15px;
}
.pro-satisfied-card.author-card .pro-satisfied-card-title {
    font-weight: bold;
}

.author-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.author-logo {
    text-align: right;
}

.pro-satisfied {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.pro-satisfied-card {
    margin-top: 25px;
}

.reasurance {
    margin: 0 auto;
}

.reasurance-card {
    width: 100%;
    margin-top: 10px;
    padding: 20px;

    text-align: center;
}

.reasurance-card-content {
    max-width: 225px;
    margin-left: auto;
    margin-right: auto;
}

.reasurance-card-media {
    margin-bottom: 20px;
}

.reasurance-card-title {
    margin-bottom: 20px;
}


@media (min-width: 576px) { 
    .reasurance {
        width: 80%;
        display: flex;
        flex-wrap: wrap;
    }

    .reasurance-card {
        width: 50%;
        margin-left: 0;
        margin-right: 0;
    }
}

@media (min-width: 1200px)  {
    .reasurance {
        width: 100%;
    }

    .reasurance-card {
        width: 25%;
        margin-top: 25px;
    } 
}

/* color element reasurance */
.reasurance-outer {
    background-color: var(--white);
}
.reasurance-outer.theme-corail {
    background-color: var(--main);
}
.reasurance-card-title {
    color: var(--text);
}
.theme-corail.reasurance-outer .reasurance-card-title {
    color: var(--white);
}
.reasurance-card-media > svg {
    color: var(--accent);
}
.theme-corail.reasurance-outer .reasurance-card-media > svg {
    fill: var(--accent);
}
.reasurance-card-text {
    color: var(--secondary);
}
.theme-corail.reasurance-outer .reasurance-card-text {
    color: var(--white);
}

/* swiper arrow */
.swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23161616'%2F%3E%3C%2Fsvg%3E") !important;
  }
  
  .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23161616'%2F%3E%3C%2Fsvg%3E") !important;
  }




/* -------------------------------
page: home
components block: home-posts-cards
class: home-posts-cards
---------------------------------- */
.swiper-container.home-posts-cards-container {
    max-width: 360px;
    padding-bottom: 55px;
}

.swiper-slide.home-post-card {
    max-width: 360px;
    background-color: var(--quaternary);

    overflow: hidden;
}

.home-post-card-media {
    height: 239px;

    display: flex;
    justify-content: center;
    align-items: center;

    overflow: hidden;
}

.home-post-card-text {
    height: 275px;
    padding: 30px;
    overflow: hidden;
}

.home-post-card-category {
     /*font-family: Heebo;
    font-style: normal;*/
    font-weight: bold;
    font-size: 14px;
    line-height: 22px;

    text-transform: uppercase;

    letter-spacing: 0.2px;

    color: var(--accent);

}

.home-post-card-title {
    margin-top: 5px;
    margin-bottom: 15px;
    /*font-family: Poppins;
    font-style: normal; */
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;

    color: var(--text);
}
.home-post-card-title > a {
    text-decoration: none;
    color: var(--text);
    transition: 0.3s;
}
.home-post-card-title > a:hover {
    color: var(--main);
}    


.home-post-card-description {

    font-size: 14px;
    line-height: 22px;

    letter-spacing: 0.2px;

    color: var(--secondary);
}


.home-posts-cards .swiper-button-prev, .home-posts-cards .swiper-button-next {
    top: 42%;
}

.swiper-button-next,
.swiper-button-prev, 
.swiper-container-rtl .swiper-button-prev,
.swiper-container-rtl .swiper-button-next{
    /* fill: var(--accent); */
    fill: #000;
}

@media (min-width: 992px) {
    .swiper-container.home-posts-cards-container {
        max-width: 720px;
    }
}

@media (min-width: 1200px) { 
    .swiper-container.home-posts-cards-container {
        max-width: 1080px;
    }

    .swiper-slide.home-post-card {
        max-width: 360px;
    }
}

/* pagination */
.home-post-card-pagination .swiper-pagination-bullets {
    width: 150px;
}

.home-post-card-pagination .swiper-pagination-bullet {
    width: 5px;
    height: 5px;
    border-radius: 5px;
}

.home-post-card-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 63px;
    height: 5px;

    border-radius: 5px;
    background-color: #C1C1C1;
}

/* -----------------------
-       form contact     -
-------------------------- */


.form-contact {
    max-width: 750px;
    margin: 0 auto;
}


.form-group input.form-control,
.form-group input[type="text"]:not(.qty).form-control,
.form-group input[type="text"]:not(.qty).form-control
{
    height: 50px;
}

input::placeholder {
    color: blue;
}
::placeholder {
    color: blue;
}

.form-transparent select,
.form-transparent textarea,
.form-transparent textarea.form-control,
.form-transparent input[type="text"]:not(.qty),
.form-transparent input[type="password"],
.form-transparent input[type="datetime"],
.form-transparent input[type="datetime-local"],
.form-transparent input[type="date"],
.form-transparent input[type="month"],
.form-transparent input[type="time"],
.form-transparent input[type="week"],
.form-transparent input[type="number"],
.form-transparent input[type="email"],
.form-transparent input[type="url"],
.form-transparent input[type="search"],
.form-transparent input[type="tel"],
.form-transparent input[type="color"],
.form-transparent .uneditable-input {
    background: transparent;
    background: #FFF;
}


/* team profil */
.team-card {
    max-width: 800px;
    margin: 15px auto 15px auto;
    padding: 15px;
}

@media (min-width: 768px) { 
    .team-card {
        display: flex;
    }
}

.team-card-media {
    max-width: 300px;
    min-width: 300px;
}

@media (min-width: 768px) { 
    .team-card-media {
       margin-right: 25px;
    }
}

.team-card-content {
    /* color: var(--quaternary); */
}

/* ---------- */
/* carousel confiance media */
/* ---------- */
.carousel-confiance-media {
    display: flex;
    justify-content: center;
    align-items: center;

    min-height: 255px;
    margin: 0 auto;
}

.carousel-confiance-media .swiper-button-next, .carousel-confiance-media .swiper-button-next {
    color: var(--text);
    fill: #000
    
}
/* .swiper-button-prev, .swiper-container-rtl .swiper-button-next  {
    fill: #000;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    fill: #000;
} */
/* ---------- */
/* fin carousel confiance media */
/* ---------- */


/* ---------------------- 
-------- a propos -------
-------------------------*/
.block-propos {
    display: flex;
    flex-wrap: wrap;

    padding-top: 100px;
    padding-bottom: 100px;  
}


.block-propos-text {
    margin-top: 35px;
}


@media (min-width: 992px) { 
    .block-propos-media {
        max-width: 700px;
        width: 50%;
        padding-right: 35px;
    }

    .block-propos-text {
        width: 50%;
        margin-top: 0px;
    }

}


/* ------------------------------------- 
-------- Ils nous font confiance -------
----------------------------------------*/
.confiance-inner {
    padding-top: 50px;
    padding-bottom: 50px;
}
.confiance-title {
    text-align: center;
    margin-bottom: 35px;
}
.confiance-line-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;

    margin-top: 25px;
}
.confiance-logo {
    min-width: 154px;
    padding: 25px;
}


/* ----- */
.contain-bbb {
    padding: 50px 0px 100px 0px;
    background-color: #fff;
    margin-top: -240px;
}
.contain-bbb-mob {
    padding: 50px 0px 0px 0px;
    background-color: #fff;
    margin-top: -240px;
}
.margin-b-50 {
    margin-bottom: 10px;
}

@media (min-width: 992px) { 
    .contain-bbb {
        padding: 50px 45px 100px 45px;
    }

    .margin-b-50 {
        margin-bottom: 50px;
    }
}


/* modèles */
.contain-links-modele {
    display: flex;
    flex-wrap: wrap;
}

a.modele-link {
    display: block;
    padding: 10px 20px;
    margin-top: 10px;
    font-weight: 600;

    font-size: 22px;
    background: #fff;
    border-radius: 25px;

    color: var(--accent);
}

@media (min-width: 992px) { 
    a.modele-link {
        display: inline-block;
        padding: 10px 20px;
        margin-left: 15px;
        margin-right: 15px;
    }
}

/* --------------------------------------------------------------------------
---------style composant : expert tab mobile (home, print, project) --------
---------------------------------------------------------------------------- */
.c-exp-wrapper *  {
    box-sizing: border-box;
}
.c-mob-exp-wrapper {
    max-width: 700px;
    margin: 0 auto;
    overflow-x: hidden;
}
/* modif mobile backgroud (home != print, project */
.c-mob-exp-wrapper.c-mob-exp-wrapper--home {
    background: #FAFAFA;
}
.c-mob-exp-wrapper {
    background: #FFF;
}
.c-mob-exp-wrapper--home .c-mob-exp-elt-tab.active {
    color: #000;
    background: #FFF;
}
.c-mob-exp-elt-tab {
    min-height: 60px;
    color: #000;
    background: #FAFAFA;
}

.c-mob-exp-elt-tab {
    color: rgba(0, 0, 0, 0.5);
    transition: 0.3s;
}
/* fin  modif backgroud (home != print, project */
.contain-swiper-mob-exp {
    max-width: 340px;
    margin: 0 auto;
    /* overflow-x: hidden; */
    transform: translateY(35px);
}

/* tab */
.swiper-slide.c-mob-exp-elt-tab {
    width: 340px!important;

    cursor: pointer;
}
.c-mob-exp-elt-tab {
    position: relative;
    border-radius: 4px;
    /* background: blue; */
    padding-left: 25px;
    padding-top: 15px;
    padding-bottom: 15px;
    color: rgba(0, 0, 0, 0.5);
}

.c-mob-exp-elt-tab.active {
    color: #000;
    /* background: #FFF; */
}

/* media */
.c-mob-exp-content-media {
    max-width: 700px;
    margin: 0 auto;
}
.c-mob-exp-elt-media {
    display: none;
}
.c-mob-exp-elt-media.active {
    display: block;
}
/* line */
.c-mob-exp-elt-line {
    position: absolute;
    left: 0px;
    bottom: 0px;

    width: 0%;
    height: 5px;

    border-bottom-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;

    background: transparent;

    transition: 0.3s;
}
.c-mob-exp-elt-line {
    display: none;
    background: #FC3640;
}
.c-mob-exp-elt-line.active {
    display: block;
    animation-duration: 5s;
    animation-name: animeProgressExpert;
    animation-timing-function: ease-out;
}

@keyframes animeProgressExpert {
    0% {
      width: 0%;
    }
  
    100% {
      width: 100%;
    }
}

/* --------------------------------------------------------------------------
------- fin style composant : expert tab mobile (home, print, project) -----
---------------------------------------------------------------------------- */





/* --------------------------------------------------------------------------
---------style composant : expert tab desktop (home, print, project) --------
---------------------------------------------------------------------------- */
.c-desk-exp-wrapper *  {
    box-sizing: border-box;
}
/* modif backgroud (home != print, project */
.c-desk-exp-wrapper.c-desk-exp-wrapper--home {
    background: #FAFAFA;
}
.c-desk-exp-wrapper {
    background: #FFF;
}
.c-desk-exp-wrapper--home .c-desk-exp-elt-tab.active {
    color: #000!important;
    background: #FFF;
}
.c-desk-exp-elt-tab.active {
    color: #000!important;
    background: #FAFAFA!important;
}
.c-desk-exp-elt-tab {
    color: rgba(0, 0, 0, 0.5)!important;
    transition: 0.3s;
}
/* fin  modif backgroud (home != print, project */

/* content */
.c-desk-exp-content {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 15px;
    padding-right: 15px;
}
/* media */
.c-desk-exp-content-media {
    max-width: 700px;
    margin-right: 55px;
}
.c-desk-exp-elt-media {
    display: none;
}
.c-desk-exp-elt-media.active {
    display: block;
}

/* tab */
.c-desk-exp-elt-tab {
    position: relative;
    /* height: 125px; */
    padding: 20px;
    min-width: 300px;
    max-width: 360px;
    margin-top: 15px;
   
    color: rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    cursor: pointer;
    transition: 0.3s;
}
.c-desk-exp-elt-tab.active {
    color: #000;
    /* background: #FFF; */
}

/* line */
.c-desk-exp-elt-line {
    position: absolute;
    left: 0px;
    bottom: 0px;

    width: 0%;
    height: 5px;

    border-bottom-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;

    background: transparent;

    transition: 0.3s;
}
.c-desk-exp-elt-line {
    display: none;
    background: #FC3640;
}
.c-desk-exp-elt-line.active {
    display: block;
    animation-duration: 5s;
    animation-name: animeProgressExpert;
    animation-timing-function: ease-out;
}

@keyframes animeProgressExpert {
    0% {
      width: 0%;
    }
  
    100% {
      width: 100%;
    }
}
/* --------------------------------------------------------------------------
------- fin style composant : expert tab desktop (home, print, project) -----
---------------------------------------------------------------------------- */



#no-mar-bot [class*="col-"] {
    margin-bottom: 0px!important;
}


/* INITIAL LOGIN BUTTON */
.initial-name {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 26px;
    height: 26px;

    font-style: normal;
    font-size: 10px;

    letter-spacing: 0.2px;

    color: white;
    background-color: #FC3640;
    border-radius: 50%;
    cursor: pointer;

}

/* FLIP CARD PAGE NOTRE EQUIPE */
.flip-card img {
    border: 1px solid #1F2831 !important;
}
@media (min-width: 600px) {
    .flip-card.card-top-left {
        margin-right: -35px;
    }
}
@media (min-width: 1200px) {
    .flip-card.card-top-left {
        margin-left: 185px;
    }
}
@media (min-width: 768px) {
    .flip-card {
        width: 170px;
        margin: 0 auto;
    }
}
@media (min-width: 1200px) {
    .flip-card {
        width: 200px;
        margin: 0 auto;
    }
}


/* PAGE A PROPOS */
@media (min-width: 768px) {
    .a_propos_1 {
        float:left;
        margin-right:80px
    }
    .a_propos_2 {
        float:right;
        margin-left:80px
    }
    .a_propos_maps {
        float:right;
    }
}
/*
     FILE ARCHIVED ON 21:53:17 Jun 23, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 08:19:57 Jun 15, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.67
  exclusion.robots: 0.094
  exclusion.robots.policy: 0.081
  esindex: 0.01
  cdx.remote: 14.566
  LoadShardBlock: 156.716 (3)
  PetaboxLoader3.resolve: 366.776 (3)
  PetaboxLoader3.datanode: 120.427 (5)
  load_resource: 418.932
  loaddict: 73.857
*/