body {
    background: #f1deb3 url(images/fond_bg.png) repeat-x left top;
    text-align: center;
}

#header {
    margin: auto auto; width: 780px; height: 191px;
    background: transparent url(images/header_bg.png) no-repeat left top;
}
#header h1 {
    margin: 0;
    visibility: hidden;
}

#middle {
    margin: auto auto; width: 780px;
    background: transparent url(images/middle_bg.png) repeat-y left top;
    text-align: right;
}

#footer {
    margin: auto auto; width: 780px; height: 34px;
    background: transparent url(images/footer_bg.png) no-repeat left bottom;
    font: normal normal normal 0.65em Arial;
    text-align: right;
    color: #aaa;
}
#footer span { margin: 0 16px 0 16px; }
#footer a { color: #888; text-decoration: underline; }
#footer a:hover { text-decoration: none; }

#menu {
    float: left;
    width: 164px;
    text-align: right;
    padding-top: 26px;
}
#menu a.niveau1 {
    display: block;
    margin: 8px 0 0 auto;
    width: 160px; height: 48px;
    background: transparent url(images/menu1_bg.png) no-repeat center center;
    font: normal normal bold 0.9em Arial;
    text-align: center;
    color: #fff; text-decoration: none;
}
#menu a.bigspace {
    margin-top: 34px;
}
#menu a.niveau1 span {
    display: block;
    padding: 11px 10px 10px 4px;
}
#menu a.niveau2 {
    display: block;
    margin: 0 0 0 auto;
    width: 112px; height: 43px;
    background: transparent url(images/menu2_bg.png) no-repeat center center;
    font: normal normal bold 0.75em Arial;
    text-align: left;
    color: #864e21; text-decoration: none;
}
#menu a.niveau2 span {
    display: block;
    padding: 4px 10px 10px 8px;
}

#main {
    width: 599px;
    background: transparent url(images/content_bottom_right.png) no-repeat right bottom;
    float: left;
    text-align: left;
}
#main h2 {
    margin: 8px 0 2px 0;
    font: normal normal bold 1.25em Arial;
    color: #844d1f;
}

#content {
    min-height: 440px;
    background: transparent url(images/content_top_left_bg.png) no-repeat left top;
    font: normal normal normal 0.775em Arial;
}
#content div {
    display: block;
    padding: 16px 16px 220px 16px;
}
#content div div {
    display: block;
    padding: 0 0 0 1em;
}
#content p {
    margin: 2em 0 0 0;
}
#content p.first {
    margin: 0;
}
#content p.slogan {
    margin: 6em 0 0 0;
    font-weight: bold;
    color: #0a5ca9;
}
#content h3 {
    margin: 2em 0 0.5em 0;
    font: normal normal bold 1.2em Arial;
    text-decoration: underline;
    color: #844d1f;
}
#content ul {
    margin: 0;
}
#content li.p {
    margin-top: 0.5em;
}

#links {
    clear: left;
    width: 599px;
    margin: 0 17px 0 auto;
    padding: 2em 0 2em 0;
    font: normal normal normal 0.7em Arial;
    text-align: center;
}

form label {
    position: absolute;
    text-align:right;
    width:100px;
}
form .info {
    margin-left: 110px;
}
form input, form textarea {
  margin : 3px 0 3px 110px;
  padding: 2px;
  border: 1px solid #565656;
  background-color: #FAFAFA;
}
form textarea {
  width: 348px; height: 150px;
}
form label.check, form label.radio {
    position:relative;
    text-align:left;
}
form .red {
    color: #e60003;
}

.note {
    font-size: x-small;
}

.menububble {
    display: block;
    margin: 16px auto 32px auto;
    padding: 16px; width: 300px;
    font: normal normal bold 1.25em Arial;
    text-align: center;
    color: #864e21; text-decoration: none;
    background-color: #f1ddb1;
    border-radius: 10px 10px; -moz-border-radius: 10px;
}

a { color: #000; text-decoration: underline; }
a:hover { text-decoration: none; }