/*
Theme Name: Easy Services
Theme URI: 
Description: Easy Services
Author: Devcom-media
Author URI: https://devcom-media.com/
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  Easy Services
*/
 

@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.cdnfonts.com/css/harmony-signature');

.no-scroll,
body.no-scroll,
html.no-scroll{
    overflow: hidden !important;
}
 
.grecaptcha-badge{
    display: none;
}


html{
    scroll-behavior: smooth;
    overflow-x: hidden;
    margin: 0 !important;
    padding: 0;
}
 
body{
    font-size: 16px;
    font-family: 'Barlow', sans-serif;
    font-weight: 400;
    color: #717376; 
    margin: 0;
    padding: 0; 
}

.wysiwyg *:last-child{
    margin-bottom: 0;
}

.wysiwyg .telephone{
    display: inline-block;
}
.wysiwyg .telephone .picto{
    display: none;
}
.wysiwyg .telephone a{
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    margin-top: 0;
}

.aligncenter{
    display: flex;
    margin: auto;
}
.alignright{
    float: right;
    margin-left: 50px;
}
.primary-color{
    color: #717376 !important;
}
.secondary-color{
    color: #717376 !important;
} 
.primary-background{
    background-color: #717376 !important;
}
.secondary-background{
    background-color: #717376 !important;
}
.white-background{
    background-color: #FFF !important;
}

b, strong{
    font-weight: 600;
} 

h1{
    font-size: 40px;
    font-weight: 800; 
    color: #494A4C;
    margin-bottom: 20px;
    line-height: 1;

}
h2{
    font-size: 40px;
    font-weight: 800; 
    color: #494A4C;
    margin-bottom: 20px;
}
h3{
    font-size: 24px;
    font-weight: 400; 
    color: #494A4C; 
}
h4{
    font-size: 24px;
    font-weight: 400; 
    color: #494A4C;
}
h5{
    font-size: 16px;
    color: #F75850;
    font-weight: 700;   
    margin-bottom: 10px;  
}
h6{  
    font-weight: 400;
    font-style: normal;
    line-height: 1.3;  
    font-size: 70px;
    margin: 2rem 0;
    font-family: 'Harmony Signature', sans-serif;
} 

h6 strong{
    color: #F75850;
}
h1 strong, h1 b, h2 strong, h2 b, h3 strong, h3 b{
    color: #F75850 !important;
    font-weight: inherit;
}


a{
    text-decoration: none; 
    color: #717376
}
a:hover{
    text-decoration: none;
    color: #717376;
}
button.btn,
a.btn{
    background-color: #F75850;
    color: #FFFFFF;  
    padding: 5px 23px; 
    border-radius: 100px;
    font-size: 20px;
    font-weight: 500;
    min-width: 200px; 
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center; 
    transition: .3s;
} 
button.btn:hover,
a.btn:hover{
    background-color: #00689E;
    transition: .3s;
    color: #FFFFFF;
}
.telephone a{
    border-radius: 50px; 
    font-size: 35px;
    font-weight: 700;
    color: #303030;
    padding: 9px 0; 
    display: inline-flex;
    transition: .3s;
    margin-bottom: 1rem;
    margin-top: 1rem;
    align-items: center;
}
.telephone a:hover{
    color: #F75850;
}
.telephone a .picto{
    margin-right: 15px;
    background: #F75850;
    width: 41px;
    height: 41px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: relative;
}
.telephone a .picto:after{
    content: '';
    border: 2px solid #000000;
    border-radius: 50%;
    width: 49px;
    height: 49px;
    position: absolute;
    left: -4px;
    top: -4px;
}
.ancre{
    position: absolute;
    top: -100px;
}
.scrollDown{
    width: 34px;
    height: 54px;
    border-radius: 17px;
    border: 1.5px solid #FFF;
    position: absolute;
    z-index: 99;
    bottom: 2rem;
    left: 0;
    right: 0;
    margin: auto;
}

.scrollDown:after{
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #FFF;
    position: absolute;
    left: 10px;
    top: 3px;
    animation: scrollDown 1s infinite;
}


@keyframes scrollDown {
    0%   {top: 3px;}
    100% {top: 37px}
  }

 
header{ 
    position: absolute;
    background-color: transparent;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999; 
    transition: top 0.5s ease-in-out;-webkit-transition: all 500ms;
    -moz-transition: all 500ms;
      -o-transition: all 500ms;
         transition: all 500ms;
    
} 

header.scrolled {
    position: fixed;
    transform: translateY(0px); 
    background-color: #FFFFFF;
}

header:not(.scrolled) {
    transform: translateY(0px);
}

header .brand img{
    width: 290px;
    height: auto;
    margin: 10px 0;
}
header .telephone a{
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    color: #FFFFFF;
    margin-right: 10px;
}
 
header .telephone a .picto{
    width: 33px;
    height: 33px;
    margin-right: 7px;
    background-color: unset;
}

header .telephone a{
    background-color: #F75850;
    color: #FFFFFF;
    padding: 5px 23px;
    border-radius: 100px;
    font-size: 16px;
    font-weight: 500;
    min-width: 200px;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: .3s;
}
header .telephone a .picto:after{
    display: none;
}

header .telephone a:hover{
    color: #FFFF;
    background-color: #00689E;
    transition: .3s;
}


#breadcrumbs a:hover{
    color: #717376 !important;
}
  
.menuContainer{
    display: flex;
    align-items: center;
    border-top: 1px solid rgba(255,255,255, .5)
}
.menuContainer .telephone a{
    margin-bottom: 0;
    border: unset;
    margin-left: 2rem;
}
 
.menuContainer #navbarSupportedContent .navbar-nav, .nav-item{
    display: flex;
    align-items: center;
    justify-content: center;
}

.navbar{
    padding: 0 0; 
} 
.navbar .navbar-nav .nav-item.menu-item-has-children:hover > ul{
    display: block;
}

.navbar .navbar-nav .nav-link{
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 400;
    margin-left: 5px;
    margin-right: 5px; 
    margin-bottom: 0;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative; 
    text-align: center;  
    display: flex;
    align-items: center;
    line-height: 1;
} 
header.scrolled .navbar .navbar-nav .nav-link{
    color: #494A4C;
}
header.scrolled .brand .logo{
    display: none;
}
header.scrolled .brand .logo_scrolled{
    display: block !important;
}
header .navbar .navbar-nav .nav-item .nav-link:before{
    content: '';
    width: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 5px; 
    background-color: #F75850;
    transition: .3s;
} 
header .navbar .navbar-nav .nav-link:hover:before,
header .navbar .navbar-nav .nav-item.active .nav-link:before{
    width: 100%;
    transition: .3s;
}
header .navbar .navbar-nav .nav-item.btn .nav-link{
    background-color: #F75850;
    color: white ;
    border-radius: 40px; 
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    padding: 3px 4px 3px 15px;
}
  
header .navbar .navbar-nav .nav-item.btn .nav-link:after{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M11.1506 11.1512H20.3338M20.3338 11.1512V20.3344M20.3338 11.1512L11.1506 20.3344' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.navbar .navbar-nav .nav-item.tel .nav-link{
    color: #F75850;
}
.navbar .navbar-nav .nav-item.tel{
    position: relative;
    padding-left: 7px;
    margin-left: 35px;
}
.navbar .navbar-nav .nav-item.tel:before{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M19.95 21C17.8667 21 15.8083 20.546 13.775 19.638C11.7417 18.73 9.89167 17.4423 8.225 15.775C6.55833 14.1077 5.271 12.2577 4.363 10.225C3.455 8.19233 3.00067 6.134 3 4.05C3 3.75 3.1 3.5 3.3 3.3C3.5 3.1 3.75 3 4.05 3H8.1C8.33333 3 8.54167 3.07933 8.725 3.238C8.90833 3.39667 9.01667 3.584 9.05 3.8L9.7 7.3C9.73333 7.56667 9.725 7.79167 9.675 7.975C9.625 8.15833 9.53333 8.31667 9.4 8.45L6.975 10.9C7.30833 11.5167 7.704 12.1123 8.162 12.687C8.62 13.2617 9.12433 13.816 9.675 14.35C10.1917 14.8667 10.7333 15.346 11.3 15.788C11.8667 16.23 12.4667 16.634 13.1 17L15.45 14.65C15.6 14.5 15.796 14.3877 16.038 14.313C16.28 14.2383 16.5173 14.2173 16.75 14.25L20.2 14.95C20.4333 15.0167 20.625 15.1377 20.775 15.313C20.925 15.4883 21 15.684 21 15.9V19.95C21 20.25 20.9 20.5 20.7 20.7C20.5 20.9 20.25 21 19.95 21Z' fill='%23F75850'/%3E%3C/svg%3E");
    position: absolute;
    left: 0;
}
/*
header.scrolled .navbar .navbar-nav .nav-item.active .nav-link:hover:before,
header .navbar .navbar-nav .nav-item.active .nav-link:hover:before{
    content: '';
    height: 5px;
    background-color: #717376;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}*/

.navbar-nav .dropdown-menu{
    border-radius: 0;
    font-size: 15px;
    position: absolute;
    margin-top: 6px;
    top: 66px;
}

.navbar-nav .dropdown-menu{
    border: 1px solid #717376;
    background-color: #FFFFFF;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 13px;
}

 

.navbar-nav .dropdown-menu:before{
    /*content: '';*/
    display : inline-block;
    height : 0;
    width : 0;
    border-right : 10px solid transparent;
    border-bottom : 10px solid #717376;
    border-left : 10px solid transparent;
    top: -10px;
    left: 2rem;
    position: absolute;
}
.navbar-nav .dropdown-menu:after {
    content: '';
    width: 100%;
    height: 15px;
    position: absolute;
    top: -16px;
}
.navbar-nav .dropdown-menu .dropdown-item:focus,
.navbar-nav .dropdown-menu .dropdown-item:hover{
    background: rgba(230, 199, 189, 0.30);
    color:#717376;
    text-decoration: unset;
}
.navbar-nav .dropdown-menu .dropdown-item{
    color: #717376;
    padding: 5px 27px;
    font-weight: 300;
    font-size: 15px;
}

.navbar-nav .dropdown-menu .dropdown-menu{
    margin-left: 200px;
    top: -6px;
} 
.navbar-nav .dropdown-menu .dropdown-menu:before{
    top: 8px;
    left: -20px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 10px solid #717376;
} 
header.scrolled .navbar{
    box-shadow: 0px 4px 11px rgba(159, 186, 202, 0.2);
}

.navbar .navbar-nav .nav-item.secondary_btn:hover .nav-link,
.navbar .navbar-nav .nav-item.secondary_btn .nav-link,
.navbar .navbar-nav .nav-item.primary_btn .nav-link{
    background-color: #717376;
    border: 1px solid #717376;
    padding: 12px 22px;
    font-weight: 300;
    font-size: 16px; 
    margin: 0;
    color: #FFF;
    border-radius: 50px;
    margin-right: 8px;
    position: relative;
}
.navbar .navbar-nav .nav-item.primary_btn:hover .nav-link,
.navbar .navbar-nav .nav-item.secondary_btn .nav-link{
    background-color: #FFF;
    color: #717376;
}

.navbar .navbar-nav .nav-item.icon_call .nav-link,
.navbar .navbar-nav .nav-item.icon_gift .nav-link{
    padding-left: 35px !important;
}  
.navbar .navbar-nav .nav-item.secondary_btn.icon_call:hover .nav-link:before,
.navbar .navbar-nav .nav-item.icon_call .nav-link:before{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Cpath d='M5.50521 1.72757L6.26808 1.4839C6.98208 1.25582 7.74567 1.62486 8.05167 2.34595L8.66083 3.78245C8.92646 4.40791 8.77913 5.14386 8.29675 5.60145L6.95588 6.87503C7.03875 7.6372 7.29446 8.38732 7.72371 9.12541C8.13159 9.83953 8.67859 10.4646 9.33233 10.9635L10.9445 10.4252C11.5551 10.2219 12.2202 10.4564 12.5949 11.0067L13.4676 12.2888C13.9039 12.9292 13.8253 13.8117 13.2848 14.3543L12.7054 14.9359C12.1288 15.5146 11.3058 15.7249 10.5436 15.4869C8.74513 14.9259 7.09188 13.2607 5.58313 10.4911C4.07225 7.71724 3.53958 5.36274 3.98371 3.4304C4.17071 2.61724 4.75013 1.96911 5.50663 1.72757' fill='white'/%3E%3C/svg%3E");
    position: absolute;
    left: 12px;
    top: 16px; 
}
.navbar .navbar-nav .nav-item.secondary_btn.icon_gift:hover .nav-link:before,
.navbar .navbar-nav .nav-item.icon_gift .nav-link:before{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M12.832 6.99999V11.6667C12.832 11.9761 12.7091 12.2728 12.4903 12.4916C12.2715 12.7104 11.9748 12.8333 11.6654 12.8333H2.33203C2.02261 12.8333 1.72587 12.7104 1.50707 12.4916C1.28828 12.2728 1.16536 11.9761 1.16536 11.6667V6.99999C1.01065 6.99999 0.862282 6.93853 0.752886 6.82914C0.643489 6.71974 0.582031 6.57137 0.582031 6.41666V4.66666C0.582031 4.35724 0.704948 4.06049 0.92374 3.8417C1.14253 3.62291 1.43928 3.49999 1.7487 3.49999H3.59786C3.53194 3.31258 3.4984 3.11532 3.4987 2.91666C3.4987 2.45253 3.68307 2.00741 4.01126 1.67922C4.33945 1.35103 4.78457 1.16666 5.2487 1.16666C5.83203 1.16666 6.34536 1.45832 6.6662 1.88999V1.88416L6.9987 2.33332L7.3312 1.88416V1.88999C7.65203 1.45832 8.16536 1.16666 8.7487 1.16666C9.21283 1.16666 9.65795 1.35103 9.98613 1.67922C10.3143 2.00741 10.4987 2.45253 10.4987 2.91666C10.499 3.11532 10.4655 3.31258 10.3995 3.49999H12.2487C12.5581 3.49999 12.8549 3.62291 13.0737 3.8417C13.2924 4.06049 13.4154 4.35724 13.4154 4.66666V6.41666C13.4154 6.57137 13.3539 6.71974 13.2445 6.82914C13.1351 6.93853 12.9867 6.99999 12.832 6.99999ZM2.33203 11.6667H6.41536V6.99999H2.33203V11.6667ZM11.6654 11.6667V6.99999H7.58203V11.6667H11.6654ZM5.2487 2.33332C5.09399 2.33332 4.94562 2.39478 4.83622 2.50418C4.72682 2.61357 4.66536 2.76195 4.66536 2.91666C4.66536 3.07137 4.72682 3.21974 4.83622 3.32914C4.94562 3.43853 5.09399 3.49999 5.2487 3.49999C5.40341 3.49999 5.55178 3.43853 5.66118 3.32914C5.77057 3.21974 5.83203 3.07137 5.83203 2.91666C5.83203 2.76195 5.77057 2.61357 5.66118 2.50418C5.55178 2.39478 5.40341 2.33332 5.2487 2.33332ZM8.7487 2.33332C8.59399 2.33332 8.44561 2.39478 8.33622 2.50418C8.22682 2.61357 8.16536 2.76195 8.16536 2.91666C8.16536 3.07137 8.22682 3.21974 8.33622 3.32914C8.44561 3.43853 8.59399 3.49999 8.7487 3.49999C8.90341 3.49999 9.05178 3.43853 9.16118 3.32914C9.27057 3.21974 9.33203 3.07137 9.33203 2.91666C9.33203 2.76195 9.27057 2.61357 9.16118 2.50418C9.05178 2.39478 8.90341 2.33332 8.7487 2.33332ZM1.7487 4.66666V5.83332H6.41536V4.66666H1.7487ZM7.58203 4.66666V5.83332H12.2487V4.66666H7.58203Z' fill='white'/%3E%3C/svg%3E");
    position: absolute;
    left: 12px;
    top: 16px; 
}

.navbar .navbar-nav .nav-item.primary_btn.icon_call:hover .nav-link:before,
.navbar .navbar-nav .nav-item.secondary_btn.icon_call .nav-link:before{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Cpath d='M5.50521 1.72757L6.26808 1.4839C6.98208 1.25582 7.74567 1.62486 8.05167 2.34595L8.66083 3.78245C8.92646 4.40791 8.77913 5.14386 8.29675 5.60145L6.95588 6.87503C7.03875 7.6372 7.29446 8.38732 7.72371 9.12541C8.13159 9.83953 8.67859 10.4646 9.33233 10.9635L10.9445 10.4252C11.5551 10.2219 12.2202 10.4564 12.5949 11.0067L13.4676 12.2888C13.9039 12.9292 13.8253 13.8117 13.2848 14.3543L12.7054 14.9359C12.1288 15.5146 11.3058 15.7249 10.5436 15.4869C8.74513 14.9259 7.09188 13.2607 5.58313 10.4911C4.07225 7.71724 3.53958 5.36274 3.98371 3.4304C4.17071 2.61724 4.75013 1.96911 5.50663 1.72757' fill='%235EBDB2'/%3E%3C/svg%3E");
    position: absolute;
    left: 12px;
    top: 16px; 
} 

.navbar .navbar-nav .nav-item.primary_btn.icon_gift:hover .nav-link:before,
.navbar .navbar-nav .nav-item.secondary_btn.icon_gift .nav-link:before{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M12.832 6.99999V11.6667C12.832 11.9761 12.7091 12.2728 12.4903 12.4916C12.2715 12.7104 11.9748 12.8333 11.6654 12.8333H2.33203C2.02261 12.8333 1.72587 12.7104 1.50707 12.4916C1.28828 12.2728 1.16536 11.9761 1.16536 11.6667V6.99999C1.01065 6.99999 0.862282 6.93853 0.752886 6.82914C0.643489 6.71974 0.582031 6.57137 0.582031 6.41666V4.66666C0.582031 4.35724 0.704948 4.06049 0.92374 3.8417C1.14253 3.62291 1.43928 3.49999 1.7487 3.49999H3.59786C3.53194 3.31258 3.4984 3.11532 3.4987 2.91666C3.4987 2.45253 3.68307 2.00741 4.01126 1.67922C4.33945 1.35103 4.78457 1.16666 5.2487 1.16666C5.83203 1.16666 6.34536 1.45832 6.6662 1.88999V1.88416L6.9987 2.33332L7.3312 1.88416V1.88999C7.65203 1.45832 8.16536 1.16666 8.7487 1.16666C9.21283 1.16666 9.65795 1.35103 9.98613 1.67922C10.3143 2.00741 10.4987 2.45253 10.4987 2.91666C10.499 3.11532 10.4655 3.31258 10.3995 3.49999H12.2487C12.5581 3.49999 12.8549 3.62291 13.0737 3.8417C13.2924 4.06049 13.4154 4.35724 13.4154 4.66666V6.41666C13.4154 6.57137 13.3539 6.71974 13.2445 6.82914C13.1351 6.93853 12.9867 6.99999 12.832 6.99999ZM2.33203 11.6667H6.41536V6.99999H2.33203V11.6667ZM11.6654 11.6667V6.99999H7.58203V11.6667H11.6654ZM5.2487 2.33332C5.09399 2.33332 4.94562 2.39478 4.83622 2.50418C4.72682 2.61357 4.66536 2.76195 4.66536 2.91666C4.66536 3.07137 4.72682 3.21974 4.83622 3.32914C4.94562 3.43853 5.09399 3.49999 5.2487 3.49999C5.40341 3.49999 5.55178 3.43853 5.66118 3.32914C5.77057 3.21974 5.83203 3.07137 5.83203 2.91666C5.83203 2.76195 5.77057 2.61357 5.66118 2.50418C5.55178 2.39478 5.40341 2.33332 5.2487 2.33332ZM8.7487 2.33332C8.59399 2.33332 8.44561 2.39478 8.33622 2.50418C8.22682 2.61357 8.16536 2.76195 8.16536 2.91666C8.16536 3.07137 8.22682 3.21974 8.33622 3.32914C8.44561 3.43853 8.59399 3.49999 8.7487 3.49999C8.90341 3.49999 9.05178 3.43853 9.16118 3.32914C9.27057 3.21974 9.33203 3.07137 9.33203 2.91666C9.33203 2.76195 9.27057 2.61357 9.16118 2.50418C9.05178 2.39478 8.90341 2.33332 8.7487 2.33332ZM1.7487 4.66666V5.83332H6.41536V4.66666H1.7487ZM7.58203 4.66666V5.83332H12.2487V4.66666H7.58203Z' fill='%235EBDB2'/%3E%3C/svg%3E");
    position: absolute;
    left: 12px;
    top: 16px; 
}


header.scrolled .navbar .navbar-nav .nav-item.btn .nav-link{
    color: #FFF;
}

.navbar .navbar-nav .nav-item.btn .nav-link:before,
.navbar .navbar-nav .nav-item.btn .nav-link:hover:before{
    display: none;
}

header.scrolled .navbar .navbar-nav .nav-item.btn .nav-link:hover,
.navbar .navbar-nav .nav-item.btn .nav-link:hover{
    color: #717376;
}


.dropdown-toggle::after{
    vertical-align: 2px;
}
button.cky-btn.cky-btn-reject,
button.cky-btn.cky-btn-customize{
    display: none;
}
button.cky-btn.cky-btn-accept{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
    background-color: #717376 !important;
    border-color: #717376 !important;
}
.cky-consent-container{
    width: 1000px !important;
    font-size: 13px;
}
.cky-consent-bar{
    border-radius: 100px !important;
    padding: 20px;
}
.cky-notice-btn-wrapper{
    margin-top: 0 !important;
    margin-left: 20px;
}
.cky-notice .cky-title{
    display: none !important;
}
.cky-consent-bar .cky-notice-des p{
    font-size: 15px !important;
}
.cky-consent-container .cky-notice-btn-wrapper .cky-btn{
    position: relative;
    width: 78px;
    height: 78px;
    border-radius: 50%;
}
.cky-consent-container .cky-notice-btn-wrapper .cky-btn:after{
    content: url("data:image/svg+xml,%3Csvg width='18' height='14' viewBox='0 0 18 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.8202 0.357393C15.9311 0.244238 16.0634 0.154345 16.2095 0.092977C16.3556 0.0316093 16.5124 0 16.6709 0C16.8293 0 16.9861 0.0316093 17.1322 0.092977C17.2783 0.154345 17.4107 0.244238 17.5215 0.357393C17.9863 0.827018 17.9928 1.58589 17.5378 2.06364L7.92917 13.4224C7.82008 13.5422 7.6877 13.6385 7.54011 13.7053C7.39253 13.7722 7.23286 13.8083 7.07086 13.8113C6.90886 13.8144 6.74795 13.7843 6.59796 13.723C6.44797 13.6618 6.31206 13.5705 6.19855 13.4549L0.351799 7.53014C0.12631 7.30018 0 6.99096 0 6.66889C0 6.34683 0.12631 6.0376 0.351799 5.80764C0.462699 5.69449 0.59506 5.60459 0.741131 5.54323C0.887202 5.48186 1.04405 5.45025 1.20249 5.45025C1.36093 5.45025 1.51777 5.48186 1.66384 5.54323C1.80991 5.60459 1.94227 5.69449 2.05317 5.80764L7.01267 10.8338L15.7877 0.393143C15.7978 0.380584 15.8086 0.368646 15.8202 0.357393Z' fill='white'/%3E%3C/svg%3E%0A");
}
.cky-consent-container  .cky-notice-group{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
  

.background-center{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.with_filter{
    z-index: 0;
    position: relative;
}
 
.with_filter:before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}


/* ================================================ */
/* Start slider */
/* ================================================ */

.slider{
    position: relative;
    min-height: calc(100vh - 100px);
}
.slider .carousel-item{
    min-height: calc(100vh - 100px);
}
.slider .carousel-item:before{
    background: rgba(0, 0, 0, 0.3);
}
.slider .container{
    position: absolute;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.slider *{
    color: #FFFFFF;
}
.slider h1{
    font-size: 65px;
}
.slider .carousel-control{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.slider .carousel-control-next,
.slider .carousel-control-prev{
    position: unset;
}

.carousel-control-next-icon{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='19' viewBox='0 0 25 19' fill='none'%3E%3Cpath d='M1.5 9.5L23.5 9.5M23.5 9.5L15.25 17.75M23.5 9.5L15.25 1.25' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.carousel-control-prev-icon{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='19' viewBox='0 0 25 19' fill='none'%3E%3Cpath d='M23.5 9.5L1.5 9.5M1.5 9.5L9.75 1.25M1.5 9.5L9.75 17.75' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* ================================================ */
/* end slider */
/* ================================================ */
  


/* ================================================ */
/* Start header */
/* ================================================ */


.header .container{
    padding: 8rem 1rem 12rem 1rem; 
}

.header:before{
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.40) 0.64%, rgba(0, 0, 0, 0.40) 100%);
}
.header *{
    color: #FFF; 
} 
.header .logo{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.header .logo img{
    background-color: white;
    max-width: 400px;
    border-radius: 25px;
    padding: 12px 15px;
}

/* ================================================ */
/* End  header */
/* ================================================ */



/* ================================================ */
/* Start logos */
/* ================================================ */

.logos{
    margin-bottom: 2rem;
}

.logos .slick-slide > div{
    height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 20px;
}

/* ================================================ */
/* End  logos */
/* ================================================ */



/* ================================================ */
/* Start  services */
/* ================================================ */

.services{
    padding: 3rem 0;
}

.services_content{ 
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 20px;
    row-gap: 20px;
}
.services a.service_content{
    background-color: #FFFFFF;
    width: 100%;
    height: 100%;
    position: relative; 
    display: block;
    transition: .3s;
}
.services a.service_content:before{
    content: '';
    border-radius: 25px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.50) 100%);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.services a.service_content img{
    width: 100%;
    aspect-ratio: 2/1;
    object-fit: cover;
    object-position: center;
    border-radius: 25px;
}
.services a.service_content .title{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: transparent;
    border-radius: 25px;
    width: 270px;
    height: 150px;
    padding: 40px;
    background-image: url("data:image/svg+xml,%3Csvg width='119' height='181' viewBox='0 0 119 181' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3C/svg%3E%0A");
    z-index: 0;
}
.services a.service_content .title:before{
    background-image: url("data:image/svg+xml,%3Csvg width='42' height='62' viewBox='0 0 42 62' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_49_5)'%3E%3Cmask id='mask0_49_5' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='42' height='62'%3E%3Cpath d='M8.65174 53.5006C5.47307 50.3623 3.52124 45.9796 3.52124 41.1742C3.48141 33.5514 11.9977 20.5206 18.0444 11.2699C19.1278 9.60288 20.1316 8.06892 21.0239 6.67584C21.9162 8.0611 22.92 9.60288 24.0034 11.2699C30.0501 20.5206 38.5664 33.5436 38.5664 41.1742C38.5664 46.003 36.6066 50.3623 33.4359 53.5006C30.2652 56.639 25.8676 58.6034 21.0478 58.6034C16.228 58.6034 11.8304 56.6625 8.65174 53.5006ZM19.5023 2.5592C18.4825 4.3123 16.8892 6.7228 15.1127 9.43853C8.82701 19.0336 0 32.5731 0 41.1742C0 46.9187 2.35015 52.131 6.15023 55.8877C9.95827 59.6678 15.2162 61.9922 21 61.9922C26.7838 61.9922 32.0417 59.6678 35.8498 55.8877C39.6578 52.1076 42 46.9187 42 41.1742C42 32.5653 33.1491 19.0258 26.8873 9.43853C25.1028 6.70715 23.5175 4.3123 22.4977 2.5592L21 0L19.5023 2.5592Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_49_5)'%3E%3Cpath d='M42 0H0V62H42V0Z' fill='url(%23paint0_linear_49_5)'/%3E%3C/g%3E%3Cmask id='mask1_49_5' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='4' y='14' width='34' height='48'%3E%3Cpath d='M12.0455 54.972C9.75912 52.7258 8.32513 49.611 8.32513 46.1752C8.36496 40.642 14.6984 31.0783 19.1757 24.3007C19.8528 23.2989 20.4822 22.3363 21.0239 21.4832C21.5895 22.3598 22.2189 23.2989 22.8722 24.3007C27.3494 31.0939 33.6749 40.6577 33.6749 46.1752C33.6749 49.611 32.2648 52.7102 29.9545 54.972C27.6442 57.2338 24.4974 58.6269 21 58.6269C17.5027 58.6269 14.3479 57.2416 12.0455 54.972ZM19.5023 17.3822C18.6977 18.7518 17.5425 20.4814 16.236 22.4615C11.5197 29.5991 4.86761 39.6794 4.86761 46.1674C4.86761 50.5501 6.66807 54.4946 9.58385 57.359C12.5395 60.2234 16.5626 61.9922 21.0159 61.9922C25.4693 61.9922 29.4924 60.2234 32.4082 57.359C35.324 54.4946 37.1244 50.5266 37.1244 46.1674C37.1244 39.6715 30.4723 29.5913 25.7561 22.4615C24.4496 20.4971 23.3024 18.744 22.4977 17.3822L21 14.8622L19.5023 17.3822Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask1_49_5)'%3E%3Cpath d='M37.1324 14.8622H4.86761V62H37.1324V14.8622Z' fill='url(%23paint1_linear_49_5)'/%3E%3C/g%3E%3Cmask id='mask2_49_5' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='11' y='0' width='20' height='55'%3E%3Cpath d='M17.2397 49.8536C16.1961 48.8283 15.5668 47.4196 15.5668 46.0109C15.5668 44.8369 16.1722 43.5143 17.0884 42.1838C18.1559 40.6655 19.5899 39.1941 20.9761 37.9341C22.3862 39.1941 23.8281 40.6655 24.8718 42.1838C25.7879 43.5064 26.3934 44.8291 26.3934 46.0109C26.3934 47.4196 25.7401 48.8127 24.7204 49.8536C23.7405 50.8319 22.418 51.4736 20.984 51.4736C19.5501 51.4736 18.2196 50.8319 17.2477 49.8536M16.7299 28.0025C16.0129 26.719 15.511 25.4198 15.2083 24.1129V24.0659C14.0531 19.0884 15.4473 15.2456 18.0523 11.2699C19.1438 9.60288 20.1396 8.06892 21.0318 6.67584C21.8763 8.0611 22.8801 9.60288 23.9636 11.2699C26.5527 15.2456 27.9628 19.0649 26.8076 24.0659V24.1129C26.5049 25.412 26.003 26.719 25.286 28.0025C24.2902 29.7947 22.8721 31.587 21 33.387C19.1517 31.5948 17.7177 29.8026 16.7139 28.0025M19.4784 2.5592C18.4586 4.3123 16.8892 6.70715 15.1047 9.43853C12.5394 13.3673 10.9939 17.1944 11.3205 21.8041C11.3843 22.7902 11.5595 23.792 11.7985 24.8564C12.0375 25.8425 12.3403 26.7973 12.7545 27.7599C13.2564 28.9104 13.8858 30.0687 14.6426 31.2191C15.6464 32.714 16.9051 34.1853 18.4029 35.641C16.9051 36.9871 15.3835 38.5915 14.2284 40.2742C12.9457 42.1134 12.0933 44.0778 12.0933 45.9952C12.0933 48.304 13.113 50.5658 14.7701 52.2093C16.3554 53.8137 18.5542 54.8546 20.992 54.8546C23.4298 54.8546 25.6047 53.8059 27.2139 52.2093C28.863 50.5658 29.8907 48.304 29.8907 45.9952C29.8907 44.0699 29.0224 42.1055 27.7557 40.2742C26.5846 38.5837 25.063 37.0106 23.5812 35.641C25.0789 34.1853 26.3217 32.714 27.3414 31.2191C28.1062 30.0843 28.7356 28.9339 29.2375 27.7599C29.6517 26.7973 29.9784 25.819 30.1935 24.8564C30.4325 23.8076 30.6077 22.7824 30.6715 21.8041C31.022 17.1866 29.4765 13.3673 26.9112 9.43853C25.0869 6.70715 23.5015 4.3123 22.4738 2.5592L20.9761 0L19.4784 2.5592Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask2_49_5)'%3E%3Cpath d='M31.022 0H11.0019V54.8702H31.022V0Z' fill='url(%23paint2_linear_49_5)'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_49_5' x1='20.0822' y1='61.9704' x2='20.0822' y2='-0.0295824' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='1' stop-color='white'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_49_5' x1='20.6511' y1='63.7279' x2='20.6511' y2='18.5075' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='1' stop-color='white'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_49_5' x1='21.1402' y1='-11443.8' x2='21.1402' y2='4.38078' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_49_5'%3E%3Crect width='42' height='62' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    z-index: -1; 
    width: 100%;
    height: 100%;
    background-size: 102px;
    background-repeat: no-repeat;
    opacity: 0;
}
.services a.service_content .title h4{
    font-size: 24px;
    font-weight: 600;
    color: #FFFFFF;
    margin-bottom: 0; 
    display: flex;
    align-items: center;
}
.services a.service_content .title h4:after{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='37' height='37' viewBox='0 0 37 37' fill='none'%3E%3Cpath d='M29.2917 18.5L20.0417 27.75M29.2917 18.5L20.0417 9.25M29.2917 18.5L7.70832 18.5' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    opacity: 0;
}

.services a.service_content:hover .title{
    background: #F75850;
    transition: .3s;
}
.services a.service_content:hover .title:before{
    opacity: 0.3;
    transition: .3s;
}
.services a.service_content:hover .title h4:after{
    opacity: 1;
    transition: .3s;
}



/* ================================================ */
/* End  services */
/* ================================================ */




/* ================================================ */
/* Start  service */
/* ================================================ */

.service .service_1{
    padding-top: 2rem;
    padding-bottom: 5rem;
} 
.service .image_content{
    position: absolute;
    top: 0;
    right: calc(var(--bs-gutter-x) * .5);
    height: 100%;
    width: calc(50% - (var(--bs-gutter-x) * .5 * 2));
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between; 
}
.service .image_content.width-filter{
    height: calc(100% + 140px);
}
.service .image_content.width-filter::before{
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 25px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.50) 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.service .image_content img.service_image{
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    object-fit: cover;
    object-position: center;
    z-index: 1;
    border-radius: 25px;
}
.service .image_content .content{
    z-index: 2;
    position: relative;
    margin-bottom: 2rem;
    text-align: center;
}
.service .image_content .content *{
    color: #FFFFFF;
}
.service .image_content .content .telephone a .picto:after{
    border-color: #FFFFFF;
}
.service .image_content img.logo{
    z-index: 2;
    position: relative;
    max-width: 300px;
    background-color: white;
    border-radius: 25px;
    margin-top: 2rem;
}
.service .service_2{
    padding-top: 3rem; 
    position: relative;
    z-index: 0;
}
.service .service_2:after{
    content: '';
    background-color: #FFFFFFFF;
    width: 100%;
    height: 45px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}
.service .service_2 *{
    color: #FFFFFF;
}
.service .service_2 p{
    color: #8A95A4;
}
.service .service_2 ul li{
    color: #8A95A4;
}
.service .service_2 a.btn{
    margin-top: 3rem;
}

.presentation ul,
.service .service_1 ul,
.service .service_2 ul{
    padding-left: 0;
}
.presentation ul li,
.service .service_1 ul li,
.service .service_2 ul li{
    list-style-type: none;
    position: relative;
    padding-left: 35px;
    margin-bottom: 7px;
}
.presentation ul li:before,
.service .service_1 ul li:before,
.service .service_2 ul li:before{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M10.6 13.4L8.45 11.25C8.26667 11.0667 8.03333 10.975 7.75 10.975C7.46667 10.975 7.23333 11.0667 7.05 11.25C6.86667 11.4333 6.775 11.6667 6.775 11.95C6.775 12.2333 6.86667 12.4667 7.05 12.65L9.9 15.5C10.1 15.7 10.3333 15.8 10.6 15.8C10.8667 15.8 11.1 15.7 11.3 15.5L16.95 9.85C17.1333 9.66667 17.225 9.43333 17.225 9.15C17.225 8.86667 17.1333 8.63333 16.95 8.45C16.7667 8.26667 16.5333 8.175 16.25 8.175C15.9667 8.175 15.7333 8.26667 15.55 8.45L10.6 13.4ZM5 21C4.45 21 3.97933 20.8043 3.588 20.413C3.19667 20.0217 3.00067 19.5507 3 19V5C3 4.45 3.196 3.97933 3.588 3.588C3.98 3.19667 4.45067 3.00067 5 3H19C19.55 3 20.021 3.196 20.413 3.588C20.805 3.98 21.0007 4.45067 21 5V19C21 19.55 20.8043 20.021 20.413 20.413C20.0217 20.805 19.5507 21.0007 19 21H5Z' fill='%239AD600'/%3E%3C/svg%3E");
    position: absolute;
    left: 0;
    top: 1px;
}

.service .telephone a{
    margin-top: 0;
}

.before_full_width{
    position: relative;
    z-index: 0;
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.before_full_width:before{
    position: absolute;
    content: ''; 
    width: var(--w, 0px);
    height: 100%;
    left: 0;
    left: var(--l, 0px);
    top: 0;
    background-color: #F7F2EE;
    z-index: -2;
}

.before_full_width.map:after{
    content: '';
    width: var(--w, 0px);
    height: 80px;
    background-color: #FFFFFF;
    left: var(--l, 0px);
    position: absolute;
    bottom: 0;
    z-index: -1;
}


/* ================================================ */
/* End  service */
/* ================================================ */



/* ================================================ */
/* Start  text_width_image */
/* ================================================ */

.text_width_image{
    padding: 3rem;
}

.text_width_image .image{
    border-radius: 25px;
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
    position: absolute;
}

/* ================================================ */
/* End  text_width_image */
/* ================================================ */







/* ================================================ */
/* Start  scrolled_text */
/* ================================================ */

.scrolled_text{
    background-color: #F75850; 
    transform-origin: 0;
    transform: rotate(-4deg);
    position: relative; /* obligatoire */
}
.scrolled_text:before{
    content: '';
    background-color: #F75850; 
    width: calc(100% + 10px);
    height: 100%;
    left: -5px;
    top: 0;
    position: absolute;
}
.scrolled_text:after{
    content: "";
    position: absolute;
    bottom: -200px;
    left: 0;
    width: 100%;
    height: 200px; 
    background: white;
}

.scrolled_text .texte_content{
    display: flex;
    height: 75px;
    align-items: center;
    max-width: 100%;
    overflow-x: hidden;
}
.scrolled_text .texte_content p{
    color: #303030;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 0;
    padding-right: 65px;
    position: relative;
    white-space: nowrap;
    display: flex !important;
    align-items: center;
    height: 100%;
}
.scrolled_text .texte_content p:after{
    content: url("data:image/svg+xml,%3Csvg width='32' height='46' viewBox='0 0 32 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_49_5)'%3E%3Cmask id='mask0_49_5' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='32' height='46'%3E%3Cpath d='M6.41904 39.694C4.06066 37.3656 2.61254 34.1139 2.61254 30.5486C2.58298 24.893 8.90154 15.2249 13.3878 8.36153C14.1916 7.12472 14.9364 5.98662 15.5984 4.95304C16.2604 5.98081 17.0051 7.12472 17.809 8.36153C22.2952 15.2249 28.6138 24.8872 28.6138 30.5486C28.6138 34.1313 27.1597 37.3656 24.8073 39.694C22.4548 42.0225 19.1921 43.4799 15.6161 43.4799C12.0401 43.4799 8.77741 42.0399 6.41904 39.694ZM14.4694 1.89876C13.7129 3.19944 12.5307 4.98788 11.2126 7.00278C6.54907 14.1217 0 24.1671 0 30.5486C0 34.8107 1.74366 38.6779 4.56307 41.465C7.38839 44.2696 11.2895 45.9942 15.5806 45.9942C19.8718 45.9942 23.7729 44.2696 26.5982 41.465C29.4235 38.6604 31.1613 34.8107 31.1613 30.5486C31.1613 24.1613 24.5945 14.1159 19.9487 7.00278C18.6247 4.97627 17.4484 3.19944 16.6919 1.89876L15.5806 0L14.4694 1.89876Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_49_5)'%3E%3Cpath d='M31.1613 0H0V46H31.1613V0Z' fill='url(%23paint0_linear_49_5)'/%3E%3C/g%3E%3Cmask id='mask1_49_5' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='3' y='11' width='25' height='35'%3E%3Cpath d='M8.937 40.7857C7.24063 39.1192 6.1767 36.8081 6.1767 34.259C6.20625 30.1538 10.9053 23.0581 14.2271 18.0295C14.7295 17.2863 15.1965 16.5721 15.5984 15.9392C16.018 16.5895 16.485 17.2863 16.9697 18.0295C20.2915 23.0697 24.9846 30.1654 24.9846 34.259C24.9846 36.8081 23.9384 39.1075 22.2243 40.7857C20.5102 42.4638 18.1755 43.4974 15.5806 43.4974C12.9858 43.4974 10.6452 42.4696 8.937 40.7857ZM14.4694 12.8965C13.8725 13.9126 13.0154 15.1959 12.046 16.665C8.5469 21.9606 3.61145 29.4395 3.61145 34.2532C3.61145 37.5049 4.94727 40.4315 7.11059 42.5567C9.30347 44.6819 12.2884 45.9942 15.5925 45.9942C18.8966 45.9942 21.8815 44.6819 24.0448 42.5567C26.2081 40.4315 27.5439 37.4875 27.5439 34.2532C27.5439 29.4337 22.6085 21.9548 19.1093 16.665C18.14 15.2075 17.2888 13.9068 16.6919 12.8965L15.5806 11.0268L14.4694 12.8965Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask1_49_5)'%3E%3Cpath d='M27.5498 11.0268H3.61145V46H27.5498V11.0268Z' fill='url(%23paint1_linear_49_5)'/%3E%3C/g%3E%3Cmask id='mask2_49_5' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='8' y='0' width='15' height='41'%3E%3Cpath d='M12.7908 36.9881C12.0165 36.2275 11.5496 35.1823 11.5496 34.1371C11.5496 33.2661 11.9988 32.2848 12.6785 31.2977C13.4705 30.1712 14.5345 29.0795 15.5629 28.1447C16.6091 29.0795 17.679 30.1712 18.4533 31.2977C19.133 32.279 19.5822 33.2603 19.5822 34.1371C19.5822 35.1823 19.0975 36.2159 18.341 36.9881C17.614 37.714 16.6328 38.1901 15.5688 38.1901C14.5049 38.1901 13.5178 37.714 12.7967 36.9881M12.4125 20.7761C11.8806 19.8238 11.5082 18.8599 11.2836 17.8902V17.8553C10.4265 14.1623 11.4609 11.3113 13.3937 8.36153C14.2035 7.12472 14.9423 5.98662 15.6043 4.95304C16.2308 5.98081 16.9756 7.12472 17.7795 8.36153C19.7004 11.3113 20.7466 14.1449 19.8896 17.8553V17.8902C19.665 18.8541 19.2926 19.8238 18.7606 20.7761C18.0218 22.1058 16.9697 23.4355 15.5807 24.771C14.2094 23.4413 13.1455 22.1116 12.4007 20.7761M14.4517 1.89876C13.6951 3.19944 12.5307 4.97627 11.2067 7.00278C9.30349 9.9177 8.15681 12.7571 8.39915 16.1772C8.44643 16.9089 8.57647 17.6521 8.75379 18.4418C8.93111 19.1734 9.15572 19.8818 9.46308 20.5961C9.83545 21.4496 10.3024 22.309 10.8639 23.1626C11.6087 24.2716 12.5426 25.3633 13.6538 26.4433C12.5426 27.4421 11.4136 28.6324 10.5566 29.8808C9.60493 31.2454 8.97249 32.7029 8.97249 34.1255C8.97249 35.8384 9.72906 37.5165 10.9585 38.7359C12.1347 39.9263 13.7661 40.6986 15.5748 40.6986C17.3834 40.6986 18.9971 39.9205 20.191 38.7359C21.4145 37.5165 22.177 35.8384 22.177 34.1255C22.177 32.697 21.5328 31.2396 20.593 29.8808C19.7241 28.6266 18.5951 27.4595 17.4957 26.4433C18.607 25.3633 19.529 24.2716 20.2856 23.1626C20.853 22.3206 21.32 21.4671 21.6923 20.5961C21.9997 19.8818 22.242 19.156 22.4016 18.4418C22.579 17.6637 22.709 16.9031 22.7563 16.1772C23.0163 12.7513 21.8697 9.9177 19.9664 7.00278C18.6129 4.97627 17.4366 3.19944 16.6741 1.89876L15.5629 0L14.4517 1.89876Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask2_49_5)'%3E%3Cpath d='M23.0163 0H8.16272V40.7102H23.0163V0Z' fill='url(%23paint2_linear_49_5)'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_49_5' x1='14.8997' y1='45.9781' x2='14.8997' y2='-0.0219482' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='1' stop-color='%23303030'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_49_5' x1='15.3218' y1='47.282' x2='15.3218' y2='13.7314' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='1' stop-color='%23303030'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_49_5' x1='15.6847' y1='-8490.55' x2='15.6847' y2='3.25025' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23303030'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_49_5'%3E%3Crect width='31.1613' height='46' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    position: absolute;
    width: 32px;
    height: 46px; 
    top: 0;
    bottom: 0;
    margin: auto;
    right: 15px; 
}


.footer .scrolled_text:after{
    background-color: #F7F2EE;
}

/* ================================================ */
/* End  scrolled_text */
/* ================================================ */
 




/* ================================================ */
/* Start  presentation */
/* ================================================ */

.presentation{ 
    padding-top: 3rem ;
    margin-bottom: 3rem;
    position: relative;
    z-index: 0;
} 

.presentation h2{
    font-size: 50px;
    line-height: 1.1;
}

.presentation .counter h5{
    color: #494A4C;
    font-size: 50px;
    letter-spacing: 7px;
    font-weight: bold;
}
.presentation .counter span{
    color: #F75850;
    font-size: 50px;
    letter-spacing: 7px;
    font-weight: bold;
}

.presentation .counter p{
    font-size: 20px;
    color: #9BA2B1;
    font-weight: 500;
}

/* ================================================ */
/* end  presentation */
/* ================================================ */


/* ================================================ */
/* start contenu_simple */
/* ================================================ */
.contenu_simple{
    padding: 2rem 0;
}
/* ================================================ */
/* end contenu_simple */
/* ================================================ */


 
/* ================================================ */
/* Start  garantie */
/* ================================================ */

.garantie{
    position: relative;
}
.garantie:before{
    content: '';
    width: 100%;
    height: 50%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #F7F2EE;
}
.garantie_container{
    background-color: #000;
    border-radius: 100px;
    padding: 45px 60px 45px 250px;
    position: relative;
    margin: 3rem 0;
}
.garantie_container *{
    color: #FFFFFF;
}
.garantie_container p{
    color: #8A95A4;
}
.garantie_container img{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}


/* ================================================ */
/* End  garantie */
/* ================================================ */


/* ================================================ */
/* start  map */
/* ================================================ */
 
.map a.point{
    width: 30px;
    height: 30px;
    background-color: #F75850;
    border: 7px solid #FFF;
    display: block;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
}

/* ================================================ */
/* End  map */
/* ================================================ */



/* ================================================ */
/* Start form */
/* ================================================ */

form h2{
    color: #FFF;
}
.light_background form h2{
    color: #717376;
}
form input.form-control,
form select.form-control,
form textarea.form-control{
    border: unset;
    border-bottom: 1px solid #FFFFFF; 
    font-size: 16px;
    border-radius: unset;
    color: #000000;
    background-color: transparent;
    padding-left: 20px;
    padding-right: 20px;
}

form select.form-control {
    appearance: none; /* Removes default arrow in some browsers */
    -webkit-appearance: none; /* Removes default arrow in WebKit browsers */
    -moz-appearance: none; /* Removes default arrow in Mozilla browsers */
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ffffff"><path d="M7 10l5 5 5-5z"/></svg>') no-repeat right 10px center;
    background-size: 20px;
    padding-right: 30px; /* Adds space for the arrow */
}
form .form-control::placeholder{
    font-size: 13px;
    font-weight: 400;
    color: #FFF;
}

form select.form-control option{
    color: #717376;
}

/* Optional: Add styling for cross-browser compatibility */
form select.form-control::-ms-expand {
    display: none; /* Hides the default arrow in IE */
}

.light_background form input.form-control,
.light_background form select.form-control,
.light_background form textarea.form-control{
    border-bottom: 1px solid #717376;
    color: #000000;
}

form textarea.form-control{
    height: 100px;
    resize: none;
}
 

form select.form-control,
form .form-control::placeholder{
    color: #717376;
}
form select.form-control.selected{
    color: #717376;
}
form .select{
    position: relative;
}
form .select:after{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='5' viewBox='0 0 10 5' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.84971 0.16658C9.79983 0.116107 9.73993 0.0754413 9.67345 0.0469067C9.60697 0.018372 9.5352 0.00252731 9.46225 0.000279162C9.3893 -0.00196899 9.3166 0.00942266 9.2483 0.0338036C9.18 0.0581845 9.11744 0.0950772 9.0642 0.142372L4.99996 3.7525L0.93572 0.142371C0.828165 0.0469038 0.684983 -0.00417915 0.53767 0.00036069C0.390357 0.00490053 0.250982 0.064691 0.150204 0.166579C0.0494273 0.268466 -0.00449686 0.404105 0.000295483 0.543656C0.00508782 0.683207 0.0682038 0.815239 0.175758 0.910706L4.61998 4.85764C4.72295 4.9491 4.8588 5 4.99996 5C5.14111 5 5.27697 4.9491 5.37994 4.85764L9.82416 0.910707C9.87744 0.863451 9.92036 0.806711 9.95049 0.743731C9.98061 0.680751 9.99733 0.612766 9.99971 0.54366C10.0021 0.474554 9.99005 0.405683 9.96432 0.340981C9.93858 0.27628 9.89964 0.217017 9.84971 0.16658Z' fill='%23717376'/%3E%3C/svg%3E");
    width: 5px;
    height: 5px;
    position: absolute;
    right: 28px;
    top: 0;
    bottom: 0;
    margin: auto;
}
form .form-control:focus,
form .form-control:active,
form .form-control:hover{
    outline: unset;
    box-shadow: unset;
    border-color: #717376;
    background-color: transparent;
    color: #303030;
}

form input[type=radio]{
    display: none;
}
form input[type=radio] + span{
    position: relative;
    padding-left:  25px;
}
form input[type=radio] + span:before{
    content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='19' height='19' fill='%23B9D7D3' fill-opacity='0.32' stroke='%230E3960' stroke-dasharray='5 8'/%3E%3C/svg%3E%0A");
    position: absolute;
    top: 0;
    left: 0;
}

form input[type=radio]:checked + span:before{
    content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.615 6C7.805 6 7.965 6.085 8.095 6.255L13.315 12.915C13.395 13.025 13.435 13.145 13.435 13.275C13.435 13.445 13.375 13.59 13.255 13.71C13.135 13.83 12.995 13.89 12.835 13.89C12.645 13.89 12.48 13.8 12.34 13.62L7.12 6.975C7.04 6.865 7 6.745 7 6.615C7 6.435 7.06 6.29 7.18 6.18C7.31 6.06 7.455 6 7.615 6ZM7.615 13.875C7.485 13.875 7.355 13.825 7.225 13.725C7.095 13.625 7.03 13.495 7.03 13.335C7.03 13.205 7.08 13.08 7.18 12.96L9.64 9.855L10.27 10.845L8.095 13.635C7.975 13.795 7.815 13.875 7.615 13.875ZM12.835 6C13.005 6 13.14 6.055 13.24 6.165C13.35 6.275 13.405 6.4 13.405 6.54C13.405 6.6 13.39 6.665 13.36 6.735C13.34 6.805 13.305 6.87 13.255 6.93L10.81 10.065L10.18 9.15L12.34 6.27C12.48 6.09 12.645 6 12.835 6Z' fill='%23717376'/%3E%3Crect x='0.5' y='0.5' width='19' height='19' fill='%23B9D7D3' fill-opacity='0.32' stroke='%230E3960' stroke-dasharray='5 8'/%3E%3C/svg%3E%0A");
}

.wpcf7-form-control-wrap[data-name=evidence-zl-mfcf7-upld-btn]:before{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 12L12 17M12 17L17 12M12 17V4M6 20H18' stroke='%23717376' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    position: absolute;
    left: 20px;
    top: -2px;
}

form .custom-file-label,
form #mfcf7_zl_add_file{ 
    width: 100%; 
    border: 2px dashed #F75850;
    border-radius: 15px; 
    padding: 22px 15px;
    margin-top: 17px;
    padding-left: 47px;
    position: relative;
    background: #F0F0F0;
    color: #717376;
    font-size: 12px;
    font-weight: 600;
    font-style: normal;
    cursor: pointer;
}
form .custom-file-label:before,
form #mfcf7_zl_add_file:before{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 12L12 17M12 17L17 12M12 17V4M6 20H18' stroke='%23F75850' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    position: absolute;
    left: 20px;
}
option[value="hidden"] {
    display: none;
}
form .custom-file-label:hover,
form #mfcf7_zl_add_file:hover{
    background-color: #b0c2ce;
}
form  #customFile{
    display: none;
}

form input[type=submit]{
    border: 2px solid #F75850;
    background-color: #F75850;
    padding: 20px 49px;
    border-radius: 100px;
    min-width: 170px;
    transition: .3s;
    color: #FFFFFF;
    margin-top: 2rem;
}
form input[type=submit]:hover{
    background-color: #717376; 
    border-color: #FFFFFF; 
    color: #FFF;
    transition: .3s;
}
form p{
    color: #B0B0B0;
    font-size: 13px;
    font-style: italic;
}
form p a{
    color: #FFFFFF;
}
form p a:hover{ 
    text-decoration: underline;
    color: #FFFFFF;
}

.light_background form p{
    color: #8CACC3; 
}
.light_background form p a{
    color: #8CACC3;
}
.light_background form p a:hover{ 
    color: #717376;
}


form .checkbox_tab{
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 2px solid #717376;
}
form .checkbox_tab > span{
    padding-left: 0;
    margin-left: 0;
}

form .checkbox_tab input[type=radio] + span::before{
    display: none;
}

form .checkbox_tab input[type=radio] + span{
    border: 2px solid #717376;
    padding: 15px 25px;
    display: block;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    min-width: 161px;
    text-align: center;
    border-bottom: unset;
}

form .checkbox_tab input[type=radio]:checked + span{
    color: #FFF;
    background-color: #717376;
}



.form_content{
    padding: 6rem 5rem;
}

/* ================================================ */
/* End form */
/* ================================================ */
 

/* ================================================ */
/* Start etapes */
/* ================================================ */

.etapes{
    padding: 2rem 0;
}
.etapes .image{
    background-color: #002458;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 8px solid #FFFFFF;
    position: relative;
}
.etapes .image span{
    background-color: #F75850;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 35px;
    color: #FFFFFF;
    font-size: 20px;
    right: 0;
    position: absolute;
}
.etapes .etapes_content{
    position: relative;
    z-index: 0;
}
.etapes .etapes_content:before{
    content: '';
    z-index: -1;
    position: absolute;
    width: 100%;
    height: 1px;
    border-bottom: 2px dashed #000000;
    top: 90px;
}
.etapes h4{
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    margin-top: 20px;
}
.etapes p{
    color: #8A95A4;
}


/* ================================================ */
/* End etapes */
/* ================================================ */


/* ================================================ */
/* Start blocs */
/* ================================================ */

.blocs{
    padding: 3rem 0;
}
.blocs .col-lg{
    padding: 1rem 2rem;
}
.blocs .col-lg.white *{
    color: #FFFFFF;
}
.blocs img{
    width: 60px;
    height: 60px;
    object-fit: cover;
    object-position: center;
    margin-right: 15px;
}
.blocs h4{
    margin-bottom: 5px;
    font-weight: 600;
    font-size: 20px;
}
.blocs p{
    margin-bottom: 0;
    font-weight: 500;
    font-size: 13px;
}
/* ================================================ */
/* End blocs */
/* ================================================ */



/* ================================================ */
/* Start support_technique */
/* ================================================ */



.support_technique{
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: 43%;
}

.support_technique .formulaire{
    max-width: 520px;
    background-color: #F7F2EE;
    padding: 45px 60px 30px 60px;
}
.support_technique .formulaire p{
    margin-bottom: 0;
}
.support_technique .formulaire h3{
    font-size: 20px;
    text-align: center;
    margin-bottom: 3rem;
}
.support_technique .formulaire h3 strong{
    color: #00689E;
    font-weight: 700;
}

.support_technique  .form-control{
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #262D32;
    border-radius: 0;
}
.support_technique textarea.form-control{
	height: 125px
}
.form-control:focus, .form-control:active{
    outline: none;
    box-shadow: none;
    border-bottom: 1px solid #00B5D4;
}
.support_technique .formulaire input[type=submit]{
    background-color: #F75850;
    width: auto;
    display: flex;
    padding: 11px 39px;
    margin: auto;
    margin-top: 22px;
    font-size: 16px;
}
.support_technique ul{
    padding-left: 0;
    margin-bottom: 1rem;
}

.support_technique ul li:not(:last-child){
    margin-bottom: 3rem;
    position: relative;
}
.support_technique ul li:not(:last-child):before{
    content: '';
    position: absolute;
    width: 1px;
    height: 27px;
    left: 27px;
    bottom: -39px;
    border: 1px dashed #0C2D47;
}
.support_technique ul li{
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: center;
}
.support_technique ul li span{
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background: #FFFFFF;
    box-shadow: 0px 5px 15px rgba(12, 45, 71, 0.25);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
    font-size: 22px;
    color: #F75850;
}



/* ================================================ */
/* End support_technique */
/* ================================================ */


.realisation{ 
    margin: 3rem 0;
}

.realisation .content{
    display: flex;
    width: 100%;
    height: 200px;
}
.realisation .content img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    cursor: pointer;
}

.realisation .content.content_1{
    height: 400px;
}
.realisation .content.content_2{
    height: 300px;
}
.realisation .content.content_3{
    height: 100px;
}
.realisation .content.content_4{
    height: 400px;
}
.realisation .content.content_5{
    height: 200px;
}
.realisation .content .titre *,
.realisation .content .texte *{
    color: #FFFFFF;
    margin-bottom: 0;
}
.realisation .content .titre p{
    color: #8A95A4;
}
.realisation .content .texte{
    background-color: #F75850;
    display: flex; 
    justify-content: center;
    flex-direction: column;
    padding: 1rem;
}
.realisation .content .texte .telephone a .picto:after{
    border: 1px solid #FFFFFF;
}
.realisation .content .texte h2{
    font-weight: 600;
}
.realisation .content .texte h2 strong{
    color: #002458 !important;
}

.realisation .slick-slide img{
    width: 300px;
    height: 300px;
    border-radius: 25px;
    object-fit: cover;
    object-position: center;
}

.contact { 
    background-color: #002458;
    margin: 4rem 0 2rem 0;
}

.contact .image{
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    z-index: 0;
}
.contact .container{
    z-index: 1;
    position: relative;
}

.contact .custom-file-label {
    width: 98%;
    position: absolute;
    top: 0;
    height: 52px;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 999;
    display: flex;
    align-items: center;
    padding-left: 57px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #231F1E;
    border: 2px dashed #F75850;
    cursor: pointer;
    background: #fff;
    background-clip: padding-box;
    border-radius: 10px;
}
.contact .custom-file-label::after {
    background: url("assets/images/upload_file.svg") center center;
    position: absolute;
    top: 5px;
    left: 18px;
    bottom: 0;
    z-index: 3;
    display: block;
    height: 2.25rem;
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    content: "";
    font-weight: 900;
    border-left: 0px solid #f8f8f8;
    border-radius: 0px;
    font-size: 17px;
    background-position: center;
    background-repeat: no-repeat;
}
.contact .custom-file {
    position: relative;
    height: 60px;
}

.contact .form-control{
    border: unset;
    border-bottom: 1px solid #FFFFFF;
    font-size: 13px;
    border-radius: unset;
    color: #FFFFFF;
    background-color: transparent;
}
.contact textarea.form-control {
    height: 100px;
    resize: none;
}

.contact .form-control::placeholder{
    color: #FFF;
}

.contact input[type=submit]{
    background-color: #F75850;
    color: #FFFFFF; 
    padding: 8px 33px; 
    border-radius: 100px;
    font-size: 16px;
    font-weight: 600;
    min-width: 150px; 
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;  
    border: 0;
    margin-top: 2rem;
}

.contact .content{
    background-color: #E42731;
    max-width: 430px; 
    padding: 40px 35px;
}

.contact .content *{
    color: #FFFFFF;
}

.contact .content h2 strong{
    color: #231F1E !important;
}

.contact .content .telephone a{
    margin-bottom: 0;
}

body.page-id-123 .contact{
    margin: 0;
}


.faq{
    padding: 5rem 0;
    background-color: #F7F2EE;
}
.faq .image{
    width: calc(100% - 5rem);
    height: 100%;
    right: 12px;
    position: absolute;
    object-fit: cover;
    object-position: center;
}
.faq .accordion-item{
    border: unset;   
    background-color: #F7F2EE;
}
.faq .accordion-button, .faq .accordion-button:active, .faq .accordion-button:focus{
    outline: unset;
    box-shadow: unset;
}
.faq .accordion-button{
    padding: 0;
    background: unset;
}
.faq .accordion-button{ 
    font-size: 16px;
    font-weight: 600;
    padding: 1rem 0;
    color: #002458;
    border-bottom: 1px solid #002458;
}
.faq .accordion-body{
    padding: 2rem 0rem .5rem 0rem;
}
.faq .accordion-body p{
    white-space: break-spaces;
    color: #8A95A4;
    font-weight: 600;
}

.technicien_en_ligne{
    display: flex;
    align-items: center;
}




.newsletter_form form p, .newsletter_form form label{
    margin-bottom: 0;
    position: relative;
}
.newsletter_form form .wpcf7-spinner{
    position: absolute;
}
.newsletter_form form p label .wpcf7-form-control-wrap{
    padding-top: 0;
}
.newsletter_form .form-control{
    height: 55px; 
    border: unset;
    border-bottom: 1px solid #000000;
    border-radius: 0;
} 
.newsletter_form input[type=submit]{
    display: none;
}
.newsletter_form button{
    width: 42px;
    height: 42px;
    position: absolute;
    top: 1px;
    right: 1px; 
    border: unset;
    cursor: pointer;
    background: #FFFFFF;
    font-size: 0;
} 
.newsletter_form button:after{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cg clip-path='url(%23clip0_130_25)'%3E%3Cpath d='M14.5353 7.4093L14.5305 7.40719L1.60129 2.04455C1.49255 1.99903 1.37421 1.98118 1.25687 1.99259C1.13954 2.004 1.02686 2.04432 0.928921 2.10994C0.825445 2.17774 0.740448 2.27021 0.681579 2.37901C0.62271 2.48782 0.591816 2.60956 0.591675 2.73327V6.16295C0.591732 6.33207 0.650786 6.49587 0.758659 6.62613C0.866531 6.75638 1.01646 6.84492 1.18261 6.87649L8.2342 8.18037C8.26191 8.18562 8.28692 8.20038 8.30491 8.2221C8.3229 8.24382 8.33274 8.27114 8.33274 8.29934C8.33274 8.32755 8.3229 8.35487 8.30491 8.37659C8.28692 8.39831 8.26191 8.41307 8.2342 8.41832L1.18292 9.7222C1.01681 9.75368 0.866889 9.84211 0.758968 9.97224C0.651048 10.1024 0.591887 10.2661 0.591675 10.4351V13.8654C0.591595 13.9835 0.620845 14.0999 0.6768 14.2039C0.732756 14.3079 0.813666 14.3964 0.912271 14.4615C1.03088 14.5403 1.17008 14.5824 1.31249 14.5826C1.41149 14.5825 1.50947 14.5626 1.60069 14.5242L14.5296 9.19211L14.5353 9.18938C14.7093 9.11459 14.8576 8.99042 14.9618 8.83223C15.066 8.67404 15.1216 8.48877 15.1216 8.29934C15.1216 8.10992 15.066 7.92465 14.9618 7.76646C14.8576 7.60827 14.7093 7.4841 14.5353 7.4093Z' fill='%23E42731'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_130_25'%3E%3Crect width='15.5' height='15.5' fill='white' transform='translate(0.1073 0.535721)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    width: 42px;
    height: 42px;
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
} 
.newsletter_form .form-control{
    border: 0;
    height: 44px;
    font-weight: 300;
    border: 1px solid #C1C1C1;
}
.newsletter_form .form-control::placeholder{
    font-weight: 300;
    color: #C1C1C1;
}

footer{
    padding-top: 3rem;
    background-color: #F7F2EE;
}

footer  h3{
    font-size: 20px;
    color: #231F1E;
    font-weight: 800;
    margin-bottom: 30px;
    padding-top: 20px;
}

footer .menu-menu-footer-container{
    text-align: center;
    margin-top: 2rem;
}
footer ul{
    padding-left: 0;
}

footer ul li{
    list-style: none;
    margin-bottom: 0px;
    display: inline-block;
}
footer ul li{
    margin-right: 10px;
    margin-left: 10px;
}

footer ul li a{
    color: #21A5DF;
    font-size: 19px;
    text-transform: uppercase;
    transition: .3s;
    font-weight: 600;
}
footer ul li a:hover{
    color: #E42731; 
    transition: .3s;
}

footer a.brand img{
     margin-top: 7px;
} 
footer .telephone a{
    font-size: 16px;
    color: #231F1E;
    margin-bottom: 0;
    margin-top: 0;
}
footer .telephone a .picto{
    width: unset;
    height: unset;
    background-color: unset;
}
footer .telephone a .picto:after{
    display: none;
}
footer .telephone a:not(.email){
    border-bottom: 1px solid #777777;
    border-radius: unset;
}
footer p{
    color: #303030;
}

footer .copyright p, footer .copyright a{
    color: #303030;
}
footer ul.informations{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 20px;
    row-gap: 20px;
}
footer ul.informations li{
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
footer ul.informations li span{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #00689E;
    display: inline-block;
    display: flex;
    align-items: center;
    justify-content: center;
}
footer ul.informations li,
footer ul.informations li a {
    color: #303030;
    font-weight: 400;
    margin-bottom: 0;
    white-space: pre-wrap;
    text-align: center;
    text-transform: unset;
}
footer ul.informations li p{
    font-size: 14px !important;
}
footer ul.informations li a{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

footer ul.informations li h4{
    color: #00689E;
    margin: 10px 0;
    font-size: 18px;
    font-weight: 600; 
}
footer ul.informations li a:hover p{
    color: #E42731;
}

.call_us{
    display: none;
}



.whatsapp{
    position: fixed;
    left: 24px;
    bottom: 24px;
    display: block;
    z-index: 999;
    width: 60px;
    height: 60px;
}

@media screen and (min-width: 320px) and (max-width: 700px) {
  
    body, html{
        overflow-x: hidden;
    }
    header .brand img{
        width: 250px;
    }
    .cky-consent-bar{
        border-radius: 35px !important;
    }
    .cky-consent-container .cky-notice-group{
        display: block;
    }
    .cky-consent-container .cky-notice-btn-wrapper .cky-btn{
        border-radius: 100px;
        height: 45px;
        width: 95px;
    }
   
    body{
        font-size: 16px;
    }
  .navbar .navbar-nav .nav-item{
    width: 100%;
  }
    .navbar-toggler:active,
    .navbar-toggler:focus{
        box-shadow: none;
        outline: none;
    }
    .navbar-nav .dropdown-menu .dropdown-item{
        text-align: center;
    }
    header .navbar-toggler line{
        stroke: #717376;
    }

    .home_header{
        text-align: center;
    }
    .home_header .texte_content{
        padding-left: 2rem;
        padding-right: 2rem;
    }
   
    .navbar .navbar-nav .nav-item.secondary_btn:hover .nav-link,
    .navbar .navbar-nav .nav-item.secondary_btn .nav-link,
    .navbar .navbar-nav .nav-item.primary_btn .nav-link{
        margin-bottom: 8px;
        padding: 8px 20px;
        font-size: 14px;
    }
    .navbar .navbar-nav .nav-item.secondary_btn.icon_gift:hover .nav-link:before,
    .navbar .navbar-nav .nav-item.icon_gift .nav-link:before,
    .navbar .navbar-nav .nav-item.primary_btn.icon_gift:hover .nav-link:before,
    .navbar .navbar-nav .nav-item.secondary_btn.icon_gift .nav-link:before,
    .navbar .navbar-nav .nav-item.secondary_btn.icon_call:hover .nav-link:before,
    .navbar .navbar-nav .nav-item.icon_call .nav-link:before{
        top: 11px;
    }
    .navbar-nav .dropdown-menu:before{
        display: none;
    }
    .navbar-nav .dropdown-menu .dropdown-menu{
        top: unset;
        margin: 15px;
    }
    .blocs ul {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    } 
    h1{
        font-size: 25px;
    }
    h2{
        font-size: 21px;
    }
    h3{
        font-size: 18px;
    }
    .header{
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .services_content {
        grid-template-columns: repeat(1, 1fr);
    }
    .navbar-toggler{
        padding: 0;
    }
    .navbar-toggler .stroke{
        stroke: white;
    }
    header.scrolled .navbar-toggler .stroke{
        stroke: #494A4C;
    }
    .navbar .navbar-nav .nav-link{
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .presentation{
        padding-top: 2rem;
        margin-bottom: 2rem;
    }
    .presentation .image{
        height: 250px;
        margin-bottom: 1rem;
    }
    .presentation:after{
        height: 70px;
    }
    .etapes .image{
        width: 130px;
        height: 130px;
        margin: auto;
    }
    .etapes .etapes_content:before{
        display: none;
        margin: auto;
    }
    .etapes .image span{
        top: -10px;
        right: -10px;
    }
    .etapes h4 { 
        margin-top: 7px;
        margin-bottom: 20px;
    }
    .realisation .content{
        height: 150px !important;
    }
    .realisation .content.content_3{
        height: auto !important;
    }
    .faq {
        padding: 1rem 0;
    }
    .garantie_container{
        padding: 100px 30px 50px 30px;
        border-radius: 30px;
        margin-top: 120px;
    }
    .garantie_container img{
        top: 0;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 120px;
        margin-bottom: 0;
    }
    .header .container {
        padding: 1rem;
    }
    .service .image_content img.service_image{
        margin-bottom: 2rem;
        position: unset;
        height: 200px;
    }
    .service .service_1{
        padding-bottom: 1rem;
    } 
    h6{
        font-size: 41px;
    }
    .call_us{
        background-color: #F75850;
        text-transform: unset;
        color: #FFF;
        display: flex;
        align-items: center;
        justify-content: center;
        position: fixed;
        bottom: 48px;
        left: 0;
        z-index: 999;
        width: 100%;
        text-align: center;
        padding: 7px 0;
        font-size: 37px;
        font-weight: 400;
        animation: pulse-blue 2s infinite;
    }

    .right_badge{
        bottom: 5px;
        top: unset;
        border-radius: 0; 
        width: 100%;
        left: 0;
        right: 0;
        margin: auto;
        padding: 5px 10px; 
    }
    .right_badge p{
        font-size: 13px;
        max-width: 226px;
        line-height: 17px;
    }
    .right_badge img {
        width: 33px;
        margin-right: 15px;
        margin-top: 0;
    }

    @keyframes pulse-blue {
        0% {
          transform: scale(0.95);
          box-shadow: 0 0 0 0 rgba(214, 4, 0, 0.7);
        }
        
        70% {
          transform: scale(1);
          box-shadow: 0 0 0 10px rgba(255, 96, 0, 0);
        }
        
        100% {
          transform: scale(0.95);
          box-shadow: 0 0 0 0 rgba(52, 172, 224, 0);
        }
    }
    .scrolled_text{
        transform: unset;
    }
    .scrolled_text:after{
        display: none;
    }
    .slider h1{
        font-size: 33px;
    }
    .presentation h2{
        font-size: 29px;
    }
    .presentation .counter span,
    .presentation .counter h5{
        font-size: 36px;
        letter-spacing: 1;
    }
    .presentation .counter p{
        line-height: 1;
        font-size: 17px;
    }
    .services {
        padding: 2rem 0;
    }
    .telephone a{
        font-size: 24px;
    }
    .support_technique .formulaire{
        padding: 45px 30px 30px 30px;
    }

    footer ul.informations{
        grid-template-columns: repeat(2, 1fr);
    }

    .presentation .counter{
        margin-bottom: 3rem;
    }
    .text_width_image {
        padding: 1rem;
    }

    .blocs {
        padding: 1rem 0;
    }

    .blocs .container{
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .service .image_content{
        position: relative;
    }
    .text_width_image .image{
        position: relative;
        height: 200px;
        margin-bottom: 2rem;
    }
    .service .image_content{
        position: unset;
        width: 100%;
    }
    .before_full_width{
        padding-top: 1rem;
        padding-bottom: 0;
    }
    .header .logo {
        justify-content: flex-start;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .header .logo img{
        max-width: 100%;
        width: 200px;
    }

    .before_full_width.map{
        padding-top: 0;
        padding-bottom: 0;
    }
    
    .before_full_width.map:after{
        display: none;
    }
    
    .image_content.width-filter{
        position: relative;
        height: auto;
    }
    .image_content.width-filter img.service_image {
        position: absolute;
        height: 100%;
    }
    .service .image_content img.logo{
        margin-bottom: 2rem;
    }
    .whatsapp{
        left: unset;
        right: 14px;
        bottom: 130px;
        width: 44px;
        height: 44px;
    }


    

}

@media (min-width: 768px){
    
}

@media (min-width: 992px){
    
}
@media (min-width: 1200px){
     
}

@media (min-width: 1400px){
    
}

