h1{
	text-align:center;
	font-family: uthmantn1ver10;
	font-size:4em;	
	}	
h2,h3,h4{
margin:0px;
}
h2{
font-size:2em
}
h3{
font-size:1.5em
}
h4{
font-size:1.2em
}
em{
font-size:0.8em
}
/* html{font-family:simpo;} */

@font-face {
    font-family: arabtype;
    src: url('../fonts/arabtype.ttf');
}
@font-face{
	font-family: uthmantn1ver10;
	src: url('../fonts/uthmantn1ver10.otf');
	}
@font-face{
	font-family: al-hotham;
	src: url('../fonts/al-hotham.ttf');
	}
@font-face{
	font-family: naskh;
	src: url('../fonts/naskh.ttf');
	}
@font-face{
	font-family: simpo;
	src: url('../fonts/simpo.ttf');
	}
@font-face{
	font-family: trado;
	src: url('../fonts/trado.ttf');
	}
	
.tableau{
 border-width:1px 2px 3px 2px;
 border-style:groove;
 border-color:red;
 padding:10px;
 border-radius:10px;
 width: 45%;
 /*min-width: 200px;*/
 margin: auto;
 display:inline-block;
 vertical-align:top;
 background-color:white;
 }
 .principal{
  border-width:1px 2px 3px 2px;
 border-style:groove;
 border-color:red;
 padding:10px;
 border-radius:10px;
 margin: auto;
 
 margin-bottom:10px;
 /*margin-top:0px;*/
 background-color: rgb(224,237,234);
 
}
.liste{
border-width:1px 2px 3px 2px;
 border-style:groove;
 border-color:red;
border-radius:10px;
padding:10px;

margin: auto;
width: 30%;
margin-bottom:10px;
font-size: 1.5em;
display:inline-block;
vertical-align:top;
}
.hiwar{
/* border-width:1px 2px 3px 2px;
 border-style:groove;
 border-color:red;
 border-radius:10px; */
/*   font-family: arabtype; */
margin: auto;
width:30%;
padding-left:3%;
font-size: 1.6em;
/* margin-bottom:10px;*/
display:inline-block;
vertical-align:top;
font-family:trado;
}
.hiwar img{
border-width:1px 2px 3px 2px;
 border-style:groove;
 border-color:red;
 border-radius:10px;
}