body {
font-family: Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
color: #ffffff;
background-color:#ffffff;
}
p {
margin: 0 0 10px 0;
}
hr {
clear: both;
visibility: hidden;
}
.spacer {
clear : both;
}
#header {
height: 150px;
background: url(images/si_haut.jpg) no-repeat bottom center;
width:780px;
margin-left : auto;
margin-right : auto;
margin-top: 0px;
margin-bottom: 0px;
}
#header p {
display:none;
}
#conteneur {
width:780px;
margin-left : auto;
margin-right : auto;
margin-top: 10px;
margin-bottom: 0px;
background: url(images/si_centre.jpg) repeat-y;
background-color:#ffffff;
}
#centre {
  margin-right: 2em;
  margin-left: 150px;
}
#centre h1 {
font-size: 14pt;
color: #ffff00;
padding-left: 1em;
padding-right: 1em;
padding-top: 0.8em;
font-family: Comic sans ms, Verdana, sans-serif;
text-align: center;
}
#centre h2 {
font-size: 12pt;
color: #ffffff;
padding-left: 1em;
padding-right: 1em;
padding-top: 0.8em;
font-family: Comic sans ms, Verdana, sans-serif;
text-align: center;
}

#centre p {
padding-left: 2em;
padding-right: 2em;
text-align: center;
font-size: 10pt;
font-family: Comic sans ms, Verdana, sans-serif;
padding-top: 0em;
}
#centre a {
font-size: 10pt;
color: #ffff00;
text-decoration: none;
}
#centre a:hover {
color: #ccff33;
text-decoration: underline;
}
.justify {
padding-left: 2em;
padding-right: 2em;
text-align: justify;
font-size: 10pt;
font-family: Comic sans ms, Verdana, sans-serif;
padding-top: 0em;
}
#pied {
margin-left : auto;
margin-right : auto;
margin-top: 0px;
height: 57px;
text-align: center;
background: url(images/si_bas.jpg) no-repeat top center;
font-size: 7pt;
}
#pied p {
padding-top: 18px;
}
#pied  a {
color: #006600;
font-weight: bold;
text-decoration: none;
}
#pied  a:hover {
color: #003300;
text-decoration: underline;
}
.menu {
padding-top: 4em;
list-style-type: none;
color: #ccff33;
position: absolute;
width: 100px;
font-size: 10pt;
}
.menu li {
}
.menu a {
color: #ccff33;
display: block;
border-bottom: 2px #ffffcc dotted;
}
.menu a:link {
text-decoration:none;
text-transform:none;
color: #ccff33;
}
.menu a:visited {
text-decoration:none;
text-transform:none;
color: #ccff33;
}
.menu a:active {
text-decoration:none;
text-transform:none;
color: #ccff33;
}
.menu a:hover {
text-decoration:none;
text-transform:none;
color: #ffff00;
}
.flag {
margin-left: auto;
margin-right: auto;
width: 700px;
text-align: center;
background-color: #ffffff;
font-size: 8pt;
color: #c0c0c0;
font-family: arial, sans-serif;
}

.flag a:link {
text-decoration:none;
text-transform:none;
font-style: normal;
color:#c0c0c0;
background-color: #ffffff;
}

.flag a:visited {
text-decoration:none;
text-transform:none;
color: #c0c0c0;
font-style: normal;
background-color: #ffffff;
}

.flag a:active {
text-decoration:none;
text-transform:none;
color:#c0c0c0;
font-style: normal;
background-color: #ffffff;
}

.flag a:hover {
text-decoration:none;
text-transform:none;
color: #696969;
font-style: normal;
background-color: #ffffff;
}
form {
text-align: center;
}
textarea {
font:10pt verdana, sans-serif;
font-weight:bold;
color:#ffffcc;
width:29em;
margin-top: 0.5em;
background:#009900;
padding:.2em;
border : 1px solid #ccff33;
}
input[type="text"] {
font:10pt verdana, sans-serif;
font-weight:bold;
color:#ffffcc;
margin-top: 0.5em;
background:#009900;
padding:.2em;
border : 0px dotted #ccff33;
border-bottom : 2px dotted #ccff33;
}

input[type="submit"], input[type="reset"] {
background:#ccff33;
font:10pt verdana, sans-serif;
color:#009900;
border : 1px solid #009900;
cursor: pointer;
}
input[type="submit"]:hover, input[type="reset"]:hover {
background:#ffff00;
font:10pt verdana, sans-serif;
color:#009900;
border : 1px solid #ffffff;
cursor: pointer;
}