/* Réinitialisation des marges et du padding pour le corps de la page */
body {
    margin: 0;
    padding: 0;
    background-image: url('asset/image.png'); /* Ajoutez votre chemin d'accès à l'image de fond */
    background-size: cover; /* Ajuste la taille de l'image pour couvrir l'ensemble du corps */
    background-position: center center; /* Centre l'image horizontalement et verticalement */
    background-attachment: fixed; /* Fixe l'image de fond lors du défilement de la page */
}

/* Styles pour le conteneur .clownie */
.clownie {
    text-align: center;
    padding: 40px;
    font-size: 24px;
    background-color: rgba(255, 255, 255, 0.8); /* Couleur de fond semi-transparente pour le contenu */
}

/* Styles pour le header (en-tête) */
header {
    background-color: #333;
    color: #fff;
    text-align: center;
    padding: 20px;
}

/* Style de base pour la navbar */
header nav {
    background-color: #333; /* Couleur de fond de la navbar */
    text-align: center;
}

/* Styles pour la liste non ordonnée (ul) dans la navbar */
header nav ul {
    list-style-type: none; /* Supprime les puces de la liste */
    padding: 0;
}

/* Styles pour les éléments de la liste (li) dans la navbar */
header nav ul li {
    display: inline; /* Affiche les éléments en ligne (côte à côte) */
    margin: 0 20px; /* Marge horizontale entre les éléments de la liste */
}

/* Styles pour les liens (a) dans la navbar */
header nav ul li a {
    text-decoration: none; /* Supprime le soulignement des liens */
    color: #fff; /* Couleur du texte des liens */
    font-weight: bold; /* Gras pour le texte des liens */
    font-size: 18px; /* Taille de police pour le texte des liens */
}

/* Style pour les liens au survol (hover) */
header nav ul li a:hover {
    color: #ff9900; /* Couleur du texte des liens au survol */
}
/* Style pour centrer l'image */
.centered-image {
    display: block;
    margin: 0 auto;
}
/* Styles pour le footer */
footer {
    background-color: #333; /* Couleur de fond du footer */
    color: #fff; /* Couleur du texte du footer */
    text-align: center; /* Centrer le texte horizontalement */
    padding: 10px; /* Ajouter un peu d'espace autour du texte du footer */
}

/* Styles pour la section "services" */
.services {
    background-color: #f0f0f0; /* Couleur de fond de la section */
    padding: 20px; /* Espacement intérieur de la section */
}

.services h2 {
    font-size: 24px; /* Taille de police pour le titre des services */
    text-align: center; /* Centrer le titre horizontalement */
    margin-bottom: 20px; /* Marge en bas du titre */
}

.services p {
    font-size: 18px; /* Taille de police pour le paragraphe des services */
}

.services ul {
    list-style-type: disc; /* Utilisation de puces pour la liste des services */
    padding-left: 20px; /* Espacement à gauche de la liste des services */
}

.services li {
    margin: 10px 0; /* Espacement vertical entre les éléments de la liste des services */
}