Bien sûr, voici un exemple de code CSS qui pourrait être utilisé pour un site web destiné aux ouvriers de scierie et à l’équipe de sécurité. Ce code CSS vise à offrir un style simple et professionnel tout en mettant l’accent sur la lisibilité et la facilité d’utilisation.
« `css
/* Réinitialisation des styles par défaut du navigateur */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
color: #333;
line-height: 1.6;
}
/* En-tête */
header {
background: #333;
color: #fff;
padding: 20px 0;
text-align: center;
}
header h1 {
margin: 0;
font-size: 2.5em;
}
/* Navigation */
nav {
background: #444;
color: #fff;
display: flex;
justify-content: center;
padding: 10px 0;
}
nav a {
color: #fff;
text-decoration: none;
margin: 0 15px;
font-size: 1.1em;
}
nav a:hover {
text-decoration: underline;
}
/* Section principale */
.main-section {
padding: 20px;
}
.main-section h2 {
color: #333;
margin-bottom: 20px;
font-size: 2em;
}
.main-section p {
margin-bottom: 20px;
font-size: 1.1em;
}
/* Section de sécurité */
.safety-section {
background: #e2e2e2;
padding: 20px;
margin: 20px 0;
border-radius: 5px;
}
.safety-section h2 {
color: #b22222;
}
.safety-section ul {
list-style-type: none;
padding: 0;
}
.safety-section ul li {
background: #fff;
margin: 10px 0;
padding: 10px;
border-left: 5px solid #b22222;
font-size: 1.1em;
}
/* Pied de page */
footer {
background: #333;
color: #fff;
text-align: center;
padding: 10px 0;
position: fixed;
bottom: 0;
width: 100%;
}
footer p {
margin: 0;
font-size: 0.9em;
}
« `
Ce code CSS couvre les éléments de base d’un site web typique pour des ouvriers de scierie et une équipe de sécurité, avec une structure qui comprend un en-tête, une navigation, une section principale, une section dédiée à la sécurité, et un pied de page.
N’hésitez pas à adapter ce code en fonction des besoins spécifiques de votre site web ou des préférences de design de votre équipe.