body {
margin: 0;
background: #ffffff url(Images/bandeau.jpg) no-repeat fixed;
background-position: 70px 100px;
color: #990000;
font-family: Trebuchet MS;
font-size: 0.8em;
text-align: justify;
}

h1, h2, h3 {
margin: 0;
padding: 0;
}

a {
color: #ffffff;
text-decoration: none;
border: none;
}

img {
border: none;
}

.light
{border: none;}


#container {
width: 800px;
position: absolute;
background: url(Images/pagefondwe.png);
margin-top: 50px;
margin-left: 120px;
}

#header {
background: #333333 url(Images/headerweb.png) no-repeat;
margin-top: 0;
height: 260px;
}

#header span {
display: none;
}

#texte {
width: 760px;
padding-left: 40px;
color: white;
padding-bottom: 20px;
}

#texte p {
color: #333333;
right: 120px;
padding-top: 0;
margin-top: 0;
}

#texte h3 {
background: url(Images/h3carre.jpg) no-repeat;
margin-bottom: 8px;
background-position: left;
line-height: 25px;
height: 50px;
text-align: right;
font-variant: small-caps;
font-size: 1.8em;
}

#texte a {
color: #333333;
}

#texte2 a {
color: #333333;
}

#cadre1 {
color: white;
float: left;
width: 340px;
}

#cadre2 {
color: white;
margin-left: 360px;
width: 340px;
}

#texte2 {
clear: both;
width: 760px;
padding-left: 40px;
color: #333333;
}

#texte2 h3 {
background: url(Images/h3carre.jpg) no-repeat;
color: white;
margin-bottom: 8px;
background-position: left;
line-height: 25px;
height: 50px;
text-align: right;
font-variant: small-caps;
font-size: 1.8em;
}

#cadre3 {
color: white;
float: left;
width: 340px;
}

#cadre4 {
color: white;
margin-left: 360px;
width: 340px;
}

#menu {
position: absolute;
padding-top: 0;
margin-top: 0;
top: 16px;
left: 85px;
color: #7b0f52;
font-family: Trebuchet MS;
font-size: 1.1em;
}

#menu ul {
list-style-type: none ;
padding-top: 0;
margin-top: 0;
}

#menu li {
display: inline;
margin-top: 0;
padding-top: 0;
height: 60px;
float: left;
width: 127px;
text-align: center;
}

#menu li a {
text-decoration: none;
color: #7B0F52;
}

#menu li a:hover {
text-decoration: underline;
color: #ffffff;
}

#footer {
clear: both;
width: 800px;
background: url(Images/footerweb.png) no-repeat;
background-position: bottom;
color: #333333;
text-align: center;
height: 110px;
}

#footer span {
color: #ffffff;
text-align: center;
font-size: 0.7em;
padding-top: 10px;
padding-bottom: 4px;
}

#introduction {
position: absolute;
top: 95px;
left: 100px;
color: #333333;
width: 290px;
font-size: 0.9em;
}

#introduction span {
font-variant: small-caps;
color: #ffffff;
font-size: 1.2em;
}

#texte fieldset {
width: 650px;
border: #333333 1px solid;
}

#texte fieldset legend {
padding: 0 10px;
border-left: #CCC 1px solid;
border-right: #CCC 1px solid;
font-size: 1.2em;
color: white;
margin-bottom: 20px;
}

#texte input, #texte select {
margin-left: 10px;
width: 300px;
border: #333333 1px solid;
}

#texte textarea {
margin-left: 10px;
border: #333333 1px solid;
}

#texte input[type="submit"] {
margin-top : 15px;
width: 200px;
background: #333333;
border: #white 1px solid;
margin-left: 20px;
color: white;
}

#texte input[type="submit"]:hover {
background: #660033;
border: #333333 1px solid;
color: white;
}

#texte input[type="reset"] {
margin-top : 15px;
width: 200px;
background: #333333;
border: #white 1px solid;
margin-left: 20px;
color: white;
}

#texte input[type="reset"]:hover {
background: #660033;
border: #333333 1px solid;
color: white;
}

#texte label {
display: block;
width : 160px;
float: left;
text-align: right;
letter-spacing: 1px;
color: white;
}