body,html
{
padding: 0;
margin: 0;
background-color: #677e52;
text-align: center;
height:100%;
}

#page {
padding: 0;
margin: 0;
width: 760px;
margin-left: auto;
margin-right: auto;
background-color: #a7a37e;
min-height:100%;
}


#header
{
width: 760px;
height: 160px;
padding: 0;
margin: 0;
background-color: #434543;
background-image: url("Images/header.jpg");
background-repeat: no-repeat;
text-align: justify;
}

#header-text
{
position: relative;
margin-left: 200px;
width: 43px;
height: 100%;
}

#footer
{
width: 760px;
height: 60px;
background-color: #53872a;
clear: both;
}

#footer a
{
text-decoration: none;
color: #DDD;
}
#milieu
{
padding: 0;
margin: 0;
min-height: 100%;
background-image: url("Images/fond2.png");
background-repeat: repeat-y;

}

#menu
{
padding: 5px;
margin: 0;
width: 150px;
float: left;
text-align: left;
}

#content
{
position: relative;
z-index: 100;
padding: 5px;
margin-left: 150px;
text-align: justify;
}

#menu-title
{
text-align: center;
font-weight: bold;
width: 140px;
}

#titrePage
{
width: 100%;
text-align: center;
font-size: 22px;
font-weight: bold;
margin-bottom: 50px;
}

p
{
text-align: left;
}
p.centre
{
text-align: center;
}
h1
{
font-size: 18px;
border-width: 0 0 1px 0;
border-style: dashed;
border-color: #555;
width: 80%;
}

h4
{
margin-left: 10px;
}

ul.menu li
{
list-style-type:none; 
margin-left: -20px
}

ul.menu li a
{
text-decoration: none;
color: #DDD;
}

.prop {
    height:500px;
    float:right;
    width:1px;
  }

.clear {
    clear:both;
    height:1px;
    overflow:hidden;
}