#sp-footer em {color: #D05;}
#sp-footer-5 ul li, #sp-footer-5 ul li a, #sp-footer-5 ul li a:link {font-size: 14px;}

@media(min-width:768px) and (max-width:1599px){
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span{
padding:0 5px
}
body.ltr .sp-megamenu-parent>li.sp-has-child>a:after, body.ltr .sp-megamenu-parent>li.sp-has-child>span:after{
  margin-left:2px
}
  #sp-logo{
    padding:0
  }
}

#sp-footer ul{
margin-left:0
}
#sp-main-body{
padding:30px 0!important
}
/*Tests menu déroulant villes Hérault*/
#sp-page-builder .page-content .sppb-section, #sp-page-builder .sppb-section, .mod-sppagebuilder .sppb-section{
z-index:auto
}
.sp-pagebuilder-section-inner .sppb-row, .sppb-container-inner, .sppb-row-container{
z-index:auto
}
.sppb-column, .sppb-column-addons{
z-index:auto
}
div.leaflet-top.leaflet-left{/*le zoom de la carte*/
z-index:400
}
div#maximenuck351 ul.maximenuck li.maximenuck.level1:hover, div#maximenuck351 ul.maximenuck li.maximenuck.level1.active{
background:#3391fb
}
div#maximenuck351 ul.maximenuck li.maximenuck.level1.active > a span.titreck{
color:#fff
}
div#maximenuck351 ul.maximenuck li.maximenuck ul.maximenuck2 li > a, div#maximenuck351 ul.maximenuck2 li > a, div#maximenuck351 ul.maximenuck2 li > span.separator{
padding:5px
}
/*Codes pannes*/
#Codes-Pannes select{
width:auto
}
textarea[readonly]{
background:#f5f5f5
}
textarea#description{
width:90%
}
select#marque{
width:50%
}
/*Header*/
#sp-header{
border-bottom:1px solid #3391fb
}
#sp-header .js-icon{
margin:0
}
#sp-top-a i{
padding-right:0.5rem;
font-size:32px;
color:#3391fb;
margin-top:8px
}
#sp-top-a, #sp-top-b{
padding:0
}
#sp-header .sp-module{
margin-left:0!important
}
#sp-top-a #mod-custom346{
font-size:20px;
line-height:24px;
display:flex;
margin-top:5px;
margin-bottom:0
}
.n2-section-smartslider{
margin-top:-1px
}
#sp-header .align-items-center{
justify-content:center
}
#sp-header .justify-content-end{
justify-content:center!important
}
@media(max-width:767px){
#sp-header .justify-content-end{
justify-content:right!important
}
}
body.ltr #offcanvas-toggler.offcanvas-toggler-right{
margin-right:20px
}
@media(max-width:767px){
nav.sp-megamenu-wrapper.d-flex{
position:relative;
top:-60px
}
}
#sp-header-mobile{
position:relative;
z-index:9999999999
}
#sp-header-mobile p{
margin-top:15px
}
body.offcanvas-active #sp-header-mobile p{
margin-left:40px;
}
.offcanvas-menu .offcanvas-inner{
margin-top:20px
}

/*Graphisme Boutons - Img - Spoiler*/
.bouton-tabs a {
    background-color: #3366ff;
    color: #fff !important;
    border-radius: 40px;
    padding: 10px 30px;
    min-width: 30%;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase !important
}
img{
display:inline
}
.js-spoiler-style-default>.js-spoiler-title{
background:#ccc
}
/*Témoignages*/
.rt01pagitem.rt01cur{
background:#3391fb!important
}
.rt01pag.rt01tabs{
border-color:#3391fb!important
}
#sust68dbe4cc64fcf .rt01pag.rt01tabs{
color:#222
}
.rt01tabs .rt01pagitem{
color:#333
}
/*Main body*/
#sp-main-body{
padding:30px 0
}
#sp-heading{
margin-top:20px
}
.article-details p{
line-height:30px
}
.article-details .article-ratings-social-share{
padding:0.5rem 0
}
.article-details .article-header h1{
color:#3391fb;
text-transform:uppercase
}
.article-details h2{
color:#3391fb
}
/*Modules sidebar*/
#sp-sidebar-a .sp-module{
padding:10px;
border:1px solid #3391fb;
border-radius:20px
}
#sp-sidebar-a .sp-module-title{
color:#3391fb;
text-align:center
}
#sp-sidebar-a ul{
list-style-type:none;
padding-left:1rem
}
#sp-sidebar-a ul li{
margin:15px 0;
line-height:20px
}
#sp-sidebar-a ul li.current a{
color:#3391fb
}
.sp-module.marques ul>li>a{
font-weight:bold
}
.sp-module.marques ul>li>ul>li a{
font-weight:normal
}

/*Main Top*/
.intro-categories {
    padding: 20px;
    border-radius: 10px;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    margin-bottom: 20px!important
}
.subheading-category:before{
content:'Catégorie '
}
.blogblog-clim h2, body.itemid-582 .article-header{
margin: 0 auto 30px auto;
color:#3391fb;
text-align:center
}
body.view-category #sp-main-body{
background:#f5f5f5
}
/*Blog*/
body.itemid-582 div.article-ratings-social-share{
display:none!important
}
.mwall-filters-container, .mwall-filters-sortings{
margin-top:0
}
.article-details p.mwall-item-category{
line-height:22px
}
.mwall-item-category a{
font-weight:bold;
font-size:15px
}
.article-introtext div.readmore a{
color:#fff!important;
background:#3391fb;
transition:0.5s;
border-radius:5px;
padding:10px;
font-size:15px
}
.article-introtext div.readmore a:hover{
background:#0037DD!important;
transition:0.5s
}
body.view-category .article-intro-image img{
border:1px solid #ccc
}
@media(min-width:1400px){
body.view-category .article-intro-image img{
max-width:600px
}
}
/*ACCUEIL - différents types de modèles*/
.accueil-modeles .sppb-tab-image{
width :200px!important;
height :149px!important;
text-align:center;
margin:0 auto
}
@media(max-width:767px){
.accueil-modeles .sppb-tab-image{
width :100px!important;
height :75px!important;
}
}
#modeles .sppb-nav-tabs>li>a{
display :grid;
font-size:20px;
}
.sppb-nav-tabs>li>a{
color:#056fb9
}
.sppb-nav-tabs>li>a:hover{
color:#0037DD!important
}
/*ACCUEIL Actualités*/
@media(min-width:1400px){
.sppb-articles-carousel-introtext{
height:85px
}
}
/*MENU 23/09/2025*/
.sp-megamenu-parent .sp-menu-item>a{
font-weight:bold
}

.sp-megamenu-parent li a:hover, .sp-megamenu-parent li a .sp-dropdown li a:hover{
color:#3391fb!important
}
li.decouvrir div.sp-dropdown.sp-dropdown-sub{
margin-top:-120px;
width:350px!important
}
li.decouvrir-utile div.sp-dropdown.sp-dropdown-sub{
margin-top:-80px;
}
li.decouvrir div.sp-dropdown.sp-dropdown-sub li.sp-menu-item > a, li.decouvrir-utile div.sp-dropdown.sp-dropdown-sub li.sp-menu-item > a{
padding:6px 0
}
.sp-megamenu-parent .sp-menu-item:last-child .sp-menu-item .sp-dropdown-inner{
display:none
}
.sp-megamenu-parent .sp-menu-item:last-child .sp-menu-item a:after{
display:none
}
@media(min-width:768px) and (max-width:1420px){
#sp-menu{
padding:0
}
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span{
padding:0 5px
}
body.ltr .sp-megamenu-parent>li.sp-has-child>a:after{
margin-left:2px
}
#sp-top-a #mod-custom346{
font-size:15px;
line-height:18px;
}
#sp-top-a i{
font-size:30px!important;
margin-top:0!important
}
}
.offcanvas-menu .offcanvas-inner ul.menu>li>a, .offcanvas-menu .offcanvas-inner ul.menu>li>span, .offcanvas-menu .offcanvas-inner ul.menu>li>ul li a{
padding-left:5px
}
.menu .active>a, .menu .is-active>a{
background:#3391fb;
color:#fff!important;
padding-left:5px
}

/*XM 01/07/2025 - Carte*/
.leaflet-popup-content p{
font-size:14px
}
ul.zhom-ul-markerList-external{
padding-left:0
}
#OMapsMarkerUL_299, #OMapsMarkerUL_345{
  margin-top:20px;
  display: grid;
  grid-template-rows: repeat(8, min-content);
  grid-auto-flow: column;
}
@media(max-width:767px){
div#OMapsMarkerUL_299.zhom-list-markerList-external, div#OMapsMarkerUL_345.zhom-list-markerList-external{
height:auto!important
}
}
#OMapsMarkerUL_299 li, #OMapsMarkerUL_345 li{
   list-style-type:none;
  width:300px
}
div.zhom-2-liw-icon-markerList-external{
  display:flex
}
div.zhom-2-liw-icon-markerList-external img{
  margin-right:0.5rem
}
.placemarkHead{
  font-size:20px
}
a.zhom-li-a-markerList-external{
  text-transform:uppercase
}
@media(max-width:1500px){
#OMapsMarkerUL_299 li, #OMapsMarkerUL_345 li{
   list-style-type:none;
  width:210px
  }
  a.zhom-li-a-markerList-external{
    text-transform:initial;
    font-size:14px
  }
}
@media(min-width:1220px){
  #tmBottomA .uk-container{
    /*width:3000px!important;*/
    padding:0!important;
    display:inline
  }
}
.placemarkContent{
  width:150px
}
.carte .uk-panel-title{
  text-align:center;
  margin:0 auto 40px auto
}
.placemarkGPS{
  display:none
}
.zhom-li-wrp-markerList-simple img{
  margin-right:5px
}
/*Css tables copié de megastar 30/09/2025*/
table{
display:block;
max-width:100%;
overflow-x:auto;
background-color:#fff;
margin:30px 0;
padding:0;
border-radius:5px;
-webkit-box-shadow:inset -5px 5px 15px #f0f3f8;
box-shadow:inset -5px 5px 15px #f0f3f8;
border-radius:6px;
table-layout:fixed;
position:relative
}
table caption{
padding:10px 15px;
text-align:left;
caption-side:top;
background-color:#2D89EF;
color:#fff;
font-weight:600
}
table:before, table:after{
content:'';
display:block
}
table tbody, table tr th, table tr td{
padding:10px 15px;
max-width:100%;
font-size:17px
}
table tr td{
border-right:1px solid #EEF2F6
}
table tr td[colspan]{
text-align:center
}
table tr:nth-child(odd) td{
background-color:#F7FAFD
}
table tr th{
background-color:#7B76FA;
color:#fff
}
table thead th{
background:#72adfd;
color:#fff;
border:none
}
#entry-content-end{
padding:0
}
.icon-h-arrow{
display:inline;
width:24px;
fill:#8dc572;
float:left;
margin:5px 5px 0 -3px
}
#entry-main{
padding:0 15px 15px 15px
}
#entry-sidebar .header .title.title-gradient-bg:after{
display:none
}
@media screen and (min-width: 700px){
.entry-intro{
font-size:20px
}
.table-container{
text-align:center;
max-width:768px
}
table{
display:inline-block;
overflow-x:auto;
vertical-align:top;
max-width:100%;
text-align:left
}}
@media (max-width: 700px){
table thead{
display:none
}
table tr{
display:block;
margin-bottom:5px;
border-bottom:1px solid #3f89ec
}
table td{
display:block;
text-align:right;
border-bottom:1px solid #bdd9ff
}
table td strong{
font-weight:normal!important
}
table td:before{
content:attr(data-label);
float:left;
font-weight:bold;
margin-right:50px
}
}
/*Bottom*/
#sp-bottom{
background:#f5f5f5;
padding:2rem 0
}
#sp-bottom .sp-module ul>li{
margin-bottom:0
}
#sp-bottom h3.sp-module-title{
font-size:24px;
color:#222!important
}
/*Footer*/
#sp-footer #sp-footer2{
text-align:left!important
}
#sp-footer #mod-custom171 a{
color:#3391fb
}
#mod-custom171{
background: url("/images/Footer/logo-background.png") 50px -50px no-repeat
}/*
#sp-footer #mod-custom171 a:before{
font-family: "Font Awesome 6 Free";
font-weight: 900;
content: "\f0e0";
padding-right:0.5rem;
}*/
#sp-footer #mod-custom171 a:hover{
color:#fff
}
#sp-footer ul{
padding-left:1rem
}
#sp-footer a{
color:#fff
}
#sp-footer a:hover{
color:#ccc
}
@media(max-width:768px){
#sp-footer .sp-module{
padding:20px 0;
border-bottom:1px solid #888
}
}
/*Formulaires*/
.rsform-block input#email, .rsform-block input#Email, .rsform-block input#Nom{
width:300px
}
.rsform-block #Modele, .rsform-block #Num, .rsform-block #Ref, .rsform-block #modele{
width:400px
}
.rsform-block #type, .rsform-block #piece{
width:500px
}
.rsform-block input[type=text]{
width:auto
}
.rsform-block .uk-form-controls select{
width:auto!important;
padding:0!important;
font-size:15px
}
.uk-form-horizontal .uk-form-label{
font-size:15px
}
.uk-form textarea{
width:90%
}
 .uk-form input[type=tel]{
max-width:fit-content!important
}
/*Formulaire Demande rappele téléphonique*/
#rappelez-moi button#Envoyer{
background:#de2d82
}
/*Bouton flottant numéros tél*/
#numeros-telephone p{
font-size:15px;
margin:5px 0
}
/*Bouton flottant desktop demande rappel*/
p.demande-rappel{
font-size:15px;
margin:0
}
/*Zones intervention*/
body.itemid-2508 #OMapsMarkerList_345{
height:0!important
}
body.itemid-2508 #OMapsMarkerListMain{
display:none
}
div#maximenuck351 ul.maximenuck{
margin:inherit;
width:fit-content;
padding-left:0
}
.bloc-banniere{
background: #3391fb; 
position: absolute; 
top: -80px; 
width: 400px; 
right: 15%;
padding:20px;
border-radius:5px
}
@media(max-width:767px){
.bloc-banniere{
width:100%;
top:0;
right:0;
margin-bottom:80px!important
}
}
body.zones #sp-heading{
position:absolute;
z-index:90;
top:100px;
left:50px;
width:fit-content;
padding-left:0
}
body.zones #sp-heading ol{
margin-left:5px
}
.banniere-zones{
background:url("/images/zones-intervention/banniere-Froidsudenergie.jpg") no-repeat;
background-size:cover
}
.banniere-zones h1{
background:rgba(255,255,255,0.8);
color:#222;
border-radius:20px;
padding:20px!important
}
body.zones #sp-position1 h1{
position:absolute;
top:200px;
left:50px;
padding-bottom:5px;
border:3px solid #3391fb
}
body.zones .zone-video{
position:absolute;
top:200px;
right:200px
}
@media(max-width:767px){
body.zones #sp-position1 h1{
left:20px;
top:180px;
font-size:20px;
line-height:30px
}
body.zones .zone-video{
top:350px;
left:20px
}
}
@media(min-width:768px) and (max-width:1099px){
body.zones .zone-video{
top:350px;
left:50px
}
}
body.zones #sp-position1 .mod-custom, body.itemid-101 #sp-position1 .mod-custom{
min-height:500px
}
.banniere-accueil{
background:url("/images/accueil/slide/slide-module.jpg") no-repeat center center;
background-size:cover
}
.slide-gauche{
margin:50px 0 0 50px
}
.FSE{
font-size:50px;
color:#fff
}
.slide-gauche h1{
font-size:25px;
color:#fff
}