/* Style de la page */

body {
    margin: 0;
    padding: 0;
    background-color: #736357;
    font-family: Arial, Helvetica, sans-serif;
    color: white;
}

h1 {
    text-align: center;
    margin: 0;
    padding: 0;
}
h2 {
    text-align: center;
    margin: 0;
    padding: 0;
}

/* Style du bloc site */

#site {
    width: 800px;
    /* pour obtenir le centrage */
    margin-left: auto;
    margin-right: auto;
}
a {
    color: #FFF4E3;
    text-decoration: none;
}
a:hover, a:focus {
    color: white;
}

/* Style des menus */

#menu {
    width: 210px;
    height: 600px;
    background-image:url("../media/images-site/menu.png");
}
#menu img {
    border: none;
    float: left;
    margin-top: 24px;
}
#navigation {
    width: 210px;
    padding: 0;
    margin-top: 15px;
    margin-left: -17px;
    float: left;
}

/* Pramaètres menus */

#navigation li {
    margin: 0;
    list-style: none;
    color: #FFF4E3;
}
#navigation #nav3 {
    margin-top: 102px;
}
#navigation #nav1 li a {
    margin-bottom: 30px;
}
#navigation li a {
    display: block;
    background-color: #736357;
    border: solid 1px;
    border-color: #736357;
    margin-bottom: 5px;
    padding: 4px 0 4px 15px;
    width: 140px;
    font-size: 75%;
}
#navigation #nav3 li a {
    background-color: #1b6bce;
    border-color: #1b6bce;
}
#navigation #nav4 li a {
    background-color: #FE9343;
    border-color: #FE9343;
}

/* Bouton survolé et bouton appuyé */

#navigation #nav1 .appuye a,
#navigation #nav2 .appuye a,
#navigation #nav3 .appuye a {
    background-color: #FEFACB;
    border-color: #F66B44;
    color: #F66B44;
}
#navigation #nav1 a:hover,
#navigation #nav2 a:hover {
    border-color: #FEFACB;
}
#navigation #nav3 a:hover {
    border-color: #736357;
}

/* Style du bloc affichage */

#affichage {
    padding: 0;
    margin: 0;
    position: relative;
    top: -600px;
    left: 210px;
    overflow: hidden;
    width: 589px;
    height: 600px;
    background-color: #736357;
}
#affichage #galerie {
    float: left;
    margin-top: 12px;
    width: 579px;
    height: 530px;
    background-color: #FF8900;
}
#affichage #flash {
    margin-top: 13px;;
}
#affichage p {
    float: right;
    padding-right: 15px;
    margin-top: 3px;
    font-size: 70%;
    color: #FF8900;
}
#affichage p a {
    color: #FF8900;
}