* {

	margin: 0;
	padding: 0;
}

body {

	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #888888;
	background: url(images/pagesColor.jpg) repeat;



}

/* heure et date */

#date_heure {
height: 25px;
line-height: 43px;
display: block;
margin-left:45px;
padding:-5px;
font-size:14px;
font-weight: bold;
color: #93b300;
}




#header {

	width: 1000px;
	height: 185px;
	margin: auto;
	background: url(images/header1.png) no-repeat;
}
#header p {

	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #93b300;
	margin-left: 35px;
	margin-top: 5px
}

#header #logo {

	
	background: url(images/logo10.png) no-repeat;
	float: left;
	margin-left: 20px;
	margin-top: 30px;

}

#header #bismillah {

	
	background: url(images/bismillah4.png) no-repeat;
	float: center;
	margin-left: 480px;
	margin-top: 1px;

}

#header #sayyed {

	
	background: url(images/sayyed-blanc1.png) no-repeat;
	float: right;
	margin-right:16px;
	margin-top: -148px;

}



/* menu horizontal */

.nav {

height:35px; 
background: url(images/bg_vert.gif); 
position:relative; 
font-family: "Trebuchet MS", verdana, arial, sans-serif; 
font-size:1.2em; 
width: auto;
z-index:100;
margin-left:15px;
margin-right:15px;
padding:0;
}

.nav .table {
display:table; 
margin:0 0 0 10px;
}

.nav .select,
.nav .current {
margin:0; 
padding:0; 
list-style:none; 
display:table-cell; 
white-space:nowrap;
}

.nav li {
margin:0; 
padding:0; 
height:auto; 
float:left;
}

.nav .select a {
display:block; 
height:35px; 
float:left; 
font-weight:bold;
background: url(images/bg_vert.gif); 
padding:0 30px 0 30px; 
text-decoration:none; 
line-height:35px; 
white-space:nowrap; 
color:#585858;
}


.nav .select a:hover, 
.nav .select li:hover a {
background: url(images/hover_vert.gif); 
padding:0 0 0 15px; 
cursor:pointer; 
color:#2b3238;
}

.nav .select a b{
	font-weight:bold;
	}

.nav .select a:hover b, 
.nav .select li:hover a b {
display:block; 
float:left; 
padding:0 30px 0 15px; 
background:url(images/hover_vert.gif) right top; 
cursor:pointer;
}

.nav .select_sub {
display:none;
}

/* IE6 only */
.nav table {
border-collapse:collapse; 
margin:-1px; 
font-size:1em; 
width:0; 
height:0;
}

.nav .sub {
display:table; 
margin:0 auto; 
padding:0; 
list-style:none;
}

.nav .sub_active .current_sub a, 
.nav .sub_active a:hover {
background:transparent; 
color:#2b3238;
}

.nav .select :hover .select_sub, 
.nav .current .show {
display:block; 
position:absolute; 
width:100%;
top:35px; 
background:url(images/back.gif); 
padding:0; 
z-index:100; 
right:0; 
text-align:center;
}

.nav .current .show {
z-index:10;
}

.nav .select :hover .sub li a, 
.nav .current .show .sub li a {
display:block; 
float:left; 
background:transparent; 
padding:0 35px 0 35px; 
margin:0; 
white-space:nowrap; 
border:0;
font-size:10px;
color:#2b3238;

}

.nav .current .sub li.sub_show a {
color:#2b3238; 
cursor:default; 
}

.nav .select .sub li a {
font-weight:bold;
}

.nav .select :hover .sub li a:hover, 
.nav .current .sub li a:hover {
visibility:visible; 
color:#93b300; 
}



#conteneur {

	width: 1000px;
	margin: auto;
	background: url(images/conteneur-vert.png) repeat-y;
	overflow: auto;
}

#moncadre_vide {
width:970px;
height:650px;
margin:auto;
padding:auto;
background-image: url(images/fond_archive.png);
border-left:0px solid #000000; /* couleur du cadre */
border-right:0px solid #000000;
border-bottom:0px solid #000000;
border-top:0px solid #000000;
}	


table {

	margin: auto;
}

th {

	color: #a7a7a7;
	text-align: center;
	border: 1px solid #e1e1e1;
	padding: 5px;
	font-size: 1.1em;
	font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
	
}

td {
   
	height: auto; /* J'agrandis la hauteur des cellules pour que l'on puisse voir l'alignement vertical */
	vertical-align: middle; /* Alignement vertical, le contenu des cellules sera placé en bas */
	border: 0px solid #e1e1e1;
	font-family: "Trebuchet MS", Times, "Times New Roman", serif;
	text-align: left;
	color: #4c5c03;
	padding: 20px;
	

}


#bordure {
border-width: 100%;
margin: 0 150px 0 150px;
border-color: #93b300;
padding: 0 0px 0px 0;
border-bottom : 3px dotted #757575; 
}

/*bouton pour une archive précise */
.bouton_archives_1{
	display:block;
	height: 50px;
	width: 200px;
	background:url(images/priere_doua.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
	margin: auto;
}	
.bouton_archives_2{
	display:block;
	height: 50px;
	width: 200px;
	background:url(images/jeune_ramadan.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
	margin: auto;
}	
.bouton_archives_3{
	display:block;
	height: 50px;
	width: 200px;
	background:url(images/zakat_khums_archive.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
	margin: auto;
}	
.bouton_archives_4{
	display:block;
	height: 50px;
	width: 200px;
	background:url(images/haj_rites_archive.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
	margin: auto;
}	
.bouton_archives_5{
	display:block;
	height: 50px;
	width: 200px;
	background:url(images/relation_sociale_archive.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
	margin: auto;
}	
.bouton_archives_6{
	display:block;
	height: 50px;
	width: 200px;
	background:url(images/divers_archive.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
	margin: auto;
}	
/* fin bouton archive */

#trait_vertical {
border-left: 3px solid #b1b1b1;
padding-left: 5px;
padding-right: 10px;
}

#footer {

	background: url(images/footer-vert.png) no-repeat;
	width: 1000px;
	height: 60px;
	margin: auto;
}

#footer p {

	text-align: center;
	color: #93b300;
	padding-top: 9px;
	font-size: 12px;
}