﻿*
{
    margin: 0;
    padding: 0;
    border: 0;
}
body
{
    /*background-image: url(../images/fond.jpg);*/
    background-color: #F7F6E4;
    background-color: #FEFBE4;
    font-family: Verdana, Arial, Helvetica, sans-serif, Garamond, Sans serif;
    font-size: 12px;
}
h1
{
    font-size: 28px;
    color: #7A1328;
    font-weight: normal;
    margin: 10px 0;
}
h3
{
    font-size: 12px;
    color: #7A1328;
    font-weight: bold;
    margin: 8px 0;
}
h4
{
    font-size: 12px;
    color: #000000;
    font-weight: bold;
    margin: 5px 0;
}
h5
{
    font-size: 12px;
    color: #000000;
    font-weight: bold;
    margin: 5px 0;
}

p
{
    margin: 5px 0;
    line-height: 16px;
    text-align: justify;
}
a
{
    text-decoration: none;
    color: #7A1328;
}
a:hover
{
    text-decoration: underline;
}
li
{
    margin-left: 20px;
    margin-bottom: 5px;
}
div#cadre
{
    width: 1100px;
    margin: 0 auto;
}
div#tetiere
{
    height: 90px;
    background-color: #7A1328;
}
div#contenu
{
    margin-top: 20px; /*background: blue;*/
}
div#menu
{
    height: 25px;
    background-color: #9C9D9F;
    margin-top: 1px;
}
div#frise
{
    float: right;
    background-color: #FEFBE4;
}
div#frise img
{
    float: right;
    display: block;
}
div#frise img.on
{
}
div#frise img.off
{
    filter: alpha(opacity=50);
    opacity: 0.5;
}
.menuadmin
{
    line-height: 20px;
    height: 20px;
    background-color: #ffffff;
    font-size: 10px;
    text-align: right;
    padding: 0 5px;
}


/* menu */
#nav
{
    margin: 0;
    padding: 0;
    font-weight: bold;
}
#nav li.on ul, #nav li.off ul
{
    margin: 0;
    padding: 0;
}
#nav a
{
    text-decoration: none;
}
#nav li
{
    margin: 0;
    padding: 0;
    float: left;
    display: block;
    height: 25px;
    line-height: 25px;
    color: #ffffff;
    background: none;
}

#nav li.separateur
{
    font-size: 10px;
}
#nav li ul li.separateur
{
    font-size: 10px;
    background-color: #C0C1C4;
}

#nav li ul
{
    display: none;
}

#nav li.off ul, #nav li.on ul
{
    /*put the subnav below*/
    position: absolute;
    top: 25px;
    height: 25px;
    background-color: #FEFBE4;
    border-top: solid 1px #F7F6E4;
    /*border: solid 1px red;
    width: 1050px;*/
}

#nav li a
{
    color: #ffffff;
    display: block;
    float: left;
    height: 25px;
    line-height: 25px;
    padding: 0 18px;
    font-size: 12px;
}


#nav li.on a
{
    color: #7F4611;
    /*font-weight: bold;*/
}

#nav li.on ul a, #nav li.off ul a
{
    float: left; /*ie doesn't inherit the float*/
    color: #ffffff;
    font-size: 11px;
    padding: 0 8px;
    background-color: #C0C1C4;
}


#nav li.on ul
{
    display: block;
}
#nav li ul li.on a
{
    color: #7F4611;
    /*font-weight: bold;*/
}

#nav li:hover ul
{
    display: block;
    z-index: 6000;
}

#nav li.off:hover ul
{
    display: block;
    z-index: 6000;
}

#nav li.off a:hover, #nav li.on a:hover, #nav li:hover a
{
    color: #000000;
}
#nav li.off:hover ul, #nav li.over ul
{
    display: block;
    z-index: 6000;
}
#nav li.off a:hover, #nav li:hover a, #nav li.over a
{
    color: #000000;
}


/* menu */
.nav
{
    margin: 0;
    padding: 0;
    font-weight: bold;
}
.nav li.on ul, .nav li.off ul
{
    margin: 0;
    padding: 0;
}
.nav a
{
    text-decoration: none;
}
.nav li
{
    margin: 0;
    padding: 0;
    float: left;
    display: block;
    height: 25px;
    line-height: 25px;
    color: #ffffff;
    background: none;
}

.nav li.separateur
{
    font-size: 10px;
}
.nav li ul li.separateur
{
    font-size: 10px;
    background-color: #C0C1C4;
}

.nav li ul
{
    display: none;
}

.nav li.off ul, .nav li.on ul
{
    /*put the subnav below*/
    position: absolute;
    top: 25px;
    height: 25px;
    background-color: #FEFBE4;
    border-top: solid 1px #F7F6E4;
    /*border: solid 1px red;
    width: 1050px;*/
}

.nav li a
{
    color: #ffffff;
    display: block;
    float: left;
    height: 25px;
    line-height: 25px;
    padding: 0 18px;
    font-size: 12px;
}


.nav li.on a
{
    color: #7F4611;
    /*font-weight: bold;*/
}

.nav li.on ul a, .nav li.off ul a
{
    float: left; /*ie doesn't inherit the float*/
    color: #ffffff;
    font-size: 11px;
    padding: 0 8px;
    background-color: #C0C1C4;
}


.nav li.on ul
{
    display: block;
}
.nav li ul li.on a
{
    color: #7F4611;
    /*font-weight: bold;*/
}

.nav li:hover ul
{
    display: block;
    z-index: 6000;
}

.nav li.off:hover ul
{
    display: block;
    z-index: 6000;
}

.nav li.off a:hover, .nav li.on a:hover, .nav li:hover a
{
    color: #000000;
}
.nav li.off:hover ul, .nav li.over ul
{
    display: block;
    z-index: 6000;
}
.nav li.off a:hover, .nav li:hover a, .nav li.over a
{
    color: #000000;
}




.menuselected li *
{
    color: Red;
}
ul.accueil
{
    padding-left: 20px;
    font-size: 16px;
    line-height: 19px;
}
ul.accueil li
{
    margin: 17px 0;
}
.mauve
{
    color: #7A1328;
}
.textbox
{
    height: 18px;
    font-size: 12px;
    border: solid 1px silver;
}
.textarea
{
    font-size: 12px;
    border: solid 1px silver;
}

