@font-face{font-family:GlacialIndifference;src:url(//pv-solaire-energie.com/wp-content/themes/my-listing/assets/fonts/GlacialIndifference/Regular.otf);font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:GlacialIndifference;src:url(//pv-solaire-energie.com/wp-content/themes/my-listing/assets/fonts/GlacialIndifference/Bold.otf);font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:GlacialIndifference;src:url(//pv-solaire-energie.com/wp-content/themes/my-listing/assets/fonts/GlacialIndifference/Italic.otf);font-weight:400;font-style:italic;font-display:swap}.c27-main-header .header-skin{
background:rgba(255,255,255,.86) !important;
-webkit-backdrop-filter:saturate(180%) blur(14px);
backdrop-filter:saturate(180%) blur(14px);
border-bottom:1px solid rgba(26,26,26,.07) !important;
box-shadow:0 6px 24px rgba(26,26,26,.05);
} @media (min-width:1201px){
.c27-main-header.header,
.c27-main-header.header.header-scroll{ height:72px; }
.c27-main-header + .c27-top-content-margin{ height:72px; }
.c27-main-header .header-top{ padding:0 24px; }
.c27-main-header .header-container .header-top .logo a img,
.c27-main-header .logo img{ height:34px !important; max-height:34px !important; width:auto; } .c27-main-header .header-left .quick-search-instance{ display:none; }
.c27-main-header .header-right .search-trigger{ display:flex; align-items:center; margin:0 8px 0 0; order:-1; }
.c27-main-header .header-right .search-trigger a{ width:40px; height:40px; border-radius:50%; justify-content:center; color:#1a1a1a; transition:background-color .15s ease; }
.c27-main-header .header-right .search-trigger a:hover{ background:#f3efea; }
.c27-main-header .header-right .search-trigger a i{ padding:0; color:#1a1a1a; font-size:21px; } .c27-main-header .header-center{ min-width:0; margin-left:24px !important; }
.c27-main-header .i-nav > ul.main-menu{ height:72px; align-items:center; }
.c27-main-header .i-nav > ul.main-menu > li{ position:relative; display:flex; align-items:center; height:72px; margin:0 7px !important; padding:0; }
.c27-main-header .i-nav > ul.main-menu > li > a{ position:relative; font-size:13.5px !important; font-weight:500; letter-spacing:0; color:#1a1a1a !important; padding:8px 0; line-height:1.3; transition:color .15s ease; }
.c27-main-header .i-nav > ul.main-menu > li > a:hover,
.c27-main-header .i-nav > ul.main-menu > li:hover > a{ color:#d94901 !important; }
.c27-main-header .i-nav > ul.main-menu > li.current-menu-item > a,
.c27-main-header .i-nav > ul.main-menu > li.current-menu-ancestor > a,
.c27-main-header .i-nav > ul.main-menu > li.current-post-ancestor > a,
.c27-main-header .i-nav > ul.main-menu > li.current-menu-parent > a{ color:#d94901 !important; }
.c27-main-header .i-nav > ul.main-menu > li::after{ content:""; position:absolute; left:0; right:0; bottom:0; height:2px; border-radius:2px; background:#fd5902; transform:scaleX(0); transition:transform .2s ease; }
.c27-main-header .i-nav > ul.main-menu > li:hover::after,
.c27-main-header .i-nav > ul.main-menu > li.current-menu-item::after,
.c27-main-header .i-nav > ul.main-menu > li.current-menu-ancestor::after,
.c27-main-header .i-nav > ul.main-menu > li.current-post-ancestor::after{ transform:scaleX(1); }
.c27-main-header .i-nav > ul.main-menu > li > .submenu-toggle{ margin-left:3px; opacity:.55; }
.c27-main-header .i-nav > ul.main-menu > li > .submenu-toggle i{ font-size:16px; } .c27-main-header .main-nav .i-dropdown{
top:64px; width:268px; padding:8px; border-radius:16px; border:1px solid #efe9e2;
box-shadow:0 22px 50px rgba(26,26,26,.14), 0 2px 6px rgba(26,26,26,.05);
}
.c27-main-header .main-nav .i-dropdown::before{ display:none; }
.c27-main-header .main-nav .i-dropdown .i-dropdown{ left:calc(100% + 6px) !important; top:-9px !important; }
.c27-main-header .main-nav .i-dropdown li a{ margin:0; padding:10px 12px; border-bottom:0; border-radius:10px; font-size:14px; line-height:1.4; color:#1a1a1a; white-space:normal; transition:background-color .15s ease, color .15s ease; }
.c27-main-header .main-nav .i-dropdown li a:hover{ padding-left:12px; background:#fff3e8; color:#d94901; }
.c27-main-header .main-nav .i-dropdown li.menu-item-has-children > a::after{ content:"›"; position:absolute; right:12px; top:50%; transform:translateY(-52%); font-size:18px; color:#b3aaa1; } .c27-main-header .user-profile-dropdown .i-dropdown{
width:250px; padding:8px; border-radius:16px; border:1px solid #efe9e2; background:#fff;
box-shadow:0 22px 50px rgba(26,26,26,.14), 0 2px 6px rgba(26,26,26,.05);
}
.c27-main-header .user-profile-dropdown .i-dropdown::before{ display:none !important; }
.c27-main-header .user-profile-dropdown .i-dropdown li a{
margin:0 !important; padding:10px 12px !important; border-bottom:0 !important; border-radius:10px;
font-size:14px; line-height:1.4; color:#1a1a1a !important; transition:background-color .15s ease, color .15s ease;
}
.c27-main-header .user-profile-dropdown .i-dropdown li a:hover,
.c27-main-header .user-profile-dropdown .i-dropdown li.current-menu-item a{ padding-left:12px !important; background:#fff3e8; color:#d94901 !important; }
.c27-main-header .user-profile-dropdown .i-dropdown > li:last-child{ margin-top:6px; padding-top:6px; border-top:1px solid #f1ece6; }
.c27-main-header .user-profile-dropdown .i-dropdown > li:last-child a{ color:#d94901 !important; font-weight:600; } .c27-main-header .header-right{ gap:0; }
.c27-main-header .user-area{ margin-right:12px; height:auto; font-size:14px; }
.c27-main-header .user-area.signin-area{ box-sizing:border-box; height:40px !important; gap:5px; padding:0 14px; border:1px solid #e3dcd4; border-radius:999px; transition:border-color .15s ease; }
.c27-main-header .user-area.signin-area a{ line-height:1.2; padding:0; }
.c27-main-header .user-area.signin-area:hover{ border-color:#fd5902; }
.c27-main-header .user-area.signin-area > i.user-area-icon{ padding:0 !important; font-size:19px; color:#1a1a1a !important; }
.c27-main-header .user-area.signin-area a{ color:#1a1a1a !important; font-weight:600; }
.c27-main-header .user-area.signin-area a:hover{ color:#d94901 !important; }
.c27-main-header .user-area.signin-area > span{ opacity:.5; }
.c27-main-header .user-area .user-profile-name{ padding:6px 12px 6px 6px; border:1px solid #e3dcd4; border-radius:999px; font-size:14px; font-weight:600; color:#1a1a1a !important; } .c27-main-header .header-button a.buttons{ padding:11px 18px !important; border-radius:12px !important; font-size:14px !important; font-weight:600; line-height:1.2; box-shadow:0 6px 16px rgba(253,89,2,.28); transition:transform .15s ease, box-shadow .15s ease; }
.c27-main-header .header-button a.buttons:hover{ transform:translateY(-1px); box-shadow:0 10px 22px rgba(253,89,2,.36); }
} @media (min-width:1201px) and (max-width:1799px){
.c27-main-header .user-area.signin-area > span,
.c27-main-header .user-area.signin-area > a ~ a{ display:none; }
}
@media (min-width:1201px) and (max-width:1365px){
.c27-main-header .header-button{ display:none; }
}
@media (min-width:1201px) and (max-width:1439px){
.c27-main-header .header-top{ padding:0 18px; }
.c27-main-header .header-center{ margin-left:12px !important; }
.c27-main-header .i-nav > ul.main-menu > li{ margin:0 5px !important; }
}
@media (min-width:1366px) and (max-width:1439px){
.c27-main-header .i-nav > ul.main-menu > li{ margin:0 4px !important; }
.c27-main-header .header-button a.buttons{ padding:10px 14px !important; }
}
@media (min-width:1440px){
.c27-main-header .header-center{ margin-left:16px !important; }
.c27-main-header .i-nav > ul.main-menu > li{ margin:0 7px !important; }
.c27-main-header .i-nav > ul.main-menu > li > a{ font-size:14px !important; }
}
@media (min-width:1600px){
.c27-main-header .header-top{ padding:0 28px; }
.c27-main-header .i-nav > ul.main-menu > li{ margin:0 9px !important; }
.c27-main-header .i-nav > ul.main-menu > li > a{ font-size:14.5px !important; }
}
@media (min-width:1800px){
.c27-main-header .header-center{ margin-left:24px !important; }
.c27-main-header .i-nav > ul.main-menu > li{ margin:0 12px !important; }
.c27-main-header .i-nav > ul.main-menu > li > a{ font-size:15px !important; }
}
@media (min-width:1900px){
.c27-main-header .header-left .quick-search-instance{ display:block; margin-left:18px; }
.c27-main-header .header-right .search-trigger{ display:none; }
.c27-main-header .header-left .header-search{ width:240px; }
.c27-main-header .header-left .header-search input{ height:42px; padding:10px 14px 10px 38px !important; border-radius:999px; background:#f5f2ee; border:1px solid transparent; font-size:14px; }
.c27-main-header .header-left .header-search input:focus{ background:#fff; border-color:#ffd2b3; }
.c27-main-header .header-left .header-search > i.mi.search{ left:13px; top:50%; transform:translateY(-50%); }
} @media (min-width:1201px) and (max-width:1799px){
.c27-main-header .user-area .user-profile-name{ font-size:0 !important; gap:2px; padding:4px 6px 4px 4px !important; }
.c27-main-header .user-area .user-profile-name div.avatar{ margin-right:0 !important; }
.c27-main-header .user-area .user-profile-name .submenu-toggle i{ font-size:20px !important; }
.c27-main-header .user-area .messaging-center{ margin-left:10px; }
} @media (min-width:1201px){
#quicksearch-mobile-modal.show-modal{ display:flex !important; align-items:flex-start; justify-content:center; padding:96px 24px 24px !important; background:rgba(20,16,12,.42); }
#quicksearch-mobile-modal .modal-dialog{ width:100%; max-width:680px; margin:0; position:relative; top:auto; }
#quicksearch-mobile-modal .modal-content{ position:relative; border:0; border-radius:18px; box-shadow:0 30px 80px rgba(0,0,0,.28); padding:8px 62px 8px 12px; overflow:visible; }
#quicksearch-mobile-modal .header-search{ display:block !important; width:100%; float:none; } #quicksearch-mobile-modal .header-search input{ height:54px; font-size:17px; color:#1a1a1a !important; background:transparent !important; border:0 !important; padding:0 0 0 34px !important; }
#quicksearch-mobile-modal .header-search input::placeholder{ color:#8a8178 !important; }
#quicksearch-mobile-modal .header-search > i.mi.search{ color:#d94901 !important; top:50%; transform:translateY(-50%); }
#quicksearch-mobile-modal button.close{ position:absolute; z-index:5; right:14px; top:50% !important; transform:translateY(-50%); width:36px; height:36px; margin:0; padding:0; border-radius:50%; border:1px solid rgba(0,0,0,.12); background:#fff; opacity:1; display:flex; align-items:center; justify-content:center; }
#quicksearch-mobile-modal button.close span{ font-size:22px; line-height:1; color:#5c5c5c; }
#quicksearch-mobile-modal .instant-results{ top:calc(100% + 14px); left:-12px; right:-62px; width:auto; border-radius:16px; overflow:hidden; box-shadow:0 22px 50px rgba(0,0,0,.18); }
} @media (max-width:1200px){
.c27-main-header .i-nav .mobile-nav-button a,
.c27-main-header .i-nav .pvse-mobile-devis-cta a{ display:flex !important; align-items:center; justify-content:center; width:auto !important; margin:0 16px; height:50px; border-radius:12px; font-weight:700; text-align:center; }
.c27-main-header .i-nav .mobile-nav-button{ margin-top:16px; }
}#c27-single-listing{
--pf-orange:#fd5902;
--pf-orange-dark:#d94901;
--pf-orange-soft:#fff3e8;
--pf-orange-line:#ffd2b3;
--pf-ink:#1a1a1a;
--pf-text:#2b2b2b;
--pf-gray:#5c5c5c;
--pf-line:#ece7e1;
--pf-bg:#faf8f6;
--pf-shadow:0 1px 2px rgba(26,26,26,.04), 0 8px 24px rgba(26,26,26,.06);
background:var(--pf-bg);
font-family:'Google Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
} @media (min-width:768px){
#c27-single-listing .profile-cover{ position:relative; }
#c27-single-listing .profile-cover::after{
content:""; position:absolute; left:0; right:0; top:auto !important; bottom:0; height:62%; pointer-events:none; z-index:1;
background:linear-gradient(0deg, rgba(14,10,6,.78) 0%, rgba(14,10,6,.32) 55%, rgba(14,10,6,0) 100%);
}
#c27-single-listing .profile-cover .listing-main-info{ z-index:2; }
}
#c27-single-listing .profile-name h1{ font-family:inherit; font-weight:700; letter-spacing:-.015em; }
@media (min-width:768px){ #c27-single-listing .profile-cover .profile-name h1{ text-shadow:0 2px 18px rgba(0,0,0,.35); } }
#c27-single-listing .profile-cover .listing-rating i{ color:#ffb547; } #c27-single-listing .listing-main-buttons ul li a{
border-radius:14px !important; padding:13px 22px !important; font-weight:700 !important; font-size:15px !important;
box-shadow:0 10px 26px rgba(253,89,2,.38); transition:transform .15s ease, box-shadow .15s ease;
}
#c27-single-listing .listing-main-buttons ul li a:hover{ transform:translateY(-2px); box-shadow:0 14px 32px rgba(253,89,2,.48); } #c27-single-listing .profile-header{ background:#fff; border-bottom:1px solid var(--pf-line); box-shadow:0 4px 18px rgba(26,26,26,.04); }
#c27-single-listing .profile-menu ul li a{ font-family:inherit; font-size:15px; font-weight:600; color:var(--pf-gray); }
#c27-single-listing .profile-menu ul li a:hover{ color:var(--pf-ink); }
#c27-single-listing .profile-menu ul li.active a{ color:var(--pf-ink); }
#c27-single-listing .profile-menu ul li a .items-counter{ background:var(--pf-orange-soft); color:var(--pf-orange-dark); font-weight:700; } #c27-single-listing .quick-listing-actions ul li a{
background:#fff !important; border:1px solid #e3dcd4 !important; border-radius:999px !important;
color:var(--pf-ink) !important; font-weight:600; transition:border-color .15s ease, color .15s ease, transform .15s ease;
}
#c27-single-listing .quick-listing-actions ul li a i{ color:var(--pf-orange) !important; }
#c27-single-listing .quick-listing-actions ul li a:hover{ border-color:var(--pf-orange) !important; color:var(--pf-orange-dark) !important; transform:translateY(-1px); } #c27-single-listing .cts-column-wrapper .element{
background:#fff; border:1px solid var(--pf-line); border-radius:18px; box-shadow:var(--pf-shadow);
padding:22px 24px; margin-bottom:20px;
}
#c27-single-listing .cts-column-wrapper .element .pf-head{ margin-bottom:14px; padding:0; border:0; }
#c27-single-listing .cts-column-wrapper .element .pf-head .title-style-1{ display:flex; align-items:center; gap:10px; }
#c27-single-listing .cts-column-wrapper .element .pf-head .title-style-1 i{
flex:none; width:30px; height:30px; border-radius:9px; display:inline-flex; align-items:center; justify-content:center;
background:var(--pf-orange-soft); color:var(--pf-orange-dark) !important; font-size:17px; position:static; margin:0; padding:0;
}
#c27-single-listing .cts-column-wrapper .element .pf-head h5{ font-family:inherit; font-size:15.5px; font-weight:700; color:var(--pf-ink); letter-spacing:0; text-transform:none; margin:0; }
#c27-single-listing .cts-column-wrapper .element .pf-body{ font-size:15.5px; line-height:1.65; color:var(--pf-text); } #c27-single-listing .listing-details ul li a .cat-icon{ border-radius:10px !important; }
#c27-single-listing .listing-details ul li a .category-name{ color:var(--pf-text); font-weight:500; }
#c27-single-listing .listing-details ul li a:hover .category-name{ color:var(--pf-orange-dark); } #c27-single-listing .block-field-job_description .pf-body{ font-size:16.5px; line-height:1.72; }
#c27-single-listing .block-field-job_description .pf-body h2{ font-family:inherit; font-size:25px; line-height:1.25; font-weight:700; letter-spacing:-.01em; color:var(--pf-ink); margin:1.4em 0 .5em; }
#c27-single-listing .block-field-job_description .pf-body h2:first-child{ margin-top:0; }
#c27-single-listing .block-field-job_description .pf-body h3{ font-family:inherit; font-size:19px; font-weight:700; color:var(--pf-ink); margin:1.2em 0 .4em; }
#c27-single-listing .block-field-job_description .pf-body p{ margin:0 0 1em; }
#c27-single-listing .block-field-job_description .pf-body a{ color:var(--pf-orange-dark); text-decoration:underline; text-underline-offset:3px; } #c27-single-listing .block-type-gallery .pf-body img,
#c27-single-listing .block-type-gallery .pf-body a{ border-radius:12px; }
#c27-single-listing .block-type-location .element .pf-body > div:first-child{ border-radius:14px; overflow:hidden; }
#c27-single-listing .block-field-job_cover .pf-body img{ max-height:220px; width:100%; object-fit:contain; } #c27-single-listing .pvse-devis-cta-colonne > *,
#pvse-devis-cta-box-bas{ border-radius:20px !important; } #c27-single-listing .similar-listings{ background:transparent; }
#c27-single-listing .similar-listings .section-title h2{ font-family:inherit; font-size:clamp(24px,2.6vw,30px); font-weight:700; letter-spacing:-.01em; color:var(--pf-ink); }
#c27-single-listing .similar-listings .section-body.grid{ display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; height:auto !important; margin:0; padding:0 15px; }
#c27-single-listing .similar-listings .section-body.grid::before,
#c27-single-listing .similar-listings .section-body.grid::after{ content:none; }
#c27-single-listing .similar-listings .grid-item{ position:static !important; left:auto !important; top:auto !important; transform:none !important; width:auto !important; float:none !important; padding:0 !important; min-width:0; }
#c27-single-listing .similar-listings .lf-item-container{ margin:0; border-radius:16px; overflow:hidden; box-shadow:0 2px 10px rgba(0,0,0,.06); transition:transform .18s ease, box-shadow .18s ease; }
#c27-single-listing .similar-listings .lf-item-container:hover{ transform:translateY(-3px); box-shadow:0 14px 30px rgba(0,0,0,.12); } @media (max-width:991px){
#c27-single-listing .similar-listings .section-body.grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:767px){
#c27-single-listing .cts-column-wrapper .element{ padding:18px 18px; border-radius:16px; margin-bottom:14px; }
#c27-single-listing .block-field-job_description .pf-body{ font-size:16px; }
#c27-single-listing .block-field-job_description .pf-body h2{ font-size:22px; } #c27-single-listing .similar-listings .section-body.grid{ display:flex !important; gap:14px; overflow-x:auto; scroll-snap-type:x mandatory; padding:4px 16px 14px; margin:0 -15px; scrollbar-width:none; -webkit-overflow-scrolling:touch; }
#c27-single-listing .similar-listings .section-body.grid::-webkit-scrollbar{ display:none; }
#c27-single-listing .similar-listings .grid-item{ flex:0 0 80%; scroll-snap-align:start; }
}
@media (prefers-reduced-motion:reduce){
#c27-single-listing *{ transition:none !important; }
} body #pvse-devis-cta-box,
body #pvse-devis-cta-box-bas,
body #pvse-devis-cta-box.pvse-devis-cta-lateral{
position:relative; overflow:hidden; isolation:isolate;
background:
radial-gradient(ellipse 70% 90% at 100% 0%, rgba(255,154,87,.26) 0, rgba(255,154,87,0) 60%),
linear-gradient(135deg,#fff3ea 0%,#ffe9da 100%) !important;
border:1px solid #ffdcc4 !important; border-radius:22px !important;
box-shadow:0 14px 34px rgba(217,73,1,.10) !important;
padding:28px 24px 24px !important; text-align:center !important;
} body #pvse-devis-cta-box::after,
body #pvse-devis-cta-box-bas::after{
content:""; position:absolute; z-index:-1; width:150px; height:150px; right:-34px; top:-34px; opacity:.35; pointer-events:none;
background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffb27f' stroke-width='1.5' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41'/%3E%3C/svg%3E") center/contain no-repeat;
} body #pvse-devis-cta-box > p:first-child,
body #pvse-devis-cta-box-bas > p:first-child{
display:inline-block; margin:0 0 14px !important; padding:6px 14px; border-radius:999px;
background:#fff; border:1px solid #ffd2b3; box-shadow:0 4px 12px rgba(217,73,1,.08);
color:#c2410c !important; font-size:12px !important; letter-spacing:.08em !important;
} body #pvse-devis-cta-box > p:nth-child(2),
body #pvse-devis-cta-box-bas > p:nth-child(2){
color:#1a1a1a !important; font-size:20px !important; line-height:1.3 !important; font-weight:700 !important;
margin:0 0 20px !important;
} body #pvse-devis-cta-box #pvse-devis-cta,
body #pvse-devis-cta-box-bas #pvse-devis-cta-bas,
body #pvse-devis-cta-box.pvse-devis-cta-lateral #pvse-devis-cta{
display:block !important; background:linear-gradient(135deg,#ff7a3d 0%,#ff9a5c 100%) !important; color:#fff !important;
border-radius:14px !important; padding:15px 20px !important; font-size:15.5px !important; font-weight:700 !important; line-height:1.35;
box-shadow:0 10px 22px rgba(253,89,2,.20) !important; transition:transform .15s ease, box-shadow .15s ease, background-color .15s ease !important;
}
body #pvse-devis-cta-box #pvse-devis-cta:hover,
body #pvse-devis-cta-box-bas #pvse-devis-cta-bas:hover{ transform:translateY(-2px); background:linear-gradient(135deg,#f96f30 0%,#ff8f4f 100%) !important; box-shadow:0 14px 28px rgba(253,89,2,.28) !important; } @media (min-width:600px){
body #pvse-devis-cta-box:not(.pvse-devis-cta-lateral) #pvse-devis-cta,
body #pvse-devis-cta-box-bas #pvse-devis-cta-bas{ display:inline-block !important; padding:15px 30px !important; }
body #pvse-devis-cta-box:not(.pvse-devis-cta-lateral) > p:nth-child(2),
body #pvse-devis-cta-box-bas > p:nth-child(2){ font-size:23px !important; }
} #c27-single-listing .block-type-code .pf-body > div[style*="border-top:4px"]{
max-width:none !important; margin:0 !important; padding:24px 20px 22px !important;
border:0 !important; box-shadow:none !important; border-radius:16px !important;
background:linear-gradient(180deg,#fff7f0 0%,#fffdfb 70%) !important;
} #c27-single-listing .block-type-code .pf-body > div[style*="border-top:4px"] > div:first-child{
background:#dcfce7 !important; color:#15803d !important; border:1px solid #bbf7d0;
font-size:12px !important; letter-spacing:.06em !important; padding:6px 14px !important; margin-bottom:16px !important;
} #c27-single-listing .block-type-code .pf-body > div[style*="border-top:4px"] > p:first-of-type{ font-size:19px !important; color:#1a1a1a !important; } #c27-single-listing .block-type-code .pf-body > div[style*="border-top:4px"] div[style*="background:#f7f7f7"]{
background:#fff !important; border:1px solid #ece7e1; border-radius:12px !important;
box-shadow:0 1px 2px rgba(26,26,26,.04);
} #c27-single-listing .block-type-code .pf-body > div[style*="border-top:4px"] a[style*="background:#ff6a00"]{
background:linear-gradient(135deg,#fd5902 0%,#ff7a29 100%) !important; border-radius:12px !important;
padding:14px 24px !important; box-shadow:0 10px 24px rgba(253,89,2,.28) !important;
transition:transform .15s ease, box-shadow .15s ease;
}
#c27-single-listing .block-type-code .pf-body > div[style*="border-top:4px"] a[style*="background:#ff6a00"]:hover{
background:linear-gradient(135deg,#d94901 0%,#fd5902 100%) !important; transform:translateY(-2px);
box-shadow:0 14px 30px rgba(253,89,2,.36) !important;
}
@media (max-width:767px){
#c27-single-listing .block-type-code .pf-body > div[style*="border-top:4px"]{ padding:20px 14px 18px !important; }
#c27-single-listing .block-type-code .pf-body > div[style*="border-top:4px"] a[style*="background:#ff6a00"]{ display:block !important; padding:14px 16px !important; }
} #c27-single-listing .block-type-code .pf-body > div[style*="border-top:4px"] img{ mix-blend-mode:multiply; }footer.footer .footer-bottom{ display:none !important; }
footer.footer{ background:#fff !important; padding:28px 0 20px !important; }
footer.footer:not(:has(ins.adsbygoogle)){ display:none !important; } .pa-pied{
--pp-orange:#fd5902;
--pp-orange-clair:#ff9a57;
background:#16120e;
color:rgba(255,255,255,.72);
font-family:'Google Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
position:relative;
overflow:hidden;
}
.pa-pied::before{
content:""; position:absolute; width:620px; height:620px; left:-220px; top:-320px; pointer-events:none;
background:radial-gradient(circle, rgba(253,89,2,.20) 0%, rgba(253,89,2,0) 65%);
}
.pa-pied *{ box-sizing:border-box; }
.pa-pied a{ text-decoration:none; }
.pa-pied-large{ position:relative; max-width:1200px; margin:0 auto; padding:64px 24px 0; }
.pa-pied-grille{ display:grid; grid-template-columns:minmax(0,1.5fr) repeat(4,minmax(0,1fr)); gap:40px 32px; padding-bottom:48px; } .pa-pied-logo{ display:inline-flex; align-items:center; gap:10px; color:#fff !important; font-size:19px; font-weight:800; letter-spacing:.01em; }
.pa-pied-logo svg{ color:var(--pp-orange); }
.pa-pied-logo em{ font-style:normal; color:var(--pp-orange); font-weight:800; }
.pa-pied-marque p{ margin:16px 0 22px; font-size:14.5px; line-height:1.65; color:rgba(255,255,255,.66); max-width:340px; }
.pa-pied-devis{
display:inline-flex; align-items:center; gap:8px; padding:12px 18px; border-radius:12px;
background:var(--pp-orange); color:#fff !important; font-weight:700; font-size:14.5px;
box-shadow:0 10px 24px rgba(253,89,2,.3); transition:transform .15s ease, background-color .15s ease;
}
.pa-pied-devis:hover{ background:#d94901; transform:translateY(-1px); } .pa-pied-titre{ margin:4px 0 16px; color:#fff; font-size:14px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
.pa-pied-col ul{ list-style:none; margin:0; padding:0; }
.pa-pied-col li{ margin:0 0 11px; }
.pa-pied-col a{ color:rgba(255,255,255,.68) !important; font-size:14.5px; line-height:1.45; transition:color .15s ease; }
.pa-pied-col a:hover{ color:var(--pp-orange-clair) !important; } .pa-pied-bas{ display:flex; flex-wrap:wrap; align-items:center; gap:14px 28px; padding:22px 0 26px; border-top:1px solid rgba(255,255,255,.1); font-size:13.5px; }
.pa-pied-copy{ margin:0; color:rgba(255,255,255,.55); }
.pa-pied-copy a{ color:rgba(255,255,255,.75) !important; font-weight:600; }
.pa-pied-legal{ display:flex; flex-wrap:wrap; gap:6px 20px; list-style:none; margin:0; padding:0; }
.pa-pied-legal a{ color:rgba(255,255,255,.55) !important; }
.pa-pied-legal a:hover{ color:#fff !important; }
.pa-pied-social{ margin-left:auto; display:flex; align-items:center; flex-wrap:wrap; gap:14px; } .pa-pied-social p{ display:flex; align-items:center; gap:12px; margin:0; } .pa-pied-social a[href*="linkedin"]{
display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; border-radius:50%;
background:rgba(255,255,255,.08); color:#fff !important; font-size:16px; transition:background-color .15s ease;
}
.pa-pied-social a[href*="linkedin"]:hover{ background:#0a66c2; } .pa-pied-social a[href*="fonixia"]{
margin-left:0 !important; padding:6px 12px !important; font-size:11.5px !important; font-weight:600 !important;
color:rgba(255,255,255,.75) !important; background:rgba(255,255,255,.06) !important;
border:1px solid rgba(255,255,255,.14) !important; border-radius:999px !important;
}
.pa-pied-social a[href*="fonixia"]:hover{ background:#2ecc71 !important; border-color:#2ecc71 !important; color:#fff !important; } @media (max-width:1100px){
.pa-pied-grille{ grid-template-columns:repeat(4,minmax(0,1fr)); }
.pa-pied-marque{ grid-column:1 / -1; display:flex; flex-wrap:wrap; align-items:center; gap:14px 28px; }
.pa-pied-marque p{ margin:0; flex:1 1 360px; max-width:none; }
}
@media (max-width:767px){
footer.footer{ padding:18px 0 12px !important; }
.pa-pied-large{ padding:44px 18px 0; }
.pa-pied-grille{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px 20px; padding-bottom:36px; }
.pa-pied-marque{ display:block; }
.pa-pied-marque p{ margin:14px 0 18px; }
.pa-pied-devis{ width:100%; justify-content:center; }
.pa-pied-col a{ font-size:14px; }
.pa-pied-bas{ flex-direction:column; align-items:flex-start; gap:14px; }
.pa-pied-social{ margin-left:0; }
}
@media (prefers-reduced-motion:reduce){
.pa-pied *{ transition:none !important; }
}.tunnel-solaire-wrapper{
--tu-orange:#fd5902; --tu-orange-dark:#d94901; --tu-orange-soft:#fff3e8; --tu-orange-line:#ffd2b3;
--tu-ink:#1a1a1a; --tu-text:#334155; --tu-gray:#64748b; --tu-line:#e7e0d8;
max-width:none !important; width:100% !important;
font-family:'Google Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
} .pvse-devis .pvse-form-card{ max-width:1040px !important; padding:38px 44px !important; }
#demande-de-devis .tunnel-solaire-wrapper{ max-width:none !important; } .tunnel-solaire-wrapper .progress-container{ margin:6px 0 30px !important; padding:16px 18px; background:#faf6f2; border-radius:16px; }
.tunnel-solaire-wrapper .progress-text{ display:flex; align-items:center; justify-content:space-between; margin-bottom:10px !important; font-size:12.5px !important; color:var(--tu-gray) !important; letter-spacing:.06em; }
.tunnel-solaire-wrapper .progress-text span{ display:inline-block; min-width:44px; text-align:center; padding:3px 10px; border-radius:999px; background:var(--tu-orange) !important; color:#fff !important; font-size:12.5px; }
.tunnel-solaire-wrapper .form-progress-bar{ height:10px !important; background:#ece4dc !important; border-radius:999px !important; }
.tunnel-solaire-wrapper .progress-fill{
background:linear-gradient(90deg,#fd5902 0%,#ff9d4d 100%) !important; border-radius:999px;
box-shadow:0 2px 8px rgba(253,89,2,.35); transition:width .45s cubic-bezier(.4,0,.2,1) !important;
} .tunnel-solaire-wrapper .step-title h2,
.tunnel-solaire-wrapper .step-title h3{ font-family:inherit; font-size:clamp(21px,2.3vw,26px) !important; color:var(--tu-ink) !important; letter-spacing:-.01em; margin-bottom:16px !important; }
.tunnel-solaire-wrapper .form-step .input-block label strong{ font-size:17px !important; color:var(--tu-ink) !important; margin-bottom:12px !important; }
.tunnel-solaire-wrapper .form-step label{ color:var(--tu-text) !important; }
.tunnel-solaire-wrapper .form-step > .step-subtitle:first-child{ border-radius:14px !important; } .tunnel-solaire-wrapper .tuiles-options{ gap:14px !important; }
.tunnel-solaire-wrapper .tuiles-options .wpcf7-list-item-label{
min-height:128px !important; padding:16px 12px !important; gap:2px;
background:#fff !important; border:2px solid var(--tu-line) !important; border-radius:18px !important;
font-size:15px !important; font-weight:600 !important; color:var(--tu-ink) !important; text-align:center; line-height:1.3 !important;
box-shadow:0 1px 2px rgba(26,26,26,.04), 0 6px 16px rgba(26,26,26,.05) !important;
transition:transform .15s ease, border-color .15s ease, box-shadow .15s ease, background-color .15s ease !important;
} .tunnel-solaire-wrapper .tuiles-options .wpcf7-list-item-label::before{
width:54px; height:54px; border-radius:50%; display:flex !important; align-items:center; justify-content:center;
background:var(--tu-orange-soft); color:var(--tu-orange-dark) !important; font-size:28px !important; margin:0 0 10px !important;
transition:background-color .15s ease, color .15s ease !important;
}
.tunnel-solaire-wrapper .tuiles-options .wpcf7-list-item:hover .wpcf7-list-item-label{
border-color:#ffb98a !important; background:#fffaf6 !important; transform:translateY(-2px);
box-shadow:0 2px 4px rgba(26,26,26,.05), 0 14px 28px rgba(253,89,2,.12) !important;
} html body .tunnel-solaire-wrapper .tuiles-options input[type="radio"]:checked + .wpcf7-list-item-label,
html body .tunnel-solaire-wrapper .tuiles-options input[type="checkbox"]:checked + .wpcf7-list-item-label{ background:linear-gradient(135deg,#fff1e6 0%,#ffe4d1 100%) !important; border-color:#ff9a5c !important;
color:#a8430c !important; box-shadow:0 10px 24px rgba(253,89,2,.14) !important; transform:translateY(-2px);
}
html body .tunnel-solaire-wrapper .tuiles-options input[type="radio"]:checked + .wpcf7-list-item-label::before,
html body .tunnel-solaire-wrapper .tuiles-options input[type="checkbox"]:checked + .wpcf7-list-item-label::before,
html body .tunnel-solaire-wrapper .op-couverture .wpcf7-list-item input[type="radio"]:checked + .wpcf7-list-item-label::before{
background:#ff8a4c; color:#fff !important;
} .tunnel-solaire-wrapper .tuiles-options .wpcf7-list-item{ position:relative; }
.tunnel-solaire-wrapper .tuiles-options input:checked ~ .wpcf7-list-item-label{ position:relative; }
.tunnel-solaire-wrapper .tuiles-options .wpcf7-list-item:has(input:checked)::after{
content:""; position:absolute; top:10px; right:10px; z-index:3; width:24px; height:24px; border-radius:50%; pointer-events:none;
background:#ff8a4c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center no-repeat;
box-shadow:0 2px 6px rgba(217,73,1,.25);
} .tunnel-solaire-wrapper .op-logement .wpcf7-list-item-label::after{ border-radius:999px !important; padding:3px 9px !important; }
html body .tunnel-solaire-wrapper .op-logement input[type="radio"]:checked + .wpcf7-list-item-label::after{ background:#ffd2b3 !important; color:#a8430c !important; } .tunnel-solaire-wrapper .form-input{
border:2px solid var(--tu-line) !important; border-radius:14px !important; background:#fff !important;
font-family:inherit; color:var(--tu-ink);
transition:border-color .15s ease, box-shadow .15s ease;
}
.tunnel-solaire-wrapper .form-input:focus{ border-color:var(--tu-orange) !important; box-shadow:0 0 0 4px rgba(253,89,2,.14) !important; }
.tunnel-solaire-wrapper textarea.form-input{ height:auto !important; min-height:110px; } .tunnel-solaire-wrapper .pvse-solar-card{ border-radius:20px !important; } .tunnel-solaire-wrapper .custom-form-navigation{ border-top:1px solid #f1ebe4 !important; padding-top:24px !important; margin-top:28px !important; gap:12px; }
.tunnel-solaire-wrapper .btn-nav-step{
border-radius:14px !important; padding:15px 30px !important; font-size:16px !important; font-family:inherit;
display:inline-flex; align-items:center; gap:8px; line-height:1.2;
}
.tunnel-solaire-wrapper .btn-next-step{
margin-left:auto; background:linear-gradient(135deg,#fd5902 0%,#ff7a29 100%) !important; border:0 !important; color:#fff !important;
box-shadow:0 12px 26px rgba(253,89,2,.32) !important;
}
.tunnel-solaire-wrapper .btn-next-step:hover{ transform:translateY(-2px); box-shadow:0 16px 32px rgba(253,89,2,.42) !important; }
.tunnel-solaire-wrapper .btn-prev-step{ background:#fff !important; border:2px solid var(--tu-line) !important; color:var(--tu-text) !important; }
.tunnel-solaire-wrapper .btn-prev-step:hover{ border-color:var(--tu-orange) !important; color:var(--tu-orange-dark) !important; } .tunnel-solaire-wrapper .verify-sms-btn-custom,
.tunnel-solaire-wrapper .wpcf7-submit{ border-radius:14px !important; padding:17px !important; font-size:17px !important; } @media (max-width:767px){
.pvse-devis .pvse-form-card{ padding:22px 14px !important; }
.tunnel-solaire-wrapper .progress-container{ padding:12px 14px; margin-bottom:22px !important; } .tunnel-solaire-wrapper .tuiles-options .wpcf7-list-item-label{ min-height:72px !important; padding:12px 14px !important; text-align:left; }
.tunnel-solaire-wrapper .tuiles-options .wpcf7-list-item-label::before{ width:44px; height:44px; font-size:24px !important; margin:0 14px 0 0 !important; flex:none; }
.tunnel-solaire-wrapper .op-logement .wpcf7-list-item-label::before{ margin:0 0 6px !important; }
.tunnel-solaire-wrapper .tuiles-options .wpcf7-list-item:has(input:checked)::after{ top:50%; transform:translateY(-50%); right:14px; }
.tunnel-solaire-wrapper .btn-nav-step{ padding:14px 20px !important; font-size:15px !important; }
}
@media (prefers-reduced-motion:reduce){
.tunnel-solaire-wrapper *{ transition:none !important; }
} .tunnel-solaire-wrapper .op-equipements .wpcf7-list-item:nth-child(1) .wpcf7-list-item-label::before{ content:"thermostat" !important; } .tunnel-solaire-wrapper .pvse-solar-visuel{ text-align:center; }
.tunnel-solaire-wrapper .pvse-solar-visuel img{ max-width:460px; margin:0 auto; border-radius:14px !important; }
.tunnel-solaire-wrapper .pvse-solar-visuel .pvse-solar-legende{ max-width:460px; margin-left:auto !important; margin-right:auto !important; text-align:center; }
@media (max-width:767px){
.tunnel-solaire-wrapper .pvse-solar-visuel img,
.tunnel-solaire-wrapper .pvse-solar-visuel .pvse-solar-legende{ max-width:100%; }
} html body .tunnel-solaire-wrapper .tuiles-options .wpcf7-list-item .wpcf7-list-item-label::before{
display:flex !important; align-items:center !important; justify-content:center !important;
line-height:1 !important; text-align:center !important; padding:0 !important; box-sizing:border-box;
color:var(--tu-orange-dark) !important; }
@media (max-width:767px){
html body .tunnel-solaire-wrapper .tuiles-options .wpcf7-list-item .wpcf7-list-item-label::before{ font-size:24px !important; }
} .tunnel-solaire-wrapper .cloudflare-wrapper{
display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:14px 24px;
margin:24px 0 14px !important; padding:16px 18px; border-radius:18px;
background:linear-gradient(135deg,#fff7f0 0%,#fffbf8 100%); border:1px solid #ffe2cc;
}
.tunnel-solaire-wrapper .pa-ts-intro{ display:flex; align-items:center; gap:14px; flex:1 1 260px; min-width:0; }
.tunnel-solaire-wrapper .pa-ts-ico{
flex:none; width:44px; height:44px; border-radius:12px; display:flex; align-items:center; justify-content:center;
background:#fff; border:1px solid #ffd2b3; color:#d94901; box-shadow:0 4px 12px rgba(217,73,1,.08);
}
.tunnel-solaire-wrapper .pa-ts-intro strong{ display:block; font-size:15.5px; color:#1a1a1a; line-height:1.3; }
.tunnel-solaire-wrapper .pa-ts-intro div span{ display:block; font-size:13.5px; color:#6b5f55; line-height:1.45; margin-top:2px; }
.tunnel-solaire-wrapper .cloudflare-wrapper .cf-turnstile{ flex:none; min-height:65px; }
.tunnel-solaire-wrapper .cloudflare-wrapper .cf-turnstile iframe{ border-radius:10px; }
@media (max-width:767px){
.tunnel-solaire-wrapper .cloudflare-wrapper{ padding:14px; justify-content:center; }
.tunnel-solaire-wrapper .cloudflare-wrapper .cf-turnstile{ margin:0 auto; }
}:root { --accent: #ff5900; } @keyframes spin3 { 0%, 100% { box-shadow: 10px 10px rgba(255, 89, 0, 1), -10px 10px rgba(255, 89, 0, 0.2), -10px -10px rgba(255, 89, 0, 1), 10px -10px rgba(255, 89, 0, 0.2); } 25% { box-shadow: -10px 10px rgba(255, 89, 0, 0.2), -10px -10px rgba(255, 89, 0, 1), 10px -10px rgba(255, 89, 0, 0.2), 10px 10px rgba(255, 89, 0, 1); } 50% { box-shadow: -10px -10px rgba(255, 89, 0, 1), 10px -10px rgba(255, 89, 0, 0.2), 10px 10px rgba(255, 89, 0, 1), -10px 10px rgba(255, 89, 0, 0.2); } 75% { box-shadow: 10px -10px rgba(255, 89, 0, 0.2), 10px 10px rgba(255, 89, 0, 1), -10px 10px rgba(255, 89, 0, 0.2), -10px -10px rgba(255, 89, 0, 1); } } #wpadminbar { top: 0 !important; } #c27-site-wrapper { background-color: #f9f9f9 }