body { color: black; background-color: white; text-align: center; }
#main { background-color: #f4f2ec; text-align: left; width: 700px; margin-right: auto; margin-left: auto; padding: 1px; }
#main2 { 
width: 700px;
padding: 0;
border: solid 5px #fff;
width: 690px;
}
#navigation { 
background-image: url(charte/bandeau.jpg);
background-repeat: no-repeat;
padding-top: 185px;
}
#navigation ul { 
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
background-image: url(charte/nav_fond.gif);
width: 435px;
height: 18px;
margin: 0;
padding: 0;
list-style-type: none;
}
#navigation li {
float: left;
padding: 2px 5px 2px 6px;
}
#navigation li a {
color: #fff;
text-decoration: none;
display: block;
}
#navigation li a:hover {
color: #fff;
text-decoration: underline;
display: block;
}
#zone_principale { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; width: 442px; float: left; padding-left: 3px; }
#zone_principale h2 {
font-size: 15px;
font-family: "Century Gothic", "Trebuchet MS", Arial, Geneva, Helvetica, SunSans-Regular, sans-serif;
font-weight: normal;
margin: 0 0 5px;
padding: 0;
border-bottom: 1px solid #000;
}
#zone_principale img { float: left; margin-right: 5px; border-width: 0; }
#content { line-height: 1.5em; text-align: justify; width: 430px; margin-top: 5px; }
#content ul { font-weight: bold; line-height: 1.2em; text-align: left; margin-top: 5px; display: block; }
#content li { font-weight: normal; margin-left: 15px; list-style-type: none; }
q { font-size: 16px; font-family: "Times New Roman", Georgia, Times, serif; font-style: italic; text-align: left; }
#colonne { width: 245px; float: left; }
#fond_colonne { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #cbdab5; height: auto; margin-top: 5px; padding: 5px; }
#spacer { height: 2px; clear: both; }
#colonne h3 { color: #903; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; margin: 0; padding: 0; border-bottom: 1px solid #000; }
#actus { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; height: 100px; overflow: auto; }
#actus h4 { font-size: 11px; font-weight: normal; margin-top: 5px; margin-bottom: 0; border-bottom: 1px dashed #000; }
#colonne p {
margin: 4px 0 0;
}
a { 
color: #900;
text-decoration: none;
}
a:hover { color: #f30; text-decoration: underline; }
#footer {
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #ccc;
padding: 1px 5px;
border-top: 5px solid #fff;
}
#signature {
float: right;
display: block;
}
.exergue { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 1.2em; background-image: url(charte/stries_oranges.gif); text-align: left; width: 395px; margin-left: 15px; padding: 5px; border: solid 1px #fff; }
.dates { color: #000; background-image: url(charte/stries_oranges.gif); margin: 1px; padding: 2px; }
.compo { background-image: url(charte/bout_pdf.gif); background-repeat: no-repeat; margin-left: 20px; padding-top: 5px; padding-left: 50px; display: block; }
#nav_gammes { text-align: left; float: left; margin-bottom: 20px; padding-left: 10px; display: block; }
.form { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #fff; border: solid 1px black }
.erreur { color: #8b0000; font-weight: bold; }
.verdana12px  { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif }