/** BASIC */

body {
	margin: 0px;
	padding: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #777777;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #446EC0;
}

a {
	color: #F47511;
}

a:hover {
	text-decoration: none;
	color: #446EC0;
}

/** HEADER */

#header {
	width: 940px;
	margin: 0px auto;
	padding: 20px 0px;
}

#titreheader {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	margin: 0px;
	padding: 0px;
	font-size: 28px;
	color: #F47511;
}

#titreheader2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	margin: 0px;
	padding: 0px;
	font-size: .8em;
	color: #F47511;
}

/** MENU */

#menu {
	width: 940px;
	margin: -40px auto 20px auto;
	padding: 1px 0px 0px 0px;
	border-bottom: 1px solid #CCCCCC;
}

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: right;
}

#menu li {
	display: inline;
}

#menu a {
	padding: 0px 10px;
	border: 1px solid #CCCCCC;
	background-color: #FAFAFA;
	text-decoration: none;
	font-weight: bold;
}

#menu a:hover {
	background-color: #446EC0;
	color: #FFFFFF;
}

/** CONTENT */

#content {
	width: 940px;
	margin: 0px auto;
}



#left {
	float: left;
	width: 710px;
}

#right {
	float: right;
	width: 200px;
}

/** FOOTER */

#footer {
	clear: both;
	width: 940px;
	margin: 0px auto;
	padding: 20px 0px;
}

#footer p {
	margin: 0px;
	border-top: 1px solid #CCCCCC;
	text-align: center;
	font-size: small;
	color: #CCCCCC;
}




.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;*/
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #446EC0;
	font-style: normal;
	font-size: 1.2em;
	border-bottom: 2px dotted #CCCCCC;
 
		 }
.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: 95%;background: #ffffcc;width: 93%;-moz-border-radius:6px;border-radius:6px; padding: 1em; color:#373737;}
.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(/images/search_glass.gif) no-repeat scroll 0% 70%;
display:block;
margin:0px;
padding:3px 0px;}

.boutonRechercher {
background:transparent url(/images/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; }

.menup { color:#446EC0; }

