# 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 en énergie et pétrochimie :
« `css
/* Définitions générales */
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
}
h1, h2, h3, h4, h5, h6 {
color: #333;
margin-bottom: 10px;
}
p {
font-size: 16px;
line-height: 24px;
margin-bottom: 20px;
}
/* Styles pour les sections */
section {
background-color: #fff;
padding: 20px;
border: 1px solid #ddd;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
section h2 {
margin-top: 0;
}
/* Styles pour les titres */
.title {
font-size: 24px;
color: #333;
font-weight: bold;
text-align: center;
margin-bottom: 10px;
}
/* Styles pour les listes */
ul {
list-style: none;
padding: 0;
margin: 0;
}
li {
font-size: 16px;
line-height: 24px;
margin-bottom: 10px;
}
li:before {
content: « \25A0″;
font-size: 18px;
color: #666;
margin-right: 10px;
}
/* Styles pour les boutons */
.button {
background-color: #4CAF50;
color: #fff;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
}
.button:hover {
background-color: #3e8e41;
}
/* Styles pour les images */
.image {
width: 100%;
height: auto;
margin-bottom: 20px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
« `
Ce code CSS définit des styles pour les éléments de base tels que le corps du document, les titres, les paragraphes, les listes, les boutons et les images. Il est conçu pour être flexible et peut être adapté à différentes pages web en énergie et pétrochimie.
Il est important de noter que ce code CSS n’est pas spécifique à un syndicat en particulier et qu’il faudra le personnaliser en fonction des besoins spécifiques du syndicat. »