body {
margin: 0;
}

body, table, input, select {
font-family: Arial, sans-serif;
font-size: 12px;
}

a {
text-decoration: none;
color: #666633;
}
a:visited {
color: #666633;
}
a:hover {
text-decoration: none;
color: #000000;
}

#haut {
margin-left: 140px;
}
#map {
position: absolute;
top: 0;
left: 750px;
}

.spacer {
clear: both;
font-size: 10%;
}

/**
 * Le menu
 */
#menu {
float: left;
margin: 0;
padding: 0;
list-style: none;
font-weight: bold;
font-size: 110%;
background-image: url("imgs/from_menu.jpg");
background-position: top left;
background-repeat: no-repeat;
width: 300px;
}

#menu li {
padding: 5px;		
}
#menu li a {
display: block;
text-decoration: none;
color: #666633;
border-bottom: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;			
}
#menu li a:visited {
color: #666633;
}
#menu li a:hover {
color: #000000;
border-bottom: 1px dotted #666666;
border-right: 1px dotted #666666;
background-color: #FFFFEE;			
}
#menu li:hover{
list-style-image: url("imgs/puce.gif");
}

#m1 {
margin-left: 90px;
}
#m2 {
margin-left: 175px;
}
#m3 {
margin-left: 190px;
}
#m4 {
margin-left: 160px;
}
#m5 {
margin-left: 140px;
}
#m6 {
margin-left: 80px;
}
#m7 {
margin-left: 80px;
}
#m8 {
margin-left: 80px;
}

/**
 * Le bas
 */
#bas {
margin-bottom: 20px;
text-align: right;
width: 885px;
font-size: 90%;
border-bottom: 1px dotted #999999;
}

/**
 * Le contenu
 */
div#contenu {
width: 575px;
border-bottom: 1px solid #999900;
border-right: 1px solid #999900;
border-top: 1px dotted #999900;
border-left: 1px dotted #999900;
margin-left: 310px;
}

h2 {
margin: 0;
padding-top: 0.6em;
padding-left: 1em;
letter-spacing: 1px;
font-size: 150%;
border-bottom: 1px solid #AA99BB;
background-color: #FFFFEE;
font-weight: normal;
}

div#contenu p {
text-align: justify;
padding-left: 30px;
padding-right: 20px;
}

h4 {
margin-top: 30px;
padding-left: 10px;
border-bottom: 1px solid #CCCCFF;
}

/**
* Les news
*/
.news {
padding: 1em;
text-align: center;
}
.news h3 {
font-size: 120%;
margin: 0;
background-color: #FEEEDD;
padding-bottom: 1em;
border: 1px solid #837934;
border-bottom:1px dotted #837934;
}
.news p {
text-align: justify;
color: #333333;
margin: 0;
padding-left: 2em;
padding-right: 2em;
}
.news ul {
text-align: left;
list-style-image: url("imgs/puce.gif");
}
.news ul li {
background-color: #FFFFEE;
border-bottom: 1px solid #837934;
}

/**
 * Les status
 */
ul.status {
list-style: none;
}
ul.status li:hover {
background-color: #E5E5E5;
}

ul.status dt:hover, ul.status dd:hover {
background-color: #EEEEFF;
}

ul.status ul li:hover {
background-color: #FFEEEE;
}

ul.status dl {
margin-left: 10%;
}

ul.status dt {
padding: 5px;
}

ul.status dd {
margin: 0;
padding: 5px;
}

ul.status li {
font-size: 140%;
font-weight: bold;
font-variant: small-caps;
padding: 5px;
background-color: #DDDDDD;
}

ul.status dt {
font-size: 80%;
font-variant: normal;
background-color: #EEEEEE;
}

ul.status dd, ul.status ul li {
font-size: 80%;
font-weight: normal;
font-variant: normal;
margin: 0;
background-color: #FFFFFF;
}

/**
 * L'association en bref
 */
table#assoc {
width: 100%;
border-collapse: collapse;
border: 0;
margin: 10px 0;
}

table#assoc th {
vertical-align: top;
text-align: left;
width: 25%;
padding-left: 10px;
}

table#assoc tr {
border-top: 1px solid #CCCCCC;
}

table#assoc tr:hover {
background-color: #EEEEFF;
}

table#assoc td {
padding-bottom: 20px;
padding-left: 10px;
}

table#assoc p {
margin: 0;
padding: 0;
}

/**
 * L'association
 */