/*DIV DE LA PAGE*/
#page
{
width: 1000px;
margin-left: auto;
margin-right: auto;
margin-top:-1px;
}

#header
{
height:35px;
padding-top:5px;
padding-left:20px;
	box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: 12px;
    font-family:verdana;
    text-decoration: none;
    color: rgba(255,255,255, .9);
    background: #000000;
}

.txt_header a
{
font-size: 12px;
    font-family:verdana;
    text-decoration: none;
    color: rgba(255,255,255, .9);
}

.txt_header a:hover
{
font-size: 12px;
font-family:verdana;
text-decoration: none;
color: rgba(255,255,255, .9);
font-weight:bold;
}
/*
#navigation
{
height:20px;
}

.fixNavigation
{
z-index: 9999;
position: fixed;
top: 0;
width: 1000px;
}
*/
/*TD FOND*/
#fond
{
background-image:url('img/liste_sourates_fond.gif');
background-repeat:repeat;
background-position:100% 0%;
}

/*TABLE LISTE SOURATES*/
#liste_sourates
{
background-image:url('img/fond_table_total.gif');
background-repeat:no-repeat;
z-index:9999;
}

                  /*MENU VERTICAL*/
/*TXT Choisir sourate*/
.choisir{
float:none;
width:265px;
height:40px;
margin-top: 3px;
background-color:#000000;
font-family:verdana;
font-size:16px;
color: #FFB062;
text-align:center;
line-height:35px;
border-radius:4px;
z-index:9999;
}

/*Contenu liste titre des sourates avec ascenseur anciennement .content*/
#maListe {
float:none;
margin-top:-4px;
width:265px;
height:307px;
padding-top:3px;
padding-right:2px;
margin-bottom: 8px;
overflow-y: scroll;
overflow-x: hidden;
background-image:url('img/fond_liste_sourates.jpg');
background-repeat:no-repeat;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
font-family:sans-serif;
font-size:13px;
color: #F5F5DC;
border: 1px solid #000000;
line-height:13pt;
z-index:1;
}

/*SCROLLBAR POUR IE ET OPERA*/
 
#maListe{scrollbar-face-color:rgba(155, 82, 21, 0.87);
scrollbar-track-color: rgba(0,0,0,0.5); 
scrollbar-arrow-color: rgba(155, 82, 21, 0.87);

scrollbar-shadow-color: rgba(0,0,0,0.8);
scrollbar-highlight-color:#FFFF99;
scrollbar-3dlight-color: rgba(155, 82, 21, 0.87);
scrollbar-darkshadow-color: rgba(0,0,0,0.8);
}

/* Let's get this party started */
#maListe::-webkit-scrollbar {
width:10px;
}
 
/* Track */
#maListe::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.8); 
    -webkit-border-radius:10px;
    border-radius:10px;
}
 
/* Handle */
#maListe::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background:rgba(155, 82, 21, 0.87); 
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.8); 
    min-height:60px;
}

#maListe::-webkit-scrollbar-thumb:hover {
    background-color:rgba(32, 65, 1, 0.87);
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.8);
}

#maListe::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(155, 82, 21, 0.4); 
}

#maListe::-webkit-scrollbar-track-piece {
padding:15px;
}

#cadreListe{padding-left:10px;list-style-type:none;width:218px;z-index:1;}
#cadreListe li{background:#1E1E1E;padding:4px 5px;margin:4px 0;border-radius:4px;z-index:1;}
#cadreListe li:hover{background:#204101;z-index:1;}

#liste a{ 
color:#F5F5DC;
text-decoration:none;
}

#liste a:visited{ 
color:#F5F5DC;
text-decoration:none;
}
#liste a:hover{ 
color:#F5F5DC;
text-decoration:none;
}

/*DIV ALLER VERS SOURATE ET VERSET DE SON CHOIX*/
#div_aller_vers_glob
{
width:264px;
padding-top:6px;
padding-bottom: 2px;
font-family:verdana;
font-size:12px;
background-image:url('img/fond_aller_directement.jpg');
background-size: 100%;
text-align:center;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}

#tbl_aller_vers
{
margin:0 auto;
width:110px;
padding-bottom:3px;
}

.fond_bt_submit
{
background-image:url('img/bt_aller_vers.jpg');
background-repeat:no-repeat;
border:none;
width: 25px; /* largeur à spécifier */
height: 20px; /* longueur à spécifier */
cursor: pointer;
color:#EDE2D6;
font-family:verdana;
font-size:12px;
padding-right:25px;
}

/*Div Voir la liste des Segments avec concordance dans sourate*/
#Div_voir_liste_segments {
position:relative;
display:flex;
margin-top:10px;
padding-top:12px;
padding-left:5px;
padding-bottom:12px;
width:262px;
background-image:url('img/fond_requetes.jpg');
background-size: 100%;
background-repeat:no-repeat;
font-family:sans-serif;
font-size:12px;
color:#F5F5DC;
word-wrap: break-word; /* Pour que le texte revienne à la ligne */
line-height:11pt;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}

#Div_voir_liste_segments a{ 
color: #FFFFFF;
font-size:15px;
text-decoration:underline;
cursor:pointer;
}

#Div_voir_liste_segments a:visited{ 
color: #FFFFFF;
text-decoration:underline;
cursor:pointer;
}

#Div_voir_liste_segments a:hover{ 
color: #FFFFFF;
text-decoration:underline;
cursor:pointer;
}

/*Page voir segments*/
#frame_options_Segments {
display:block;
height:120px;
overflow:hidden;
overflow-x: hidden;
overflow-y: auto;
overflow : -moz-scrollbars-vertical;
background-color:#B0F2B6;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
font-family:sans-serif;
font-size:13px;
color: #F5F5DC;
line-height:17pt;
margin-left:5px;
padding:9px;
text-align:left;
}

#frame_options_Segments_Titre
{
display:block;
height:120px;
overflow:hidden;
overflow-x: hidden;
overflow-y: auto;
overflow : -moz-scrollbars-vertical;
background-color:#D6C7B5;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
font-family:sans-serif;
font-size:13px;
color: #F5F5DC;
line-height:17pt;
margin-left:5px;
padding:9px;
text-align:left;
}

#menu_deroulant_sourate
{
line-height:25px;
padding-bottom:5px;
padding-top:5px;
font-family:sans-serif;
font-size:13px;
border-radius:5px;
background-color:#00C144;
}

#tbl_segments_titre_global
{
background-color:#F3F1E2;
padding-top:4px;
padding-bottom:4px;
border-top-left-radius:2px;
border-top-right-radius:2px;
}


/*TITRE ET NUM SOURATE HORIZONTAL*/
#top_titre {
position:relative;
/*line-height:28px;*/
background-color:#B5B0BB;
text-align:center;
padding: 0px 0px 13px 0px;
/*z-index:999;*/
}


/*IMAGE
#fond_img
{
background-color:#B5B0BB;
}
*/
#div_support_image {
position:relative;
z-index:999;
}

#defimg {
width: 100%; 
max-width: 730px;
height: auto;
/*margin-bottom:-15px;*/
}

.verdanaNumTitre{font-size:12pt;font-family:verdana;
/*line-height:10pt;padding-bottom:10px;padding-top:10px;*/
color:#FFFFFF;}