# Réponse finale obtenue du bot:
response = « Voici un exemple de code CSS qui peut être utilisé pour créer une page web pour les syndicats de techniciens et techniciennes dans le domaine de l’énergie et de la pétrochimie :
« `css
/* Couleurs */
body {
background-color: #f5f5f5; /* Blanc clair */
}
header {
background-color: #333; /* Gris foncé */
color: #fff; /* Blanc */
padding: 20px;
text-align: center;
}
nav ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333; /* Gris foncé */
}
nav li {
float: left;
}
nav a {
display: block;
color: #fff; /* Blanc */
text-decoration: none;
}
nav a:hover {
background-color: #444; /* Gris moyen */
color: #fff; /* Blanc */
}
main {
display: flex;
flex-direction: column;
align-items: center;
padding: 20px;
}
article {
background-color: #f0f0f0; /* Blanc clair */
padding: 20px;
margin-bottom: 20px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
h1 {
font-size: 24px;
color: #333; /* Gris foncé */
}
h2 {
font-size: 18px;
color: #666; /* Gris moyen */
}
p {
font-size: 16px;
line-height: 1.5;
color: #444; /* Gris moyen */
}
/* Responsive design */
@media (max-width: 768px) {
main {
flex-direction: column;
}
article {
margin-bottom: 10px;
}
}
« `
Ce code CSS définit les éléments de base suivants :
* Un header avec un fond gris foncé et du texte blanc
* Un menu navigable (nav) avec des liens en blanc sur un fond gris foncé
* Un contenu principal (main) avec une disposition flexbox pour aligner les articles horizontalement
* Des articles avec un fond blanc clair, des bordures légères et un shadow pour ajouter de l’ombre
* Des titres (h1 et h2) avec des couleurs différentes pour créer une hiérarchie
* Du texte (p) avec une taille de police et une hauteur de ligne définies
Il est important de noter que ce code CSS est un exemple et qu’il peut être adapté et personnalisé en fonction des besoins spécifiques du syndicat.
En fin de compte, le code CSS ci-dessus ne contient pas de propriétés qui pourraient être considérées comme « techno » ou « pétrochimique », mais il est conçu pour créer une page web simple et professionnelle qui peut servir de base pour les syndicats de techniciens et techniciennes dans le domaine de l’énergie et de la pétrochimie. »