#bloc_page
{
	width: 1280px;
	margin: auto;
}
header
{
	text-align: center;
	border: 3px solid black;
	border-radius: 25px;
	color: gray;
	text-shadow: 8px 8px 5px rgb(100,50,100);
	font-size: 2em;
}
footer
{
	text-align: center; 
}
body
{
	background-image: url(image/fond1.gif);
	margin-right: 30px;
	margin-left: 30px;
	text-align: justify;
	font-size: large;
	font-family: Verdana, Georgia, sans-serif;
}
aside
{
	float: right;
	right: 0px;
	top: 150px; /*ici ça ne marche pas*/
	width: 320px;
	border: 3px solid black;
    border-radius: 15px;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 10px;
    text-align: justify;
}
h2
{
	text-align: center;
}
#kaaba
{
	align-content: center;
}
.kaaba
{
	width: 250px;
	height: 200px;
}
#Allah
{
	width: 318px;
	height: 140px;
	text-align: center;
}
#image
{
	width: 250px;
	height: 200px;
}
td
{
	border: none;
	text-align: center;
}
table
{
	border: 3px solid black;
	width: 80%;
	border-radius: 15px;
	background-image: url(image/fond2.gif);
	height: auto;
	font-style: italic;
	margin: auto; 
	font-size: large;
}
.ligne-1
{
	width: 50%;
	margin-left: 50%;
	height: 2px;
	background-color: black;
}
.ligne-2
{
	width: 100%;
	height: 2px;
	background-color: black;
}
.ligne-3
{
	width: 50%;
	margin-right: 50%;
	height: 2px;
	background-color: black;
}
#genealogie
{
	width: 100%;
}
.green
{
	border: 2px solid black;
	border-radius: 10px;
	background-color: #66FF00;
	color: white;
}
.white
{
	border: 2px solid black;
	border-radius: 10px;
	background-color: gray;
    color: white;
}
.tombeau
{
	float: right;
	border: 3px solid black;
	border-radius: 15px;
	padding-left: 5px;
	width: 250px;
	top: 10px;
	text-align: center;
}
#ligne
{
	text-align: center;
}
ul
{
	list-style-type: none;
}
#verset
{
	float: right;
	font-family: Ballparkweiner;
	font-size: 1em;
	color: green;
	width: 600px;
	background: white;
	margin: auto;
	border: 2px solid gray;
	border-radius: 15px;
	height: auto;
	margin-left: 10px;
}
audio
{
	padding-top: 20px;
	padding-left: 50px;
}
#gray
{
	color: green;
}
#image
{
	padding-left: 40px;
}
@font-face
{
	font-family: 'Ballparkweiner';
	src: url('polices/ballpark.eot');
	src: url('polices/ballpark.eot?#iefix') format('embedded-opentype'),
         url('polices/ballpark.woff') format('woff'),
         url('polices/ballpark.ttf') format('truetype'),
         url('polices/ballpark.svg#Ballparkweiner') format('svg');
}
q
{
	font-family: Ballparkweiner;
	color: gray;
	font-size: 1.5em;
}

@media print
{
	#bloc_page
	{
		width: auto;
		margin: auto;
	}
	header
	{
		font-size: 1.5em;
	}
	footer
	{
		display: none;
	}
	#verset
	{
		background-image: none;
		font-size: 0.7em;
		width: 30%;
		height: 30%;
	}
	audio
	{
		display: none;
	}
	table
	{
		width: auto;
		height: auto;
		margin: auto;
		font-size: 1em;
	}
	body
	{
		width: auto;
		background-image: none;
		width: auto;
		font-size: 0.87em;
	}
	aside
	{
		font-size: 0.8em;
		width: 40%;
	}
	.kaaba
	{
		width: 80%;
		height: 70%;
		margin: auto;
	}
	#Islam
	{
		width: 20%;
		height: 10%;
	}
	#Allah
	{
		width: 100%;
		height: 40%;
	}
	#image
	{
		width: 70%;
		height: 50%;
		margin: auto;
	}
	#tombeau
	{
		width: 25%;
		height: 10%;
		font-size: 0.5em;
		margin: auto;
	}
	#ligne
	{
		display: none;
	}
	#genealogie
	{
		width: auto;
		height: auto;
		color: black;
	}
}
@media screen and (min-width: 1024px)
{
	#bloc_page
	{
		width: auto;
		margin: auto;
	}
	header,section,footer,table
	{
		width: 100%;
	}
}