html, body {
 width: 98%;
 }
 
body {
 font-family: Verdana, sans-serif; 
 font-size: 100%; 
 }
 
 p {
 font-size: 100%; 
 color: black; 
 font-weight: normal;
 text-align: left; 
	 
 }
 
h1 {
 font-size: 150%; 
 color: grey; 
  padding-left: 10px;
 text-align: center;
 }
 
h2 {
 font-size: 100%; 
 font-style: italic;
 color: grey; 
 text-align: center;
 }
 
 h3 {
 font-size: 120%; 
 color: navy; 
 font-weight: bold;
 text-align: center;
 }
 
 h4 {
 font-size: 12px; 
 color: black; 
 font-weight: normal;
 text-align: left;
 }
 
 h5 {
 font-size: 11px; 
 color: grey; 
 font-weight: normal;
 text-align: center;
 }
 
 h6 {
 font-size: 100%; 
 color: red; 
 text-align: center;
 }
 
p,ul,li,td {
 color: black; 
 }

 .align_image img, .align_image span {
  vertical-align: middle;
  display: inline-block;
}

a:link {
 color: navy;
 text-decoration: none;
 }
a:visited {
 color: navy;
 }
a:active {
 color:red;
}
a:hover {
 color: red;
 text-decoration: none;
}

#bloc1{
  margin: 3px;
 padding: 3px;
 }
 
#table1{
 margin-left: 10px;
 margin-right: 10px;

 }
 
.verse_number {
	color: red;
}