/*
Separate Stylesheet
Author: Sofi Marchand
Author URI: https://sofinet.fr
Version: 1.0
*/

/* ADOBE FONTS */
@import url("https://use.typekit.net/eqc1qoi.css");

/* GENERAL */


body {
  font-family: "museo-sans", sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  font-size: 1rem;
  letter-spacing: 0.001em;
  color: #625953 !important;
  }

:where(.wp-site-blocks) > * {
  margin-block-start: 0rem !important;
  margin-block-end: 0;
}

strong { font-weight: 700;}
h1, h2, h3, h4, h5, h6 { line-height: 1em !important; margin-bottom: 0.5em !important; }


/* HEADER */
.header_adn {
  position: fixed;
  z-index: 2;
  padding: 50px 30px !important;
  top: 50px !important;
  border-radius: 0 15px 15px 0;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
}


.logo_mob {display: none;}

/* NAVIGATION */
.wp-block-navigation__responsive-container-open {display: none}
.navigation a, .navigation a:visited {
  font-size: 16px;
  text-decoration: none !important;
  text-transform: uppercase;
  line-height: 1.1em;
  height: 22px;
  font-family: "aviano-sans", sans-serif;
  font-weight: 900;
  font-style: normal;
  letter-spacing: 0.05em;
  color: #928c89 !important;
  transition: 0.25s;
}
.nav-utile a:hover {   background: #625953 !important;   background-clip: text !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;     }

/* #chauffage a { color: #e5352b !important; } 
.plomberie a { color: #fbbe12 !important; }
.electricite a { color: #90c268 !important; }
.ventilation a { color: #48b6bc !important; margin-bottom: 10px;}*/
.nav-utile a, .nav-utile a:visited {
  background: linear-gradient(to right, #33b8c1 0%, #48b6bc 10%, #90c268 35%, #fbbe12 60%, #e5352b 100%) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;    
}
.nav_chauffage a, .nav_plomberie a, .nav_electricite  a, .nav_ventilation  a  { text-decoration: none; position: relative; }
.nav_chauffage a::before { background-color: #e5352b !important; }
.nav_plomberie a::before { background-color: #fbbe12 !important; }
.nav_electricite a::before { background-color: #90c268 !important; }
.nav_ventilation a::before { background-color: #48b6bc !important;}

.nav_chauffage a::before, .nav_plomberie a::before, .nav_electricite a::before, .nav_ventilation a::before {
  content: '';
  position: absolute;
  left: -10px;
  bottom: 2px;
  margin-bottom:7px;
  width: 0px;
  height: 0px;
  z-index: -1;
  transition: all .3s ease-in-out;
  padding-left: 20px;
  
}
.nav_chauffage a:hover::before, .nav_plomberie a:hover::before, .nav_electricite a:hover::before, .nav_ventilation a:hover::before {
  width: 100%;
  height: 100%;
  margin-bottom:2px;
}
.nav_chauffage a:hover, .nav_plomberie a:hover, .nav_electricite  a:hover, .nav_ventilation  a:hover 
  { color: #FFFFFF !important; }  
.wp-block-group {margin-top: 0 !important;}

.wp-block-navigation__responsive-container-open {
  background-color: #f3f0ef;
  color: #928c89;
  width: 35px !important;
  height: 35px;   
  padding: 2px 5px !important;
  border-radius: 0 0 10px 0;
  left: -2px !important;
  top: -14px !important;
  position: relative;
  transition: 10.25s;
  z-index: 10;
}
.wp-block-navigation__responsive-container-open svg {
height: 30px !important;
}

.nav_group {margin-right: 5px !important;}
.wp-block-navigation__responsive-container a {font-size: 25px !important; margin-bottom: 10px !important; font-family: "aviano-sans", sans-serif;}
.wp-block-navigation__responsive-container .nav_chauffage a { color: #e5352b !important;  }
.wp-block-navigation__responsive-container .nav_plomberie a { color: #fbbe12 !important; }
.wp-block-navigation__responsive-container .nav_electricite a { color: #90c268 !important; }
.wp-block-navigation__responsive-container .nav_ventilation a { color: #48b6bc !important; }

/* TUYOTERIE */

.intro, .tuyo_chauffage, .tuyo_plomberie, .tuyo_electricite, .tuyo_ventilation  {
  position: relative;
  top: 0;
  left: 50%;
  width: 100%;
  transform: translateX(-45%);
  background: url(/wp-content/uploads/2025/05/fondectuyo.jpg) no-repeat center top;
background-size: 800px;
}


/* INTRO */

.para_intro {margin-bottom: 370px !important;}

h3, h2 { font-size: 2rem !important; font-family: "aviano-sans", sans-serif;color: #928c89 !important; font-weight: 700 !important;}
h3 {
  font-size: 28px !important;
  color: #928c89;
}

h1 { font-size: 1.1rem !important;  color: #48b6bc; margin-top: 10px !important; line-height: 1.05rem !important;font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;}
.menu_intro { position: relative; margin-block-start : 0; top:-20px; height: 0; z-index: 1000;}
.cta_chauffage a, .cta_plomberie a,.cta_electricite a, .cta_ventilation a { 
  width: 200px;
  font-family: "aviano-sans", sans-serif;
  padding: 5px !important;
  transition: 0.25s;
}
.cta_chauffage a { background-color: #e5352b !important; border: #e5352b solid 5px;}
.cta_plomberie a { background-color: #fbbe12 !important;border: #fbbe12 solid 5px; }
.cta_electricite a { background-color: #90c268 !important;border: #90c268 solid 5px;}
.cta_ventilation a { background-color: #48b6bc !important;border: #48b6bc solid 5px;}
.cta_chauffage a:hover, .cta_plomberie a:hover, .cta_electricite a:hover, .cta_ventilation a:hover { color: #ffffff !important;}
.cta_chauffage a:hover, .cta_plomberie a:hover, .cta_electricite a:hover, .cta_ventilation a:hover { 
  color: #928c89 !important; 
  border: 5px solid transparent;
  background: 
  linear-gradient(to right, white, white), 
  linear-gradient(to right, #33b8c1 0%, #48b6bc 10%, #90c268 35%, #fbbe12 60%, #e5352b 100%);
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  background-color: #FFFFFF !important;
}

/* TYPO GENERAL */

strong { font-style: normal; font-weight: 900; padding: 0 1px; font-size: 1.2rem;}
em {font-style: normal;font-weight: 900; font-size: 16px; color: #928c89;}
.intro strong { background-color: #d7f0f5; color: #29abbf; }

.chauffage h2 { color: #e5352b !important; }
#chauffage strong { background-color: #fddedb; color: #e5352b; }

.plomberie h2 { color: #fbbe12 !important; }
#plomberie strong { background-color: #fff7e2; color: #fbbe12; }
.electricite h2 { color: #90c268 !important; }
.electricite strong { background-color: #e9f8dd; color: #90c268; }
.ventilation h2 { color:#48b6bc !important; }
.ventilation strong { background-color: #b2eaed; color: #48b6bc; }

h2  { 
  text-transform: uppercase;
  line-height: 0.8em !important;
  font-family: "aviano-sans", sans-serif;
  font-weight: 900;
  font-style: normal;
  letter-spacing: 0.05em;
  font-size: 2.8rem !important; 
  margin: 0 !important
}

.bt_chauffage .wp-element-button:hover, .bt_plomberie .wp-element-button:hover, .bt_electricite .wp-element-button:hover, .bt_ventilation .wp-element-button:hover { 
  color: #928c89 !important; 
  font-weight: 900; 
  font-family: "aviano-sans", sans-serif;
  border: 5px solid transparent;
  background: 
  linear-gradient(to right, white, white), 
  linear-gradient(to right, #33b8c1 0%, #48b6bc 10%, #90c268 35%, #fbbe12 60%, #e5352b 100%);
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  background-color: #FFFFFF !important;
}



.bt_chauffage .wp-element-button, .bt_plomberie .wp-element-button, .bt_electricite .wp-element-button, .bt_ventilation .wp-element-button { 
  color: #FFFFFF !important; 
  font-weight: 900; 
  font-family: "aviano-sans", sans-serif;
  width: 245px;
}
.conclu_bt { min-width: 245px; padding-right: 20px !important; }

/* CHAUFFAGE */

#chauffage { padding-top: 40px !important; margin-bottom: 40px;}

.bt_chauffage .wp-element-button { 
  border: 5px solid #e5352b;
  background-color: #e5352b !important;
  margin-right: 15px;

}
.tuyo_chauffage {
  background-image: url(/wp-content/uploads/2025/05/fondectuyo_chauffage2.jpg) ;
  padding-top: 530px;
}
.autour {
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 1em !important;
  font-weight: 700;
  font-family: "aviano-sans", sans-serif;
  font-size: 25px;
  color: #928c89;
}

/* PLOMBERIE */

#plomberie { padding-top: 20px !important;}
.bt_plomberie .wp-element-button { 
  border: 5px solid #fbbe12;
  background-color: #fbbe12 !important;
}
.tuyo_plomberie {
  background-image: url(/wp-content/uploads/2025/05/fondectuyo_plomberie.jpg) ;
  padding-top: 400px;
  
}

#plomberie .conclu_bt { padding-left: 20px !important; }

/* ÉLECTRICTÉ */

#electricite { padding-top: 20px !important;}
.bt_electricite .wp-element-button { 
  border: 5px solid #90c268;
  background-color: #90c268 !important;
  font-size: 17px;
}
.tuyo_electricite {
  background-image: url(/wp-content/uploads/2025/05/fondectuyo_electricite.jpg) ;
  padding-top: 400px;

}

/* VENTILATION */

#ventilation { padding-top: 20px !important;}
.bt_ventilation .wp-element-button { 
  border: 5px solid #29abbf;
  background-color: #29abbf !important;
  font-size: 17px;
}
.tuyo_ventilation {
  background-image: url(/wp-content/uploads/2025/05/fondectuyo_ventillation.jpg) ;
  padding-top: 400px;
  padding-left: 20px;
}

/* INFOS */

#section_infos {
  padding-right: 240px;
  padding-top: 80px;
}
#section_infos .infos {
  margin: auto !important;
  max-width: 600px;
  margin-top: 40px;
  padding: 100px !important;
  border-radius: 30px;
  color: #928c89 !important; 
  border: 10px solid transparent;
  background: 
  linear-gradient(to right, white, white), 
  linear-gradient(to right, #33b8c1 0%, #48b6bc 10%, #90c268 35%, #fbbe12 60%, #e5352b 100%);
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  background-color: #FFFFFF !important;
  z-index: 1;
}

.infos h2 {
  background: linear-gradient(to right, #33b8c1 0%, #48b6bc 10%, #90c268 35%, #fbbe12 60%, #e5352b 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;  
 }

 .contact .telgras {font-weight: 900 !important; font-size: 20px !important; color: #928c89 !important;}

 /* CONTACT */

#section_contact {
  padding-right: 190px !important;
}
 #section_contact .contact {
  margin: auto !important;
  max-width: 620px !important;
  padding: 150px 100px 50px 100px !important;
  background-color: #d3d1d0 !important;
  position: relative;
  top:-100px;
  border-radius: 30px 30px 30px 30px;
  z-index: 0;
}

form p {  text-align: center;}

.contact h2 {
  color: #928c89 !important;
  }


  .wpcf7-form-control {
    border-radius: 15px; 
    border: none;
    line-height: 18px;

    padding: 15px;
    width: 280px;
  
  }

  .wpcf7-submit { 
    color: #928c89 !important; 
    font-weight: 900; 
    font-size: 20px;
    font-family: "aviano-sans", sans-serif;
    border: 5px solid transparent;
    background: 
    linear-gradient(to right, white, white), 
    linear-gradient(to right, #33b8c1 0%, #48b6bc 10%, #90c268 35%, #fbbe12 60%, #e5352b 100%);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-color: #FFFFFF !important;
    padding: 7px 15px;
    border-radius: 15px;
  
  }
  
  .wpcf7-submit:hover { 
    color: #625953 !important;
    margin: auto !important;
  }
.wpcf7-spinner {
  display: block !important;
}

.footer {top: -50px !important;}


/* LIGHTBOX */
.bwg_image_title {display: none;}
.bwg_image_description {font-size: 20px !important; font-family: "aviano-sans", sans-serif !important; text-align: center;    color: #625953 !important;}
.bwg_mosaic_title_spun2_0, .bwg_mosaic_title_spun2_1, .bwg_mosaic_title_spun2_2, .bwg_mosaic_title_spun2_3 {font-size: 16px !important; font-family: "aviano-sans", sans-serif !important; text-align: center;    text-shadow: 0px 0px 2px #625953 !important;}

/* RESPONSIVE */

/* TABLETTE */
    @media screen and (min-width: 761px) and (max-width: 1240px) {

  /* NAV & HEADER TAB*/


  .wp-block-navigation__responsive-container-open {
    display: block;
    left: -20px !important;
    top: -28px !important;
    position: relative;
  }
  .wp-block-navigation__responsive-container {
    background-color: #f3f0ef !important;
    text-align: right;
  }
  .wp-block-navigation__responsive-container-close {
    position: relative;
    right: 0;
    top: 0;
    z-index: 2;
    margin:    auto !important;}
  .wp-block-navigation__responsive-container ul {
    margin: auto !important;
    }
  .logo { display: none; }
  .header_adn {
    transition: none;
    top: -2px !important;
    left: -10px !important;
    padding-top: 30px !important;
    border-radius: 0;
    box-shadow: none;
    padding-bottom: 0 !important;
  }
  .marge  {display: none;}
  .navigation {display: none;}
  
  /* COMMMUN TAB */

  #section_chauffage .wp-block-group,#section_plomberie .wp-block-group, .intro .wp-block-group,  #section_ventilation .wp-block-group, #section_electricite .wp-block-group, {width: 800px; margin: auto;}
  .intro {
    background: url(/wp-content/uploads/2025/05/fondectuyo_tab.jpg) no-repeat;
    transform: translateX(-45%);
    background-position: center top ;
    min-height:1210px !important;
    width: 800px !important;
    background-size: 650px;
  }
  #chauffage .mobilcentre,  .tuyo_plomberie .mobilcentre,    #ventilation .mobilcentre,  .tuyo_electricite .mobilcentre {
    max-width: 620px !important;
    padding-left: 40px !important;
  }
  .chauffage .gallery, .tuyo_plomberie  .gallery, .tuyo_ventillation  .gallery, .electricite  .gallery  {
    width: 250px !important;
    max-width: 250px !important;
    margin-left: 0px !important;
  }
  .bt_chauffage .wp-element-button, .bt_plomberie .wp-element-button,    .bt_electricite .wp-element-button, .bt_ventilation .wp-element-button {
    width: 235px;
  }
  .conclu_bt { min-width: 250px; padding-right: 0px !important; }

  .conclu {
    max-width: 640px !important;
  }

  /* INTRO  TAB */
  .bloc_intro {position: relative;  left: 110px; }
  .intro h3 {font-size: 21px !important; letter-spacing: 0px !important;  ;}
  .intro h1 {font-size: 15px !important;letter-spacing: 1px !important; line-height: 1.2rem !important; width: 400px;   padding-top: 20px;}
  .intro .wp-block-buttons {padding-top: 380px !important; left: -530px; top:150px; width: 400px;
    position: relative;}
  .introsuite {margin-top: 160px !important; position: relative; left: 370px; top: -200px; width: 350px;}
  .para_intro { margin-bottom: 10px !important;}

  /* CHAUFFAGE TAB */ 
  #section_chauffage {
    top: -260px;
  }
  #chauffage .mobilcentre {
    max-width: 620px !important;
    padding-left: 40px !important;
  }
  .tuyo_chauffage, .tuyo_plomberie,  .tuyo_ventilation, .tuyo_electricite  {
    transform: translateX(-45%);
    background-position: center top ;
    width: 800px !important;
    background-size: 650px !important;
  }
  .chauffage {
    position: relative;
    top:-100px;
  }
  /* PLOMBERIE TAB */ 
  #section_plomberie {
    top: -320px;
  }
  #plomberie { 
    top: -220px !important;
    position: relative;
  }
  .tuyo_plomberie {
    padding-top: 530px;
    padding-left: 70px;
  }
          
  .tuyo_plomberie .mobilcentre {
    max-width: 620px !important;
    padding-left: 0px !important;
  }

  /* ELECTRICITE TAB */ 
  #section_electricite {
    top: -520px;
  }
  #electricite .mobilcentre {
    max-width: 620px !important;
    padding-left: 40px !important;
  }
  .tuyo_electricite  {
    padding-top: 430px;
    padding-left: 70px;
  }
  .electricite {
    position: relative;
    top:-100px;
  }

  /* VENTILATION TAB */ 
  #section_ventilation {
    top: -560px;
  }
  #ventilation { 
    top: -220px !important;
    position: relative;
  }
  .tuyo_ventilation {
    padding-top: 530px;
    padding-left: 70px;
  }
          
  .tuyo_ventilation .mobilcentre {
    max-width: 620px !important;
    padding-left: 0px !important;
  }
    /* INFOS & CONTACTS  TAB */
      #section_infos, #section_contact {
        position: relative;
        top: -680px;
        padding-right: 0px !important;
        margin: auto;
        max-width: 800px !important;
      }
      #section_infos {padding-left: 38px !important;}
      #section_contact {
    padding-left: 36px !important;
      }
      #section_contact .contact {
        padding: 150px 100px 30px 100px  !important;
        flex-basis: 618px !important;
      }
      #section_contact ul {
        padding-left: 0 !important;
      }
  .footer {
    top: -750px !important;    
    max-width: 650px !important;
  margin: auto;}

  /* LIGHTBOX */
.bwg_mosaic_title_spun2_0, .bwg_mosaic_title_spun2_1, .bwg_mosaic_title_spun2_2, .bwg_mosaic_title_spun2_3 {display: none !important;}

}

/* SMARTPHONE */
@media screen and (max-width: 760px) {
  .wp-block-navigation__responsive-container-open {display: block}
  .navigation {display: none;}
  .logo_mob {
    display: block;
    width: 30%;
    position: absolute;
    right:30px;
    top:50px
  } 
  .logo { display: none; }
 .header_adn {
  transition: none;
    top: -15px !important;
    left: -28px !important;
    padding-top: 30px !important;
    border-radius: 0;
    box-shadow: none;
    padding-bottom: 0 !important;
  }
  
  .marge {display: none;}
  .intro, .tuyo_chauffage, .tuyo_plomberie  {
    transform: translateX(-50%);
    background-position: center  ;
    min-height:600px !important;
    width: 320px !important;
  }
  strong { font-size: 1.1rem;}
  .cta_chauffage a, .cta_plomberie a,.cta_electricite a, .cta_ventilation a { 
    width: 130px;
    margin-top: 10px;
    margin-left: 10px;
    font-size: 13px !important;
  }
  .mobilcentre {flex-basis:400px !important;}

  /* INTRO MOB */ 
  .intro  {
    background: url(/wp-content/uploads/2025/05/fondectuyo_mob.jpg) no-repeat;
    transform: translateX(-50%) !important;
    background-size: 100%;
    background-position: center 60px ;
    height: 1050px !important;
  }
  .bloc_intro {top: -40px; display: block !important; }
  .intro { margin-left: 5px !important; }
  .intro h3 {font-size: 21px !important; letter-spacing: 0px !important;  width: 60%; }
  .intro h1 {font-size: 15px !important;letter-spacing: 0px !important; line-height: 1.2rem !important; width: 200px;   padding-top: 30px;}
  .intro .wp-block-buttons {display: inherit !important; padding-top: 105px !important;}
  .para_intro {margin-bottom: 50px !important;}
  .introsuite {margin-top: 20px !important;}

  /* CHAUFFAGE MOB */ 
  .tuyo_chauffage {
    background-image: url(/wp-content/uploads/2025/05/fondectuyo_chauffage2.jpg) ;
    padding: 210px 0 0 0 !important;
    background-position: center top ;
    transform: translateX(-40%);
    background-size: 100%;
  }
  .gallery, .chauffage .wp-block-columns , .plomberie .wp-block-columns, .electricite .wp-block-columns , .ventilation .wp-block-columns {
    width: 320px !important;
    padding-left: 0px !important;
  }
  .gallery {margin-top: 20px !important;}
  .gallery .bwg_img_custom img {width: 150px !important; height: auto !important;}

  /* PLOMBERIE MOB */ 
  .tuyo_plomberie {
    background-image: url(/wp-content/uploads/2025/05/fondectuyo_plomberie.jpg) ;
    padding: 150px 0 0 0 !important;
    background-position: center top ;
    transform: translateX(-40%);
    background-size: 100%;
    top:-30px
  }

  /* ELECTRICITE MOB */ 
  .tuyo_electricite {
    
    padding: 150px 0 0 0 !important;
    background-position: center top ;
    transform: translateX(-40%);
    background-size: 100%;
    top:-30px
  }

  /* VENTILATION MOB */ 
  .tuyo_ventilation {
    
    padding: 150px 0 0 0 !important;
    background-position: center top ;
    transform: translateX(-40%);
    background-size: 100%;
    top:-30px
  }

  /* INFOS MOB */
  #section_infos {
    padding: 0px; width: 320px;
    margin: auto !important;
    top:-30px
  }
  #section_infos .infos { padding: 30px !important; margin-top: 20px !important;}
  #section_infos h3 { font-size: 22px !important;}
  .col2 {padding-left: 0 !important;}

  /* CONTACT MOB */
  #section_contact {
      padding: 0px !important;
    }
  #section_contact .contact {
    border-radius: 0 !important;
    padding: 50px !important;
    padding-top: 130px !important;
  }
  .section_contact h2 {font-size: 25px !important;}
  .centre {text-align: center;}
  .footer {top: -0px !important;}


  /* LIGHTBOX */
  .bwg_mosaic_title_spun2_0, .bwg_mosaic_title_spun2_1, .bwg_mosaic_title_spun2_2, .bwg_mosaic_title_spun2_3 {display: none !important;}

}