/*
Theme Name: Montage chaudière
Theme URI: 
Description: Montage chaudière
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:  Montage chaudière
*/
 

@import url('https://fonts.googleapis.com/css2?family=Poppins: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');


.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: 'Poppins', 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, h2{
    font-family: 'Poppins', sans-serif;
}

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

}
h2{
    font-size: 36px;
    font-weight: 600; 
    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;
    font-weight: 400; 
    color: #D44936;
    margin-bottom: 10px;
    text-transform: uppercase;
}
h6{  
    font-weight: 400;
    font-style: normal;
    line-height: 1.3;  
    font-size: 40px;
} 

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


a{
    text-decoration: none; 
    color: #0A426A
}
a:hover{
    text-decoration: none;
    color: #0A426A;
}
button.btn,
a.btn{
    background-color: #FFFFFF;
    color: #0A426A; 
    border: 2px solid #0A426A;
    padding: 10px 23px; 
    border-radius: 100px;
    font-size: 16px;
    font-weight: 400;
    min-width: 150px; 
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-transform: capitalize;
}
button.btn.red,
a.btn.red{
    background-color: #D44936;
    border: 2px solid #D44936;
    color: #FFF !important;
}
button.btn.white,
a.btn.white{
    background-color: #FFF;
    color: #0A426A !important;
}
button.btn.transparant, button.btn.transparen,
a.btn.transparant, a.btn.transparent{
    background-color: unset;
    border-color: #FFFFFF;
    color: #FFFFFF !important;
}
button.btn:after,
a.btn: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='%230A426A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

button.btn.primary:after, button.btn.transparant:after, button.btn.transparent:after, button.btn.white:after,
a.btn.primary:after, a.btn.transparant:after, a.btn.transparent:after, a.btn.white: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='%23A0BCD0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
button.btn:hover,
a.btn:hover{
    background-color: #0A426A;
    border-color: #0A426A;
    color: #FFF !important;
}
button.btn.red:after, button.btn:hover:after,
a.btn.red:after, a.btn:hover: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");
}
button.btn.primary, 
a.btn.primary{
    background-color: #0A426A;
    border-color: #0A426A;
    color: #FFFFFF;
}
button.btn.secondary, 
a.btn.secondary{
    background-color: #A0BCD0;
    border-color: #A0BCD0;
    color: #FFFFFF;
}
button.btn.secondary:hover,
a.btn.secondary:hover{
    background-color: #0A426A;
    border-color: #0A426A;
}


a.open_video{
    font-weight: 600;
    padding-left: 65px;
    position: relative;
    transition: .3s;
    cursor: pointer;
}
a.open_video:hover{
    text-decoration: underline;
    color: #FFFFFF;
    transition: .3s;
}
a.open_video:before{
    content: '';
    position: absolute;
    left: 0;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background-color: #FFF;
    top: 0;
    bottom: 0;
    margin: auto;
}
a.open_video:after{
    content: '';
    position: absolute;
    left: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 11.5px 23px 11.5px;
    border-color: transparent transparent #0A426A transparent;
    transition: .3s;
    transform: rotate(90deg);
}
a.open_video:hover:after{
    border-color: transparent transparent #A0BCD0 transparent;
    transition: .3s;
}

a.telephone{
    border-radius: 50px;
    border: 4px solid #D44936;
    color: #D44936;
    font-size: 16px;
    font-weight: 800;
    padding: 9px 25px;
    display: inline-block;
    transition: .3s;
    margin-bottom: 1rem;
}
a.telephone:hover{
    border-color: #0A426A;
    background-color: #0A426A;
    color: #FFFFFF;
}

a.telephone:hover .fill{
    fill: #FFFFFF
} 
.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: relative;
    background-color: #FFFFFF;
    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); 
}

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



header .brand img{
    width: 290px;
    height: auto;
    margin: 10px 0;
}
 
#breadcrumbs a:hover{
    color: #A0BCD0 !important;
}

.left_panel{
    width: 500px;
    height: 100%; 
    position: fixed;
    top: 0;
    right: -100%;
    padding: 9rem 5rem;
    z-index: 999; 
    transition: .3s;
    border-radius: 50px 0px 0px 50px;
}
.left_panel:before{
    content: '';
    background: rgba(255, 255, 255, 0.80);
    backdrop-filter: blur(8.050000190734863px);
    width: 100%;
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -1;
    border-radius: 50px 0px 0px 50px;
}
.left_panel.show{
    right: 0;
    transition: .3s;
}
.left_panel_close,
header .open_left_panel_container .open_left_panel {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    cursor: pointer;
    width: 40px;
    height: 16px;
    margin-right: 15px;
}
.left_panel_close .line,
header .open_left_panel_container .open_left_panel .line{
    background-color: #0A426A;
    height: 2px;
    width: 100%;
}
header .open_left_panel_container .open_left_panel .line:first-child{
    width: calc(100% - 12px);
}
.left_panel_close{
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.left_panel_close .line:first-child{
    transform: rotate(45deg);
}
.left_panel_close .line:last-child{
    transform: rotate(-45deg);
}
 
.menuContainer{
    display: flex;
    align-items: center;
}
.menuContainer a.telephone{
    margin-bottom: 0;
    border: unset;
    margin-left: 2rem;
}

.menuContainer,
.menuContainer #navbarSupportedContent,
.menuContainer #navbarSupportedContent .navbar-nav, 
.menuContainer #navbarSupportedContent .navbar-nav, .nav-item{
    height: 100%; 
    height: 86px;
}
.menuContainer #navbarSupportedContent .navbar-nav, .nav-item{
    display: flex;
    align-items: center;
    justify-content: center;
}

.navbar{
    padding: 0 0; 
}
.nav{
    padding: 0;
    background-color: #FFF;
    border-radius: 50px;
}
.navbar .navbar-nav .nav-item.menu-item-has-children:hover > ul{
    display: block;
}

.navbar .navbar-nav .nav-link{
    color: #575757;
    font-size: 15px;
    font-weight: 800;
    margin-left: 5px;
    margin-right: 5px; 
    margin-bottom: 0;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 8px;
    padding-bottom: 8px;
    position: relative; 
    text-align: center;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    height: 100%;
    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: #D44936;
    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: #D44936;
    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: #D44936;
}
.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;
}
 
 

/* ================================================ */
/* Scrolled texte */
/* ================================================ */

.scrolled_texte{ 
    padding: 2rem 0;
}
.scrolled_texte_carousel{
    display: flex;
}
.scrolled_texte_carousel p{
    margin-bottom: 0; 
    font-size: 20px;
    font-weight: 400;
    white-space: nowrap; 
    padding: 0 15px;
    padding-right: 80px;
    position: relative;
}
/* ================================================ */
/* end Scrolled texte */
/* ================================================ */





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

 
.search-form {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    border-radius: 3px;
    overflow: hidden;
    width: 52px; /* Initially small, just to fit the button */
    transition: width 0.3s ease;
    margin-bottom: 0;
}
.search-form:hover input:focus, .search-form:hover input:hover, .search-form:hover input:active, .search-form:hover input:focus-visible{
    outline:none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.search-field {
    border: none;
    padding: 8px;
    width: 0; 
    transition: width 0.3s ease, opacity 0.3s ease;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    display: none;
    height: 52px;
    border-top-left-radius: 52px;
    border-bottom-left-radius: 52px;
    padding-left: 15px;
    padding-right: 5px;
    color: #0A426A;
}
.search-form input::placeholder{
    color: #8CACC3;
}

.search-submit {
    background-color: #0A426A;
    color: #fff;
    border: none;
    padding: 8px 12px;
    cursor: pointer;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

/* Hover and Focus effects */
.search-form:hover,
.search-form:focus-within {
    width: 100%; /* Expands the form on hover or when focused */
}

.search-form:hover .search-field,
.search-form:focus-within .search-field {
    width: 100%;
    display: block;
    border: 1px solid #0A426A; /* Adds a border to the input field */
    border-right: none; /* Aligns with the button */
}

.search-submit{
    background-color: #0A426A;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    border: none;
    display: flex;
    align-items: center;
    justify-items: center;
} 

.search-form:hover .search-submit,
.search-form:focus-within .search-submit {
    border-top-left-radius: 0; /* Removes top-left border-radius */
    border-bottom-left-radius: 0; /* Removes bottom-left border-radius */
    border-top-right-radius: 52px; /* Keeps top-right border-radius */
    border-bottom-right-radius: 52px; /* Keeps bottom-right border-radius */
}

 
.no-results .search-form{
    width: 100%;
}
.no-results .search-form label{
    width: 100%;
}
.no-results .search-field{
    width: 100%;
    display: block;
    border: 1px solid #0A426A;
}
.no-results .search-form .search-submit{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
/* ================================================ */
/* End Search form  */
/* ================================================ */





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


.header{
    padding: 8rem 0 12rem 0; 
}

.header:after{
    content: '';
    width: 100%;
    height: 100px;
    background-color: #FFF;
    border-radius: 100px 100px 0 0;
    position: absolute;
    bottom: 0;
    left: 0;
}


.header:before{
    background: linear-gradient(270deg, rgba(160, 188, 208, 0.00) 0%, #0A426A 100%);
}
.header *{
    color: #FFF; 
} 

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




/* ================================================ */
/* 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 #D44936;
    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='%23D44936' 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 #D44936;
    background-color: #D44936;
    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 */
/* ================================================ */


/* ================================================ */
/* Footer */
/* ================================================ */

footer{
    background-color: #F7F7F7; 
    padding-top: 7rem;
    margin-top: 13rem; 
}

footer .contact_informations{
    background-color: #D44936;
    color: #FFFF;
    position: absolute;
    top: -220px;
    left: 0;
    border-radius: 10px 10px 10px 0;
    padding: 3rem;
}
footer .contact_informations *{
    color: #FFFF;
    font-size: 14px;
}
footer .contact_informations h3{
    font-size: 20px;
}
footer .contact_informations a:hover{
    text-decoration: underline;
}
.copyright{ 
    padding: 1rem 0;
}

.copyright ul{
    display: flex;
    margin-bottom: 0;
    padding-left: 0;
}
.copyright ul li{
    list-style: none;
}
.copyright ul li:not(:last-child){
    margin-right: 20px;
    position: relative;
}
.copyright ul li:not(:last-child):after{
    content: '';
    width: 1px;
    height: 60%;
    position: absolute;
    right: -11px;
    background-color: #A0BCD0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.copyright ul li a{
    font-size: 14px;
    color: #A0BCD0;
}
.copyright ul li a:hover{
    color: #FFFFFF;
}

footer ul.social_media li a svg .fill{
    fill: #D44936;
}
footer ul.social_media li a svg .stroke{
    stroke: #D44936;
}
footer ul.social_media li a:hover svg .fill{
    fill: #0A426A;
}
footer ul.social_media li a:hover svg .stroke{
    stroke: #0A426A;
}
.copyright p{
    font-size: 14px;
    color: #767676;
}
.copyright p a{
    font-size: 14px;
    color: #D44936;
} 
.copyright p a{
    white-space: nowrap;
}
.copyright p a svg .stroke{
    stroke: #D44936;
}
.copyright p a svg .fill{
    fill: #D44936;
} 
.copyright p a:hover{
    color: #0A426A;
}
.copyright p a:hover svg .stroke{
    stroke: #0A426A;
}
.copyright p a:hover svg .fill{
    fill: #0A426A;
}
footer hr{
    width: 100%;
    height: 1px;
    opacity: 1;
    background: #A0BCD0; 
    margin: 0;
} 
footer .columns ul , footer .columns ul li{
    list-style: none;
    padding-left: 0;
    line-height: 1;
}
footer .columns ul{ 
    margin-bottom: 0;
}
footer .columns ul li{
    margin-bottom: 15px;
}
footer .columns ul li a{
    font-size: 15px; 
}
footer .columns ul li a:hover{
    color: #D44936;
}
footer h3{ 
    font-weight: 500;
    margin-bottom: 24px;
}

  

.newsletter .newsletter_from{
    max-width: 100%;
    width: 600px;
    margin: auto;
    position: relative; 
}
.newsletter form input.form-control{
    background-color: #FFF; 
    height: 60px; 
    color: 0A426A;
    font-size: 14px;
} 
.newsletter form input.form-control::placeholder{
    color: #0A426A;
}
.newsletter .newsletter_from button[type=submit]{
    position: absolute;
    top: 3px;
    right: 3px;
    background-color: #FFFFFF;
    border-radius: 50%;
    width: 54px;
    height: 54px;
    border: unset;
}
.newsletter .newsletter_from button[type=submit]:hover svg .fill{
    transition: .3s;
    fill: #0A426A;
}
 




footer .informations{
    margin-top: 2rem;
}
footer .informations li{
    display: flex;
    align-items: center;
}
footer .informations li:not(:last-child){
    margin-bottom: 40px;
}
footer .informations li svg{
    margin-right: 10px;
}
footer .informations li.address{
    white-space: break-spaces;
}


footer .footer_gallery{
    display: grid;
    grid-template-columns: repeat(3, 1fr); 
    column-gap: 10px;
    row-gap: 10px;
}

footer .footer_gallery img{
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
    object-position: center;
}

/* ================================================ */
/* End footer */
/* ================================================ */




/* ================================================ */
/* Start video */
/* ================================================ */

.video{
    height: calc(100vh - 162.4px);
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
}

.video video{
    position: absolute;
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover; 
}

.video .video_filter{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, rgba(10, 66, 106, 0.70) 0%, rgba(20, 130, 208, 0.70) 99.19%);
}
.video .container{
    z-index: 99;
}
.video .container *{
    color: #FFFFFF;
}

.video a{
    font-size: 16px;
    font-weight: 600;
    border-bottom: 2px solid #FFFFFF;
    position: relative;
    padding-right: 35px;
    padding-bottom: 8px;
} 
.video a:after{
    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='M18.884 12.8842C19.1178 12.6493 19.249 12.3315 19.249 12.0002C19.249 11.6688 19.1178 11.351 18.884 11.1162L13.884 6.11616C13.7679 6.00008 13.6301 5.90799 13.4784 5.84516C13.3268 5.78234 13.1642 5.75 13 5.75C12.6685 5.75 12.3505 5.88171 12.116 6.11616C11.8816 6.35062 11.7499 6.6686 11.7499 7.00016C11.7499 7.33173 11.8816 7.64971 12.116 7.88416L14.982 10.7502L6.00003 10.7502C5.66851 10.7502 5.35056 10.8819 5.11614 11.1163C4.88172 11.3507 4.75003 11.6686 4.75003 12.0002C4.75003 12.3317 4.88172 12.6496 5.11614 12.884C5.35056 13.1185 5.66851 13.2502 6.00003 13.2502L14.982 13.2502L12.116 16.1162C11.9999 16.2323 11.9079 16.3701 11.845 16.5217C11.7822 16.6734 11.7499 16.836 11.7499 17.0002C11.7499 17.1643 11.7822 17.3269 11.845 17.4786C11.9079 17.6303 11.9999 17.7681 12.116 17.8842C12.2321 18.0003 12.3699 18.0923 12.5216 18.1552C12.6733 18.218 12.8359 18.2503 13 18.2503C13.1642 18.2503 13.3268 18.218 13.4784 18.1552C13.6301 18.0923 13.7679 18.0003 13.884 17.8842L18.884 12.8842Z' fill='%23D44936'/%3E%3C/svg%3E");
    position: absolute;
    top: 0;
    right: 0; 
}

.video a::before {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #D44936;
    transition: width 0.3s ease;
}

.video a:hover::before {
    width: 100%;
}

/* ================================================ */
/* End video */
/* ================================================ */




/* ================================================ */
/* Scrolled texte */
/* ================================================ */


.scrolled_content{
    background-color: #0A426A;
}
.scrolled_content .texte_content{
    display: flex;
    height: 80px;
    align-items: center;
    max-width: 100%;
    overflow-x: hidden;
    padding-left: 0;
    padding-right: 0;
}
.scrolled_content .texte_content p{
    color: #FFF; 
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0;
    padding-right: 50px;
    position: relative;
    white-space: nowrap;
    display: flex !important;
    align-items: center;
    height: 100%;
    text-transform: uppercase;
}
.scrolled_content .texte_content p:after{
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background: #D44936;
    border-radius: 50%;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 10px; 
}
 

/* ================================================ */
/* end Scrolled texte */
/* ================================================ */



/* ================================================ */
/* start Contact form */
/* ================================================ */

.contact_form{
    background-color: #0A426A;
}
.contact_form img{
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    object-position: bottom;
    object-fit: cover;
}
/* ================================================ */
/* end Contact form */
/* ================================================ */



/* ================================================ */
/* start Lien avec image */
/* ================================================ */

.lien_avec_image .links a img{
    width: 100%;
    aspect-ratio: 1;
    margin-bottom: 1rem;
    object-position: center;
    object-fit: cover;
}

.lien_avec_image .links a .content{
    padding-right: 20px;
    position: relative; 
    border-bottom: 2px solid #0A426A;
    padding-bottom: 8px;
}
.lien_avec_image .links a:hover .content{
    border-bottom: 2px solid #FFFFFF;
}

.lien_avec_image .links a .content:after{
    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='M18.884 12.8842C19.1178 12.6493 19.249 12.3315 19.249 12.0002C19.249 11.6688 19.1178 11.351 18.884 11.1162L13.884 6.11616C13.7679 6.00008 13.6301 5.90799 13.4784 5.84516C13.3268 5.78234 13.1642 5.75 13 5.75C12.6685 5.75 12.3505 5.88171 12.116 6.11616C11.8816 6.35062 11.7499 6.6686 11.7499 7.00016C11.7499 7.33173 11.8816 7.64971 12.116 7.88416L14.982 10.7502L6.00003 10.7502C5.66851 10.7502 5.35056 10.8819 5.11614 11.1163C4.88172 11.3507 4.75003 11.6686 4.75003 12.0002C4.75003 12.3317 4.88172 12.6496 5.11614 12.884C5.35056 13.1185 5.66851 13.2502 6.00003 13.2502L14.982 13.2502L12.116 16.1162C11.9999 16.2323 11.9079 16.3701 11.845 16.5217C11.7822 16.6734 11.7499 16.836 11.7499 17.0002C11.7499 17.1643 11.7822 17.3269 11.845 17.4786C11.9079 17.6303 11.9999 17.7681 12.116 17.8842C12.2321 18.0003 12.3699 18.0923 12.5216 18.1552C12.6733 18.218 12.8359 18.2503 13 18.2503C13.1642 18.2503 13.3268 18.218 13.4784 18.1552C13.6301 18.0923 13.7679 18.0003 13.884 17.8842L18.884 12.8842Z' fill='%23D44936'/%3E%3C/svg%3E");
    position: absolute;
    top: 0;
    right: 0; 
}

.lien_avec_image .links a .content::before {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #D44936;
    transition: width 0.3s ease;
}

.lien_avec_image .links a:hover .content::before {
    width: 100%;
    transition: width 0.3s ease;
}




/* ================================================ */
/* end Lien avec image */
/* ================================================ */


/* ================================================ */
/* Start pourquoi montage chaudière */
/* ================================================ */

.pourquoi_montage_chaudiere .content{
    background-color: #0A426A;
    padding: 5rem;
    border-radius: 50px;
    position: relative;
    margin-top: 4rem;
}
.pourquoi_montage_chaudiere .content .badge{
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    top: -85px;
    left: -85px;
}

.pourquoi_montage_chaudiere .content *{
    color: #FFFFFF;
}
.pourquoi_montage_chaudiere .content h5{
    color: #D44936;
}
.pourquoi_montage_chaudiere .camion{
    position: absolute;
    bottom: -64px;
    width: 800px;
    left: -31px;
}

/* ================================================ */
/* End pourquoi montage chaudière */
/* ================================================ */


.trait hr{
    background-color: #0A426A;
    opacity: 1;
    height: 3px;
    margin: 2rem 0; 
}

.galleryCarousel{
    display: flex;
}

.galleryCarousel img{
    height: 150px;
}


.map iframe{
    width: 100%;
    height: 100%;
    min-height: 300px;
}

a.call_us{
    position: fixed;
    right: 10px;
    top: 40%;
    z-index: 99;
}
a.call_us:hover .fill{
    fill: #0A426A;
    transition: .3s;
}


@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;
    }
    
    .pourquoi_montage_chaudiere .content{
        padding: 3rem;
    }
    .pourquoi_montage_chaudiere .camion{
        display: none;
    }
    .contact_form img{
        display: none;
    }
    .form_content {
        padding: 2rem 2rem;
    }
    footer .contact_informations{
        border-radius: 10px 10px 10px 0;
        padding: 2rem 3rem;
        left: 15px;
    }
    .navbar .navbar-nav .nav-item.tel{
        display: none;
    }
    .navbar .navbar-nav .nav-link{
        padding-top: 12px;
        padding-bottom: 12px;
        display: inline-block;
    }
    header .navbar .navbar-nav .nav-item .nav-link:before{
        height: 2px;
    }
    .menuContainer #navbarSupportedContent .navbar-nav, .nav-item{
        display: unset;
        text-align: center;
    }
    .navbar-nav .dropdown-menu{
        position: relative;
        top: 0;
        border: unset;
    }
    .menuContainer a.telephone{
        display: none;
    }

    a.call_us{ 
        top: unset;
        bottom: 10px; 
    }



}

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

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

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