*{
  margin: 0px;
  padding: 0px;
}

body{
  text-align: center;
  font-family: Verdana, Arial, Tahoma;
  font-size: 12px;
  color: #4D4D4D;
  word-spacing: normal;
  width:100%;
  height:100%;
}

#page, #ombre_bottom{
  width: 1000px;
  background: #ffffff url('../images/bg_page.jpg') repeat-y;  
  padding-top:5px;
  margin-left: auto; 
  margin-right: auto;
  text-align: left;
}

#main{
  padding: 0px 32px 0 32px;
}

h1{
  color: #377988;
  margin-bottom: 5px;
  font-size:22px;
}

h2{
  color: #daba07;
  margin-bottom: 10px;
  font-size: 18px;
}

h3{
  font-size: 14px;
}

h1, h2{
  font-weight: normal;
}

#fond{
 background: #ffffff url('../images/fond.jpg') no-repeat;
 position: absolute;
 left: 470px;
 top: 0px;
 width: 960px;
 height: 301px;
}

a{
  outline: none;
  color: #303030;  
}

.center{
  text-align: center;
}

.centW{
  width: 100%;
}

.underline{
  text-decoration: underline;
}

#logo{ 
  margin-bottom: 7px;
  clear: both;
  height: 197px;
  width: 307px;
  text-align: center;
  position: relative;
  margin-left: auto; 
  margin-right: auto;
  text-align: left;
  background: #ffffff url('../images/mosque.jpg') no-repeat;
  margin-top: -35px;
}

#recherche2{
  background: #ffffff url('../images/horaire-salat.gif') no-repeat 0px 20px;
  padding-top: 60px;
  display: none;
}

#recherche2 #ville{
  width:310px;
  display: block;
  float: left;
  margin-top: 2px;
  padding-top: 4px;
  padding-bottom: 5px;
  *padding-top: 6px;
  *padding-bottom: 6px;
}

#separ{
  background: #ffffff url('../images/separ.jpg') no-repeat;
  height: 20px;
  width: 214px;
  text-align: center;
  position: relative;
  margin-left: auto; 
  margin-right: auto;
  margin-top: 5px;
  margin-bottom: 20px;
}

#recherche2 #envoyer{
  margin: 0;
}

#recherche2 #moteur{
  width: auto;
}

#recherche2 #results {  
	width: 312px;	
}


.date_day, .date_month{
  text-transform: uppercase;
  text-align: center;
  color: #758711;
  font-weight: bold;
  font-size: 18px;
  font-family: times New Roman;
}

.printme{
  background: #ffffff url('../images/print.gif') no-repeat;
  height: 77px;
  width: 54px;
  position: absolute;
  top: 35px;
  right: 35px;
  cursor: pointer;
}

#bmm{
  cursor: pointer;
}

#maville{  
  width: 60%;
  margin-bottom: 20px;
  text-align: center;
  position: relative;
  margin-left: auto; 
  margin-right: auto;
}

.infobox{
  padding: 8px;
  background: #feefb3;
  border: 1px #9f6000 solid;
}

.infobox a{
  font-size: 14px;
  color: #9f6000;
}

#recherche{
  text-align: center;
  color: #4d4d4d;
  margin-bottom: 40px;
  z-index: 999;
}

#ville{
  border: 1px #7e7e7e solid;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 16px;
  color: #4d4d4d;
  width: 449px;
  padding-left: 2px;
}

#envoyer{
  background: #ffffff url('../images/chercher.jpg') no-repeat;
  color: #ffffff;
  font-size: 20px;
  width: 261px;
  margin-top: 10px;
  height: 36px;
  border: none;
  cursor: pointer;
}

#ombre_bottom{
  background: #ffffff url('../images/bg_bottom.jpg') no-repeat;
  overflow: hidden;
  height: 30px;
}

#moteur{
  text-align: center;
  position: relative;
  margin-left: auto; 
  margin-right: auto;
  text-align: left;
  width: 449px;
  
}

#results {
  background: #ffffff;
	border: 1px solid #d9bf2e;
	display: none;
	position: absolute;
	z-index: 999;
	left: 0px;
	top:30px;
	width: 451px;
	margin-top:-1px;
  *margin-top:-2px;
  font-size:16px;
}

#results div a{  
  cursor: pointer;
  width: 100%;
  *width:446px;
  display: block;
  padding: 3px;
  padding-left: 2px;
  text-decoration: none;
  color: #4D4D4D;
}

#results .selected a{
	color: #ffffff;
}

#results .selected{
	background-color: #377988;
}

#results #close{
	text-align: right;
	color: blue;
	font-size: 14px;
	cursor: pointer;
}

#footer{
  padding: 5px;
  background: #e7e7e7;
  font-size: 11px;
  margin-top: 20px;
  color: #a2a2a2;
  clear: both;
}

ul#pagination{
    border:0; 
    margin:0; 
    padding:0;
    width: 500px;
    height: 20px;
}

#pagination li{
    border:0; 
    margin:0; 
    padding:0;
    font-size:11px;
    list-style:none;
    float: left;
    margin-right:2px;
}

#pagination a{
    border:solid 1px #9aafe5;
}

#pagination .previous-off, #pagination .next-off{
    border:solid 1px #DEDEDE;
    color:#888888;
    display:block;
    float:left;
    font-weight:bold;
    margin-right:2px;
    padding:3px 4px;
}

#pagination .next a, #pagination .previous a{
    font-weight:bold;
}

#pagination .active{
    background:#2e6ab1;
    color:#FFFFFF;
    font-weight:bold;
    display:block;
    float:left;
    padding:4px 6px;
}

#pagination a:link, #pagination a:visited{
    color:#0e509e;
    display:block;
    float:left;
    padding:3px 6px;
    text-decoration:none;
}

#pagination a:hover{
    border:solid 1px #0e509e;
}

.table_horaire_month td, .table_horaire_day td{
  color: #6d8003;
  padding: 5px;
}

.table_horaire_month td.day{
  font-size: 12px;
  border-right: 1px #dbdbdb solid;
  color: #606060;
  text-align: left;
}

.table_horaire_month td, .table_horaire_day td{  
  border-top: 1px #afafaf solid;
}

.table_horaire_month, .table_horaire_day{
  border-collapse:collapse;
  border: 1px #dbdbdb solid;
  text-align: center;
  cursor: default;
  font-family: trebuchet MS;
  font-size: 14px;
  width: 80%;
  position: relative;
  margin-left: auto; 
  margin-right: auto;
  
}

.table_horaire_day{
  margin-bottom: 20px;
}

.table_horaire_month th, .table_horaire_day th{
  color: #606060;
  padding: 8px;
  background-color: #f3f3f1;
}

.table_horaire_month{
  margin-bottom: 20px;
}

#sharethis_0{
  float: right;
  margin-right: 32px;
  margin-top: 15px;
}

#horaire_ville{
  float: left;
  width:78%;
  position: relative;
}

#horaire_ville #entete{
  width: 640px;
}

#colright{
  float: left;
  width: 22%;
}

.clear{
  clear: both;
}

.justify{
  text-align: justify;
}

.nice_blue{
  background-color: #dbe9f1;
}

.feedback-panel {
  padding:20px;
  width: 300px;
  background: #f4f4f4;
  border: #efbc22 1px solid;
  position:absolute;
  top:200px;
  left:-341px;
  text-align: justify;
}
	   
.feedback-panel a.feedback-tab {
  background:transparent url(../images/feedbacktab.gif) no-repeat scroll 0 0;
  border-width: 1px 1px 1px 0;
  display:block;
  height:111px;
  left:57px;
  bottom:21px;
  position:relative;
  float:right;
  text-indent:-9999px;
  width:37px;
  outline:none;
}
	   
.feedback-panel textarea {
  width:90%;
  padding:5px;
}
	   
.feedback-panel #response-message {
  background: #fff;
  border: 1px solid #999;
  padding:50px;
  text-align: center;
}

#small{
  font-size: 11px;
}

.error{
  color: red;
}

#logo_coran{
  margin-bottom: 7px;
  clear: both;
  height: 190px;
  width: 587px;
  text-align: center;
  position: relative;
  margin-left: auto; 
  margin-right: auto;
  text-align: left;
  background: #ffffff url('../images/logo_coran.jpg') no-repeat;
  margin-top: 30px;
}

#content_coran{
  padding-top: 40px;
}

#lightbox {  
  display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #000000;
	z-index:500;
	filter : alpha(opacity=70);
  -moz-opacity : 0.7;
  opacity : 0.7;
 }  
 /* Lightbox panel with some content */  
#lightbox-panel {  
  display:none;  
  position:absolute;  
  top:170px;  
  left:35%;  
  margin-left:-200px;  
  width:400px;  
  background:#ffffff;  
  padding:1px 5px 10px 15px;  
  border:8px solid #DDDDDD;  
  z-index:1002;  
 }
 
 #close-panel{
  cursor: pointer;
  color:#4D4D4D;
  font-size: 11px;
  text-transform: uppercase;
  text-align: right;
 }  
 
.small{
  font-size: 11px;
  color: #000000;
}

#lightbox-panel #mailnews{
  padding: 3px 0 3px 0;
  border: 1px solid #DDDDDD;
}

#lightbox-panel #oknews{
  background: #89C330;
  color: #ffffff;
  border: none; 
  font-weight: bold;
  height: 24px;
  padding: 2px;
}

#logo_af{
  background: #ffffff url('../images/logo.jpg') no-repeat;
  width: 217px;
  height: 78px;
  float: left;
}

ul, li {
  list-style-position: inside;
}

ul ul {
  margin-left: 10px;
  line-height:20px;
}