body{
background-color: #dfe8c6;
margin:0;
height:100%;
width:100%;
}

html{
height: 100%;
width: 100%;
}

global{
height:100%;
width:100%;
}

h1{
margin:0;
padding:0;
}

h2{
font-size: 16px;
text-decoration: none;
margin:0;
padding:0;
}

h3{
font-size: 14px;
text-decoration: none;
margin:0;
padding:0;
}

h4{
font-size: 13px;
text-decoration: none;
margin:0;
padding:0;
}

.contact{
font-size: 13px;
text-decoration: none;
margin:0;
padding:0;
}

.strong{
font-weight:normal;
}

#global{
position: absolute;
width: 100%;
height:100%;
/*left: 50%;
top: 50%;
margin-top: -300px;
margin-left: -500px;*/
}
.home{
background-image: url('../images/fond1.jpg');
}
.page{
background-image: url('../images/fond2.jpg');
}

.page1{
background-image: url('../images/fond2.jpg');
}

.page2{
background-image: url('../images/fond9.jpg');
}

.page3{
background-image: url('../images/fond6.jpg');
}

.page4{
background-image: url('../images/fond3.jpg');
}

.page5{
background-image: url('../images/fond7.jpg');
}

.page6{
background-image: url('../images/fond5.jpg');
}

#logo{
margin-left: 363px;
margin-top: 15px;
height: 45px;
}
#menu{
margin-left: 130px;
margin-top:0;
}

#menu ul  li{
display: inline;
margin-left: 8px;
}

#menu ul  li a{
color: black;
}

#content{
float:left;
margin: 30px 0 0 30px;
width: 450px;
text-align: justify;
}

#content.avant{
float:left;
margin: 30px 0 0 30px;
width: 900px;
text-align: justify;
}

#content ul li, #content ul li a{
color:black;
}

#menu2{
margin: 10px 0 0 0px;
float:right;
}

#fleur{
float:right;
width: 450px;
}

#footer a{
color: black;
text-decoration:none;
text-align:center;
}

#AvantApres{
font-size:20px;
height:50px;
float:right;
margin-top:420px;
}

#footer{
margin-top:460px;
display:block;
position:absolute;
width: 900px;
height:50px;
font-size: 14px;
}

#menu-left{
width:200px;
height: 500px;
float:left;
}

#image{
position:relative;
float:right;
width: 520px;
}

#image img{
width: 500px;
}