:root {
--ther-1-color: #104B85;
--ther-2-color: #050505;
--bg-3-color: #6C7880;
--ther-4-color: #515151;
--ther-5-color: #E9E9E9;
--text-black: #000000;
--text-color: #050505;
--btn-primary-color: #EE3F33;
}
@font-face {
font-family: 'Bevellier';
src: url(//thermibel.be/app/themes/starter-theme/assets/fonts/Bevellier-Semibold.woff2) format('woff2'),
url(//thermibel.be/app/themes/starter-theme/assets/fonts/Bevellier-Semibold.woff) format('woff'),
url(//thermibel.be/app/themes/starter-theme/assets/fonts/Bevellier-Semibold.ttf) format('truetype');
font-weight: 600;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: 'Bevellier';
src: url(//thermibel.be/app/themes/starter-theme/assets/fonts/Bevellier-Bold.woff2) format('woff2'),
url(//thermibel.be/app/themes/starter-theme/assets/fonts/Bevellier-Bold.woff) format('woff'),
url(//thermibel.be/app/themes/starter-theme/assets/fonts/Bevellier-Bold.ttf) format('truetype');
font-weight: 700;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: 'Satoshi';
src: url(//thermibel.be/app/themes/starter-theme/assets/fonts/Satoshi-Regular.woff2) format('woff2'),
url(//thermibel.be/app/themes/starter-theme/assets/fonts/Satoshi-Regular.woff) format('woff'),
url(//thermibel.be/app/themes/starter-theme/assets/fonts/Satoshi-Regular.ttf) format('truetype');
font-weight: 400;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: 'Satoshi';
src: url(//thermibel.be/app/themes/starter-theme/assets/fonts/Satoshi-Italic.woff2) format('woff2'),
url(//thermibel.be/app/themes/starter-theme/assets/fonts/Satoshi-Italic.woff) format('woff'),
url(//thermibel.be/app/themes/starter-theme/assets/fonts/Satoshi-Italic.ttf) format('truetype');
font-weight: 400;
font-display: swap;
font-style: italic;
}
@font-face {
font-family: 'Satoshi';
src: url(//thermibel.be/app/themes/starter-theme/assets/fonts/Satoshi-Medium.woff2) format('woff2'),
url(//thermibel.be/app/themes/starter-theme/assets/fonts/Satoshi-Medium.woff) format('woff'),
url(//thermibel.be/app/themes/starter-theme/assets/fonts/Satoshi-Medium.ttf) format('truetype');
font-weight: 500;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: 'Satoshi';
src: url(//thermibel.be/app/themes/starter-theme/assets/fonts/Satoshi-Bold.woff2) format('woff2'),
url(//thermibel.be/app/themes/starter-theme/assets/fonts/Satoshi-Bold.woff) format('woff'),
url(//thermibel.be/app/themes/starter-theme/assets/fonts/Satoshi-Bold.ttf) format('truetype');
font-weight: 700;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: 'Satoshi';
src: url(//thermibel.be/app/themes/starter-theme/assets/fonts/Satoshi-Black.woff2) format('woff2'),
url(//thermibel.be/app/themes/starter-theme/assets/fonts/Satoshi-Black.woff) format('woff'),
url(//thermibel.be/app/themes/starter-theme/assets/fonts/Satoshi-Black.ttf) format('truetype');
font-weight: 900;
font-display: swap;
font-style: normal;
}
html {
height: 100%;
width: 100%;
} *:focus:not(:focus-visible) {
outline: 0 !important;
box-shadow: none !important;
}
body {
padding-bottom: 0;
width: auto;
position: relative;
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: var(--text-color);
}
.btn {
background: var(--btn-primary-color);
font-family: 'Bevellier', Arial, sans-serif;
font-style: normal;
font-weight: 700;
font-size: 26px;
line-height: 33px;
color: #FFFFFF;
border-radius: 0;
padding: 12px 30px;
border-radius: 8px;
}
.navbar-nav .dropdown-item.active, .navbar-nav .dropdown-item:active {
background-color: transparent;
}
.btn.btn-tertiaire,.btn.btn-tertiaire:hover,.btn.btn-tertiaire:active {
background: var(--ther-5-color);
background-color: var(--ther-5-color);
color: #1B1B1B;
}
.btn.btn-tertiaire-gris,.btn.btn-tertiaire-gris:hover ,.btn.btn-tertiaire-gris:active{
background: #fff;
background-color: #fff;
border:1px solid var(--btn-primary-color);
color: var(--btn-primary-color);
}
.btn-check:checked+.btn, .btn.btn-primary.active, .btn.btn-primary.show, .btn.btn-primary:first-child:active, :not(.btn-check)+.btn:active {
color: #fff;
background-color: var(--btn-primary-color);
border-color: var(--btn-primary-color);
}
.btn:hover {
background: var(--btn-primary-color);
color: #fff;
border-color: transparent;
}
.btn{
border-color: transparent;
} .home #carousel_dernieres_nouvelles .carousel-indicators button.active {
background-color: #EE3F33;
}
.home #carousel_dernieres_nouvelles .carousel-indicators {
bottom: -18px;
}
.home #carousel_dernieres_nouvelles .carousel-indicators button {
border-radius:50%;
width: 15px;
height: 15px;
background-color: #7F8284;
}
html body.home #myHeader,html body.archive.tax-product_cat #myHeader{
background:transparent;
background-color: transparent;
}
html body #myHeader.sticky,html body.home #myHeader.sticky,html body.archive.tax-product_cat #myHeader.sticky{
background-color: rgb(0,0,0,0.9);
}
body.home #myHeader,body.archive.tax-product_cat #myHeader{
box-shadow:none;
position: fixed;
z-index: 15;
}
.home-image .text-video button{
border-radius: 8px;
}
body .footer {
position: inherit;
}
body .header,body .footer {
background: transparent;
}
.home-image{
position: relative;
}
.home-image .text-video h1{
font-family: 'Bevellier', Arial, sans-serif;
font-style: normal;
font-weight: 700;
font-size: 80px;
line-height: 101px;
color: #FFFFFF;
}
.home-image .text-video{
display: inline-block;
width: auto;
}
.home-image .text-video{
position: absolute;
bottom: 20%;
left: 10vw;
width: auto;
}
.animation-home-div{
position: relative;
}
.home-image picture{
padding: 0;
width: 100%
}
.hot_text{
position: absolute;
transform: translate(0, -15vw);
left: 14%;
width: 22%;
text-align: center;
}
.hot_text p,.cold_text p{
font-family: 'Satoshi';
font-style: normal;
font-weight: 500;
font-size: 26px;
line-height: 35px;
text-align: center;
color: #FFFFFF;
}
.temperature_text_container{
width: 200%;
position: relative;
top: -22vw;
}
.temperature_text_container.animation-scroll{
animation-name: animationscroll;
animation-duration: 4s;
animation-fill-mode: both;
}
.temperature_text_container.animation-scroll-back{
animation-name: animationscrollback;
animation-duration: 4s;
animation-fill-mode: backwards;
}
.cold_text h3,.hot_text h3{
font-family: 'Bevellier' , Arial, sans-serif;
font-style: normal;
font-weight: 700;
font-size: 90px;
line-height: 108px;
color: #FFFFFF;
}
.cold_text{
position: absolute;
transform: translate(0, -15vw);
right: 14%;
width: 22%;
text-align: center;
}
.animation-home{
width: 100%;
overflow: hidden;
margin: 0;
}
.animation-home img{
width: 200%;
}
@keyframes animationscroll {
0%   {transform: translate(0, 0);}
100% {transform: translate(-50%, 0);}
}
.animation-home.animation-scroll img{
animation-name: animationscroll;
animation-duration: 4s;
animation-fill-mode: both;
}
@keyframes animationscrollback {
0%   {transform: translate(-50%, 0);}
100% {transform: translate(0, 0);}
}
.animation-home.animation-scroll-back img{
animation-name: animationscrollback;
animation-duration: 4s;
animation-fill-mode: backwards;
}
.blockhomeone h2,.blockhometwo h2{
font-family: 'Bevellier', Arial, sans-serif;
font-style: normal;
font-weight: 700;
font-size: 40px;
margin-bottom: 0.5em;
line-height: 50px;
color:  var(--ther-1-color);
}
.blockhomeone p,.blockhometwo p{
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: var(--ther-2-color);
}
.blockhomeone>div>div picture img,.blockhometwo>div>div picture img{
width: 100%;
}
.blockhomeone>div .divtext,.blockhometwo>div .divtext,.blockthree .divtext{
display: flex;
margin: auto;
flex-direction: column;
padding: 0 7%;
}
.blocktwo{
background-image: url(//thermibel.be/app/uploads/2023/06/backround.jpg);
background-repeat: no-repeat;
background-size: cover;
color: #ffffff;
}
p.p_blue{
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 900;
font-size: 20px;
line-height: 27px;
color: var(--ther-1-color);
}
h2.blockthree{
font-family: 'Bevellier', Arial, sans-serif;
font-style: normal;
font-weight: 700;
font-size: 40px;
line-height: 43px;
color: #300D0A;
}
p.p_red img,a.p_red img{
margin-top: 5px;
margin-left: 0.2em;
}
p.p_red,a.p_red{
font-family: 'Bevellier', Arial, sans-serif;
font-style: normal;
font-weight: 700;
font-size: 26px;
display: flex;
line-height: 33px;
text-decoration: none;
color: #EE3F33;
align-items: center;
}
.blockfive h2{
font-family: 'Bevellier', Arial, sans-serif;
font-style: normal;
font-weight: 700;
font-size: 40px;
line-height: 50px;
text-align: center;
color: #050505;
}
.blockfive img{
border: 2px solid #8F261F;
border-radius: 50%;
padding: 30px;
width: 98px;
height: 98px;
}
.divpourquoinouschoisir{
text-align: center;
}
.divpourquoinouschoisir h3{
margin-top: 1.5rem;
}
.navbar .nav-item.dropdown:hover ul.dropdown-menu a{
color: #333;
}
.nav-item.dropdown .dropdown-menu{
min-width: 85px;
}
.navbar .nav-item.dropdown:hover ul.dropdown-menu{
display: block;
}
.navbar .navbar-nav{
display: flex;
}
.navbar .nav-item.dropdown{
order:6;
}
.navbar li:nth-last-child(3){
order:7;
} body.home .swiper_partenaire .swiper-wrapper .swiper-slide a{
text-decoration: none;
}
.swiper_partenaire {
position: relative;
padding-top: 3em;
}
.swiper_partenaire .swiper-button-prev {
position: absolute;
top: 35px;
right: 120px;
left: auto;
}
.arrow-equipe .swiper-button-prev {
position: absolute;
top: -35px;
right: 120px;
left: auto;
}
.arrow-equipe .swiper-button-next {
position: absolute;
top: -35px;
right: 95px;
left: auto;
}
.swiper_partenaire .swiper-button-next {
position: absolute;
top: 35px;
right: 95px;
left: auto;
}
.swiper_partenaire .swiper-button-prev:after, .swiper_partenaire .swiper-button-next:after, .arrow-equipe .swiper-button-prev:after, .arrow-equipe .swiper-button-next:after {
color: #fff;
font-size: 20px;
}
.icon-partenaire{
position: absolute;
bottom: 4px;
left: 78px;
}
.partenaire-citation{
position: relative;
}
.blocktwo .text_partenaire h3{
font-family: 'Bevellier', Arial, sans-serif;
font-style: normal;
font-weight: 700;
font-size: 40px;
line-height: 50px;
color: #FFFFFF;
}
.blocktwo .text_partenaire p{
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: #FFFFFF;
}
.blocktwo .text_partenaire{
display: flex;
flex-direction: column;
margin: auto;
padding-left: 5em;
}
.contenu_partenaire{
background: #FFFFFF;
border-radius: 8px;
margin: 12px 10px;
padding: 0.6em;
}
.contenu_partenaire p{
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: #7F8284;
}
.contenu_partenaire h3{
font-family: 'Bevellier', Arial, sans-serif;
font-style: normal;
font-weight: 700;
font-size: 26px;
line-height: 33px;
color: #EE3F33;
}
.contenu_partenaire .partenaire-couverture{
display: flex;
}
.contenu_partenaire .partenaire-couverture picture img,.contenu_partenaire .partenaire-couverture picture{
width: 100%;
}
.swiper_partenaire{
width: 106%;
}
.block_partenaire{
overflow: hidden;
}  .dernieres_nouvelles .titre_dernieres_nouvelles{
font-family: 'Bevellier', Arial, sans-serif;
font-style: normal;
font-weight: 600;
text-align: center;
font-size: 65px;
line-height: 82px;
color: #300D0A;
}
.dernieres_nouvelles .description_dernieres_nouvelles{
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 900;
text-align: center;
font-size: 20px;
line-height: 27px;
color: var(--ther-1-color);
}
.dernieres_nouvelles .datepost{
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 19px;
color: var(--ther-1-color);
}
.dernieres_nouvelles .contenu_article h2 a{
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 26px;
line-height: 35px;
color: #300D0A;
}
.dernieres_nouvelles .contenu_article p{
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: #7F8284;
}
.dernieres_nouvelles .col-md-5 .article-image{
width: 405px;
}
.dernieres_nouvelles .col-md-7 .article-image{
width: 202px;
}
.dernieres_nouvelles .col-md-5 .contenu_article>p{
overflow: hidden;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
display: -webkit-box;
}
.dernieres_nouvelles .col-md-7 .contenu_article>p{
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -webkit-box;
}  .contact-home-content-background{
position: relative;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));
}
.radio_input p,.formulaire_evo_content_seconde .wpcf7-form-control-wrap,.formulaire_evo_content_seconde  .wpcf7-form-control.wpcf7-radio{
width: 100%;
}
.formulaire_evo_content_seconde  .wpcf7-form-control.wpcf7-radio{
display: flex;
}
.formulaire_evo_content_seconde .radio_input.excetptionnel .wpcf7-form-control.wpcf7-radio{
flex-wrap: wrap;
}
.formulaire_evo_content_seconde .radio_input.excetptionnel .wpcf7-form-control.wpcf7-radio>span:nth-child(1),.formulaire_evo_content_seconde .radio_input.excetptionnel .wpcf7-form-control.wpcf7-radio>span:nth-child(2),.formulaire_evo_content_seconde .radio_input.excetptionnel .wpcf7-form-control.wpcf7-radio>span:nth-child(3){
width: 30%;
}
.formulaire_evo_content_seconde .wpcf7-list-item{
flex: auto;
}
body:not(.contact) .wpcf7 form .wpcf7-response-output {
margin: 0 0.5em 1em 1em;
}
body:not(.home,.contact) .wpcf7 form .wpcf7-response-output {
padding: 0 1em;
color: #fff;
}
.contact-home{
position: relative;
}
.contact-home-div{
position: absolute;
height: 100%;
top: 0;
}
.contact-home-div-gauche{
background: rgba(5, 5, 5, 0.5);
width: 65%;
margin: auto;
padding: 1em;
top:50%;
transform: translateY(50%, -50%);
}
.contact-home-div-gauche-contenair,.contact-home-div-droite{
display: flex;
}
.contact-home-div h2{
font-family: 'Bevellier', Arial, sans-serif;
font-style: normal;
font-weight: 600;
font-size: 60px;
line-height: 72px;
color: #FFFFFF;
}
.contact-home-content .contact-home-text picture{
width: 30px;
}
.contact-home-content .contact-home-text p{
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: #FFFFFF;
}
.contact-home-content .wpcf7{ background: #FFFFFF;
width: 75%;
display: flex;
border-radius: 10px;
margin: auto;
}
.contact-home-content .wpcf7 form input,.contact-home-content .wpcf7 form textarea{
border: 1px solid #B2B4B5;
border-radius: 5px;
}
.contact-home-content .wpcf7 form textarea,
.contact-home-content .wpcf7 form label span,
.contact-home-content .wpcf7 form  label span input{
width: 100%;
}
.contact-home-content .wpcf7 form  label span input{
height: 50px;
}
.contact-home-content .texarea-contact{
display: flex;
flex-direction: column;
}
.contact-home-content .wpcf7 form label{
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: #050505;
}
.contact-home-content .wpcf7 form{
padding: 2em 2em 0 2em;
margin: auto;
}
.contact-home-content .wpcf7 form label span input{
padding-left: 1em;
}
.contact-home-content .wpcf7 form textarea{
padding-left: 1em;
padding-top: 10px;
}  #footer.footer{
background: #161616;
padding-bottom: 81px ;
}
.footer-bottom a{
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: #E5E6E6;
text-underline-offset: 5px;
}
.otgs-development-site-front-end{
display: none;
}
.footer-bottom p{
display: inline-block;
width: fit-content;
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: #E5E6E6;
margin-top: auto;
margin-bottom: auto;
}
.container-footer-bottom{
margin: auto;
display: flex;
height: 81px;
}
.footer-bottom p:nth-child(2){
width: fit-content;
margin-left: auto;
}
.footer-bottom{
background: #252525;
height: 81px;
position: absolute;
bottom: 0;
width: 100%;
left: 0;
}
#footer .footer-top p{
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: #7F8284;
}
#footer .footer-link li h3,#footer .footer-link li a{
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 900;
font-size: 20px;
line-height: 27px;
text-decoration: none;
color: #E5E6E6;
}
.row-footer{
flex-direction: row;
}
#footer .nav-item ul{
padding-left: 0;
list-style: none;
}  .contact .contact_page_file {
display: flex;
flex-direction: column-reverse;
}
.contact .submit-button-contact{
margin-left: auto;
}
.contact-page-content form>div>p{
font-family: 'Satoshi' , Arial, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: #7F8284;
}
.contact-form-top,.contact-form-bottom{
width: 85%;
background: #F3F5F5;
border: 1px solid #EAEAEA;
border-radius: 20px;
}
.contact h1{
font-family: 'Bevellier' , Arial, sans-serif;
font-style: normal;
font-weight: 600;
font-size: 65px;
line-height: 82px;
color: var(--ther-2-color);
}
.contact h2{
font-family: 'Bevellier' , Arial, sans-serif;
font-style: normal;
font-weight: 700;
font-size: 40px;
line-height: 50px;
color: var(--ther-2-color);
}
.contact .wpcf7-form input:not(.wpcf7-submit,.wpcf7-file,#searchsubmit){
background: #FFFFFF;
border: 1px solid #050505;
border-radius: 3px;
padding: 8px;
}
.contact form h3{
margin-top: 1.2em;
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 900;
font-size: 20px;
line-height: 27px;
color: #000000;
}
.contact .btn-contact{
font-family: 'Bevellier';
font-style: normal;
font-weight: 700;
font-size: 26px;
line-height: 33px;
border-radius: 8px;
}
.contact p span{
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 22px;
color: #4C4E4F;
}
.contact p{
font-family: 'Inter', Arial, sans-serif;
font-style: italic;
font-weight: 300;
font-size: 14px;
line-height: 150%;
color: #A7A7A7;
}
.contact .submit-button-contact p{
margin:0;
}
.contact .col-md-6 label input,.contact .col-md-6 label,.contact .col-md-12 label input,.contact .col-md-12 label,.contact .textarea-contact label,.contact .textarea-contact label textarea{
width: 100%;
}
.contact .select-contact span,.contact .select-contact span select{
width: 100%;
display: block;
}
.contact .select-contact span select{
background: #FFFFFF;
border: 1px solid #050505;
border-radius: 3px;
padding: 8px;
height: 40px;
}
body input[type="checkbox"]{
margin-left: 5px;
height: 12px;
}
.contact input[type="file"]{
position: relative;
}
html[lang="en-US"] .contact input[type="file"]:after {
content: 'Add attachment';
}
html[lang="nl-NL"] .contact input[type="file"]:after {
content: 'Voeg bijlage toe';
}
html[lang="fr-FR"] .contact input[type="file"]:after {
content: 'Ajouter une pièce jointe';
}
html[lang="es-ES"] .contact input[type="file"]:after {
content: 'Añadir un adjunto';
}
.contact input[type="file"]{
color: transparent;
}
.contact input[type="file"]:after{
text-decoration: underline;
position: absolute;
color: #333;
left:  34px;
width: 49%;
background: #F3F5F5;
height: 55px;
}
.contact input[type="file"]:before {
content: '\00002B';
color: #333;
background:#E5E6E6;
border-radius:50%;
font-size: 17px;
padding: 2px 7px;
margin-right: 53px
}
body.contact input.wpcf7-not-valid,body input.wpcf7-not-valid {
border-color: #dc3232;
}
body.contact p span.wpcf7-not-valid-tip ,body p span.wpcf7-not-valid-tip {
color: #dc3232;
}  .list-faq {
margin-top: 50px;
}
.faq .title-page {
font-family: 'Bevellier', Arial, sans-serif;
font-style: normal;
font-weight: 600;
font-size: 65px;
line-height: 82px;
text-align: center;
color: var(--text-black);
margin-bottom: 8px;
margin-top: 63px;
}
.faq .stitle-page, .blog .stitle-page {
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 26px;
line-height: 35px;
text-align: center;
color: var(--text-black);
}
.faq .accordion-flush .accordion-header button {
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 900;
font-size: 20px;
line-height: 27px;
color: var(--text-black);
}
.faq .accordion-flush .accordion-item {
background: linear-gradient(0deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), #E5E6E6;
border-radius: 12px;
display: none;
}
.faq .accordion-flush .accordion-item .accordion-button, .faq .accordion-flush .accordion-item .accordion-button.collapsed {
border-radius: 12px;
background: linear-gradient(0deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), #E5E6E6;
}
.faq .accordion-item + .accordion-item {
margin-top: 16px;
}
.faq .accordion-button::after {
width: 13px;
height: 8px;
background-size: inherit;
background-image: url(//thermibel.be/app/uploads/2023/04/accordion-arrow.svg);
}
.faq .accordion-body {
padding: 17px 0 0;
border-top: 1px solid #050505;
}
.faq .accordion-collapse {
padding: 0px 17px 17px 17px;
}
.faq .btn-faq-plus {
margin-bottom: 104px;
}
.faq .enc {
border: 1px solid #050505;
padding: 5px;
}
.leg {
font-size: 85%;
}
.fl-right {
float: right;
margin-left: 20px;
}
.fl-left {
float: left;
margin-right: 20px;
}
.cl-both {
clear: both;
}
.inl-math mjx-container[jax="CHTML"][display="true"] {
display: inline;
}
.text-red, .leg {
color: var(--btn-color);
}  body.archive.tax-product_cat .dropdown.search .dropdown-toggle i,body.home .dropdown.search .dropdown-toggle i,body.societe .dropdown.search .dropdown-toggle i,body.produits .dropdown.search .dropdown-toggle i{
color: #fff;
}
.dropdown.search #searchform{
padding: 1.5em 10px;
}
.dropdown.search #searchsubmit{
margin-top: 0.6em;
width: 100%;
font-size: 16px;
padding: 0;
}
.dropdown.search .dropdown-toggle::after{
content: none;
}
.header a {
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 700;
font-size: 20px;
color: #FFFFFF;
}
html body.search .header.sticky a,html body.search .header.sticky .fa-search:before {
color: #fff;
}
body.contact .header.sticky a{
color: #fff;
}
.menu-class .offcanvas-body ul li.nav-item:nth-last-child(3) a {
font-family: 'Bevellier', Arial, sans-serif;
font-style: normal;
font-weight: 700;
font-size: 26px;
color: #FFFFFF;
}
.menu-class .offcanvas-body ul li.nav-item:nth-last-child(3){
background: var(--btn-primary-color);
border-radius:8px;
color: #FFFFFF;
font-weight: 500;
font-size: 20px;
padding: 10px 22px;
}
.menu-class .offcanvas-body ul li{
margin: auto 5px;
}
.menu-class {
padding: 25px 0;
}   .menu-class .nav-item.dropdown .nav-link.dropdown-toggle:before{
content:'\f0ac';
font-family: "Font Awesome 5 Free" , Arial, sans-serif;
font-weight: 600;
}  #formulairemodal form p{
color: #fff;
}
#formulairemodal .modal-content,#formulaire_expert_modal .modal-content {
background: #4C4E4F;
border-radius: 10px;
padding: 7px;
}
#formulairemodal h2,#formulaire_expert_modal h2{
font-family: 'Inter', Arial, sans-serif;
font-style: normal;
font-weight: 800;
font-size: 28px;
line-height: 34px;
text-align: center;
color: #FFFFFF;
}
#formulairemodal>p,#formulaire_expert_modal>p{
font-family: 'Inter', Arial, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 21px;
text-align: center;
color: #FFFFFF;
}
#formulaire_expert_modal input[type="text"],#formulaire_expert_modal input[type="email"],#formulaire_expert_modal input[type="tel"],#formulairemodal input[type="text"],#formulairemodal input[type="email"],#formulairemodal input[type="tel"]{
background: #FFFFFF;
border: 1px solid #000000;
border-radius: 3px;
margin-bottom: 1em;
padding: 5px;
}
#formulairemodal textarea,#formulaire_expert_modal textarea{
background: #FFFFFF;
border: 1px solid #000000;
border-radius: 3px;
margin-bottom: 1em;
height: 250px;
}
#formulairemodal .modal-header,#formulairemodal .modal-footer,#formulaire_expert_modal .modal-header ,#formulaire_expert_modal .modal-footer {
padding: 0;
border: none;
}
#formulairemodal input[type="submit"],#formulaire_expert_modal input[type="submit"]{
font-family: 'Inter', Arial, sans-serif;
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 24px;
text-transform: uppercase;
color: #FFFFFF;
width: 100%;
margin-top: 1em;
}
#formulairemodal button.close,#formulaire_expert_modal button.close{
background: transparent;
border: none;
color: #fff;
margin-left: auto;
}
.formulaire_evo , .formulaire_basique{
border: 1px dashed #FFFFFF;
border-radius: 5px;
padding: 10px;
}
.formulaire_evo p,.formulaire_basique p{
font-family: 'Inter', Arial, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 29px;
color: #FFFFFF;
margin-bottom: 0;
}  .single_product .product_meta .posted_in{
display: none;
}
.single_product .description{
text-align: center;
margin-top: 2.5em;
margin-bottom: 2.5em;
}
.single_product .block-right h1{
font-family: 'Inter', Arial, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 30px;
line-height: 36px;
text-transform: lowercase;
color: #000000;
}
.formulaire_evo_content>div{
background: var(--ther-5-color);
padding:1em;
}
.formulaire_evo_content{
padding:1em;
border-radius:8px;
}
#formulairemodal .btn-close,#formulaire_expert_modal .btn-close {
color: #fff;
background:none;
font-size: 28px;
}
.formulaire_evo_content_seconde_titre{
font-family: 'Inter', Arial, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 150%;
color: #000000;
}
#formulairemodal .modal-dialog,#formulaire_expert_modal .modal-dialog{
max-width: 60%;
}
.single-product .formulaire_evo_content_seconde_champdeux_border input{
width: 100%
}
.formulaire_evo_content_seconde_champdeux_border>p label{
padding-left: 0.5em;
}
body .formulaire_evo_content_seconde .formulaire_evo_content_seconde_champdeux_border> p label>span{
max-width: 70%;
margin-left: auto;
}
.formulaire_evo_content_seconde_champdeux_border> p{
display: flex;
flex-wrap: wrap;
}
.formulaire_evo_content_seconde_champdeux_border>p label,.formulaire_evo_content_seconde>div:not(.formulaire_evo_content_seconde_champdeux_border)>p{
display: flex;
}
.formulaire_evo_content_seconde>div:not(.formulaire_evo_content_seconde_champdeux_border)>p label{
display: inline-block;
width: fit-content;
flex:auto;
margin-bottom: 0.5em;
margin-top: 0.5em;
}
.bloc_formulaire_expert h2, .bloc_formulaire_expert p{
color:#fff;
}
.bloc_formulaire_expert{
background: #8F261F;
}
.bloc_formulaire_expert .btn_formulaire_expert_modal{
background: #FFFFFF;
border-radius: 8px;
color:#EE3F33;
padding: 10px;
font-family: 'Bevellier', Arial, sans-serif;
font-size: 26px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.titre_champ_exper_formulaire{
background: #E5E6E6;
padding: 6px;
font-weight: bold;
font-size: 19px;
}
.trois_champs_formulaire_expert>div{
padding: 0 0.2em;
}
#formulaire_expert_modal input[type="file"]:before {
content: url(//thermibel.be/app/uploads/2023/05/inputfile.png);
background: #4C4E4F;
padding: 2px 7px;
position: absolute;
width: 48px;
top: 4px;
left:0;
height: 48px;
}
#formulairemodal .pj_formulaire:before{
content: url(//thermibel.be/app/uploads/2023/05/inputfile.png);
background: #4C4E4F;
position: absolute;
left: -38px;
}
#formulairemodal input[type="file"] ,#formulaire_expert_modal input[type="file"] {
font-family: 'Inter', Arial, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 22px;
cursor: pointer;
margin-left: 7px;
position: relative;
line-height: 42px;
padding-left: 163px;
width: 590px;
color:transparent;
}
html[lang="en-US"] #formulaire_expert_modal input[type="file"]:after{
content: 'Add an attachment';
}
html[lang="fr-FR"] #formulaire_expert_modal input[type="file"]:after{
content: 'Attacher une pièce jointe';
}
html[lang="es-ES"] #formulaire_expert_modal input[type="file"]:after{
content: 'Adjuntar un archivo adjunto';
}
html[lang="nl-NL"] #formulaire_expert_modal input[type="file"]:after{
content: 'Voeg een bijlage toe';
}
#formulaire_expert_modal input[type="file"]:after{
font-family: 'Inter', Arial, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 24px;
position: absolute;
left: 55px;
color:#fff;
width: 51%;
background: #4C4E4F;
height: 50px;
}
#formulairemodal .pj_formulaire {
font-family: 'Inter', Arial, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 24px;
position: relative;
color:#fff;
background: #4C4E4F;
height: 50px;
cursor: pointer;
margin-left: 48px;
}
.formulaire_expert_titre_message{
font-family: 'Inter', Arial, sans-serif;
font-style: normal;
font-weight: 400;
text-align: start;
font-size: 17px;
line-height: 21px;
color: #FFFFFF;
margin-top: 1em;
margin-bottom: 1em;
}
.single_product{
padding: 0 2em;
}
.precision_container .precision{
display: none;
}
.wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
color: #fff;
padding: 1em;
}
#formulaire_expert_modal .formulaire_expert,#formulaire_expert_modal .formulaire_expert_trois_block{
padding-top: 1em;
background: transparent;
width: 100%;
margin: auto;
}
#formulaire_expert_modal .formulaire_expert fieldset,#formulaire_expert_modal .formulaire_expert_trois_block fieldset{
display: flex;
margin: 0.75em 0;
}
#formulaire_expert_modal .legend_content input{
margin: auto 0.5em auto 0;
}
#formulaire_expert_modal .formulaire_expert>div,
#formulaire_expert_modal .formulaire_expert>fieldset{
padding:0;
}
#formulaire_expert_modal .legend_content {
padding-left: 1em;
padding-top: 1em;
background:#fff;
padding-bottom: 1em;
display: inline-block;
border: 0.2px solid #333;
width: 100%;
font-family: 'Inter', Arial, sans-serif;
font-size: 13px;
text-align: start;
border-right: none;
}
#formulaire_expert_modal .legend_content>div{
width: fit-content;
margin-right: 1.2em;
display: block;
}
#formulaire_expert_modal .legend_content>div a{
width: 150px;
}
#formulaire_expert_modal .legend_content div label {
text-align: start;
width: 100%;
display: flex;
}
#formulaire_expert_modal legend {
font-size: 1.1rem;
max-width: 40%;
text-align: initial;
margin-bottom: 0;
background:#fff;
border-right: none;
padding-left: 1em;
padding-top: 0.5em;
padding-bottom: 0.5em;
border-bottom: 0.2px solid #333;
border-top: 0.2px solid #333;
border-left: 0.2px solid #333;
}
#formulaire_expert_modal .g-recaptcha>div{
margin: auto;
}
.row.single_product{
width: 100%;
}
.single-product .description_content picture img{
max-height: 300px;
}
#formulaire_expert_modal_form{
position: relative;
}
body #formulaire_expert_modal_form .grecaptcha-badge{
position: absolute !important;
right: 0 !important;
bottom: 68px !important;
visibility: visible;
}
html[lang="fr-FR"] body #formulaire_expert_modal_form .field_has_required .requirefield:after{
content:'Champ requis';
}
html[lang="es-ES"] body #formulaire_expert_modal_form .field_has_required .requirefield:after{
content:'Campo requerido';
}
html[lang="nl-NL"] body #formulaire_expert_modal_form .field_has_required .requirefield:after{
content:'verplicht veld';
}
html[lang="en-US"] body #formulaire_expert_modal_form .field_has_required .requirefield:after{
content:'Required field';
}
body #formulaire_expert_modal_form .field_has_required .requirefield:after{
color: red;
}
body #formulaire_expert_modal_form .field_has_required .requirefield{
margin-bottom:8px;
}
body #formulaire_expert_modal_form .field_has_required .requirefield input{
border: 1px solid red;
margin-bottom: 10px;
}  .wrapper_animation-home-div {
width: 100vw;
padding: 0; overflow: hidden;
}
.factsContainer {
padding: 0 2em;
text-align: center;
line-height: 10vh;
overflow: hidden;
}
.factsContainer .pin-spacer{
padding: 0 !important;
inset: 0 auto auto !important;
}
.factsContainer_sm {
display: flex;
width: 200vw !important;
top:109px !important;
height: 100% !important;
max-height: 100% !important;
}
.temperature_text_container_temp{
position: relative;
width: 60%;
display: flex;
height: 100%;
}
.fact {
display: flex;
flex-direction: column;
height: 100% !important;
width: 50%;
flex: 1; justify-content: center;
padding: 1em;
align-items: center;
color: #F0C368;
}
.hot_text_temp{
height: fit-content;
margin: auto;
width: 100%;
text-align: center;
}
.cold_text_temp{
height: fit-content;
margin: auto;
width: 100%;
text-align: center;
}
.cold_text_temp h3, .hot_text_temp h3 {
font-family: 'Bevellier' , Arial, sans-serif;
font-style: normal;
font-weight: 700;
font-size: 90px;
line-height: 108px;
color: #FFFFFF;
}
.hot_text_temp p, .cold_text_temp p {
font-family: 'Satoshi';
font-style: normal;
font-weight: 500;
font-size: 26px;
line-height: 35px;
text-align: center;
color: #FFFFFF;
}
.home .factsContainer_sm>div:nth-child(3){
background-image: url(//thermibel.be/app/uploads/2023/05/Group-48095700@2x-scaled-2.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.home .factsContainer_sm>div:nth-child(2){
background-image: url(//thermibel.be/app/uploads/2023/05/Group-48095700@2x-scaled-1.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.animation-home-div:not(.animation-scroll) .factsContainer_sm {
position: initial;}  .join_container,.button-container-job{
text-align: center;
}
.join-us-container .col-sm-4{
padding-bottom: 45px;
}
.join-us-container .col-sm-4{
padding-bottom: 45px;
}
.join-us-container .title-page{
padding-bottom: 40px;
padding-top: 33px; font-family: 'Bevellier';
font-style: normal;
font-weight: 600;
font-size: 65px;
line-height: 82px;
color: #050505;
}
.join_container .join_number{
font-family: 'Bevellier' , Arial, sans-serif;
font-style: normal;
font-weight: 600;
font-size: 65px;
line-height: 82px;
color: var(--ther-2-color);
}
.join_container .join_text{
font-family: 'Satoshi';
font-style: normal;
font-weight: 500;
font-size: 26px;
line-height: 35px;
color: #050505;
}
.button-container-job button,.button-container-offer button{
padding: 12px 28px;
gap: 20px;
border: none;
width: 247px;
left: 597px;
top: 778px;
background: #EE3F33;
font-family: 'Bevellier';
font-style: normal;
font-weight: 700;
font-size: 26px;
line-height: 33px;
color: #FFFFFF;
border-radius: 8px;
}
.button-container-job,.button-container-offer {
padding-bottom: 55px;
}
.job-desc{
text-align: center;
padding-top: 24px;
padding-bottom: 48px;
}
.job-equip-title
{
padding-top: 100px;
text-align: center;
}
@media all and (min-width: 576px) {
.img_job_equip
{
width: 100%;
}
}
.job_equip{
padding-bottom: 90px;
width: 95%;
}
.job-nom {
position: absolute;
bottom: 45px;
left: 45px;
padding: 0;
font-family: 'Satoshi';
font-style: normal;
font-weight: 900;
font-size: 23px;
line-height: 125%; color: #FFFFFF;
}
.job-desc-img {
position: absolute;
bottom:15px;
left: 45px;
padding: 0;
font-family: 'Satoshi';
font-style: normal;
font-weight: 300;
font-size: 15px;
line-height: 125%; color: #FFFFFF;
}
.offer{
background: #FBFBFB;
border: 1px solid #EAEAEA;
border-radius: 20px;
position: relative;
}
.offer span, .offer-title span{
display: inline-block!important;
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: #050505;
}
.offer h3,.offer-title h3{
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 900;
font-size: 20px;
line-height: 27px;
text-decoration: none;
color: #8F261F;
}
.offer-title h3{
font-family: 'Bevellier', Arial, sans-serif;
font-style: normal;
font-weight: 700;
font-size: 40px;
line-height: 50px;
color: #8F261F;
}
.offer-container a{
text-decoration: none;
}
.icon-arrow{
position: absolute;
bottom: 50%;
transform: translateY(50%);
right: 30px;
}
.offer-title{
padding: 10px;
}
.offer-return{
text-decoration: none;
position: absolute;
top: 25px;
left: -5%;
width: 10%;
}
.offer-title img{
padding-bottom: 7px;
padding-right: 10px;
}
.offer-content{
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
line-height: 22px;
color: #222C2E;
}
.offer-content h2, .offer-content h3, .offer-content h4, .offer-content h5, .offer-content h6{
font-weight: bold;
}
.job-tags h5{
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 900;
font-size: 20px;
line-height: 27px;
color: #222C2E;
}
.job-tags a{
background: #E5EEF8;
border-radius: 8px;
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: #104B85;
text-decoration: none;
display: inline-block;
}
.last-offer{
font-family: 'Bevellier', Arial, sans-serif;
font-style: normal;
font-weight: 600;
font-size: 65px;
line-height: 82px;
color: #050505;
}
.social-media-buttons a{
text-decoration: none;
}
.social-media-buttons span{
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: #104B85;
}  .product-categorie-page article.product_article .media-content a.button.product_type_simple,.search-results article.product_article .media-content a.button.product_type_simple{
display: none;
}
.archive-tag .product-categorie-page-header .title-page:after{
border-width: 0px 2px 2px 0px;
border-style: solid;
border-color: #FFFFFF;
position: absolute;
content: '';
height: 74%;
width: 70%;
right: 4px;
}
.nav-tabs .nav-link.active.btn.btn-tertiaire-gris {
background: #fff;
background-color: #fff;
border: 1px solid var(--btn-primary-color);
color: var(--btn-primary-color);
}
.slider_beamex.carousel p{
margin-bottom: 2em;
}
.slider_beamex.carousel h2{
font-family: 'Bevellier', Arial, sans-serif;
font-style: normal;
font-weight: 700;
font-size: 40px;
line-height: 50px;
color: #300D0A;
margin-bottom: 0.5em;
}
.slider_beamex.carousel{
margin-bottom: 7.5em;
}
.slider_beamex .carousel-indicators [data-bs-target].active {
background-color: #8F261F
}
.slider_beamex .carousel-indicators {
bottom: -55px;
}
.slider_beamex .carousel-indicators [data-bs-target] {
width: 15px;
height: 15px;
border-radius: 50%;
background-color: #E5E6E6;
}
.slider_beamex .carousel-control-prev {
left: -85px;
}
.slider_beamex .carousel-control-next {
right: -85px;
}
.slider_beamex .carousel-control-next, .slider_beamex .carousel-control-prev {
opacity: 1;
}
.slider_beamex .carousel-control-prev i,.slider_beamex .carousel-control-next i{
font-size: 32px;
color:#8F261F;
}
.product-categorie-page .product-categorie-page-beamex h2{
font-family: 'Bevellier';
font-style: normal;
font-weight: 700;
font-size: 40px;
line-height: 50px;
color: #050505;
}
.product_article .article_content{ }
.product_article .media-content h3 a,.product_article .media-content h3{
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 22px;
text-align: center;
text-transform: lowercase;
color: #000000;
text-decoration: none;
margin-bottom: 4em;
}
.product_article .wp-element-button.product_type_simple,
.product_article .media-content .add_to_cart_button,.product_article .media-content .price{
display: none;
}
.product_article .media-content{
text-align: center;
}
.product-categorie-page .before-shop-loop .nb_product{
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 22px;
text-align: center;
color: #050505;
}
.product-categorie-page .before-shop-loop .woocommerce-ordering select{
font-family: 'Bevellier', Arial, sans-serif;
font-style: normal;
font-weight: 400;
padding: 8px 4px;
font-size: 18px;
line-height: 30px;
color: #FFFFFF;
background: #EE3F33;
border-radius: 8px;
}
.product-categorie-page .before-shop-loop .woocommerce-ordering{
margin-left: auto;
}
.product-categorie-page .before-shop-loop{
width: 100%;
display: flex;
z-index: 100;
}
.product-categorie-page-header{
position: relative;
margin-bottom: 2em;
}
.product_article .media-content .entry-title{
margin-top: 0.7em;
}
.archive-tag .product-categorie-page-header .title-page{
padding: 0.2em 0.2em 0.2em 0;
width: auto;
font-family: 'Bevellier', Arial, sans-serif;
font-style: normal;
font-weight: 600;
font-size: 65px;
text-align: center;
margin: 0;
color: #FFFFFF;
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
position: absolute;
}
.product-categorie-page .title-page-footer{
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 26px;
line-height: 35px;
color: #585858;
}
.title-page-footer-description{
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 19px;
color: #585858;
}
.woocommerce-pagination{
display: flex;
margin-bottom: 2em;
}
.woocommerce nav.woocommerce-pagination ul{
display: flex;
margin: auto;
}
.woocommerce nav.woocommerce-pagination ul li::marker{
content: '';
color: transparent;
}
.woocommerce nav.woocommerce-pagination ul li a{
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 19px;
color: #585858;
}
.woocommerce nav.woocommerce-pagination ul li{
padding: 0 0.5em;
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 19px;
color: #585858;
}
.woocommerce nav.woocommerce-pagination  .page-numbers.current{
color: var(--btn-primary-color);
font-weight: bold;
font-size: 17px;
background: transparent;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
padding: 0.2em;
}
.archive-tag.product-categorie-page{
margin-bottom: 30px;
}
.footer_texte_cat_product p{
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: #FFFFFF;
}
.footer_texte_cat_product h3{
font-family: 'Bevellier', Arial, sans-serif;
font-style: normal;
font-weight: 600;
font-size: 65px;
line-height: 82px;
align-items: center;
color: #FFFFFF;
}
.footer_texte_cat_product{
position: absolute;
width: 100%;
left: 0;
top: 50%;
transform: translate(0, -50%);
}
.image-footer-categorie-product{
position: relative;
}
.footer_texte_cat_product_droite>picture{
display: inline-block;
width: fit-content;
vertical-align: top;
margin-right: 1em;
}
.footer_texte_cat_product_droite>p{
display: inline-block;
}
.footer_texte_cat_product_droite>a{
display: block;
padding: 0.25em 3em;
width: fit-content;
}
.footer_texte_cat_product_droite{
border-width: 3px 3px 0px 0px;
border-style: solid;
border-color: #7F8284;
padding: 1.5em 0.5em;
margin-top: auto;
margin-bottom: auto;
}
.product-categorie-page-header .lien_cat,.product-categorie-page-header .lien_cat a,.product-categorie-page-header .lien_cat span{
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
text-decoration: none;
line-height: 19px;
color: #FFFFFF;
}
.product-categorie-page-header .lien_cat{
position: absolute;
bottom: 13px;
left: 50%;
width: 100%;
transform: translateX(-50%);
}
.class_moins_de_product article{
display: none;
}
body.single-product .cart,body.single-product .price,body article.product_article.more_click,.archive-tag.product-categorie-page .woocommerce-result-count,body .class_moins_de_product article.product_article.more_click:nth-child(n+1):nth-child(-n+17){
display: none;
}
.class_moins_de_product .product_article.more_click{
display: flex;
cursor: pointer;
}
body .class_moins_de_product article:nth-child(n+1):nth-child(-n+18) {
display: block;
}
.product_article.more_click p{
cursor: pointer;
margin: auto;
font-family: 'Bevellier', Arial, sans-serif;
font-style: normal;
font-weight: 700;
font-size: 40px;
line-height: 50px;
color: #FFFFFF;
}
.product_article.more_click{
background: #4C4E4F;
}
.archive-tag.product-categorie-page .tab-content>.active {
display: flex;
}
.filtre_nav #nav-tab,.filtre_nav .nav-tabs .nav-link:hover {
border: none;
}
.filtre_nav .nav-tabs .nav-link {
color:#050505;
}
.filtre_nav .nav-tabs .nav-link.active {
color: #104B85;
border: none;
text-decoration: underline;
}
.filtre_nav a{
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 22px;
text-align: center;
color: #050505;
}
#accordionFaqcat .accordion-item{
border:none;
background: linear-gradient(0deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), rgba(229, 230, 230, 0.5);
box-shadow: none;
border-radius: 12px;
margin:0.8em 0;
}
#accordionFaqcat{
width: 75%;
margin: auto;
}
#accordionFaqcat .accordion-item .accordion-header br{
display: none;
}
#accordionFaqcat .accordion-item .accordion-button{
background: transparent;
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 900;
font-size: 20px;
line-height: 0px;
color: #050505;
}
#accordionFaqcat .accordion-content{
padding: 0 2.5em;
}
#accordionFaqcat .accordion-button:not(.collapsed)::after {
background-image: var(--bs-accordion-btn-icon);
} .single-product .description .nav-pills .nav-link.active, .single-product .description .nav-tabs .nav-link.active{
border-bottom:4px solid #8F261F;
background-color:rgba(229, 230, 230, 0.5);
width: 100%;
}
.single-product .description .nav-pills .nav-link, .single-product .description .nav-tabs .nav-link{
padding:0.5em 1em;
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 20px;
border-radius: 0;
line-height: 27px;
color: #050505;
margin: auto;
width: 100%;
}
.single-product .description{
display: flex;
width: 100%;
flex-direction: column;
}
.single-product .description .nav-pills li, .single-product .description .nav-tabs li{
flex: auto;
max-width: 25%;
}
.single-product .description .nav-pills, .single-product .description .nav-tabs{
background: rgba(229, 230, 230, 0.5);
border-radius: 0;
justify-content: center;
margin-bottom: -53px;
display: flex;
width: 100%;
margin: auto;
}
.single-product .blockfive{
padding-bottom: 5em;
}
.single-product .blockfive h2 {
color: #333;
}
.single-product .description .tab-content .tab-pane .description_content h3:first-child{
margin-top: 0;
}
.single-product .description .tab-content .tab-pane .description_content h3{
margin-top: 1em;
}
.single-product .description .tab-content .tab-pane>h3{
font-family: 'Satoshi';
font-style: normal;
font-weight: 900;
font-size: 26px;
line-height: 35px;
text-align: center;
color: #050505;
}
.single-product .description .tab-content .tab-pane .description_content{
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 22px;
color: #050505;
position: relative;
}
.single-product .description .tab-content .tab-pane .description_content h3{
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 900;
font-size: 16px;
line-height: 22px;
color: #050505;
text-align: left;
}
.single-product .combiner>h3{
font-family: 'Bevellier', Arial, sans-serif;
font-style: normal;
font-weight: 700;
font-size: 40px;
line-height: 50px;
text-align: center;
color: #050505;
}
.single-product .combiner .combiner_texte a{
font-family: 'Bevellier', Arial, sans-serif;
font-style: normal;
font-weight: 700;
font-size: 26px;
line-height: 33px;
color: #FFFFFF;
}
.single-product .combiner .combiner_texte p{
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 22px;
height: 33px;
color: #050505;
}
.single-product  .combiner_container_child{
background: #FFFFFF;
}
.single-product .combiner_container,.single-product .description_content{
background: rgba(229, 230, 230, 0.5);
}
.concecption_thermocouple h3{
text-align: center;
margin-top: 1.9em;
}
.concecption_thermocouple h3,.etude_de_cas h3{
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 900;
font-size: 20px;
line-height: 27px;
color: #050505;
}
.concecption_thermocouple p{
text-align: center;
}
.concecption_thermocouple p,.etude_de_cas p{
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: #050505;
}
.concecption_thermocouple h2{
text-align: center;
}
.concecption_thermocouple h2,.etude_de_cas h2{
font-family: 'Bevellier', Arial, sans-serif;
font-style: normal;
font-weight: 700;
font-size: 40px;
line-height: 50px;
color: #050505;
}
.concecption_thermocouple .divconception_thermocouple picture{
display: flex;
margin-bottom: 4em;
margin-top: 2em;
}
.concecption_thermocouple .divconception_thermocouple picture img{
background: #8F261F;
border-radius: 50%;
margin: auto;
padding: 0.3em;
}
.etude_de_cas .div_etude_de_cas_content{
background: rgba(229, 230, 230, 0.5);
border-radius: 20px;
}
.div_content_etude_de_cas a{
font-family: 'Bevellier', Arial, sans-serif;
font-style: normal;
font-weight: 700;
font-size: 26px;
text-decoration: none;
line-height: 33px;
color: #EE3F33;
}
.div_image_etude_de_cas img{
border-radius: 14px;
max-width: 300px;
}
.horizontal_tire{
position: absolute;
width: 100%;
left: 0;
opacity: 1;
margin:0;
border-top: 2px solid #8F261F;
}
.divconception_thermocouple.one,.divconception_thermocouple.two,.divconception_thermocouple.three{
position: relative;
}
.chiffre_ligne_block .divconception_thermocouple.one:after{
content:'1';
}
.chiffre_ligne_block .divconception_thermocouple.two:after{
content:'2';
}
.chiffre_ligne_block .divconception_thermocouple.three:after{
content:'3';
}
.chiffre_ligne_block .divconception_thermocouple.one:after,.chiffre_ligne_block .divconception_thermocouple.two:after,.chiffre_ligne_block .divconception_thermocouple.three:after{
position: absolute;
left: 50%;
top: -10px;
background: #fff;
border-radius: 50%;
border: 2px solid #8F261F;
width: 25px;
height: 25px;
transform: translateX(-50%);
color: #8F261F;
text-align: center;
}
.single-product  .entry-images{
background: #FBFBFB;
}
.contact_bloc_single_product{
border: 1px solid #4C4E4F;
}
.contact_bloc_single_product_haut,.contact_bloc_single_product_gris p{
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 22px;
}
.contact_bloc_single_product_gris{
background: #4C4E4F;
color:#fff;
}
.contact_bloc_single_product_haut picture{
min-width: 135px;
padding-left: 2em;
}
a.decouvrir_caracteristique{
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 900;
font-size: 12px;
border-bottom: 1px solid #050505;
line-height: 16px;
text-decoration-line: underline;
color: #050505;
}
.single-product .breadcrump a, .single-product .breadcrump span{
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 500;
cursor: pointer;
font-size: 12px;
text-decoration: none;
line-height: 16px;
color: #000000;
}
.single-product .block_left button.nav-link{
padding-top: 0;
padding-bottom: 15px;
}
.single-product .block_left .nav-link.active{
display: none;
}
.single-product .block_left .tab-content{
width: inherit;
padding-left: 15px;
}
.contact_bloc_single_product_gris p{
color: #FFFFFF;
}
.contact_bloc_single_product_haut{
color: #000000;
}
#Modalfichetechnique .modal-footer{
border-top: none;
}
#Modalfichetechnique .modal-header{
border-bottom: none;
}
#Modalfichetechnique input{
background: rgba(229, 230, 230, 0.5);
border-radius: 12px;
border: none;
padding: 13px 15px;
}
#Modalfichetechnique h5{
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 900;
font-size: 20px;
line-height: 27px;
color: #000000;
}
#Modalfichetechnique .btn-ft-modal{
font-family: 'Bevellier', Arial, sans-serif;
font-style: normal;
font-weight: 700;
font-size: 24px;
line-height: 33px;
color: #EE3F33;
border-radius: 0px;
}
#toasttferror,#toasttf{
width: -webkit-fill-available;
}
.cable_tableau_description tbody tr>td:nth-child(1){
background:#C5C5C5;
}
.cable_tableau_description tbody >tr{
border-bottom: 1px solid #C5CACB;
}
.cable_tableau_description thead {
border-bottom: 1px solid #424242;
}
.cable_tableau_description th {
border: 1px solid #fff;
}
.cable_tableau_description tbody {
border: 1px solid #C5CACB;
}
.cable_tableau_description tbody td{
background: #F3F3F3;
padding: 20px 5px;
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 500;
font-size: small;
line-height: 19px;
text-align: center;
color: #202543;
}
.cable_tableau_description th{
background: #424242;
padding: 8px 0px;
color: #fff;
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 900;
font-size: 12px;
line-height: 16px;
text-align: center;
}
.cable_tableau_description{
padding: 5em;
}  .secteur{
height: 651px;
margin: 120px 0;
}
.secteur .tab-cont {
float: left;
width: 30%;
height: 100%;
list-style: none;
padding: 0 0 0 17px;
border-left: 4px solid #E5E6E6;
}
.secteur .tab-cont button {
width: 100%;
background-color: inherit;
padding: 18px;
font-size: 16px;
font-weight: 400;
}
.secteur .tab-content {
height: 100%;
float: left;
padding: 0 20px 0 20px;
width: 70%;
animation: anime 1s
}
.secteur .tab-content h2 {
font-size: 24px;
font-weight: 400;
margin: 20px 0 10px 0;
}
.secteur .tab-content p {
font-weight: 100;
color: #666;
margin-top: 20px
}
.secteur .tab-cont .but.active {
background-color: #b4b4b4;
}
.secteur li {
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 900;
font-size: 20px;
color: #050505;
padding: 14px 0 14px 54px;
cursor: pointer;
}
.secteur li.active {
background: rgba(229, 230, 230, 0.5);
border-radius: 8px;
position: relative;
}
.secteur li.active:before {
content: '';
width: 100%;
height: 100%;
border-left: 4px solid #050505;
left: -21px;
top: 0;
position: absolute;
}
@keyframes anime {
from {
opacity: 0
}
to {
opacity: 1
}
}
.secteur .tab-image {
position: relative;
}
.secteur .tab-image h3 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-family: 'Bevellier', Arial, sans-serif;
font-style: normal;
font-weight: 700;
font-size: 40px;
color: #FFFFFF;
background: #000000;
padding: 15px 20px;
}
.secteur .tab-text {
margin-top: 40px;
}
.secteur .tab-text p {
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: #000000;
margin: 0;
}
.ban_societe {
margin-bottom: 120px;
}
.ban_societe .title-page {
font-family: 'Bevellier', Arial, sans-serif;
font-style: normal;
font-weight: 600;
font-size: 65px;
line-height: 82px;
display: flex;
color: #FFFFFF;
padding: 0;
margin: 0;
}
.ban_societe .back {
padding: 80px 0;
}
.societe .contact-home { }
.societe .back .title-page + .back-text {
margin-top: 16px;
}
.societe .back-text .btn {
margin-top: 40px;
width: auto;
}
i.fa-arrow-right {
content: url(//thermibel.be/app/uploads/2023/05/arrow-right.svg);
margin-left: 12px;
}
i.fa-triangle {
content: url(//thermibel.be/app/uploads/2023/05/play.svg);
}
.banner-page {
height: 650px;
background-repeat: no-repeat;
background-size: cover;
position: relative;
background-position: center center;
}
.banner-page .title-page {
position: absolute;
top: calc(50% + 50px);
left: 50%;
transform: translate(-50%, -50%);
margin: 0;
color: #FFFFFF;
}
.banner-page .title-page span {
font-size: 65px;
}
html body.societe #myHeader {
background:transparent;
background-color: transparent;
}
html body.laboratoire #myHeader, html body.laboratoire #myHeader.sticky {
background-color: rgb(255,255,255, 0.95);
}
html body.produits #myHeader.sticky, html body.societe #myHeader.sticky {
background-color: rgb(0,0,0,0.9);
}
body.societe #myHeader, body.laboratoire #myHeader{
box-shadow:none;
position: fixed;
z-index: 15;
}
.full-video {
--plyr-color-main: var(--btn-primary-color);
}
#videoModal .modal-content {
background: transparent;
border: none;
}
#videoModal .btn {
color: #ffffff;
padding: 0;
background: transparent;
position: absolute;
right: 5px;
top: 5px;
z-index: 45;
opacity: 0.7;
}
.bloc-page .title-page {
text-align: left;
padding: 0;
margin: 0 0 32px 0;
}
html body.mentions-legales #myHeader.sticky,html body.juridische-informatie #myHeader.sticky,html body.legal-notices #myHeader.sticky,html body.faq #myHeader.sticky,html body.contact #myHeader.sticky,html body.blog #myHeader.sticky,html body.single-product #myHeader.sticky,html body.single-post #myHeader.sticky,html body.tag #myHeader.sticky,html body.page-template-page-job #myHeader.sticky,html body.single-awsm_job_openings #myHeader.sticky,html body.faq #myHeader.sticky,html body.blog #myHeader.sticky,html body.single-product #myHeader.sticky,html body.single-post #myHeader.sticky,html body.tag #myHeader.sticky,html body.page-template-page-job #myHeader.sticky {
background: white;
}  .chr-haut {
padding: 0 20px 20px 20px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 125px;
}
.chr-bas {
padding: 35px 20px 0 20px;
display: flex;
justify-content: center;
position: relative;
height: 125px;
align-items: center;
}
.chr-bas p:before {
content: '';
width: 24px;
height: 24px;
background-color: #8F261F;
border-radius: 24px;
border: 4px solid #8F261F;
position: absolute;
top: -12px;
left: calc(50% - 12px);
transition: all 200ms ease-in;
}
.chr-bas:before {
content: '';
border-top: 4px solid #8F261F;
width: 150%;
top: 0;
left: 50%;
position: absolute;
}
.chronologie .swiper-container {
width: 100%;
height: 250px;
overflow: hidden;
}
.chronologie .swiper-slide {
text-align: center;
}
.chr-date {
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 700;
font-size: 48px;
line-height: 58px;
color: #8F261F;
}
.chr-desc p {
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 22px;
text-align: center;
color: #050505;
}  .produits .certif-content picture {
background: #ffffff;
border-radius: 50%;
}
.societe .certif-content picture, .laboratoire .certif-content picture {
background: #E5E6E680;
border-radius: 50%;
}
.societe .title-page, .laboratoire .title-page {
font-family: 'Bevellier', Arial, sans-serif;
font-style: normal;
font-weight: 600;
color: #050505;
margin-bottom: 32px;
}
.societe .banner-page .title-page, .laboratoire .banner-page .title-page {
font-family: 'Bevellier', Arial, sans-serif;
font-style: normal;
font-weight: 600;
margin: 0;
color: #ffffff;
text-align: center;
}
.societe .certification .title-page {
font-size: 40px;
margin-bottom: 20px;
}
.societe .certif-title {
color: #7F8284;
}
.equipe {
background: #222C2E;
margin-top: 120px;
padding: 72px 0;
overflow: hidden;
}
.equipe .title-page {
color: #FFFFFF;
font-size: 65px;
margin: 0 0 15px 0;
font-family: 'Bevellier', Arial, sans-serif;;
font-style: normal;
font-weight: 600;
color: #FFFFFF;
}
.equipe .equipe-text {
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
color: #FFFFFF;
margin-bottom: 72px;
}
.equipe-back {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
height: 80px;
width: 100%;
position: absolute;
bottom: 0;
z-index: 25;
}
.equipe-content {
height: 120px;
width: 100%;
position: absolute;
bottom: 0;
padding: 0 16px 16px 16px;
}
.equipe-nom {
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 900;
font-size: 23px;
line-height: 31px;
color: #FFFFFF;
}
.equipe-metier {
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 300;
font-size: 15px;
line-height: 20px;
color: #FFFFFF;
}
.number-tit {
font-family: 'Satoshi';
font-style: normal;
font-weight: 900;
font-size: 60px;
color: #8F261F;
position: relative;
padding-bottom: 15px;
height: 75px;
margin-bottom: 35px;
}
.number-tit:after {
content: "";
position: absolute;
border-top: 5px solid #8F261F;
bottom: 0;
left: 0;
width: 108px;
}
.number .title-page {
text-align: left;
padding: 0;
margin: 0 0 8px 0;
font-size: 40px;
}
.number {
background: rgba(229, 230, 230, 0.5);
padding: 50px 0;
}
.number .card {
border: none;
background: transparent;
}
.number-content {
display: flex;
justify-content: space-between;
}
.number .number-text {
padding-right: 15%;
}
.galerie {
padding: 120px 0;
}
.galerie .gal-col {
padding: 8px;
}
.galerie img {
object-fit: cover;
height: 100%;
border-radius: 12px;
}
#gal-1, #gal-2, #gal-3 {
height: 306px;
}
#gal-4, #gal-5 {
height: 467px;
}
#gal-6 {
height: 145px;
}  .blog .title-page {
font-family: 'Bevellier', Arial, sans-serif;
font-style: normal;
font-weight: 600;
font-size: 65px;
line-height: 82px;
text-align: center;
color: var(--text-black);
margin-top: 30px;
}
.blog .stitle-page {
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
color: var(--text-color);
}
.isotope-pager {
margin-top: 50px;
display: flex;
align-items: center;
justify-content: center;
}
.isotope-pager a {
margin: 0 8px;
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 26px;
text-decoration: none;
width: 38px;
height: 38px;
border-radius: 50px;
color: var(--text-color);
display: inline-flex;
align-items: center;
justify-content: center;
border: 2px solid transparent;
}
.isotope-pager a:hover {
border: 2px solid var(--btn-color);
color: var(--btn-color);
background: #FAE9E8;
}
.isotope-pager a.active {
background: #EDEDED;
}
.isotope-pager a.active:hover {
background: #EDEDED;
border-color: transparent;
color: inherit;
}
.isotope-pager a.previous_btn, .isotope-pager a.next_btn {
font-size: 16px;
background: transparent;
}
.page-actualite .filters {
display: flex;
justify-content: space-around;
list-style-type: none;
margin-top: 30px;
}
.page-actualite .filters li a {
font-family: 'Bevellier', Arial, sans-serif;
font-style: normal;
font-weight: 700;
font-size: 26px;
line-height: 33px;
text-align: center;
display: flex;
color: var(--btn-color);
justify-content: center;
align-items: center;
text-decoration: none;
height: 56px;
border: 2px solid #EE3F33;
border-radius: 34.1106px;
}
.page-actualite .filters li {
width: calc(100% / 3);
margin: 15px;
}
.page-actualite .filters li a.selected {
color: #FFFFFF;
background: #EE3F33;
}
.page-actualite .filters li a:not(.selected):hover {
background: #FAE9E8;
}
.page-actualite {
margin-bottom: 80px;
}
.blog .next_btn, .blog .previous_btn {
width: inherit;
padding: 0;
}
.blog .next_btn:hover, .blog .previous_btn:hover {
color: var(--btn-color);
border-color: transparent;
}
.next_btn i {
margin-left: 17px;
}
.previous_btn i {
margin-right: 17px;
}
.blog-row {
overflow: hidden;
}
.blog-item img {
max-width: 100%;
height: 264px;
object-fit: cover;
}
.blog-item {
margin: 40px;
padding: 0;
}
.actu-card {
height: 100%;
background: #F5F5F5;
padding: 8px;
}
.actu-img + .actu-content {
margin-top: 32px;
}
.actu-title {
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 900;
font-size: 22px;
color: #25181B;
margin-bottom: 30px;
}
.actu-temps {
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 900;
font-size: 13px;
color: #25181B;
margin-bottom: 4px;
}
.actu-text {
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
color: #25181B;
}
.actu-button {
margin-top: 45px;
}
.actu-button .btn {
width: 100%;
}
.actu-button .btn:nth-child(2) {
margin-top: 10px;
background: #ffffff;
border: 2px solid var(--btn-color);
color: var(--btn-color);
} .item-1, .item-8 {
width: calc(100% - 80px);
height: 484px;
}
.item-1 img, .item-8 img {
height: 100%;
object-fit: cover;
}
.item-1 .actu-img + .actu-content, .item-8 .actu-img + .actu-content {
margin-top: 0;
}
.item-1 .actu-card, .item-8 .actu-card {
display: flex;
background: transparent;
padding: 0;
}
.item-1 .actu-img, .item-8 .actu-img {
height: 100%;
width: 100%;
text-align: center;
}
.item-1 .actu-content, .item-8 .actu-content {
padding-left: 20px;
width: 40%;
} .item-2 .actu-button, .item-3 .actu-button, .item-4 .actu-button, .item-5 .actu-button, .item-6 .actu-button, .item-7 .actu-button,
.item-9 .actu-button, .item-10 .actu-button, .item-11 .actu-button, .item-12 .actu-button, .item-13 .actu-button, .item-14 .actu-button {
position: absolute;
top: 0;
left: 0;
margin-top: 0;
width: 100%;
height: 100%;
}
.item-2 .btn:nth-child(1), .item-3 .btn:nth-child(1), .item-4 .btn:nth-child(1), .item-5 .btn:nth-child(1), .item-6 .btn:nth-child(1), .item-7 .btn:nth-child(1),
.item-9 .btn:nth-child(1), .item-10 .btn:nth-child(1), .item-11 .btn:nth-child(1), .item-12 .btn:nth-child(1), .item-13 .btn:nth-child(1), .item-14 .btn:nth-child(1) {
height: 100%;
opacity: 0;
}
.item-2 .btn:nth-child(2), .item-3 .btn:nth-child(2), .item-4 .btn:nth-child(2), .item-5 .btn:nth-child(2), .item-6 .btn:nth-child(2), .item-7 .btn:nth-child(2),
.item-9 .btn:nth-child(2), .item-10 .btn:nth-child(2), .item-11 .btn:nth-child(2), .item-12 .btn:nth-child(2), .item-13 .btn:nth-child(2), .item-14 .btn:nth-child(2) {
display: none;
}
.item-2, .item-3, .item-4, .item-5, .item-6, .item-7, .item-9, .item-10, .item-11, .item-12, .item-13, .item-14 {
width: calc(33.33333333% - 80px);
height: 550px;
}
.article-h1 {
font-family: 'Bevellier', Arial, sans-serif;
font-style: normal;
font-weight: 600;
font-size: 65px;
line-height: 82px;
text-align: center;
color: var(--text-black);
margin-top: 30px;
padding-right: 57px;
}
.back-button {
content: url(//thermibel.be/app/uploads/2023/05/back.svg);
margin-right: 30px;
width: 25px;
}
.article-title {
display: flex;
justify-content: center;
padding: 0 15%;
}
.article-author {
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 22px;
text-align: center;
color: #050505;
margin-bottom: 25px;
padding: 0 20px;
}
.article-share {
color: #104B85;
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
}
.article-share i {
padding: 6px;
width: 34px;
height: 34px;
border: 1px solid #104B85;
border-radius: 34px;
text-align: center;
vertical-align: middle;
margin-left: 5px;
font-size: 20px;
color: #104B85;
}
.article-share .fa-facebook-f {
margin-left: 16px;
}
.article-content {
padding: 0 5%;
}
.article-body {
margin-top: 48px;
}
.article-recent .blog-item .btn {
position: absolute;
height: 100%;
opacity: 0;
}
.article-recent {
margin: 90px 0 104px 0;
}
.article-recent .card-body {
overflow: hidden;
}
.article-recent .blog-item {
position: relative;
width: 100%;
height: 550px;
margin: auto;
}
.article-recent .article-h1 {
margin-bottom: 48px;
}
.article-recent .swiper-wrapper {
height: fit-content;
}
.recent-pagination {
text-align: center;
}
.actu-tag {
margin-top: 48px;
}
.actu-tag h3 {
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 900;
font-size: 20px;
color: #222C2E;
margin-bottom: 9px;
}
.article-body h2 {
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 900;
font-size: 20px;
line-height: 27px;
color: #263234;
margin-top: 1.5em;
margin-bottom: 1em;
}
.article-body h3 {
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 900;
font-size: 14px;
line-height: 16px;
color: #222C2E;
margin-top: 2.5em;
margin-bottom: 2em;
}
.article-body h2 + h3 {
margin-top: 0;
}
.article-body p {
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: #222C2E;
}
.archive-tag {
margin-bottom: 80px;
}
.archive-tag .title-page {
font-family: 'Bevellier', Arial, sans-serif;
font-style: normal;
font-weight: 600;
font-size: 65px;
line-height: 82px;
text-align: center;
color: var(--text-black);
margin-bottom: 8px;
margin-top: 63px;
}
.archive-tag .tease {
width: calc(33.33333333% - 80px);
}
.archive-tag .col-12 {
display: flex;
}
.archive-tag .tease .actu-button {
position: absolute;
top: 0;
left: 0;
margin-top: 0;
width: 100%;
height: 100%;
}
.archive-tag .tease .btn:nth-child(2) {
display: none;
}
.archive-tag .tease .btn:nth-child(1) {
height: 100%;
opacity: 0;
}
.archive-tag .tease img {
width: 100%;
height: 264px;
object-fit: cover;
}
.archive-tag .tease {
position: relative;
margin: 40px;
padding: 0;
}  .produits {
background: #161616;
}
.produits .title-page {
font-family: 'Bevellier', Arial, sans-serif;
font-style: normal;
font-weight: 600;
font-size: 65px;
text-align: center;
color: #FFFFFF;
margin-bottom: 8px;
margin-top: 97px;
position: relative;
padding: 0 14px;
}
.produits .stitle-page {
color: #FFFFFF;
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
}
.produits h3.stitle-page {
text-align: right;
}
.produits h1.title-page:after {
content: "";
width: 242px;
height: 57px;
position: absolute;
bottom: 0;
right: 0;
border-width: 0px 2px 2px 0px;
border-style: solid;
border-color: #FFFFFF;
}
.produits .title-content {
width: fit-content;
margin: 0 auto;
}
body.produits .header a {
color: #FFFFFF;
}
body.produits .offcanvas-body .show .dropdown.search .dropdown-toggle i{
color: var(--text-color);
}
body.produits .header .show .offcanvas-body a {
color: var(--text-color);
}
body.produits #myHeader {
background-color: #161616;
}
.produits .cat-title {
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 900;
font-size: 26px;
text-align: center;
color: #FFFFFF;
}
.produits .cat-stitle {
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
text-align: center;
color: #FFFFFF;
}
.produits .cat-produit .cat-img {
height: 440px;
display: flex;
align-items: center;
justify-content: center;
}
.partenaire h2 {
font-family: 'Bevellier', Arial, sans-serif;
font-style: normal;
font-weight: 600;
font-size: 65px;
color: #FFFFFF;
margin-top: 97px;
}
.certification .certif-title {
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 900;
font-size: 20px;
line-height: 27px;
color: #FFFFFF;
margin-top: 20px;
}
.certification .card {
background: transparent;
border: none;
}
.refer {
margin-top: 105px;
}
.title-refer {
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 26px;
color: #585858;
}
.text-refer {
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
color: #585858;
}
.produits .title-refer {
color: #C5C5C5;
}
.produits .blockfive h2 {
color: #FFFFFF;
}
.produits .blockfive img {
border-color: #FFFFFF;
}
.produits .divpourquoinouschoisir {
color: #FFFFFF;
}
.divpourquoinouschoisir h3 {
font-family: 'Satoshi';
font-style: normal;
font-weight: 900;
font-size: 20px;
}
.divpourquoinouschoisir p {
font-family: 'Satoshi';
font-style: normal;
font-weight: 400;
font-size: 18px;
}
.produits .divpourquoinouschoisir p {
color: #B2B4B5;
}
.cat-produit a {
cursor: pointer;
text-decoration: none;
}
.cat-cable .cat-title, .cat-cable .cat-stitle {
text-align: left;
}
.produits .cat-cable ul {
list-style: none;
padding-left: 0;
}
.produits .cat-cable ul li + li {
margin-top: 13px;
}
.produits .cat-cable ul a {
color: #FFFFFF;
text-underline-offset: 5px;
}
.produits .cat-cable .cat-title a {
color: #FFFFFF;
text-decoration: none;
}
.produits .featured-cat .contenu_partenaire {
height: 400px;
background: transparent;
border-radius: 10px;
overflow: hidden;
}
.produits .featured-cat .partenaire-couverture, .produits .partenaire-couverture picture {
height: 100%;
}
.produits .featured-cat .partenaire-couverture img {
object-fit: cover;
height: 100%;
}
.featured-cat .contenu_partenaire {
position: relative;
padding: 0;
}
.partenaire_logo.featured-cat {
position: absolute;
bottom: 0;
border-end-start-radius: 10px;
background-color: #FFFFFF;
height: 30%;
padding: 10px;
}
.partenaire_logo.featured-cat img {
height: 100%;
}
.produits .contenu_partenaire {
margin: 45px;
height: 441px;
}
.contenu_partenaire .partenaire-couverture .partenaire-image {
height: 250px;
}
.lien_partenaire {
color: inherit;
text-decoration: none;
}
.lien_partenaire i, .p_red i {
margin-left: 10px;
font-size: 20px;
}
.contenu_partenaire .partenaire-couverture picture img {
object-fit: cover;
}
.partenaire-image.beamex {
max-width: 144px;
margin-top: 33px;
margin-bottom: 5px;
}
.certification a, .contenu_partenaire a {
color: inherit;
text-decoration: none;
}
.certification a, .certification .modal-down {
display: flex;
flex-direction: column;
align-items: center;
cursor: pointer;
}
.certification a picture, .certification .modal-down picture {
position: relative;
}
.certification a:hover picture:before {
content: url(//thermibel.be/app/uploads/2023/05/icon-download.svg);
position: absolute;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background: rgba(0, 0, 0, 0.6);
border-radius: 50%;
}
.certification .modal-down:hover picture:before {
content: url(//thermibel.be/app/uploads/2023/05/icon-download.svg);
position: absolute;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background: rgba(0, 0, 0, 0.6);
border-radius: 50%;
}
.certification a:hover .certif-title, .certification .modal-down:hover .certif-title {
opacity: 60%;
}
.certif p {
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 900;
text-align: left;
font-size: 20px;
color: #000000;
margin: 0;
}
.certif {
display: flex;
justify-content: space-between;
align-items: center;
background: #E5E6E680;
border-radius: 12px;
padding: 9px 20px;
}
.certif + .certif {
margin-top: 16px;
}
.certif a {
font-family: 'Bevellier', Arial, sans-serif;
font-style: normal;
font-weight: 700;
font-size: 26px;
color: var(--btn-color);
padding: 12px 28px 12px 56px;
border: 2px solid #EE3F33;
background-image: url(//thermibel.be/app/uploads/2023/05/icon-down-red.svg);
background-repeat: no-repeat;
background-position-x: 25px;
background-position-y: 50%;
}
.certif a:hover {
background-color: #FAE9E8;
}
.certif-content .btn-close, .text-video .btn-close, #modal-mode .btn-close {
position: absolute;
right: 5px;
top: 5px;
width: 24px;
height: 24px;
z-index: 10;
}
.certif-content .modal-body, .text-video .modal-body, #modal-mode .modal-body {
padding: 20px 50px 20px 20px;
text-align: end;
}
.certif-content .modal-dialog, .text-video .modal-dialog, #modal-mode .modal-dialog {
max-width: 625px;
}
.back {
background-repeat: no-repeat;
background-size: cover;
color: #FFFFFF;
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
display: flex;
align-items: center;
}
.back-content {
border-width: 3px 3px 0px 0px;
border-style: solid;
border-color: #7F8284;
margin: 40px 40px 72px 40px;
padding: 30px 72px 0 0;
}
.back .title-page {
margin-top: 0;
text-align: left;
padding: 0;
}
.back .back-num {
font-family: 'Satoshi', Arial, sans-serif;
font-style: normal;
font-weight: 900;
font-size: 26px;
line-height: 35px;
margin-bottom: 0;
}
.back .back-num:before {
content: url(https://thermibel.dev.libeo.fr/app/uploads/2023/05/phone.svg);
margin-right: 13px;
}
.back .back-text {
margin: 0 0 25px 41px;
}
.back .title-page + .back-text {
margin: 0;
}
.back .btn {
width: 100%;
}
.produits .partenaire-couverture {
border-radius: 4px;
overflow: hidden;
}
.partenaire-contain {
padding: 0 20px 20px 20px;
}
.partenaire-contain.featured-cat {
padding: 0;
}  .mentions-legales h1.article-h1 {
font-family: 'Bevellier', Arial, sans-serif;
font-style: normal;
font-weight: 600;
font-size: 65px;
line-height: 82px;
text-align: center;
color: var(--text-black);
margin-bottom: 67px;
margin-top: 63px;
} .footer-categorie-product.inor_titre p{
text-align: center;
} .recherche_page .product_article .article_content{
padding: 0em !important;
}
.recherche_page .product_article .article_content>img{
width: 100% ;
height: auto;
}
.recherche_page .product_article.more_click_recherche{
padding: 12px;
background: #4C4E4F;
}
.recherche_page .product_article.more_click_recherche p a{
cursor: pointer;
margin: auto;
font-family: 'Bevellier', Arial, sans-serif;
font-style: normal;
font-weight: 700;
font-size: 40px;
line-height: 25px;
color: #FFFFFF;
text-decoration: none;
}
html body .header input[type="submit"]{
display: none;
}
html body .header input[type="text"] {
width: 100%;
height: 45px;
background: #F2F3F3;
border-radius: 100px;
border: none;
padding-left: 2.2em;
}
html body .header .dropdown.search {
position: initial;
}
html body .header .navbar .navbar-nav {
position: relative;
}
html body .dropdown.search #searchform{
padding: 0;
}
html body .header .dropdown.search .dropdown-menu[data-bs-popper] {
top: 5px;
width: 83%;
left: 0;
right: 7px;
border: none;
background: transparent;
}
#searchform_mobile input[type="text"]{
background: #F2F3F3;
border-radius: 83px;
width: 100%;
border:none;
padding-left: 2.3em;
height: 50px;
}
html body .header #searchform:before{
content:url(//thermibel.be/app/uploads/2023/06/search.png);
width: 20px;
height: 20px;
position: absolute;
left: 12px;
bottom: 10px;
}
#mobile_recherche{
position: relative;
}
#mobile_recherche:before{
content:url(//thermibel.be/app/uploads/2023/06/search.png);
width: 20px;
height: 20px;
position: absolute;
left: 12px;
bottom: 13px;
}
#mobile_recherche:after{
content: '\002A2F';
width: 15px;
height: 15px;
position: absolute;
right: 15px;
font-size: 24px;
bottom: 24px;
cursor: pointer;
color: transparent;
}
html body .header .close_icon_search:after{
content: '\002A2F';
width: 15px;
height: 15px;
position: absolute;
right: 15px;
font-size: 24px;
bottom: 22px;
cursor: pointer;
}
#searchform_mobile{
position: inherit;
border: none;
padding-right: 1em;
padding-left: 1em;
} .article-img {
height: 350px;
}
.article-img img {
height: 100%;
object-fit: cover;
}
.page-template-page-job .header a {
color: #050505;
}
html body .page-template-page-job #myHeader.sticky.header a {
color: #ffffff;
}
.link-product {
text-decoration: none;
color: #050505;
}
.link-product:hover {
color: #050505;
}
.link-product h3 {
font-size: 16px;
padding-top: 25px;
}
.link-image {
height: 400px;
display: flex;
justify-content: center;
align-items: center;
}
.img-prd {
width: 100%;
object-fit: cover;
}
.thumb-product img {
max-height: 300px;
min-height: 300px;
object-fit: contain;
width: auto;
}
.single-product .combiner_container_child picture img{
max-height:125px;
}
.single-product .atexlogo{
width: auto;
height: 60px;
}
.scroll_video:after{
content:url(//thermibel.be/app/uploads/2023/08/scroll-3.png);
width: auto;
height: auto;
position: absolute;
bottom: 30px;
left: 50%;
cursor: pointer;
z-index: 100;
}
.fleche-anim {
cursor: pointer;
z-index: 1500;
left: calc(25% - 25px);
bottom: 50px;
}
.scroll_video{
position: relative;
width: fit-content;
left:calc(50% - 25px);
height: 90px;
margin-top: -100px;
z-index: 1;
}
.home-image >.plyr{
padding: 0;
height: 100vh;
}
.home-image .plyr video {
height: initial;
}
body  .home-image .plyr__controls .plyr__controls__item:first-child {
margin-left: auto;
margin-right: 0;
}
body .home-image .plyr--video .plyr__control:focus-visible,body .home-image .plyr--video .plyr__control:hover,body .home-image .plyr--video .plyr__control[aria-expanded=true] {
background: transparent;
}
body .home-image .plyr--video.plyr--hide-controls .plyr__controls {
opacity: 1;
transform: translateY(0%);
}
.text-video .certification .card {
width: 20%;
align-items: center;
}
.text-video .certification a:hover picture:before {
width: 100%;
content: url(//thermibel.be/app/uploads/2023/08/icon-download_small.svg);
border-radius: 8px;
}
.lien-mention {
color: #A7A7A7;
}
.img-carousel {
display: flex;
flex-direction: row;
}
.fact {
height: 100vh !important;
padding:0;
}
.img-carousel {
width: 200vw;
}
.img-carousel:before {
content: "";
width: 100%;
position: absolute;
background: linear-gradient(180deg, rgba(83, 83, 83, 0.00) 0%, #000 0%, rgba(83, 83, 83, 0.00) 50%);
height: 100%;
z-index: 150;
}
.fact h3 {
margin-top: 75px;
}
.last_link {
font-family: 'Bevellier', Arial, sans-serif;
font-size: 40px;
font-style: normal;
font-weight: 700;
color: #300D0A;
text-decoration: none;
}
.last_link:hover {
color: #300D0A;
}
.info_projet {
font-family: 'Poppins', Arial, sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 400;
letter-spacing: 0.12px;
background-color: #161616;
color: #FFFFFF;
padding: 19px;
display: inline-block;
position: absolute;
}
.labo_plaquette {
padding-bottom: 40px;
}
.btn-plaquette {
margin-top: 48px;
}
.accordion-body h3 {
color: #050505;
text-align: center;
font-family: 'Satoshi', Arial, sans-serif;
font-size: 26px;
font-style: normal;
font-weight: 900;
line-height: normal;
}
.tab-pane .dropdown-toggle::after, .dropdown .dropdown-toggle::after {
content: "\f078";
font-family: "Font Awesome 5 Free";
border: none;
right: 25px;
top: 50%;
transform: translateY(-50%);
font-size: 15px;
}
.tab-pane .dropdown-item:active {
color: inherit;
background-color: inherit;
}
.tab-pane .dropdown-menu {
padding: 0;
}
.tab-pane .dropdown-menu .dropdown-item {
padding: 10px;
text-align: center;
}
.recherche_page h1 {
font-family: 'Bevellier', Arial, sans-serif;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin: 80px 0 32px 0;
}
.plaquette h2 {
font-family: 'Inter', Arial, sans-serif;
font-style: normal;
font-weight: 700;
font-size: 32px;
line-height: 39px;
color: #050505;
}
.formulaire_evo_content label {
color: #4C4E4F;
}
.formulaire_evo, .formulaire_basique {
cursor: pointer;
display: flex;
padding: 15px;
align-items: center;
justify-content: center;
}
.formulaire_evo_chevron i {
font-size: 15px;
}
.formulaire_evo_chevron {
margin-left: 15px;
}
.label-message {
margin: 32px 0 5px 0;
font-family: 'Satoshi', Arial, sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 900;
line-height: normal;
}
.product_top input::-webkit-input-placeholder, .product_top textarea::-webkit-input-placeholder {
color: #000;
}
.product_top input:-ms-input-placeholder, .product_top textarea:-ms-input-placeholder {
color: #000;
}
.product_top input::placeholder, .product_top textarea::placeholder {
color: #000;
}
.single_product .description .tab-content > .tab-pane {
display: block;
opacity: 1;
}
#myTabContent .accordion-item h3.title-accordion {
margin-bottom: 24px;
}
#myTabContent .accordion-button::after {
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
transform: scale(.7) !important;
}
#myTabContent .accordion-button:not(.collapsed)::after {
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
}
.tab-link {
text-decoration: none;
padding: 0.2em;
width: 100%;
height: 100%;
display: block;
color: #050505;
font-family: 'Satoshi', Arial, sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 500;
}
.bloc_formulaire_expert h2 {
font-family: 'Bevellier', Arial, sans-serif;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.bloc_formulaire_expert p {
font-family: 'Satoshi', Arial, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.title-refer {
color: #585858;
font-family: 'Satoshi', Arial, sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 900;
line-height: normal;
margin-bottom: 16px;
}
.contenu-refer {
color: #585858;
font-family: 'Satoshi', Arial, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.blockhomeone {
padding-top: 108px;
margin-top: -108px;
}
.plus-details {
color: #EE3F33;
font-family: 'Bevellier', Arial, sans-serif;
font-size: 26px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.plus-details i {
font-size: 0.85em;
margin-left: 0.4em;
}
.article-recent .blog-item .tease {
height: 100%;
}
#dropdownfiltreProduiCategori {
white-space: normal;
padding-right: 50px;
} #formulaire_expert_modal .legend_content input[type = 'radio'], #formulaire_expert_modal .legend_content input[type = 'checkbox'] {
text-align: center;
appearance: none;
height: 13px;
width: 13px;
padding: 5px;
border: 2px solid #4c4e4f;
border-radius: 50%;
cursor: pointer;
}
#formulaire_expert_modal .legend_content input[type = 'radio']:checked, #formulaire_expert_modal .legend_content input[type = 'checkbox']:checked{
background: radial-gradient(circle at center, black 50%, transparent 50%);
background-repeat: no-repeat;
background-position: center;
background-size: 15px 15px;
}
.laboratoire .autre_presta h3.title-page {
color: #8F261F;
border-bottom: 2px solid #8F261F;
margin-bottom: 30px;
margin-top: 40px;
padding-bottom: 5px;
}
.plaquette.presta .labo_plaquette .btn-plaquette {
margin-top: 0;
}
.product .thumbnail-product {
width: 100px;
}
.img-assoc .link-product .link-image picture {
height: 100%;
}
#modal-mode a {
text-decoration: none;
}
#toasttf, #toasttferror {
z-index: 1500;
}
.actu-card .actu-img {
text-align: center;
}
#formulaire_expert_modal .legend_input {
padding: 1em;
}
#formulaire_expert_modal .legend_input label {
width: 100%;
}
#formulaire_expert_modal .img_tete img {
width: 20%;
}
#formulaire_expert_modal legend .img_tete img {
width: 50%;
}