/*
Theme Name: securitherm 
Theme URI: 
Description: securitherm
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:  securitherm 
*/
 

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..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: 'Inter', sans-serif;
    font-weight: 400;
    color: #0A426A; 
    margin: 0;
    padding: 0; 
}

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

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

b, strong{
    font-weight: 600;
} 

h1{
    font-size: 40px;
    font-weight: 700; 
    color: #0A426A;
    margin-bottom: 20px;

}
h2{
    font-size: 32px;
    font-weight: 700; 
    color: #0A426A;
    margin-bottom: 20px;
}
h3{
    font-size: 24px;
    font-weight: 400; 
    color: #0A426A; 
}
h4{
    font-size: 24px;
    font-weight: 400; 
    color: #0A426A;
}
h5{
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 400;  
    border-radius: 50px;
    background: rgba(255, 255, 255, 0.50);
    margin-bottom: 10px;
    text-transform: uppercase;
    display: inline-block;
    padding: 8px 28px;
}
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: #D22E2E;
}
h1 strong, h1 b, h2 strong, h2 b, h3 strong, h3 b{
    color: #D22E2E !important;
    font-weight: inherit;
}


a{
    text-decoration: none; 
    color: #0A426A
}
a:hover{
    text-decoration: none;
    color: #0A426A;
}
button.btn,
a.btn{
    background-color: #788CC4;
    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: #002C3E;
    transition: .3s;
    color: #FFFFFF;
}
a.telephone{
    border-radius: 50px; 
    font-size: 20px;
    font-weight: 400;
    padding: 9px 0;
    margin-top: 30px;
    display: inline-flex;
    transition: .3s;
    margin-bottom: 1rem;
    align-items: center;
}
a.telephone:hover{
    color: #788CC4;
}
a.telephone .picto{
    margin-right: 15px;
    background: #002C3E;
    width: 41px;
    height: 41px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: relative;
}
a.telephone .picto:after{
    content: '';
    border: 1px solid #788CC4;
    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; 
    background: rgba(120, 140, 196, 0.8);
    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); 
}

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

header .brand img{
    width: 250px;
    height: auto;
    margin: 10px 0;
}
header a.telephone{
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    color: #FFFFFF;
    margin-right: 10px;
}
header a.telephone:hover{
    color: #002C3E;
}
#breadcrumbs a:hover{
    color: #A0BCD0 !important;
}
  
.menuContainer{
    display: flex;
    align-items: center;
    border-top: 1px solid rgba(255,255,255, .5)
}
.menuContainer a.telephone{
    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: 20px;
    font-weight: 400;
    margin-left: 5px;
    margin-right: 5px; 
    margin-bottom: 0;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 24px;
    padding-bottom: 24px;
    position: relative; 
    text-align: center;  
    display: flex;
    align-items: center;
    line-height: 1;
} 
header .navbar .navbar-nav .nav-item .nav-link:before{
    content: '';
    width: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 5px; 
    background-color: #D22E2E;
    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: #D22E2E;
    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: #D22E2E;
}
.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='%23D22E2E'/%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: #0A426A;
    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 #0A426A;
    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 #0A426A;
    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:#0A426A;
    text-decoration: unset;
}
.navbar-nav .dropdown-menu .dropdown-item{
    color: #0A426A;
    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 #0A426A;
} 
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: #0A426A;
    border: 1px solid #0A426A;
    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: #0A426A;
}

.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: #0A426A;
}


.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: #0A426A !important;
    border-color: #0A426A !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;
    height: 100vh;
}
.slider .carousel-item{
    height: 100vh;
}
.slider .carousel-item:before{
    background: linear-gradient(90deg, rgba(0, 36, 88, 0.80) 0.64%, rgba(0, 36, 88, 0.00) 100%);
}
.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 .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: 4rem 1rem 4rem 1rem; 
}

.header:before{
    background: linear-gradient(90deg, rgba(0, 36, 88, 0.80) 0.64%, rgba(0, 36, 88, 0.00) 100%);
}
.header *{
    color: #FFF; 
} 

.header .logo{
    border-radius: 25px;
}

/* ================================================ */
/* 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{
    background-color: #002C3E;
    padding: 4rem 0 2rem 0;
}

.services .container{
    /*transform: translateY(-70px);*/
}

.services_content{ 
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 10px;
    row-gap: 10px;
}
.services a.service_content{
    background-color: #FFFFFF;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 3rem 2rem;
    display: block;
    transition: .3s;
}
.services a.service_content img{
    position: absolute;
    right: 10px;
    top: 10px;
}
.services a.service_content h4{
    font-size: 32px;
    font-weight: 700;
    color: #002C3E;
    margin-bottom: 25px;
}

.services a.service_content:hover{
    background-color: #788CC4;
    transition: .3s;
}
.services a.service_content:hover *{
    color: #FFFFFF;
}
.services a.service_content:hover .stroke{
    stroke: #FFFFFF;
}
.services a.service_content:hover img{
    opacity: .3;
}

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


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

.service .service_1{
    padding-top: 2rem;
    padding-bottom: 5rem;
}
.service .service_2{
    background-color: #002C3E;
}

.service .service_3{
    padding-top: 260px;
    padding-bottom: 50px;
}
.service .image_content{
    position: relative;
    height: calc(100% + 350px);
}
.service .image_content img{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 1;
}
.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 a.telephone{
    margin-top: 0;
}


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





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

.presentation{
    background-color: #002C3E;
    padding-top: 3rem ;
    margin-bottom: 3rem;
    position: relative;
    z-index: 0;
}
.presentation *{
    color: #FFFFFF;
}
.presentation .image{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.presentation:after{
    content: '';
    width: 100%;
    height: 115px;
    background-color: #FFFFFF;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}

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


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


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

.garantie_container{
    background-color: #002C3E;
    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: #788CC4;
    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: #0A426A;
}
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: #D3D3D3;
    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: #0A426A;
}

/* 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 #0A426A;
    color: #0A426A;
}

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

form select.form-control,
form .form-control::placeholder{
    color: #A0BCD0;
}
form select.form-control.selected{
    color: #0A426A;
}
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='%230A426A'/%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: #A0BCD0;
    background-color: transparent;
    color: #FFFFFF;
}

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='%230A426A'/%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='%230A426A' 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 #D22E2E;
    border-radius: 15px; 
    padding: 22px 15px;
    margin-top: 17px;
    padding-left: 47px;
    position: relative;
    background: #F0F0F0;
    color: #0A426A;
    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='%23D22E2E' 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 #D22E2E;
    background-color: #D22E2E;
    padding: 20px 49px;
    border-radius: 100px;
    min-width: 170px;
    transition: .3s;
    color: #FFFFFF;
    margin-top: 2rem;
}
form input[type=submit]:hover{
    background-color: #0A426A; 
    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: #0A426A;
}


form .checkbox_tab{
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 2px solid #0A426A;
}
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 #0A426A;
    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: #0A426A;
}



.form_content{
    padding: 6rem 5rem;
}

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

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

.etapes{
    padding: 2rem 0;
}
.etapes .image{
    background-color: #002C3E;
    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: #788CC4;
    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 map */
/* ================================================ */

.map{
    padding: 5rem;
}

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

.realisation{
    background-color: #002C3E;
    padding: 5rem 0;
    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: #788CC4;
    display: flex; 
    justify-content: center;
    flex-direction: column;
    padding: 1rem;
}
.realisation .content .texte a.telephone .picto:after{
    border: 1px solid #FFFFFF;
}
.realisation .content .texte h2{
    font-weight: 600;
}
.realisation .content .texte h2 strong{
    color: #002C3E !important;
}

.contact { 
    background-color: #002C3E;
    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 #D22E2E;
    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: #D22E2E;
    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 a.telephone{
    margin-bottom: 0;
}

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


.faq{
    padding: 4rem 0;
}
.faq .image{
    width: calc(100% - 5rem);
    height: 100%;
    right: 12px;
    position: absolute;
    object-fit: cover;
    object-position: center;
}
.faq .accordion-item{
    border: unset;   
}
.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: #002C3E;
    border-bottom: 1px solid #002C3E;
}
.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;
    color: #002C3E;
}
.newsletter_form .form-control::placeholder{
    font-weight: 300;
    color: #C1C1C1;
}

.newsletter_form form .form-control:focus,
.newsletter_form form .form-control:active,
.newsletter_form form .form-control:hover{
    color: #002C3E;
}

footer{
    padding-top: 3rem;
}

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

footer ul li{
    list-style: none;
    margin-bottom: 0px;
}
footer ul li ul li{
    padding-left: 20px;
}

footer ul li a{
    color: #3E3E3E;
    font-size: 19px;
    transition: .3s;
}
footer ul li a:hover{
    color: #E42731; 
    transition: .3s;
}

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

    position: fixed;
    right: 0;
    top: 40%; 
    width: 375px; 
    display: flex;
    align-items: flex-start;
    padding: 12px 16px;
    border-radius: 60px 0px 0px 60px;
    border-radius: 60px 0px 0px 60px;
    background: #FFF;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    z-index: 9;
    display: none;
}
.right_badge p{
    font-size: 20px;
    line-height: 24px;
}
.right_badge img{
    width: 40px;
    margin-right: 15px;
    margin-top: 8px;
}
.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) {
  
    .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: #0A426A;
    }

    .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;
    }
    .navbar .navbar-nav .nav-link{
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .presentation{
        padding-top: 0;
        margin-bottom: 0;
    }
    .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: 5rem 1rem 0rem 1rem;
    }
    .service .image_content img{
        margin-bottom: 2rem;
        position: unset;
        height: 200px;
    }
    .service .service_1{
        padding-bottom: 1rem;
    }

    .service .service_3{
        padding-top: 0px;
        padding-bottom: 60px;
    }
    .map {
        padding: unset;
    }
    h6{
        font-size: 41px;
    }
    .call_us{
        background-color: #788CC4;
        text-transform: unset;
        color: #FFF;
        display: flex;
        align-items: center;
        justify-content: center;
        position: fixed;
        bottom: 5px;
        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);
        }
    }
    .menuContainer #navbarSupportedContent .navbar-nav, .nav-item{
        flex-direction: column;
    }
     
    .navbar-nav .dropdown-menu{ 
        position: unset;
        background: transparent;
        border: none;
        color: #FFFFFF;
        padding-top: 0;
    }
    .navbar-nav .dropdown-menu .dropdown-item{
        color: #FFFFFF;
    }


    .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){
    
}