@font-face {
font-family: 'Futura Std Book';
src: url(https://www.espritcopeaux.quantumdev.fr/wp-content/uploads/2024/12/FuturaStd-Bold.ttf) format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'FuturaTLig';
src: url(https://www.espritcopeaux.quantumdev.fr/wp-content/uploads/2024/12/FuturaTLig.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
.form-label {
display: block;
font-size: 16px;
font-weight: bold;
margin-bottom: 5px;
color: #333;
}
.form-input,
.form-select,
.form-textarea {
width: 100%;
padding: 12px;
font-size: 14px;
margin-bottom: 20px;
border: 1px solid #ddd;
border-radius: 4px;
background-color: #f9f9f9;
}
.form-textarea {
min-height: 120px;
}
.form-checkbox {
margin-right: 10px;
}
.form-submit {
background-color: #28a745;
color: white;
padding: 12px 24px;
font-size: 16px;
border: none;
border-radius: 4px;
cursor: pointer;
display: block;
width: 100%;
text-align: center;
}
.form-submit:hover {
background-color: #218838;
}
.form-consent {
margin-bottom: 20px;
font-size: 12px;
color: #555;
} .galerie-projet {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px;
margin-top: 20px;
justify-content: center;
}
.galerie-item {
position: relative;
overflow: hidden;
border-radius: 10px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15); transition: transform 0.3s ease, box-shadow 0.3s ease;
height: min-content;
max-height: 300px;
}
.galerie-item img {
width: 100%;
height: auto;
display: block;
object-fit: contain; transition: transform 0.3s ease;
}
.galerie-item:hover img {
transform: scale(1.1); }
.galerie-item:hover {
box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.2); } .slick-dots {
list-style-type: none;
display: flex;
margin: 10px 0;
padding: 0;
justify-content: center;
gap: 10px;
}
.slick-dots li {
background: #ccc;
border-radius: 50%;
cursor: pointer;
transition: background 0.3s ease;
}
.slick-dots li.slick-active {
background: #333; } @media (max-width: 1024px) {
.galerie-projet {
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 15px;
}
} @media (max-width: 768px) {
.galerie-projet {
display: block; }
}  .contact-form {
max-width: 600px;
margin: 0 auto;
padding: 0;
}
.form-group {
position: relative;
margin-bottom: 1.5rem;
}
.wpcf7-form-control.form-input,
.wpcf7-form-control.form-textarea {
width: 100%;
padding: 0.75rem;
border: 1px solid #e2e8f0;
border-radius: 0.375rem;
background-color: #f8fafc;
font-size: 0.875rem;
transition: all 0.3s ease;
} .form-label {
position: absolute;
left: 0.75rem;
top: 0.75rem;
color: #64748b;
background-color: transparent;
transition: all 0.2s ease;
pointer-events: none;
font-size: 0.875rem;
transform-origin: left top;
} .form-label.filled {
transform: translateY(-1.4rem) scale(0.85);
color: #801e1d;
background-color: #fff;
}
.form-input:focus ~ .form-label,
.form-textarea:focus ~ .form-label {
transform: translateY(-1.4rem) scale(0.85);
color: #801e1d;
}
.form-input:focus,
.form-textarea:focus {
outline: none;
border-color: #801e1d;
box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
} .wpcf7-form-control.form-select {
width: 100%;
padding: 0.75rem;
border: 1px solid #e2e8f0;
border-radius: 0.375rem;
background-color: #f8fafc;
font-size: 0.875rem;
transition: all 0.3s ease;
appearance: none; } .wpcf7-form-control.form-select {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/ %3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 0.75rem center;
background-size: 1rem;
} .form-label {
position: absolute;
left: 0.75rem;
top: 0.75rem;
color: #64748b;
background-color: transparent;
transition: all 0.2s ease;
pointer-events: none;
font-size: 0.875rem;
transform-origin: left top;
} .wpcf7-form-control.form-select:focus {
outline: none;
border-color: #2563eb;
box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
background-color: white;
} .gb-button-text {
color: #fff !important;
}