html, body {

padding: 0; 

margin: 3px 5px 5px 0;

font-size: 11px;

font-family: "Trebuchet MS", arial, verdana, helvetica, sans-serif;

color: #000000;

background-color: #E1D29B;

text-align: justify;

line-height: 15px;

}





/* liens normaux */

a:link, a:visited{

color: #000000;

text-decoration: underline;

}

a:active, a:hover{

color: #CE871D;

text-decoration: none;

}

/* Titres */

h1 {

font-size: 14px;

color: #A64708;

font-weight: bold;

text-align: left;

margin-top: 0;

margin-bottom: 3px;

display: block;

}

#gauche h1 {

color: #A50818;

text-decoration: underline;

}

/* Mini titre */

.minititre {

font-weight: bold;

border-bottom: 1px solid #000000;

}

/* lignes */

hr {

border-top: 1px dotted black;

width: 100%;

clear: both;

margin-top: 10px;

/* hack pour MSIE qui ne sait pas gérer le margin ! */

voice-family: "\"}\"";

voice-family: inherit;

margin-top: 0;

}

html>body hr {

margin-top: 10px;

}

#gauche hr {

border-bottom: 1px solid #EFE7C6;

border-left: 1px solid #EFE7C6;

border-right: 1px solid #EFE7C6;

}

#droite hr {

border-bottom: 1px solid #E0D19A;

border-left: 1px solid #E0D19A;

border-right: 1px solid #E0D19A;

}

/* footer pied de page */

#footer {

width: 770px;

text-align: center;

font-size: 10px;

color: #CE871D;

margin: auto;

}

/* liens footer */

.af:link, .af:visited{

font-size: 10px;

color: #CE871D;

text-decoration: underline;

}

.af:active, .af:hover{

color: #EFE7C6;

}

/* Eléments de formulaire */

form {

width: auto;

text-align: center;

margin: 0;

font-weight: bold;

}

input {

margin: 1px;

font-size: 10px;

vertical-align: middle;

}

.inpt {

background-image: url("images/input.jpg");

background-repeat: no-repeat;

border: 2px inset black;

}

.sub {

border: 2px solid #CE871D;

background-color: #A50818;

color: #EFE7C6;

font-weight: bold;

}

/* Image flottante a gauche */

.pic-left {

float: left;

border: 1px solid #A64708;

margin-right: 5px;

}

/* Image flottante a droite */

.pic-right {

float: right;

border: 1px solid #A64708;

margin-left: 5px;

}

/* Eléments divers */

img {

border: 0;

vertical-align: middle;

}

p {

margin: 5px 0 0px 0;

clear: left;

}

.myp {

margin: 0;

}

.end {

clear: both;

height: 0;

line-height: 0;

}