# Réponse finale obtenue du bot:
response = « Voici un exemple de code CSS pour créer une page web pour les syndicats de techniciens/techniciennes en énergie et pétrochimie :
« `css
/* Début du code CSS */
/* Couleurs */
body {
background-color: #f2f2f2; /* Blanc */
}
header {
background-color: #3498db; /* Bleu foncé */
color: #fff; /* Blanc */
padding: 20px;
text-align: center;
}
nav ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #3498db; /* Bleu foncé */
}
nav li {
float: left;
}
nav a {
display: block;
color: #fff; /* Blanc */
text-decoration: none;
padding: 15px;
}
nav a:hover {
background-color: #2ecc71; /* Vert clair */
color: #fff; /* Blanc */
}
main {
max-width: 800px;
margin: 40px auto;
padding: 20px;
box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
background-color: #f2f2f2; /* Blanc */
}
article {
font-size: 18px;
line-height: 24px;
margin-bottom: 40px;
}
h1 {
font-weight: bold;
font-size: 24px;
margin-top: 0;
}
footer {
background-color: #3498db; /* Bleu foncé */
color: #fff; /* Blanc */
padding: 10px;
text-align: center;
clear: both;
}
/* Fin du code CSS */
« `
Ce code CSS définit les règles pour le layout et l’apparence de la page web. Il utilise des couleurs bleues foncées et blanches pour créer un design professionnel et attractif. Les éléments HTML sont stylés pour créer une structure claire et facile à lire.
Les règles définies dans ce code CSS incluent :
* La mise en page du header avec un background-color bleu foncé et des couleurs blanches pour le texte.
* La mise en page du menu navigation avec des éléments listés sans style, padding et margin pour créer une barre de navigation propre.
* La mise en page du main avec un maximum de largeur de 800 pixels, un padding et un box-shadow pour créer une zone d’information claire.
* La mise en page des articles avec un font-size et une line-height définis pour créer une lecture facile.
* La mise en page du footer avec un background-color bleu foncé et des couleurs blanches pour le texte.
Ce code CSS est conçu pour être personnalisé et adapté aux besoins spécifiques de votre syndicat. Vous pouvez l’adapter et le modifier pour créer une page web qui reflète votre identité visuelle et vos objectifs. »