body{
    margin: 0 auto 0 auto;
    padding: 0px;
    position:relative;
    background: url("images/fond.png");
    font-family: Cantarell, Verdana, sans-serif;
    color: #7b7670;
}

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

#alles{
    position: relative;
    margin: 0 auto 0 auto;
    width: 1100px;
    background: url("images/fond2.png");
}

#logo{
    position:relative;
    width: 1095px;
    height: 205px;

    background: url("images/logo.png") no-repeat;
    z-index: 5;
    padding: 0px;
}

#login {
    position:relative;
    margin: 0 auto 0 auto;
    top: 20px;
    left: 95px;
    z-index: 20;
}

#menu{
    position:relative;
    margin: 0 auto 0 auto;
    top: 166px;
    left: 75px;
    height: 77px;
    /*background: url("images/menu1.png") no-repeat;*/
    z-index: 10;
    white-space : nowrap;
    display: inline;
}

#menu img {
    border : none;
    padding : 0;
    margin : 0;
}

.container{
    position:relative;
    padding: 0px;
    margin-left: 70px;
    z-index: 15;
    width: 85%;
    min-height: 313px;
}

h1 {
    background: url("images/icon.png") no-repeat;
    background-position: left;
    margin-left: 15px;
    padding-left: 30px;
    padding-top: 8px;
    padding-bottom: 10px;
    color: #C89C4D;
    text-align:left;
    font-size: 18px;
    border-bottom: 1px solid gray;
    font-variant: small-caps;
}

input, select {
    border: 1px solid #C89C4D;
    background-color: #544c41;
    color: #85BCFE;
}

img {
    padding : 0 0 10px 10px;
    border: none;
}

p{
    text-align: justify;
    margin-left: 40px;
    color: #7b7670;
    font-size: 15px;
}

.readmore {
    text-align: right;
    padding: 5px 0 5px 0;
}

#footer span {
    color: rgb(101,97,91);
    font-size: 15px;
}

#footer {
    border-top: teal 1px solid;
    width: 50%;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top : 15px;
}

.separateur{
    position:relative;
    top: -14px;
}

.fleche{
    background: url("images/fleiche.png") no-repeat;
    background-position: left;
    text-align: left;
    color: rgb(135,112,72);
    padding-left: 25px;
    font-size: 15px;
    font-style: italic;
}

.news{
    text-align: left;
    color: rgb(101,97,91);
    font-size: 15px;
    text-align: left;
    margin-left: 100px;
}

#gauche{
    position: absolute;
    padding: 0px;
    background: url("images/cote-g.png") no-repeat;
    height: 656px;
    width: 89px;
    z-index: 2;
}

#droite{
    position: absolute;
    padding: 0px;
    left: 1011px;
    background: url("images/cote-d.png") no-repeat;
    height: 656px;
    width: 89px;
    z-index: 2;
}

#repeat-g{
    position: absolute;
    padding: 0px;
    background: url("images/repeat-g.png") repeat-y;
    height: auto;
    bottom: 0px;
    top: 656px;
    width: 23px;
    z-index: 2;
}

#repeat-d{
    position: absolute;
    padding: 0px;
    background: url("images/repeat-d.png") repeat-y;
    left: 1011px;
    height: auto;
    bottom: 0px;
    top: 656px;
    width: 89px;
    z-index: 2;
}

.small {
    font-size: 13px;
}