body,html {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    color:black;
    background-color:white;
}

input,textarea, select {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
}

h1, h2, h3, h4, h5, h6 {
    margin:0;
    padding:0;
}

h1 {
    font-size:1.8em;
    color:#5E67A3;
}

h2 {
    font-size:1.6em;
}

h2, h2 a {
    color:#5E67A3;
}

h3 {
    font-size:1.4em;
    color:#C79866;
    font-weight:normal;
}

h4 {
    font-size:1.2em;
    font-weight:normal;
}

h5 {
    font-size:1em;
}

h6 {
    font-size:.8em;
}

a {
    color:black;
    text-decoration:none;
}

a img {
    border:none;
}

p {
    margin:.5em 0 .5em 0;
}

#titrerub {
    clear:both;
}

#haut {
    height:176px;
    background:white url(/2006/images/fond_haut.jpg);
}

#bandeau { 
    background-color:red;
    width:924px;
    height:100%;
    background:white url(/2006/images/fond_bandeau.jpg) no-repeat top left;
    font-size:1.2em;
    font-weight:bold;
}

#logo {
    margin-left:56px
}

#preparez {
    display:block;
    position:absolute;
    top:130px;
    left:280px;
    padding-right:10px;
}

#contact {
    display:block;
    position:absolute;
    top:130px;
    left:455px;
    padding-right:10px;
}

#contact:hover , #preparez:hover {
    color:#5E67A3;
    background:transparent url(/2006/images/puce.gif) no-repeat center right;
}

#pdc {
    display:block;
    position:absolute;
    top:120px;
    left:560px;
}

ul,li {
    vertical-align:top;
}

#menu {
    display:block;
    margin:0 30px 0 0;
    padding:0;
    position:absolute;
    z-index:500;
    left:0;
    top:175px;
    background:white url(/2006/images/fond_menu.jpg) no-repeat top left;
    width:145px;
    min-height:432px;
    font-size:1.2em;
    font-weight:bold;
    list-style:none;
    text-align:right;
}

#menu li {
    position:relative;
    padding:8px 0 8px 8px;
}

#menu li a {
    display:block;
    padding-right:8px;
}

#menu li:hover, .menu_on {
    background:transparent url(/2006/images/puce.gif) no-repeat center right;
    color:#5E67A3;
}
#menu li:hover > a {
    color:#5E67A3;
}

.menu_on > a {
    color:#5E67A3;
}

* html #menu {
    height:432px;
}

#menu li ul {
    position:absolute;
    display:none;
    top:0;
    left:145px;
    width:225px;
    margin:0;
    padding:0;
    background-color:#FAF1E5;
    z-index:200;
    text-align:left;
    font-size:0.9em;
    font-weight:normal;
    list-style:none;
    border-width:1px 0 0 0;
    border-style:solid;
    border-color:#5E67A3;
}

#menu li ul li{
    border-width:0 1px 1px 1px;
    border-style:solid;
    border-color:#5E67A3;
    padding:0;
    margin:0;
}

#menu li ul li a {
    padding:2px 8px;
}
#menu li ul li:hover {
    background-image:none;
}

#menu li:hover > ul {
    display:block;
}

#contenu {
    float:left;
    clear:both;
    padding:5px 0 10em 175px; 
}

#titrerub {
    background:transparent url(/2006/images/puce.gif) no-repeat center left;
    padding-left:10px;
}

#liste_docs {
    display:block;
    list-style:none;
    width:700px;
    padding:0;
    margin:0;
}

#liste_docs li{
    position:relative;
    float:left;
    width:100%;
    clear:both;
    display:block;
    margin:0;
    padding:2em 0 0 0;
    min-height:100px;
}

* html #liste_docs li {
    height:100px;
}

#liste_docs li.nouveau {
    min-height:0;
    height:auto;
}

#liste_docs li ul.sousmenu {
    display:none;
    list-style:none;
    position:absolute;
    z-index:700;
    margin:0;
    padding:0;
    top:0;
    left:10em;
    width:60px;
    background-color:white;
    border-width:1px 0 0 0;
    border-style:solid;
    border-color:#5E67A3;
}

#liste_docs li:hover > ul.sousmenu {
    display:block;
}

#liste_docs li ul li{
    position:static;
    float:none;
    display:list-item;
    margin:auto;
    padding:auto;
    list-style-type:disc;
}

#liste_docs li ul.sousmenu li{
    display:block;
    min-height:0;
    margin:0;
    width:50px;
    padding:0 4px 0 4px;
    border-width:0 1px 1px 1px;
    border-style:solid;
    border-color:#5E67A3;
}

.vignette {
    float:left;
    width:215px;
    padding: 0 20px 10px 0;
    color:#5E67A3;
    font-style:italic;
    text-align:right;
}

#cartecornouaille  {
    float:left;
    margin-right:1em
}

#villes {
    display:block;
    list-style:none;
    line-height:1.2em;
    padding:0;
    margin:0 0 0 0;
}

.marge_on {
    margin-left:235px;
}

.marge_on a, .marge_off a {
    text-decoration:underline;
}