/* border: 1px solid #f00;*/
body {font: 0.75em arial; margin: 0 auto; padding: 30px 0; background-color: #fff; text-align: center; height: 100%;}
h1, h2, div, p, ul, li, dl, dt, dd, hr, form, fieldset, legend, label, input {margin: 0; padding: 0;}
a:link, a:visited, a:hover {text-decoration: none; color: #000;}
div#container {border: 1px solid #000; padding: 22px 22px 10px 22px; width: 754px; text-align: left; position: absolute; left: 50%; margin: 0 0 0 -400px;}
div#container2 {width: 440px; height: 350px; position: absolute; left: 50%; top: 50%; margin: -175px 0 0 -220px;}
div#centre {background-color: #DBD5C3; position: relative; border: 1px solid #DBD5C3; padding: 0 0 0 14px;}
div#centre div#content {margin: -23px 0 0 170px; background: url(../images/contentBg.gif) no-repeat; padding: 35px 30px 0 30px; width: 468px; position: relative;}
div#centre div#content p {margin: 0 0 10px 0; font: 1em/1.5em arial; color: #4A4846;}
div#centre div#content p#contentBgBot {background: url(../images/contentBgBot.gif) no-repeat; margin: 0 -30px; height: 18px;}
div#news {position: absolute; top: 4px; left: 175px; width: 330px;}
div#news h1 {float: left; width: 70px;}
div#news ul {font: 0.8em/1.8em arial; text-transform: uppercase; width: 255px;}
div#news ul li {margin: 0 0 10px 0; padding: 0 0 5px 0; background: url(../images/filet.gif) no-repeat bottom left;}
div#news ul li span {color: #4A4846; font: 0.9em arial; display: block; margin: 0 0 -3px 0;}
div#news a:hover {text-decoration: underline;}
h1 {font: bold 1.1em arial; color: #5E0A2B; text-transform: uppercase; margin: 0 0 25px 0;}
h1.formulaire {margin: 30px 0 25px 0;}
h2 {font: 1em/1.5em arial; color: #005CA2; font-weight: bold; margin: 0 0 8px 0;}
h2.news {text-transform: uppercase; margin: 20px 0 0 0;}
ul, ul li, dl, dt, dd {list-style-type: none;}
hr {display: none;}
hr.formulaire {display: block; height: 1px; border: none; border-top: 1px dashed #4A4846; clear: both;}
p strong {color: #005CA2;}
p a:link, p a:visited {color: #5E0A2B; text-decoration: underline;}
p a:hover {color: #5E0A2B; text-decoration: underline;}
p.col {float: left; width: 200px;}
div.spacer {clear: both;}
p.egu {font: 0.9em arial; color: #4A4846; letter-spacing: 1px; position: relative;}
/******** HEADER *********/
ul#header {height: 155px; padding: 30px 0 0 65px;}
ul#header a {display: block; text-transform: uppercase; font: 0.8em arial; letter-spacing: 1px;}
ul#header a:link, ul#header a:visited {color: #fff; width: 85px; height: 17px; padding: 2px 0 0 5px; background: url(../images/fond-header.gif) no-repeat bottom right;}
ul#header a:hover {color: #fff; text-decoration: underline; width: 85px; height: 17px; padding: 2px 0 0 5px;}
ul#header li#logo a {width: 90px; height: 90px;}
ul#header li#logo a span {display: none;}
/********** MENU ***********/
dl#menu {float: left; width: 140px; position: relative; visibility: hidden;}
dl#menu dt a {display: block; margin: 0 0 0 10px; padding: 8px 5px 5px 5px; font: 0.9em arial; color: #474747; text-transform: uppercase; letter-spacing: 1px; background: url(../images/fond-menu.gif) no-repeat bottom right; position: relative;}
dl#menu dt a:hover, dl#menu dt a#active-menu {color: #000;}
dl#menu dt a.last {background: url(../images/fond-menu2.gif) no-repeat bottom right;}
dl#menu dt.plus a {background: url(../images/fond-menu-plus.gif) no-repeat bottom right;}
dl#menu dt.moins a {background: url(../images/fond-menu-moins.gif) no-repeat bottom right; color: #000;}
dl#menu ul li a:link, dl#menu ul li a:visited {font: 0.8em arial; text-transform: uppercase; text-decoration: none; display: block; height: 20px; padding: 5px 0 0 14px;}
dl#menu ul li a:hover, dl#menu ul li a#active-ssmenu {color: #5E0A2B; text-decoration: underline;}
dl#menu ul li a.last {background: url(../images/fond-ssmenu.gif) no-repeat bottom left;}
dl#menu dd {background: #F4F2ED url(../images/coin.gif) no-repeat; display: none;}
/********** NEWS **********/
div#fenetre {position: relative; overflow: hidden; width: 255px; text-align: left; margin: auto;}
div#centre div#content p.date {margin: 0; color: #A5A5A5; font: 0.9em arial;}
/********** FORM **********/
fieldset {border: none; margin: 0 0 8px 0; color: #4A4846;}
legend {display: none;}
label {display: block;}
input {margin: 0 0 5px 0; padding: 1px; width: 150px; color: #0063AE; font: 0.98em arial;}
input.radio, input.checkbox {margin: 0; width: auto;}
input.checkbox#mailinglist {margin: 10px 0 0 0;}
input.button {margin: 20px 0 0 0; padding: 0 5px; width: auto; color: #000;}
textarea {color: #0063AE; font: 0.98em arial; width: 350px;}
/********** HOME **********/
div#container2 div {float: left; margin: 0 15px; width: 104px;}
div#container2 div ul {text-align: left; height: 91px; padding: 7px; margin: 5px 0 0 0; background: url(../images/bg-ul.gif) no-repeat;}
div#container2 div ul li {background: url(../images/fleche.gif) no-repeat 0 4px; padding: 0 0 0 13px;}
div#container2 div a:link, div#container2 div a:visited {color: #4A4846; text-decoration: none; font: 0.9em arial; letter-spacing: 1px; display: inline; width: 80px; height: 17px;}
div#container2 div a:hover {color: #4A4846; text-decoration: underline; font: 0.9em arial; letter-spacing: 1px;}
div#container2 p {font: 0.85em arial; color: #5E0A2B; letter-spacing: 1px; margin: 15px 0 0 0; clear: both;}
div#container2 img {border: none;}



ul#fonds li {display: block; color: #4A4846;}
ul#fonds li a:link, ul#fonds li a:visited, ul#fonds li a:hover {color: #5E0A2B; text-decoration: underline;}