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

body
{
background: #000000 url('http://s1.assabile.com/bg1.jpg');
padding: 35px 0px 35px 0px;
}

body,input
{
font-size: 10pt;
font-family: "georgia", "times new roman", serif;
color: #333333;
}

p
{
line-height: 1.5em;
margin-bottom: 1.0em;
text-align: justify;
}

a
{
color: #B96D00;
text-decoration: underline;
}

a:hover
{
text-decoration: none;
}


h3 span
{
font-weight: normal;
}

h3,h4
{
display: inline;
font-weight: bold;
background-repeat: no-repeat;
background-position: right;
}

h3
{
font-size: 1.7em;
padding-right: 34px;
background-image: url('http://s1.assabile.com/db1.gif');
}

h4
{
font-size: 1.2em;
padding-right: 28px;
background-image: url('http://s1.assabile.com/db2.gif');
}

.contentarea
{
padding-top: 1.3em;
}

img
{
border: solid 1px #6F5230;
}

img.left
{
position: relative;
float: left;
margin: 0em 1.8em 1.4em 0em;
}

img.right
{
position: relative;
float: right;
margin: 0em 0em 1.8em 1.8em;
}

.divider1
{
position: relative;
background: #fff url('http://s1.assabile.com/border2.gif') repeat-x;
height: 14px;
margin: 2.0em 0em 1.5em 0em;
clear: both;
}

.divider2
{
position: relative;
height: 1px;
border-bottom: solid 1px #eaeaea;
margin: 2.0em 0em 2.0em 0em;
}

.post .details
{
position: relative;
top: -1.5em;
font-size: 0.8em;
color: #787878;
}

.post ul.controls
{
clear: both;
}

.post ul.controls li
{
display: inline;
font-size: 0.8em;
}

.post ul.controls li a
{
background-repeat: no-repeat;
background-position: left;
padding: 0em 1.0em 0em 20px;
}

.post ul.controls li a.printerfriendly
{
background-image: url('http://s1.assabile.com/icon-printerfriendly.gif');
}

.post ul.controls li a.comments
{
background-image: url('http://s1.assabile.com/icon-comments.gif');
}

.post ul.controls li a.more
{
background-image: url('http://s1.assabile.com/icon-more.gif');
}

.box
{

background: #FDFCF6 url('http://s1.assabile.com/boxbg.gif') repeat-x;

top: -1.5em;

border-bottom: solid 1px #E1D2BD;
margin-bottom: 1.0em;
}

ul.linklist
{
list-style: none;
}

ul.linklist li
{
line-height: 2.0em;
}

#upbg
{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 275px;
background: #fff url('http://s1.assabile.com/bg2.jpg') repeat-x;
z-index: 1;
}

#outer
{
z-index: 2;
position: relative;
/*
	The width value below controls the overall width of the design. By default it's set to 82%
	(so it'll take up 82% of the browser window's width). You can set it to a different percentage
	value (70%, 90%, etc.) or even a pixel value (760px, 800px, etc.) to enforce a fixed width.
*/
width: 900px;
border: solid 7px #fff;
background-color: #fff;
margin: 0 auto;
}

#header
{
position: relative;
width: 900px;
height: 6.0em;
background: #2B2B2B url('http://s1.assabile.com/topbg.gif') repeat-x;
margin-bottom: 2px;
}

#headercontent
{
position: absolute;
bottom: 0em;
padding: 0em 2.0em 1.3em 2.0em;
}

#headercontent h1
{
font-weight: normal;
color: #fff;
font-size: 2.5em;
}

#headercontent h1 sup
{
color: #777;
}

#headercontent h2
{
font-size: 1.0em;
font-weight: normal;
color: #aaa;
}

#titreheader {
	font-weight: normal;color: #fff;font-size: 2.5em;margin-top:20px;
}
#titre2header {
	font-size: 1.0em;font-weight: normal;color: #aaa;
}

#search
{
position: absolute;
top: 2.3em;
right: 2.0em;
padding-right: 0.0em;
}

#search input.text
{
margin-right: 0.5em;
vertical-align: middle;
border-top: solid 1px #000000;
border-right: 0px;
border-bottom: solid 1px #777777;
border-left: 0px;
padding: 0.15em;
width: 10.0em;
}

#search input.submit
{
background: #939B00 url('http://s1.assabile.com/buttonbg.gif') repeat-x;
border: solid 1px #5F6800;
font-weight: bold;
padding: 0.25em;
font-size: 0.8em;
color: #F2F3DE;
vertical-align: middle;
}

#headerpic
{
position: relative;
height: 109px;
background: #fff url('http://s1.assabile.com/hdrpic.jpg') no-repeat top left;
margin-bottom: 2px;
}

#headerpicramadan
{
position: relative;
height: 109px;
background: #fff url('http://s1.assabile.com/hdrpicramadan.jpg') no-repeat top left;
margin-bottom: 2px;
}


#menu
{
position: relative;
background: #7F8400 url('http://s1.assabile.com/menubg.gif') repeat-x top left;
height: 3.5em;
padding: 0em 1.0em 0em 1.0em;
margin-bottom: 2px;
}

#menu ul
{
position: absolute;
top: 1.1em;
}

#menu ul li
{
position: relative;
display: inline;
}

#menu ul li a
{
padding: 0.5em 1.0em 0.9em 1.0em;
color: #fff;
text-decoration: none;
}

#menu ul li a:hover
{
text-decoration: underline;
}

#menu ul li a.active
{
background: #7F8400 url('http://s1.assabile.com/menuactive.gif') repeat-x top left;
}

#menubottom
{
background: #fff url('http://s1.assabile.com/border1.gif') repeat-x;
height: 14px;
margin-bottom: 1.5em;
}

#content
{
padding: 0em 1.0em 0em 2.0em;
}

#primarycontainer
{
float: left;
margin-right: -14.0em;
width: 100%;
}

#primarycontent
{
margin: 1.5em 15.0em 0em 0em;

}

#secondarycontent
{
margin-top: 1.5em;
float: right;
width: 14.0em;

}
div#secondarycontent h2 { font-size:12px; }
#footer
{
position: relative;
height: 2.0em;
clear: both;
padding-top: 5.0em;
background: #fff url('http://s1.assabile.com/border2.gif') repeat-x 0em 2.5em;
font-size: 0.8em;
}

#footer .left
{
position: absolute;
left: 2.0em;
bottom: 1.2em;
}

#footer .right
{
position: absolute;
right: 2.0em;
bottom: 1.2em;
}


.comment { background: #eee; color: #808080; padding: 10px; margin: 0 0 10px 0; border-top: 1px solid #ccc }
.commentsbox { background: #f5f5f5; color: #808080; padding: 10px; margin: 0 0 10px 0; border: 1px solid #ddd }

table.tabcentre {text-align:center;margin-left: auto; margin-right: auto; width:150px;}
table.tabcentresourah {text-align:center;margin-left: auto; margin-right: auto; width:600px;}
td.caseartiste {margin:0px; padding:0px;text-align:center;background:#ffffff;}
td.casesourah {margin:0px; padding:0px;text-align:center;background:#ffffff;border:solid 1px  #090; width:100%;}
td.casesourah:hover {margin:0px; padding:0px;text-align:center;background:#ffffff;border: dotted 1px #F00;width:100%;}

img.image {text-align:center;border:none; }
/*a:hover img.image {margin-top:5px;}*/
.titre  {position: relative; color: #769712; padding-bottom: 2px; background-position:  0% 40%; background-repeat: no-repeat;
	     font: bold 1.5em "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;border-bottom: 1px solid #FFD62F;}
.classement  {border-color:#330000;border-left:5px solid #CC9900;padding:0.5em 1em;margin-left:2em;}

.desc {border-width: 1px 1px 1px 8px;border-style: solid;border-color: #F0B802;font-size: 100%;background: #ffffcc;width: 93%;-moz-border-radius:6px;border-radius:6px; padding: 1em;}
.commentsbox { background: #f5f5f5; color: #808080; padding: 10px; margin: 0 0 10px 0; border: 1px solid #ddd }
.post-info{margin: 0 0 10px 0;color: #666;}
.field label{display: inline;float: left;width: 150px;text-align: right;cursor: pointer;cursor: hand; /* pour IE */}
fieldset{position: relative;border: 1px solid #d0d0d0;margin: none;margin-bottom: 20px;padding-bottom: 10px;background: #e5e5e5;-moz-border-radius: 10px;}
p.comment-info {margin-bottom:0;}
blockquote {border: none;margin: 0 1em 1em 1em;padding: 0.1em 0.5em;background: #FFF7D2;-moz-border-radius:10px;border-radius:10px;color:#703610;font-size: 0.95em;line-height: 1.1;}

/* Big box with list of options */
#ajax_listOfOptions{
  position:absolute;  /* Never change this one */
  width:230px;  /* Width of box */
  height:250px;  /* Height of box */
  overflow:auto;  /* Scrolling features */
  border:1px solid #317082;  /* Dark green border */
  background-color:#FFF;  /* White background color */
  text-align:left;
  font-size:0.9em;
  z-index:100;
    margin-left:6px;  
	     
}
#ajax_listOfOptions div{  /* General rule for both .optionDiv and .optionDivSelected */
  margin:1px;  
  padding:1px;
  cursor:pointer;
  font-size:0.9em;
}
#ajax_listOfOptions .optionDiv{  /* Div for each item in list */
  
}
#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
  background-color:#317082;
  color:#FFF;
}
#ajax_listOfOptions_iframe{
  background-color:#F00;
  position:absolute;
  z-index:5;
}

.inputtext{background:transparent url(http://s1.assabile.com/search_glass.gif) no-repeat scroll 0% 70%;
display:block;
margin:0px;
padding:3px 0px;}

.boutonRechercher {
background:transparent url(http://s1.assabile.com/loupe.gif) no-repeat scroll 0%;
border:medium none;
height:21px;
width:21px;

padding:0;

}

.inputRechercher {
height:13px;


border-color:#6D6161 -moz-use-text-color #6D6161 #6D6161;
border-style:solid none solid solid;
border-width:1px 0px 1px 1px;

margin:0;
margin-right:-4px;
margin-bottom:1px;

width:130px;
font-size:10px;
}

.inputRechercherChanson {
height:13px;


border-color:#6D6161 -moz-use-text-color #6D6161 #6D6161;
border-style:solid none solid solid;
border-width:1px 0px 1px 1px;

margin:0;
margin-right:-4px;
margin-bottom:1px;

width:130px;
font-size:10px;
}
li { list-style-type: none }


.commentaire {border-top:#F0B802 solid 2px;border-bottom:#F0B802 solid 1px;background:#FFFFCC;margin-top:15px;}
.commentaire2 {margin-top:5px;padding-bottom:5px;border-bottom:#F0B802 solid 1px;}
.corpscommentaire{margin:0;padding:0;}
.nom{text-transform:uppercase;}
.datecommentaire{font-size:12px;}


a.sourah { text-decoration:none;color:#000; }
a.sourah:hover { text-decoration:none;color:#000; } 

.formlabel { display: inline;float: left;width: 170px;text-align: right;cursor: pointer;cursor: hand; }