Scribd
Upload
2 views

texte 2

The document is a CSS stylesheet that defines the styling for a webpage. It includes styles for the body, header, navigation, sections, footer, and forms, focusing on layout, colors, and typography. Key features include a responsive design with a fixed footer and hover effects for links and buttons.

Uploaded by

84x2xwfgk9
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
2 views

texte 2

The document is a CSS stylesheet that defines the styling for a webpage. It includes styles for the body, header, navigation, sections, footer, and forms, focusing on layout, colors, and typography. Key features include a responsive design with a fixed footer and hover effects for links and buttons.

Uploaded by

84x2xwfgk9
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 2

/* Fichier : style.

css */

body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
line-height: 1.6;
background-color: #f9f9f9;
color: #333;
}

header {
background: #004d40;
color: #fff;
padding: 10px 20px;
text-align: center;
}

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

nav ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
justify-content: center;
gap: 20px;
}

nav ul li {
display: inline;
}

nav ul li a {
text-decoration: none;
color: #fff;
font-weight: bold;
}

nav ul li a:hover {
text-decoration: underline;
}

section {
padding: 20px;
margin: 20px auto;
max-width: 800px;
background: #fff;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
border-radius: 5px;
}

section h2 {
color: #004d40;
font-size: 1.8em;
border-bottom: 2px solid #004d40;
padding-bottom: 5px;
}

section img {
width: 100%;
height: auto;
border-radius: 5px;
}

footer {
text-align: center;
background: #004d40;
color: #fff;
padding: 10px 20px;
position: fixed;
bottom: 0;
width: 100%;
}

form {
display: flex;
flex-direction: column;
}

form label {
margin: 10px 0 5px;
font-weight: bold;
}

form input, form textarea, form button {


padding: 10px;
margin-bottom: 15px;
border: 1px solid #ccc;
border-radius: 5px;
}

form button {
background: #004d40;
color: #fff;
border: none;
cursor: pointer;
font-size: 1em;
}

form button:hover {
background: #00332e;
}

You might also like