body {
  background-color: #464745;
  color: white;
  font-family: Helvetica, sans-serif 
 
}
  

border-radius: 8px;
  
}


h1 {
  font-size: 40px;
}

h2 {
  background-color:#333 ;
  text-align: center;
}

h3 {
  background-color:#333 ;
}

p {
  text-align: justify;
} 

#citation {
  text-align: center;
  /*page 1*/
}

#maison {
	width: 20%;
	/*float: left;*/
  
}

#sj_accueil {
	width: 100%;
	/*page 1*/
}

#produits_phares {
	width: 150px;
	/*page 2*/
}

#enfance {
	width: 200px;
	/*float: left;*/
	/*page 3*/
}

#pomme {
	width: 302px;
	/*float: left;*/
	/*page 3*/
}

#divall {
	width: 90%;
	display: inline;
}

#divleft p {
	width: 60%;
	float: left;
	padding-right:10px;
	/*page 2 et 3*/
}

#div3 p {
	width: 60%;
	float: right;
	padding-right:10px;
	/*page 3*/
}

#histoire {
  float: left;
  /*page 2*/
}

#navbar {
  overflow: hidden;
  background-color: #333;
}

#navbar a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px;
  text-decoration: none;
  margin-top: 15px;
  margin-bottom: 15px
}
#navbar h1 {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px;
  font-size: 20px;
  text-decoration: none;
}


#décès {
	width: 500px;
	/*float: right;*/
	/*page 3*/
}


#div4 p {
	width: 60%;
	float: left;
	padding-right:10px;
	/*page 4*/
}

#management {
	width: 500px;
	/*float: left;*/
	/*page 4*/
}

#table {
	width: 30%;
	/*page 1*/
}

#jobs {
	width: 100%;
	/*page 4*/
}