body {
height:100%;
  padding-left: 40%;
  font-family: Georgia, "Times New Roman",
        Times, serif;
  color: black;
  background-image:url(backgroundcontact.jpg);
  background-repeat:no-repeat;
  background-position:top;
  background-color: #FFFFFF;
  overflow:auto;
  }
ul.navbar {
  list-style-type: none;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 15em;
  left: 5%;
  width: 10px }
h1 {

		font-size:15px;
		position: absolute;
		top: 300px;
		left: 12%;
		}
		
ul.navbar li {
  background: white;
  margin: 0.5em 0;
  padding: 1.3em;
  border-right: 1em solid white }
ul.navbar a {
  text-decoration: none;
  }
a:link {
  color: black;
  left: 44%;
  position: absolute;
}
a:visited {
  color: black;
left: 44%;
  position: absolute;  
}
b:link {
  color: white;
  left: 47%;
  position: absolute;
}

 
 div#blockmail {
  width: 100%;
  height: 414px;
  padding: 0;
   margin: 0%;
   margin-left: -75px;
   top:20%;

}

 div#liens {
  width: 100%;
  height: 0px;
  padding: 0;
   margin: 0%;
   margin-left: 0px;
   

}  
 
 div#atelier {
  background-image: url(ateliercontactphoto1.jpg);
  background-repeat: no-repeat;
  width: 100%;
  height: 414px;
  padding: 0;
   margin: 0%;
   margin-left: -150px;
   margin-top:5%;

}

 div#atelier2 {
  background-image: url(ateliercontactphoto2.jpg);
  background-repeat: no-repeat;
  width: 100%;
  height: 552px;
  padding: 0;
 margin-left: -80px;
 margin-top:4.6%;
}

 div#atelier3 {
  background-image: url(ateliercontactphoto3.jpg);
  background-repeat: no-repeat;
  width: 100%;
  height: 414px;
  padding: 0;
   margin: 0%;
   margin-left: -150px;
   margin-top:5%;

}

 div#atelier4 {
  background-image: url(ateliercontactphoto4.jpg);
  background-repeat: no-repeat;
  width: 100%;
  height: 552px;
  padding: 0;
   margin: 0%;
   margin-left: -80px;
   margin-top:5%;

}


#merci {
 margin-top: 50%;
 

}

#home {
 margin-top: 0%;
 

}