# 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 techniciens/techniciennes de l’énergie et de la pétrochimie pour les syndicats de travailleurs :
« `css
/* Couleurs */
body {
background-color: #f0f0f0; /* gris clair */
}
h1, h2, h3 {
color: #00698f; /* bleu foncé */
}
nav ul li a {
color: #008000; /* vert moyen */
}
/* Typographie */
body {
font-family: Arial, sans-serif;
font-size: 16px;
line-height: 1.5em;
}
h1 {
font-weight: bold;
font-size: 24px;
}
h2 {
font-weight: bold;
font-size: 18px;
}
h3 {
font-weight: bold;
font-size: 14px;
}
/* Design */
header {
background-color: #00698f; /* bleu foncé */
padding: 20px;
text-align: center;
}
nav ul {
list-style-type: none;
margin: 0;
padding: 0;
}
nav ul li {
display: inline-block;
margin-right: 10px;
}
nav a {
color: #008000; /* vert moyen */
text-decoration: none;
}
nav a:hover {
color: #00698f; /* bleu foncé */
}
main {
display: block;
width: 80%;
margin-left: auto;
margin-right: auto;
padding: 20px;
}
footer {
background-color: #00698f; /* bleu foncé */
padding: 10px;
text-align: center;
clear: both;
}
« `
Ce code CSS définit les règles pour le design et la mise en page de la page web. Il utilise des couleurs telles que le bleu foncé (#00698f) et le vert moyen (#008000) pour créer un style cohérent.
Il définit également les règles pour la typographie, comme la police d’écriture Arial, sans-serif, et les tailles de police pour les titres (h1, h2, h3).
Enfin, il définit les règles pour le design global de la page, comme les marges, les espaces entre éléments, etc.
Il est important de noter que ce code CSS est un exemple et qu’il peut être ajusté en fonction des besoins spécifiques de votre projet. »