106 lines
1.8 KiB
CSS
106 lines
1.8 KiB
CSS
|
|
/* Formulaire de contact */
|
|
.contact-form {
|
|
max-width: 600px;
|
|
margin: 30px auto 0; /* Ajout d'un espace de 20px en haut */
|
|
background-color: #fff;
|
|
padding: 20px;
|
|
border: 1px solid #ddd;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.contact-form h2 {
|
|
color: #a6aa7f;
|
|
text-align: center;
|
|
}
|
|
|
|
.contact-form label {
|
|
display: block;
|
|
margin: 10px 0 5px;
|
|
font-weight: bold;
|
|
color: #333;
|
|
}
|
|
|
|
.contact-form input,
|
|
.contact-form textarea {
|
|
width: 100%;
|
|
padding: 10px;
|
|
border: 1px solid #ddd;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.contact-form button {
|
|
display: block;
|
|
width: 100%;
|
|
padding: 10px;
|
|
background-color: #ffcc00;
|
|
color: #333;
|
|
font-weight: bold;
|
|
border: none;
|
|
border-radius: 5px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.contact-form button:hover {
|
|
background-color: #e6b800;
|
|
}
|
|
|
|
/* Responsivité */
|
|
@media (max-width: 768px) {
|
|
.burger-menu {
|
|
display: flex; /* Affiche le menu burger */
|
|
}
|
|
|
|
nav {
|
|
display: none; /* Cache le menu par défaut sur petits écrans */
|
|
}
|
|
|
|
nav.open {
|
|
display: block; /* Affiche le menu lors de l'ouverture */
|
|
}
|
|
|
|
nav ul {
|
|
display: flex;
|
|
flex-direction: column; /* Les liens deviennent verticaux */
|
|
gap: 20px;
|
|
}
|
|
}
|
|
|
|
/* Boutons globaux */
|
|
.btn {
|
|
display: inline-block;
|
|
background-color: #fefae0;
|
|
color: #333;
|
|
padding: 10px 20px;
|
|
text-decoration: none;
|
|
font-weight: bold;
|
|
border-radius: 5px;
|
|
text-align: center;
|
|
transition: background-color 0.3s ease;
|
|
}
|
|
|
|
.btn:hover {
|
|
background-color: #e6b800;
|
|
color: #000;
|
|
}
|
|
|
|
/* Pied de page sticky */
|
|
footer {
|
|
background-color: #333;
|
|
color: #fff;
|
|
text-align: center;
|
|
padding: 10px 0;
|
|
margin-top: auto; /* Assure que le pied de page reste en bas */
|
|
}
|
|
|
|
footer p {
|
|
margin: 0;
|
|
}
|
|
|
|
footer span {
|
|
color: #ffd700;
|
|
}
|
|
|
|
.cv-atik {
|
|
display:block
|
|
} |