html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }
*,
*::before,
*::after {
box-sizing: border-box; } body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #333333;
background-color: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} h1, h2, h3, h4, h5, h6 {
margin-top: 0.5rem;
margin-bottom: 1rem;
font-family: inherit;
font-weight: 500;
line-height: 1.2;
color: inherit;
}
h1 {
font-size: 2.5rem;
}
h2 {
font-size: 2rem;
}
h3 {
font-size: 1.75rem;
}
h4 {
font-size: 1.5rem;
}
h5 {
font-size: 1.25rem;
}
h6 {
font-size: 1rem;
}
p {
margin-top: 0;
margin-bottom: 0.9rem;
}  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; white-space: pre-wrap;
} a {
background-color: transparent;
text-decoration: none;
color: #CC3366;
}
a:hover, a:active {
color: #333366;
}
a:not([href]):not([tabindex]) {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
outline: 0;
} abbr[title] {
border-bottom: none; text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
height: auto;
max-width: 100%;
}  details {
display: block;
} summary {
display: list-item;
}
figcaption {
font-size: 16px;
color: #333333;
line-height: 1.4;
font-style: italic;
font-weight: 400;
}  template {
display: none;
} [hidden] {
display: none;
}
.hidden {
display: none;
}
.inline-block {
display: inline-block;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
} @media print {
*,
*:before,
*:after {
background: transparent !important;
color: #000 !important; -webkit-box-shadow: none !important;
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: "";
}
pre {
white-space: pre-wrap !important;
}
pre,
blockquote {
page-break-inside: avoid;
border: 1px solid #cccccc;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
} label {
display: inline-block;
line-height: 1;
vertical-align: middle;
} button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 1rem; line-height: 1.5; margin: 0; }
input[type=text],
input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=url],
select,
textarea {
width: 100%;
border: solid 1px #666666;
border-radius: 3px;
padding: 0.5rem 1rem;
transition: all 0.3s;
}
input[type=text]:focus,
input[type=date]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=url]:focus,
select:focus,
textarea:focus {
border-color: #333333;
} button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type=button],
[type=reset],
[type=submit] {
width: auto;
-webkit-appearance: button;
} button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
}
button,
[type=submit],
[type=button] {
display: inline-block;
font-weight: 400;
color: #CC3366;
text-align: center;
white-space: nowrap;
user-select: none;
background-color: transparent;
border: 1px solid #CC3366;
padding: 0.5rem 1rem;
font-size: 1rem;
border-radius: 3px;
transition: all 0.3s;
}
button:focus,
[type=submit]:focus,
[type=button]:focus {
outline: 5px auto -webkit-focus-ring-color;
}
button:hover, button:focus,
[type=submit]:hover,
[type=submit]:focus,
[type=button]:hover,
[type=button]:focus {
color: #ffffff;
background-color: #CC3366;
text-decoration: none;
}
button:not(:disabled),
[type=submit]:not(:disabled),
[type=button]:not(:disabled) {
cursor: pointer;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
resize: vertical;
} [type=checkbox],
[type=radio] {
box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
} [type=search] {
-webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }
select {
display: block;
} table {
background-color: transparent;
width: 100%;
margin-bottom: 15px;
font-size: 0.9em;
border-spacing: 0;
border-collapse: collapse;
}
table th,
table td {
padding: 15px;
line-height: 1.5;
vertical-align: top;
border: 1px solid rgba(128, 128, 128, 0.5019607843);
}
table th {
font-weight: bold;
}
table thead th,
table tfoot th {
font-size: 1em;
}
table caption + thead tr:first-child th,
table caption + thead tr:first-child td,
table caption + thead tr:first-child th,
table caption + thead tr:first-child td,
table colgroup + thead tr:first-child th,
table colgroup + thead tr:first-child td,
table colgroup + thead tr:first-child th,
table colgroup + thead tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td {
border-top: 1px solid rgba(128, 128, 128, 0.5019607843);
}
table tbody > tr:nth-child(odd) > td,
table tbody > tr:nth-child(odd) > th {
background-color: rgba(128, 128, 128, 0.0705882353);
}
table tbody tr:hover > td,
table tbody tr:hover > th {
background-color: rgba(128, 128, 128, 0.1019607843);
}
table tbody + tbody {
border-top: 2px solid rgba(128, 128, 128, 0.5019607843);
}
@media (max-width: 767px) {
table table {
font-size: 0.8em;
}
table table th,
table table td {
padding: 7px;
line-height: 1.3;
}
table table th {
font-weight: 400;
}
} dl,
dt,
dd,
ol,
ul,
li {
margin-top: 0;
margin-bottom: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
} #error {
color: red;
}
.btn-gradient {
display: inline-flex;
height: 3rem;
width: auto;
cursor: pointer;
align-items: center;
border-radius: 0.5rem;
background-image: linear-gradient(to right, var(--tw-gradient-stops));
--tw-gradient-from: #050F36;
--tw-gradient-to: rgb(5 15 54 / 0);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
--tw-gradient-to: #64846F;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 1.75rem;
padding-right: 1.75rem;
font-family: Prompt;
font-size: 18px;
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
border:none;
}
.page-template-formulaire main#content{
min-height: 55vh;
}
.page-template-formulaire #footer-call-us{
display: none;
}
.form-step {
margin-top: 1rem;
display: none;
border-top-width: 1px;
border-bottom-width: 1px;
padding-top: 1rem;
padding-bottom: 1rem;
text-align: center;
border-color: #e5e7eb;
border-bottom-style: solid;
}
.form-step.active {
display: block;
min-height: calc(100vh - 400px);
}
#form-progress-bar-wrapper {
height: 41px;
width: 100%;
border-radius: 9999px;
background-color: rgb(0 18 59 / .05);
}
#form-progress-bar {
position: relative;
display: flex;
height: 41px;
align-items: center;
justify-content: space-between;
border-radius: 9999px;
border-width: 1px;
background-image: linear-gradient(to right, var(--tw-gradient-stops));
--tw-gradient-from: #050F36;
--tw-gradient-to: rgb(5 15 54 / 0);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
--tw-gradient-to: #64846F;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
opacity: 1;
}
#form-progress-bar > div {
margin-left: 1rem;
height: 1.5rem;
}
#form-progress-bar-img {
height: 1.5rem;
width: 1.5rem;
}
#form-progress-bar-img img {
position: absolute;
right: 0.5rem;
margin-left: 0.75rem;
height: 1.5rem;
}
#form-buttons {
margin-top: 2rem;
margin-bottom: 2rem;
text-align: center;
}
.form-title {
margin-bottom: 0.5rem;
font-family: Prompt;
font-weight: 700;
font-size: 25px;
--tw-text-opacity: 1;
color: rgb(5 15 54 / var(--tw-text-opacity));
}
.form-radio input[type="radio"] {
display: none;
}
.form-radio .wpcf7-list-item {
margin-left: 0px;
}
@media (min-width: 1024px) {
.form-radio .wpcf7-list-item {
margin-left: 0.5rem;
}
}
.page-simulateur .form-radio .wpcf7-list-item {
margin-left: 0.5rem;
}
.form-radio .wpcf7-list-item-label {
cursor: pointer;
border-radius: 0.5rem;
border-width: 1px;
padding: 1rem;
border-style: solid;
border-color: #e5e7eb;
}
.form-radio input[type="radio"]:checked + span.wpcf7-list-item-label,  .image-radio .wpcf7-list-item-label:hover {
border-width: 2px;
--tw-border-opacity: 1;
border-color: rgb(98 129 110 / var(--tw-border-opacity));
}
.form-radio input[value="Appartement"] + span.wpcf7-list-item-label {
content: url(//proxihabitat.fr/wp-content/themes/proxy-habitat-theme/images/unappartement.svg);
padding: 0px;
width: 150px;
}
@media (min-width: 640px) {
.form-radio input[value="Appartement"] + span.wpcf7-list-item-label {
width: 200px;
}
}
.form-radio input[value="Maison"] + span.wpcf7-list-item-label {
content: url(//proxihabitat.fr/wp-content/themes/proxy-habitat-theme/images/unemaison.svg);
padding: 0px;
width: 150px;
}
@media (min-width: 640px) {
.form-radio input[value="Maison"] + span.wpcf7-list-item-label {
width: 200px;
}
}
.form-radio input[value="Propriétaire"] + span.wpcf7-list-item-label {
content: url(//proxihabitat.fr/wp-content/themes/proxy-habitat-theme/images/proprietaire.svg);
padding: 0px;
width: 150px;
}
@media (min-width: 640px) {
.form-radio input[value="Propriétaire"] + span.wpcf7-list-item-label {
width: 200px;
}
}
.form-radio input[value="Locataire"] + span.wpcf7-list-item-label {
content: url(//proxihabitat.fr/wp-content/themes/proxy-habitat-theme/images/locataire.svg);
padding: 0px;
width: 150px;
}
@media (min-width: 640px) {
.form-radio input[value="Locataire"] + span.wpcf7-list-item-label {
width: 200px;
}
}
.form-radio input[value="-2ans"] + span.wpcf7-list-item-label {
content: url(//proxihabitat.fr/wp-content/themes/proxy-habitat-theme/images/calendar-2.svg);
padding: 0px;
width: 150px;
}
@media (min-width: 640px) {
.form-radio input[value="-2ans"] + span.wpcf7-list-item-label {
width: 200px;
}
}
.form-radio input[value="2-15ans"] + span.wpcf7-list-item-label {
content: url(//proxihabitat.fr/wp-content/themes/proxy-habitat-theme/images/calendar-2-15.svg);
padding: 0px;
width: 150px;
}
@media (min-width: 640px) {
.form-radio input[value="2-15ans"] + span.wpcf7-list-item-label {
width: 200px;
}
}
.form-radio input[value="+15ans"] + span.wpcf7-list-item-label {
content: url(//proxihabitat.fr/wp-content/themes/proxy-habitat-theme/images/calendar-15.svg);
padding: 0px;
width: 150px;
}
@media (min-width: 640px) {
.form-radio input[value="+15ans"] + span.wpcf7-list-item-label {
width: 200px;
}
}
.form-radio input[value="Chauffage au fioul"] + span.wpcf7-list-item-label {
content: url(//proxihabitat.fr/wp-content/themes/proxy-habitat-theme/images/fioul.svg);
padding: 0px;
width: 150px;
}
@media (min-width: 640px) {
.form-radio input[value="Chauffage au fioul"] + span.wpcf7-list-item-label {
width: 200px;
}
}
.form-radio input[value="Chauffage électrique"] + span.wpcf7-list-item-label {
content: url(//proxihabitat.fr/wp-content/themes/proxy-habitat-theme/images/elec.svg);
padding: 0px;
width: 150px;
}
@media (min-width: 640px) {
.form-radio input[value="Chauffage électrique"] + span.wpcf7-list-item-label {
width: 200px;
}
}
.form-radio input[value="Chauffage au gaz"] + span.wpcf7-list-item-label {
content: url(//proxihabitat.fr/wp-content/themes/proxy-habitat-theme/images/gaz.svg);
padding: 0px;
width: 150px;
}
@media (min-width: 640px) {
.form-radio input[value="Chauffage au gaz"] + span.wpcf7-list-item-label {
width: 200px;
}
}
.form-radio input[value="Chauffage au bois"] + span.wpcf7-list-item-label {
content: url(//proxihabitat.fr/wp-content/themes/proxy-habitat-theme/images/bois.svg);
padding: 0px;
width: 150px;
}
@media (min-width: 640px) {
.form-radio input[value="Chauffage au bois"] + span.wpcf7-list-item-label {
width: 200px;
}
}
.form-radio input[value="Pompe à chaleur"] + span.wpcf7-list-item-label {
content: url(//proxihabitat.fr/wp-content/themes/proxy-habitat-theme/images/pompe.svg);
padding: 0px;
width: 150px;
}
@media (min-width: 640px) {
.form-radio input[value="Pompe à chaleur"] + span.wpcf7-list-item-label {
width: 200px;
}
}
.form-radio input[value="Chauffage au charbon"] + span.wpcf7-list-item-label {
content: url(//proxihabitat.fr/wp-content/themes/proxy-habitat-theme/images/charbon.svg);
padding: 0px;
width: 150px;
}
@media (min-width: 640px) {
.form-radio input[value="Chauffage au charbon"] + span.wpcf7-list-item-label {
width: 200px;
}
}
.form-radio input[value="Pompe à chaleur Air-Air"] + span.wpcf7-list-item-label {
content: url(//proxihabitat.fr/wp-content/themes/proxy-habitat-theme/images/pac-air-air.svg);
padding: 0px;
width: 150px;
}
@media (min-width: 640px) {
.form-radio input[value="Pompe à chaleur Air-Air"] + span.wpcf7-list-item-label {
width: 200px;
}
}
.form-radio input[value="Pompe à chaleur Air-Eau"] + span.wpcf7-list-item-label {
content: url(//proxihabitat.fr/wp-content/themes/proxy-habitat-theme/images/pac-air-eau.svg);
padding: 0px;
width: 150px;
}
@media (min-width: 640px) {
.form-radio input[value="Pompe à chaleur Air-Eau"] + span.wpcf7-list-item-label {
width: 200px;
}
}
.form-radio input[value="Chauffe eau thermodynamique"] + span.wpcf7-list-item-label {
content: url(//proxihabitat.fr/wp-content/themes/proxy-habitat-theme/images/pac-chauffe.svg);
padding: 0px;
width: 150px;
}
@media (min-width: 640px) {
.form-radio input[value="Chauffe eau thermodynamique"] + span.wpcf7-list-item-label {
width: 200px;
}
}
.form-radio input[value="Demande urgente"] + span.wpcf7-list-item-label {
content: url(//proxihabitat.fr/wp-content/themes/proxy-habitat-theme/images/projet-urgent.svg);
padding: 0px;
width: 150px;
}
@media (min-width: 640px) {
.form-radio input[value="Demande urgente"] + span.wpcf7-list-item-label {
width: 200px;
}
}
.form-radio input[value="Quelques semaines"] + span.wpcf7-list-item-label {
content: url(//proxihabitat.fr/wp-content/themes/proxy-habitat-theme/images/projet-semaine.svg);
padding: 0px;
width: 150px;
}
@media (min-width: 640px) {
.form-radio input[value="Quelques semaines"] + span.wpcf7-list-item-label {
width: 200px;
}
}
.form-radio input[value="Devis déjà signé"] + span.wpcf7-list-item-label {
content: url(//proxihabitat.fr/wp-content/themes/proxy-habitat-theme/images/projet-devis.svg);
padding: 0px;
width: 150px;
}
@media (min-width: 640px) {
.form-radio input[value="Devis déjà signé"] + span.wpcf7-list-item-label {
width: 200px;
}
}
.form-radio input[value="Renseignement"] + span.wpcf7-list-item-label {
content: url(//proxihabitat.fr/wp-content/themes/proxy-habitat-theme/images/projet-renseignement.svg);
padding: 0px;
width: 150px;
}
@media (min-width: 640px) {
.form-radio input[value="Renseignement"] + span.wpcf7-list-item-label {
width: 200px;
}
}
.form-radio input[value="Inférieur à 30225€"] + span.wpcf7-list-item-label {
content: url(//proxihabitat.fr/wp-content/themes/proxy-habitat-theme/images/budget-30.svg);
padding: 0px;
width: 150px;
}
@media (min-width: 640px) {
.form-radio input[value="Inférieur à 30225€"] + span.wpcf7-list-item-label {
width: 200px;
}
}
.form-radio input[value="Entre 30225 et 36792€"] + span.wpcf7-list-item-label {
content: url(//proxihabitat.fr/wp-content/themes/proxy-habitat-theme/images/budget-30-36.svg);
padding: 0px;
width: 150px;
}
@media (min-width: 640px) {
.form-radio input[value="Entre 30225 et 36792€"] + span.wpcf7-list-item-label {
width: 200px;
}
}
.form-radio input[value="Entre 36792 et 56130€"] + span.wpcf7-list-item-label {
content: url(//proxihabitat.fr/wp-content/themes/proxy-habitat-theme/images/budget-36-56.svg);
padding: 0px;
width: 150px;
}
@media (min-width: 640px) {
.form-radio input[value="Entre 36792 et 56130€"] + span.wpcf7-list-item-label {
width: 200px;
}
}
.form-radio input[value="Supérieur à 56130€"] + span.wpcf7-list-item-label {
content: url(//proxihabitat.fr/wp-content/themes/proxy-habitat-theme/images/budget-56.svg);
padding: 0px;
width: 150px;
}
@media (min-width: 640px) {
.form-radio input[value="Supérieur à 56130€"] + span.wpcf7-list-item-label {
width: 200px;
}
}
#form-stepable {
padding-left: 1rem;
padding-right: 1rem;
}
#form-stepable input[type="text"].wpcf7-form-control::placeholder, #form-stepable input[type="email"].wpcf7-form-control::placeholder, #form-stepable input[type="tel"].wpcf7-form-control::placeholder, #form-stepable input[type="number"].wpcf7-form-control::placeholder, .elementor-field-group .elementor-field-textual::placeholder{
font-size: 14px;
font-weight: 300;
color: #4a4a4a;
}
#form-stepable input[type="text"].wpcf7-form-control, #form-stepable input[type="email"].wpcf7-form-control, #form-stepable input[type="tel"].wpcf7-form-control, #form-stepable input[type="number"].wpcf7-form-control{
background-color: #f7f7f8;
border-radius: 10px;
margin: auto;
height: 46px;
width: 90%;
padding-left: 10px;
padding-right: 10px;
text-align: center
}
#form-stepable input[type="number"].wpcf7-form-control{
width: 300px!important;
}
@media (min-width: 640px) {
#form-stepable input[type="text"].wpcf7-form-control,  #form-stepable input[type="email"].wpcf7-form-control,  #form-stepable input[type="tel"].wpcf7-form-control,  #form-stepable input[type="number"].wpcf7-form-control {
width: auto;
}
}
#form-stepable .btn-gradient {
height: auto;
}
@media (min-width: 640px) {
#form-stepable .btn-gradient {
height: 3rem;
}
}
.form-step p{
margin-top: 0px;
margin-bottom: 15px;
}
.wpcf7 form .wpcf7-response-output{
border: 0px;
font-size: 13px;
}
.wpcf7 form.sent .wpcf7-response-output{
text-align: center;
color: #02904B;
font-family: 'AvenirNextLTPro-Bold';
}
.wpcf7 form.invalid .wpcf7-response-output{
text-align: center;
color: red;
font-family: 'AvenirNextLTPro-Medium';
}