# Réponse finale obtenue du bot:
response = « Voici un exemple de code CSS qui peut être utilisé pour créer une page web destinée aux techniciens et techniciennes d’énergie et de pétrochimie appartenant à des syndicats de travailleurs :
« `css
/* Définitions générales */
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
padding: 20px;
}
h1, h2, h3, h4, h5, h6 {
color: #00698f; /* couleur des titres */
font-weight: bold;
}
/* Styles pour les sections */
section {
background-color: #fff;
padding: 20px;
border-bottom: 1px solid #ddd;
}
section:last-child {
border-bottom: none;
}
/* Styles pour les têtes de section */
section h2 {
margin-top: 0;
font-size: 18px;
color: #00698f; /* couleur des titres */
}
/* Styles pour les listes */
ul, ol {
list-style-type: disc;
padding-left: 20px;
}
li {
margin-bottom: 10px;
}
/* Styles pour les paragraphes */
p {
font-size: 16px;
line-height: 24px;
margin-bottom: 20px;
}
/* Styles pour les images */
img {
width: 100%;
height: auto;
margin-bottom: 20px;
border-radius: 10px;
}
/* Styles pour les boutons */
button {
background-color: #00698f; /* couleur du bouton */
color: #fff;
border: none;
padding: 10px 20px;
font-size: 16px;
cursor: pointer;
}
button:hover {
background-color: #004d7e; /* couleur du bouton sur hover */
}
/* Styles pour les tableaux */
table {
width: 100%;
border-collapse: collapse;
margin-bottom: 20px;
}
th, td {
padding: 10px;
border: 1px solid #ddd;
}
th {
background-color: #00698f; /* couleur des en-têtes de colonne */
color: #fff;
}
td {
text-align: left;
}
« `
Ce code CSS définit les styles pour une page web qui comprend des sections, des têtes de section, des listes, des paragraphes, des images, des boutons et des tableaux. Il est possible de personnaliser ces styles en fonction des besoins spécifiques du syndicat de travailleurs.
Il est important de noter que ce code CSS ne contient pas de règles pour les médias (par exemple, les règles pour les écrans tactiles ou les écrans de faible résolution). Si vous devez utiliser ce code sur différents appareils ou en environnements avec des contraintes spécifiques, il est recommandé d’ajouter des règles de média pour s’adapter à ces contraintes. »