Voici un exemple de code CSS pour une page ou une section dédiée aux ouvriers de scierie, en particulier pour une équipe de sécurité. Ce code inclut des styles pour les éléments de texte, les boutons, les images et la disposition générale. Assurez-vous d’adapter les classes et les ID en fonction de votre HTML spécifique.

« `css
/* Styles généraux */
body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
margin: 0;
padding: 0;
color: #333;
}

/* Conteneur principal */
.container {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}

/* En-tête */
header {
background-color: #006600;
color: white;
padding: 20px 0;
text-align: center;
}

header h1 {
margin: 0;
font-size: 2.5em;
}

/* Section de présentation */
.intro {
text-align: center;
padding: 50px 20px;
}

.intro h2 {
font-size: 2em;
margin-bottom: 20px;
}

.intro p {
font-size: 1.2em;
line-height: 1.5;
}

/* Section équipe de sécurité */
.team {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
margin-top: 50px;
}

.team-member {
background-color: white;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
margin: 10px;
padding: 20px;
flex: 1 1 calc(33.333% – 40px);
box-sizing: border-box;
text-align: center;
}

.team-member img {
width: 100px;
height: 100px;
border-radius: 50%;
object-fit: cover;
}

.team-member h3 {
font-size: 1.5em;
margin-top: 10px;
}

.team-member p {
font-size: 1em;
margin: 10px 0;
}

/* Boutons */
button {
background-color: #006600;
color: white;
border: none;
padding: 10px 20px;
cursor: pointer;
font-size: 1em;
border-radius: 5px;
transition: background-color 0.3s ease;
}

button:hover {
background-color: #004d00;
}

/* Pied de page */
footer {
background-color: #333;
color: white;
text-align: center;
padding: 10px 0;
position: fixed;
bottom: 0;
width: 100%;
}
« `

Pour une meilleure structure, voici comment vous pourriez organiser votre HTML en utilisant ces classes et ID:

« `html

Équipe de Sécurité – Scierie

« `

Assurez-vous d’ajuster les chemins des images et le contenu en fonction de vos besoins spécifiques.