# Réponse finale obtenue du bot:
response = « Voici un exemple de code CSS pour créer un site web pour les syndicats de techniciens et techniciennes en énergie et pétrochimie :
« `css
/* Couleurs */
$primary-color: #3498db; /* Bleu */
$secondary-color: #f39c12; /* Jaune */
/* Police */
$font-family: Arial, sans-serif;
$font-size-base: 16px;
/* Styles globaux */
body {
font-family: $font-family;
font-size: $font-size-base;
color: #333;
background-color: #f9f9f9;
}
h1, h2, h3, h4, h5, h6 {
color: $primary-color;
margin-bottom: 10px;
}
a {
text-decoration: none;
color: $secondary-color;
}
a:hover {
color: #666;
}
/* Styles spécifiques */
.technicien-energie {
background-image: url(‘background.jpg’);
background-size: cover;
background-position: center;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
}
.syndicat {
width: 80%;
margin: 40px auto;
padding: 20px;
border: 1px solid #ddd;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.syndicat h2 {
font-size: 24px;
margin-top: 0;
}
.syndicat p {
font-size: 18px;
line-height: 1.5;
}
.syndicat a {
font-size: 16px;
text-decoration: none;
color: #333;
}
.syndicat a:hover {
color: $primary-color;
}
« `
Ce code CSS définit les éléments suivants :
* Les couleurs primaires et secondaires pour l’ensemble du site
* La police et le taille de police par défaut
* Les styles globaux pour le corps du texte, les titres, les liens et les hover
* Les styles spécifiques pour la page des techniciens en énergie (background image, couleur de fond, etc.) et pour le syndicat (formatation du contenu, etc.)
Il est important de personnaliser ce code pour répondre aux besoins spécifiques de votre syndicat. Vous pouvez également ajouter d’autres styles et règles CSS pour améliorer l’expérience utilisateur de votre site web. »