/*font */
@media print {
  body { color-adjust: exact; }
}
@font-face {
    font-family:'digitaldream';
    src:url('font/digitaldream-webfont.eot');
    src:url('font/digitaldream-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/digitaldream-webfont.woff') format('woff'),
         url('font/digitaldream-webfont.ttf') format('truetype'),
         url('font/digitaldream-webfont.svg#digital_dreamregular') format('svg');
    font-weight:normal;
    font-style:normal;

}

@font-face {
    font-family:"kfgqpc_uthmanic_script_hafsRg";
    src:url("http://alhibr1.com/font/uthmanichafs1_ver09-webfont.eot");
    src:url("http://alhibr1.com/font/uthmanichafs1_ver09-webfont.eot?#iefix") format("embedded-opentype"),
         url("http://alhibr1.com/font/uthmanichafs1_ver09-webfont.woff") format("woff"),
         url("http://alhibr1.com/font/uthmanichafs1_ver09-webfont.ttf") format("truetype"),
         url("http://alhibr1.com/font/uthmanichafs1_ver09-webfont.svg#kfgqpc_uthmanic_script_hafsRg") format("svg");
    font-weight:normal;
    font-style:normal;

}
@media print {
body {-webkit-print-color-adjust:exact;}
}
@font-face {
    font-family:"KFGQPC_Naskh";src:url('/font/KFC_naskh.eot');
    src:local("KFGQPC Uthman Taha Naskh"), url("/font/KFC_naskh.otf") format("opentype");
}
html, body {
    background-color: #0F5132;
    margin: 0;
    padding-top: 0; /* ← IMPORTANT */
    width: 100%;
    min-height: 100%;
    direction: rtl;

    font-family: "KFGQPC_Naskh", "kfgqpc_uthmanic_script_hafsRg", "Noto Kufi Arabic", sans-serif;
    font-size: 18px;
    color: #000000;
   overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
* {
    box-sizing: border-box;
    max-width: 100%;
}

.globalcont {
    width: 100%;
    min-height: 100vh;
    margin: 0 auto;
    padding-top: 80px;

    display: flex;
    flex-direction: column;
    align-items: stretch;

    direction: rtl;
    text-align: center;

    overflow-x: hidden;
    overflow-y: visible !important;

    row-gap: 5px; /* contrôle propre des espaces */
}



/* Ancien code table → supprimé */
tr {
    display: block; /* si tu en as besoin pour compatibilité */
    width: auto;
    height: 0px;
}
h1 {
    font-size: 28px;
    font-weight: 700;
    color: #F5EEDC;
    text-align: right;
    margin: 20px 0 15px;
    padding-bottom: 8px;
    border-bottom: 2px solid #C9A227; /* or doux */
}

/* SOUS-TITRE */
h2 {
    font-size: 22px;
    font-weight: 600;
    color: #E8DCC3; /* beige plus doux */
    text-align: right;
    margin: 15px 0 8px;
}

/* SECTION */
h3 {
    font-size: 18px;
    font-weight: 500;
    color: #FFFFFF; /* blanc lisible */
    text-align: right;
    margin: 12px 0 6px;
}

/* PETIT TITRE / LABEL */
h4 {
    font-size: 16px;
    font-weight: 500;
    color: #D9D9D9;
    text-align: right;
    margin: 10px 0 5px;
}
.titre {
    display: block;
    width: 80%;
    margin: 20px auto;

    padding: 20px 28px;

    background: linear-gradient(90deg, #C9A227 0%, #E8DCC3 100%);
    color: #0F5132;

    font-size: 24px;
    font-weight: 700;
    text-align: right;

    border-radius: 10px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.18);

    transition: transform 0.25s ease;
}

.titre:hover {
    transform: translateY(-3px);
}

.titre a {
    text-decoration: none;
    color: #F5EEDC; /* beige sable premium */
    font-weight: 700;
    transition: color 0.25s ease, background-color 0.25s ease;
}

.titre a:hover {
    color: #0F5132; /* vert foncé premium */
    background-color: rgba(255, 255, 255, 0.25); /* léger voile élégant */
    padding: 4px 8px;
    border-radius: 6px;
}
.jouzdiv    { 
display:block;
clear :both; 
background-color :#432121;  
width :93%; 
min-height :40px; 
line-height :40px; 
padding :0 20px 0 20px; 
color :#ffffff; 
font-weight :bold; 
font-size :22px; 
overflow-x:hidden; 
text-align :right; 
margin :10px auto 10px auto; 
text-decoration :none; 
border:1px dotted #643403;
-moz-box-shadow: 5px 5px 5px #643403;
-webkit-box-shadow: 5px 5px 5px #643403;
-o-box-shadow: 5px 5px 5px #643403;
box-shadow: 5px 5px 5px #643403;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px 10px 0px 0px;
} 

.jadwal { 
background-color :#1f0d00; 
} 
a:link { 
font-size :large; 
color :black; 
text-decoration :underline; 
} 
a:visited { 
font-size :large; 
color :#000000; 
text-decoration :none; 
} 
a:active { 
font-size :large; 
color :#690E00; 
text-decoration :none; 
} 
a:hover { 
color :black; 
text-decoration :none; 
border-width :5px; 
border-radius :10px; 
text-decoration :none; 
} 
ul, li { 
color :black; 
list-style :none; 
padding-left :2px; 
padding-right :2px; 
} 
.bouton a { 
width :100%; 
font-size :large; 
text-align :center; 
color :black; 
display :block; 
border-width :5px; 
font-weight :normal; 
vertical-align :middle; 
text-decoration :none; 
background-color : #007f5f;/*#F7F8E0;*/

border-radius :10px; 
padding-top :2px; 
} 
a.bouton:hover { 
font-size :large; 
text-align :center; 
color :#003300; 
background-color :#000000; 

border-radius :10px; 
vertical-align :middle; 
} 
a.bouton1 { 
display :block;  

background-color :rgba(235,229,152,1); 
border:2px solid white;
border-radius:10px;
width :143px; 
height :30px; 
line-height:30px;
text-align :center; 
color :black; 
font-weight :weight; 
font-size :large; 
text-decoration :none;
} 
a.bouton1:hover { 
display :block;  

background-color :rgba(0,103,0,1); 
border:2px solid white;
border-radius:10px;
width :143px; 
height :30px; 
line-height:30px;
font-size :large; 
font-weight :weight; 
text-align :center; 
color :white; 
} 

/* Hover premium */
button:hover,
.send-btn:hover,
.programs button:hover {
    background: #239b75;
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.25);
}

/* Effet clic */
button:active,
.send-btn:active,
.programs button:active {
    transform: scale(0.97);
}
p {
	text-indent:5px;
	font-size:18px;
	text-align:right;
	direction:rtl;

}
.bouton2 { 
display :block;  

background-color :rgba(0,103,0,1); 
border:2px solid white;
border-radius:10px;
width :143px; 
height :30px; 
line-height:30px;
font-size :large; 
font-weight :weight; 
text-align :center; 
color :#fff; 
text-decoration:none;
} 
a.bouton2 { 
display :block;  

background-color :rgba(0,103,0,1); 
border:2px solid white;
border-radius:10px;
width :143px; 
height :30px; 
line-height:30px;
font-size :large; 
font-weight :weight; 
text-align :center; 
color :#fff; 
text-decoration:none;
} 
.submit1 { 
font-size :22px; 
font-weight :bold; 
border :none; 
color :#FFFFFF; 
background-image :url('http://alhibr1.com/btsubmit2.png'); 
width :100%; 
height :100%; 
} 
.submit { 
font-size :36px; 
font-weight :bold; 
border :none; 
color :#FFFFFF; 
background-image :url('http://alhibr1.com/btsubmit1.png'); 
background-position:center center;
width :205px; 
height :54px; 
text-align:center;

} 
.submit:hover { 
color :#FFFFFF; 
font-size :36px; 
font-weight :bold; 
background-color :#1f0d00; 
cursor :pointer; 
} 
.menutd { 
background-color :#FCFBDE; 
width :143px; 
height :30px; 
vertical-align :middle; 
border-radius :10px; 
margin-top :4px; 
margin-bottom :4px; 
} 
.menutd1 { 
background-color :#FFFF00; 
width :143px; 
height :30px; 
vertical-align :middle; 
border-radius :10px; 
} 
.clickbt {  
background-color :#e0f52a;
 
border:2px solid white;
border-radius:10px;
text-align :center; 
width :120px; 
height :25px; 
overflow :hidden; 
border:0;
line-height:25px;
margin-top:4px;
color:black;
font-size:14px;font-weight:bold;
} 

.clickbt:hover {  
background-color :rgba(0,103,0,1); 
border:2px solid white;
border-radius:10px;
text-align :center; 
width :120px; 
height :25px; 
overflow :hidden; 
border:0;
line-height:25px;
margin-top:4px;
color:white;
font-size:14px;font-weight:bold;
} 
#hautpage {
    display: flex;
    justify-content: space-between;
    align-items: flex-start; /* ← IMPORTANT */
    width: 100%; 
    min-height: 70px; 
    margin: 0 auto 0px auto;
    padding: 0;
    overflow:hidden;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    background: linear-gradient(90deg, #0f3d2e, #1b7a5a);
    border-bottom: 2px solid #d4af37;
    box-shadow: 0 4px 12px rgba(0,0,0,0.25);
	
}
.clearfix, .clear {
    clear: none !important;
}



* {
    margin-block-start: 0;
}

.corpshaut {
 

    display: flex;
    justify-content: center;
    align-items: flex-start; /* ← IMPORTANT */
	gap:0px;
    width: 100%;
    padding: 0;
	margin:0px;
    text-align: right;
	overflow:hidden;
	
}

#hautd { 
display:block;
clear:both;
float:right;
width :138px; 
height :132px;  
background-image :url("http://alhibr1.com/graphisme/yamkhalf.png"); 
background-repeat :no-repeat; 
background-position :left center; 
margin :0; 
padding :0; 
text-align :center;  

} 
#hautd a { 
text-decoration :none; 
text-align :center; 
} 
#hautm { 
display:block;
float :right; 
background-color:rgba(0,0,0,0.8);
margin :0 auto; 
padding :0; 
width:calc(100% - 280px);
 min-width:50%; 
height :132px; 
text-align :center; 
  
} 
#hautg { 
display:block;
float :left; 
width :138px; 
height :132px; 
background-image :url(http://alhibr1.com/graphisme/yaskhalf.png); 
background-repeat :no-repeat; 
background-position :right center; 
text-align :center; 
margin :0; 
padding :0; 
} 
#hautg a { 
text-decoration :none; 
text-align :center; 
} 
.colorsecond { 
background-color :#1f0d00; 
} 
.menuhautr ul { 
width :100%; 
margin :0; 
padding :0; 
display :block; 
list-style :none; 
} 
.menuhautr li { 
display :block;
float :right;  
list-style :none; 
margin-left :1%; 
margin-right :1%; 
font-size :medium; 
background :url("graphisme/btdore.png") no-repeat; 
background-position :center center; 
width :143px; 
height :30px; 
color :black; 
text-align :center; 
} 
.menuhautr a { 
text-decoration :none; 
font-size :medium; 
} 
.menuhautr a:hover { 
text-align :center; 
color :red; 
font-size :medium; 
background :url("graphisme/btdoreh.png") no-repeat; 
background-position :center center; 
width :143px; 
height :30px; 
float :right; 
} 
.backpub {  
    display: flex;               /* ← centrer proprement */
    justify-content: center;
    align-items: center;

    width: 100%;                 /* ← prend toute la largeur disponible */
    max-width: 482px;            /* ← limite propre */
    height: auto;                /* ← plus de hauteur fixe */
    aspect-ratio: 482 / 342;     /* ← garde les proportions si image */

    overflow: hidden;
    position: relative;
    margin: 5px auto;
    padding: 5px 0;
    text-align: center;
   border-radius: 12px;
    border: 2px solid #1b7a5a; /* vert premium */
    border: 1px solid rgba(255,255,255,0.25);
    backdrop-filter: blur(6px);
    background: rgba(255,255,255,0.08);

    box-shadow: 0 6px 16px rgba(0,0,0,0.3);
}

#search { 
width :100%; 
min-height :34px; 
margin :0 auto; 
direction :rtl; 
background:url("/graphisme/grad1h.png") repeat-x;
background-position:center center;
background-size:100% 100%;
/*background:-prefixe-linear-gradient(top,#1f0d00 0%, rgba(255,255,255,0.5) ,#1f0d00); 
background:linear-gradient(to bottom, #1f0d00 0%, rgba(255,255,255,0.5),#1f0d00 );*/
text-align :center; 
z-index:20;
} 
#formsearch { 
width :420px; 
height:34px;
display :block; 
text-align :center; 
margin-right :20px; 
margin-left :20px;
/*background :url("graphisme/searchb.png") no-repeat; 
background-position :center center; */
background-color:#fff;
border-radius:10px;
padding :2px; 
direction :rtl; 
} 
#formsearch form { 
display :inline; 
} 
#pubcenter { 
width :480px; 
height :340px; 
background-color :#1f0d00; 
text-align :center; 
float :right; 
padding-right :5px; 
padding-left :5px; 
margin-left :5%; 
margin-right :5%; 
overflow :hidden; 
} 
#pubcenter a { 
text-align :center; 
text-decoration :none; 
} 
.cfooter { 
width :100%; 
height: auto !important;
    min-height: 338px;
margin :0 auto; 
padding :0; 
direction :ltr; 
vertical-align :top; 
color :#ffffff; 
 
} 
.conteneur-page {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    direction: rtl;
}

.conteneur-ligne {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start; /* important */
}
.bloc-droite {
    width: 200px;
    flex-shrink: 0; /* ne rétrécit jamais */
}
.bloc-gauche {
    flex: 1;
    padding-left: 20px;
    box-sizing: border-box;
}

.menufooter { 
display:block;
clear:both;
width :600px; 
height :32px; 
margin:10px auto 10px auto;
padding :0; 
text-align :center; 

}  
.menufooter   a { 
display:block;
float:left;
background-color :#1f0d00; 
background-position :center center; 
text-decoration :none; 
margin-left:8px;
width :90px; 
height :31px; 
} 
.menufooter   a:hover { 
text-decoration :none; 
background-color :#000000; 
background-position :center center; 

display:block;
float:left;
width :90px; 
height :31px; 
} 
.divgfoot { 
width :20%; 
height :308px; 
background-color :#000000; 
text-align :center; 
float :left; 
color :#FF0000; 
font-size :14px; 
font-weight :bold; 
direction :rtl; 
padding-top :20px; 
padding-bottom :20px; 
} 
.divmfoot { 
width :60%; 
min-height :338px; 
float :left; 
text-align :center; 
background:
    repeating-linear-gradient(
        45deg,
        rgba(255,255,255,0.03) 0px,
        rgba(255,255,255,0.03) 2px,
        transparent 2px,
        transparent 6px
    ),
    linear-gradient(180deg, #0f3d2e 0%, #1b7a5a 60%, #d4af37 120%);

    border-radius: 8px;
    padding: 15px;
margin:0px auto 0px auto;
} 
.divmfoot ul li { 
width :100px; 
float :left; 
display :block; 
list-style :none; 
margin-left :10px; 
text-align :center; 
font-weight :bold; 
} 
.divdfoot { 
background-color :#FFFFFF; 
display :block; 
width :19.8%; 
min-height :346px; 
text-align :center; 
float :right; 
} 
.formconnexion { 
width :182px; 
margin :10px auto; 
height :204px; 
text-align :center;  
background-color:white; 

border-radius :10px; 
border :0; 
padding :10px; 
color :#000000; 
font-weight :bold; 
font-size :14px; 
direction :rtl; 
} 
.formconnexion h1 { 
width :100%; 
height :20px; 
text-align :center; 
background-color :#ebebeb; 
color :#000000; 
font-weight :bold; 
font-size :16px; 
} 

/* Newsletter */
.newsletter {
    position: absolute;
    left: 8px;
    top: 38px;
    display: none;        /* OK */
    visibility: visible;  /* ← IMPORTANT */
    z-index: 10000;
    border: 1px solid rgba(0,103,0,1);
    background: #fff;
    padding: 10px;
    border-radius: 4px;
}

#newsl {
    position: absolute;
}

#newsl:before {
    position: absolute;
    top: -13px; /* remonte le triangle */
    left: 0;
    right: 0;
    margin: auto;
}
section {
    background: url("designer/khalfyassar.png") repeat-y right top;
    width: 100%;
    margin: 0;
    padding: 0;

    /* IMPORTANT : supprimer la hauteur forcée */
    min-height: 0;

    /* IMPORTANT : ne pas cacher le contenu */
    overflow: visible;

    direction: ltr;
}

.conteneur-page {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    direction: rtl;
}

.conteneur-ligne {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start; /* important */
}
.bloc-droite {
    width: 200px;
    flex-shrink: 0; /* ne rétrécit jamais */
}
.bloc-gauche {
    flex: 1;
    padding-left: 20px;
    box-sizing: border-box;
}
.classinput { 
background-color :#bebebe; 
padding-left :2px; 
padding-right :2px; 
box-shadow :1px 1px 2px #C0C0C0 inset; 
} 
.styfloat { 
float :left; 
display :inline; 
} 
.vertical { 
display :inline-block; 
vertical-align :middle; 
text-align :center; 
padding-top :2px; 
padding-bottom :2px; 
line-height :5px; 
} 
.khatdahabi { 
 width: 100%;
    height: 2px;
    background: linear-gradient(90deg, transparent, #d4af37, transparent);
    margin: 8px 0;
} 
.conteneur { 
width :96%; 
margin :20px auto; 
direction :rtl; 
min-height :100%; 
text-align :center; 
display :block; 
overflow :hidden; 
} 
.bordhdroit { 
background :url("graphisme/bordhd.png") no-repeat; 
background-position :right top; 
float :right; 
width :20px; 
height :20px; 
padding :0; 
margin :0; 
} 
.bordbdroit { 
background :url("graphisme/bordbd.png") no-repeat; 
background-position :right top; 
float :right; 
width :20px; 
height :20px; 
padding :0; 
} 
.bordmilieu { 
background-color :#FFFFFF; 
float :right; 
height :20px; 
margin :0 auto; 
} 
.contmilieu { 
clear :both; 
direction :rtl; 
display :table; 
background-color :#FFFFFF; 
width :100%; 
min-height :100%; 
margin :0 auto; 
text-align :right; 
font-size :14px; 
color :black; 
overflow :hidden; 
} 
.bordhgauche { 
background :url("graphisme/bordhg.png") no-repeat; 
background-position :left top; 
float :right; 
width :20px; 
height :20px; 
padding :0; 
margin :0; 
} 
.bordbgauche { 
background :url("graphisme/bordbg.png") no-repeat; 
background-position :left top; 
float :right; 
width :20px; 
height :20px; 
float :right; 
} 
.defilnews {
    width: 100%; /* Full width */
    background-color: #011f0b; /* Vert profond premium */
    color: white;
    height: 42px;
    line-height: 42px;
    overflow: hidden;
    position: relative;
    direction: rtl;

    /* Bordures premium */
    border-top: 2px solid #d4af37;   /* Doré mat */
    border-bottom: 2px solid #d4af37;

    /* Ombre subtile */
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);

    font-size: 15px;
    font-weight: bold;
}

.defilnews-content {
    position: absolute;
    white-space: nowrap;
    animation: defilement 25s linear infinite;
}

/* Animation fluide moderne */
@keyframes defilement {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(100%);
    }
}


.nachra { 
text-align :right; 
background-color :#FFFFFF; 
min-height :100%; 
direction :rtl; 
width :100%; 
font-size :16px; 
font-weight :bold; 
overflow:hidden;
} 
.nachra h1 { 
 
background-color:#1f0d00;
color:white;
text-align :center; 
width :100%; 
height :40px; 
line-height :40px;  
font-size :24px; 
font-weight :bold; 
overflow:hidden;
border-top-right-radius :10px;
border-top-left-radius :10px;
margin :10px auto 1px auto;
} 
.nachra p { 
background-color :#ffffff; 
text-align :right; 
width :100%; 
min-height :100%; 
margin :0 auto; 
font-size :20px; 
font-weight :bold; 
} 
.nachra a { 
text-align :center; 
} 
.clear { 
width :100%;
clear :both; 
height:0;
} 
.hrzero {

width :100%;
clear :both; 
height:0;
border:0;
}
.vinght { 
width :19%; 
padding-left :5px; 
padding-right :5px; 
margin :5px; 
text-align :right; 
background-color :#ffffff; 
display:block;
float :right;  
min-height :300px; 
padding-right :4px; 
padding-left :4px; 
overflow-x:hidden; 
} 
.vinght h1 { 
background-color :#e7e096; 
text-align :center; 
width :100%; 
height :30px; 
line-height :30px; 
margin :2px; 
font-size :24px; 
font-weight :bold; 
} 
.vinght ul { 
background-color :#ffffff; 
text-align :right; 
direction :rtl; 
list-style :none; 
width :100%; 
min-height :100%; 
padding :0; 
color :#000000; 
} 
.vinght li { 
margin :0; 
margin-top :2px; 
text-align :right; 
direction :rtl; 
list-style :none; 
} 
.vinght a { 
text-decoration :none; 
color :#000000; 
text-align :right; 
border :0; 
} 
.vinght a:hover { 
text-decoration :none; 
color :#000000; 
background-color :#e7e096; 
height :20px; 
width :100%; 
border-radius :0; 
text-align :right; 
} 
.cinquante { 
width :52%; 
padding-left :5px; 
padding-right :5px; 
margin :5px; 
text-align :right; 
background-color :#ffffff; 
float :right; display:block;
min-height :300px; 
padding-right :4px; 
padding-left :4px; 
overflow-x:hidden; 
} 
.cinquante h1 { 
background-color :#e7e096; 
text-align :center; 
width :100%; 
height :30px; 
line-height :30px; 
margin :2px; 
font-size :24px; 
font-weight :bold; 
} 
.cinquante p { 
background-color :#ffffff; 
direction :rtl; 
text-align :justify; 
width :100%; 
min-height :100%; 
font-size :20px; 
} 
.cinquante a { 
text-align :center; 
} 
.blocsept { 
clear:both;
width :700px; 
min-height :70px; 
background-color:white;
display:block;
color :#000000; 
font-size :1.2em; 
font-weight :bold; 
direction :rtl; 
text-align :right; 
text-indent :20px; 
line-height :70px; 
text-decoration :none; 
margin   :10px auto 10px auto; 
overflow :hidden; 
} 
.tasfirwqt { 
width :100%; 
height :70px; 
background :url("/graphisme/tasfirwqt.png") no-repeat; 
background-position :top center; 
color :#000000; 
font-size :1.2em; 
font-weight :bold; 
direction :rtl; 
text-align :right; 
line-height :70px; 
text-decoration :none; 
margin  :10px auto 0px auto; 
text-align:center;
overflow :hidden; 
} 
.tasnif { 
display:block;
clear:both; 
 width :160px; 
height :70px;  
background-color:#ebe598; 
color :#000000; 
font-size :1.2em; 
font-weight :bold; 
direction :rtl; 
text-align :right; 
text-indent :20px; 
line-height :70px; 
text-decoration :none; 
padding:2px 5px 2px 5px;
margin  :10px auto 10px auto; 
border:3px solid green; 
border-bottom:5px solid green;
border-radius:30px 30px 0px 0px ;

} 
.tasnif a { 
display :block; 
position:relative;
background-color:#eb492b; 
color :#000000; 
width :100%; 
height :70px; 
font-weight :bold; 
direction :rtl; 
text-align :right; 
text-indent :20px; 
line-height :70px; 
text-decoration :none;  
margin:0px auto 0px auto;
overflow-y:hidden;
border:2px solid #db620b;
border-radius:30px 50px 0px 0px ;
} 
.tasnif a:hover { 
display:block;
position:relative;
width :200%; 
height :66px; 
background-color:#eb492b; color :black; 
overflow :hidden; 
font-weight :bold; 
direction :rtl; 
text-align :right; 
text-indent :20px; 
line-height :66px; 
text-decoration :none; 
z-index:1000;
margin:0px auto 0px auto;
overflow-y:hidden;
} 
.tasniflarge  { 
display:block;
clear:both;
width :95%;  
height :50px;  
background-color:#ffffff;
color :#000000; 
font-size :1.2em; 
font-weight :bold; 
direction :rtl; 
text-align :right; 
text-indent :20px; 
line-height :50px; 
text-decoration :none; 
margin :10px auto 0px auto; 
overflow :hidden; 
border:1px solid #986536;
border-radius:10px;
-moz-box-shadow: 10px 10px 5px #986536;
-webkit-box-shadow: 10px 10px 5px #986536;
-o-box-shadow: 10px 10px 5px #986536;
box-shadow: 10px 10px 5px #986536;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
} 
.tasniflarge a { 
color :#000000; 
width :100%; 
height :50px; 
font-weight :bold; 
direction :rtl; 
text-align :right;  
text-indent :20px; 
line-height :50px; 
text-decoration :none; 
display :block; 
overflow :hidden; 
} 
.tasniflarge  a:hover { 
width :100%; 
height :50px;  
display :block; 
background-color:#1f0d00;
color :gold; 
overflow :hidden; 
font-weight :bold; 
direction :rtl; overflow :hidden; 
text-align :right; 
text-indent :20px; 
line-height :50px; 
text-decoration :none; 
margin:0px auto 0px auto;
} 
.tasnifp { 
display:block;
clear:both;
width :98%; 
min-height :50px;  
background-color:#f9b602; color :#000000; 
font-size :1.2em; 
font-weight :bold; 
direction :rtl; 
text-align :center; 
text-indent :20px; 
line-height :50px; 
text-decoration :none; 
margin  :10px auto 0px auto;
 overflow :hidden;
 border:1px solid #1f0d00;
 border-radius:90px 90px 10px 0px;
-moz-box-shadow: 0px 40px 10px #343434;
-webkit-box-shadow: 0px 40px 10px #343434;
-o-box-shadow: 0px 40px 10px #343434;
box-shadow: 0px 40px 10px #343434;
-moz-border-radius:90px 90px 10px 0px;
-webkit-border-radius: 90px 90px 10px 0px;
 
} 
.tasnifp a:hover { 
display:block;
width :98%; 
height :50px;  
background-color:white;
color :#000000; 
font-size :1.2em; 
font-weight :bold; 
direction :rtl; 
text-align :right; 
text-indent :20px; 
line-height :50px; 
text-decoration :none; 
margin  :10px auto 0px auto;
 overflow :hidden;
 border:1px solid #1f0d00;
 border-radius:10px;
} 
.tasnifplarge { 
display:block;
clear:both;
width :95%; 
height :50px;  
background-color:#008800;
color:white;
font-size :1.2em; 
font-weight :bold; 
direction :rtl; 
text-align :right; 
text-indent :20px; 
line-height :50px; 
text-decoration :none; 
overflow :hidden; 
margin  :10px auto 0px auto; 
border:1px solid #656565;
box-shadow: rgba(14, 30, 37, 0.22) 0px 2px 4px 0px, rgba(14, 30, 37, 0.42) 0px 2px 16px 0px;
border-radius:10px 0px 10px 0px;
-moz-box-shadow: 10px 10px 5px #656565;
-webkit-box-shadow: 10px 10px 5px #656565;
-o-box-shadow: 10px 10px 5px #656565;
box-shadow: 10px 10px 5px #656565;
} 
.tasnifgauche { 
width :100%; 
height :70px; 
background :url("graphisme/itijah7.png") no-repeat; 
background-position :top left; 
color :#000000; 
font-size :1.2em; 
font-weight :bold; 
direction :ltr; 
text-align :left; 
text-indent :20px; 
line-height :70px; 
text-decoration :none; 
margin-top :10px; 
overflow :hidden; 
} 
.tasnifglarge { 
display:block;
clear:both;
width :90%; 
height :70px; 
background-color:#8de698; 
color :#000000; 
font-size :1.2em; 
font-weight :bold; 
direction :ltr; 
text-align :left; 
text-indent :20px; 
line-height :70px; 
text-decoration :none; 
margin-top :10px; 
overflow :hidden; 
border-top:30px solid  #1f0d00;
border-bottom:30px solid  #1f0d00;
 border-right:20px solid #f9b602;
 border-left:20px solid #f9b602;
} 

.fawq { 
width :180px; 
height :70px; 
background :url("graphisme/fawq.png") no-repeat; 
background-position :top center; 
background-size :180px 70px;  
margin:10px auto 10px auto; 
overflow :hidden; 
} 
.fawq a { 
 
width :180px; 
height :70px;  
text-align :center;  
text-decoration:none;
} 
.fawq a:hover { 
width :180px; 
height :70px; 
background :url("graphisme/fawq2.png") no-repeat; 
background-position :top center;
background-size :180px 70px;   
display :block;  
text-align :center;  
text-decoration:none;
} 
.taht { 
width :180px; 
height :70px; 
background :url("graphisme/taht.png") no-repeat;
background-size :180px 70px;    
background-position :top center; 
 
margin  :10px auto 10px auto;
direction :rtl;   
text-align :center;  
text-decoration:none;
overflow :hidden; 
} 
.taht a { 
color :#000000; 
width :180px; 
height :70px; 
 
direction :rtl;  
text-align :center;  
text-decoration:none;
overflow :hidden; 
} 
.taht a:hover { 
width :180px; 
height :70px; 
background :url("graphisme/taht2.png") no-repeat; 
background-position :top right; 
background-size :180px 70px;   
display :block;  
overflow :hidden;   
text-align :center;  
text-decoration:none ;
} 
.mawad { 
width :95%; 
min-height :100%; 
margin-right :4px; 
border :0; 
display :block; 
color :#000000; 
direction :rtl; 
text-align :right; 
padding-top :5px; 
padding-bottom :5px; 
overflow :hidden; 
margin-bottom :2px; 
} 
.bordhg { 
  display:none;visibility:hidden;
  width:0;height:0;
} 
.bordm { 
  display:none;visibility:hidden;
  width:0;height:0; 
} 
.bordhd { 
  display:none;visibility:hidden;
  width:0;height:0;
} 
.bordc { 
background-color :#ffffff; 
clear :both; 
margin :0px auto 0px auto; 
padding :20px 2px 20px 2px; 
border:1px solid #31dec4;
border-radius:10px;
width :180px; 
min-height :100%; 
overflow :hidden;  
display :block; 
} 
.bordc ul { 
list-style-type :none; 
margin :0; 
} 
.bordc li a { 
background-color :gold; 
color :#1f0d00;  
font-size :1.2em; 
font-weight :bold; 
direction :rtl; 
text-align :right; 
padding-top :5px; 
padding-bottom :5px; 
text-decoration :none; 
padding-right :5px; 
list-style :none; 
cursor :pointer; 
display :block; 
border-bottom :1px solid #1f0d00; 
overflow :hidden; 
} 
.bordc li a:hover { 
background-color :#1f0d00; 
color :gold; 
font-size :1.2em; 
font-weight :bold; 
direction :rtl; 
text-align :right; 
padding-right :5px; 
text-decoration :none; 
list-style :none; 
cursor :pointer; 
display :block; 
overflow :hidden; 
border-radius :0; 
} 
.bordbg { 

  display:none;visibility:hidden;
  width:0;height:0;; 
} 
.bordbd { 
  display:none;visibility:hidden;
  width:0;height:0; 
} 
#khalfyassar { 
    width:200px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 15px 10px;
    box-sizing: border-box;
} 
.bahtkhalf {  
background-color:#260404;
border:1px double #3e0202;
float :right; 
direction :rtl; 
width :360px; 
height :160px; 
padding :20px; 
margin :0 20px 0 0; 
text-align :center; 
overflow :hidden; 
color :white; 
text-decoration :none; 
font-size :24px; 
} 
.jadwalsalat {
	width:715px;
	min-height:990px;
	display:block;
	margin:10px auto 10px auto;
	padding:0;
	text-align:center;
	direction:rtl;
	background-color:white;
	color:black;
	direction:rtl;
	border:0px solid #1f0d00 ;
}
.ismyaoumt { 
   
   display:block;
	clear:both;
	float:right;
	width:70px;
	text-align:center;
	height:30px;
	line-height:30px;
	background-color:#ffd143;
	border :1px solid #1f0d00;
	font-weight:bold;
	font-size:16px; 
	margin :-1px 8px 0px 10px; 
}
.chahrt { display:block;float:right;
	width:60px;
	 
	height:30px;
	line-height:30px;
	background-color:#ffd143;
	border :1px solid #1f0d00;
	font-weight:bold;
	font-size:16px;
	 margin :-1px 0px 0px 10px;
	
}
.waqtt { display:block;
	 font-weight:bold;
	font-size:16px;
	float:right;
	width:60px; 
	height:30px;line-height:30px;
	background-color:#ffd143;
	border:1px solid #1f0d00; 
	 margin :-1px 0px 0px 10px;
	font-weight:bold;
	font-size:16px;
} 

.ismyaoum { clear:both;display:block;
	font-weight:bold;
	font-size:16px;
	float:right;
	width:70px;
	text-align:right;
	text-indent:5px;
	height:30px;line-height:30px;
	background-color:white;
	border:1px solid #1f0d00; 
	margin :-1px 8px 0px 10px; 
}
.ismyaoumh { 
	display:block;
	clear:both;
	float:right;
	width:72px;
	height:30px;
	margin :0px 8px 0px 10px; 
	background-color:#432121;
	line-height:30px;
	 color:white;
	text-align:center;
	 
}
.awqat {
display:block;float:right;
width:328px;
text-align:center;
 height:30px;line-height:30px;
font-weight:bold;
	font-size:16px;
	
	margin-left:2px;
	margin-right:0;
	border-top:1px solid #1f0d00;
	border-left:1px solid #1f0d00;
	border-right:1px solid #1f0d00;
	background-color:#432121;
	color:white;
}
.pchahr { 
	display:block;
	float:right;
	width:132px;
	height:30px;
	line-height:30px;
	 font-weight:bold;
	font-size:16px;
	background-color:#432121;
	color:white;
	border-top:1px solid #1f0d00;
	border-left:1px solid #1f0d00;
	border-right:1px solid #1f0d00;
	
	 margin-left:10px;
	
}
.pwaqt { 
	display:block;
	float:right;
	width:132px;
	height:30px;
	line-height:30px;
	background-color:#432121;
	color:white;
	border-top:1px solid #1f0d00;
	border-left:1px solid #1f0d00;
	border-right:1px solid #1f0d00;
	 font-weight:bold;
	font-size:16px;
	margin-left:10px;
} 
.chahrchamsi { 
	width:60px;
	 
	height:30px;line-height:30px;
	background-color:white;
	border:1px solid #1f0d00;
	display:block;
	 margin:-1px 0px 0px 10px;
	float:right;
}
.chahrqamari { 
	display:block;
	width:60px;
	height:30px;
	float:right;
	line-height:30px;
	background-color:#e7e096;
	border:1px solid #1f0d00; 
	 margin:-1px 0px 0px 10px;
}

.yaoum { display:block;
	 
	float:right;
	width:40px;
	 margin-left:10px;
	height:30px;line-height:30px;
	background-color:green;
	border-top:1px solid #1f0d00;
	border-left:1px solid #1f0d00;
	
}
.waqtchourouq { display:block;
	 
	float:right;
	width:60px;
	height:30px;line-height:30px;
	background-color:white;
	border:1px solid #1f0d00;  
	margin:-1px 0px 0px 10px;
} 
.waqtimsak { display:block;
	 
	float:right;
	width:60px;
	height:30px;line-height:30px;
	background-color:#e7e096;
	border:1px solid #1f0d00;
	margin:-1px 0px 0px 10px;
	
} 
.waqtblanc { 
	display:block;
	 
	float:right;width:64.8px; 
	height:30px;line-height:30px;
	background-color:#ffffff;
	border:1px solid #1f0d00; 
	margin:-1px -1px 0px 0px;
	
} 
.waqtgris { display:block;
	 
	float:right;
	width:64.8px; 
	height:30px;line-height:30px;
	background-color:#e7e096;
	border:1px solid #1f0d00;
	 margin:-1px -1px 0px 0px;
	
} 
.waqtor { 
	width:65px;
	 font-weight:bold;
	font-size:16px;
	height:30px;line-height:30px;
	background-color:#ffd143;
	border-top:1px solid #1f0d00;
	border-left:1px solid #1f0d00;
	display:block;
	 
	float:right;
} 
.waqtvert { 
	width:64.8px;
	 font-weight:bold;
	font-size:16px;
	height:30px;line-height:30px;
	background-color:#133e02;
	color:#ffe400;
	border:1px solid #1f0d00;
	display:block;
	 
	float:right;
} 
.mawadnone { 
width :95%; 
min-height :100%; 
margin-right :4px; 
border :0; 
display :none; 
visibility:hidden;
color :#000000; 
direction :rtl; 
text-align :right; 
padding-top :5px; 
padding-bottom :5px; 
overflow :hidden; 
margin-bottom :2px; 
} 
#zero {
	
	width:40px;
	height:40px;
	position:fixed;
	z-index:9999;
	background:url("../graphisme/zero.png") no-repeat;
	background-position:right top;
	color:white;
	right:170px;
	 
	display:block;
	
}
.dirltr {
	direction:ltr;
	text-align:left;
	text-indent:50px;
	display:block;
	clear:both;
	padding:10px;
	width:98%;
	min-height:50px;
}
.imagecount {
display:block;
clear:both;
width:140px ;
height:32px;
border:2px solid red;
background-color:black;
color:white;
text-align:center;
line-height:32px;
font-family:digitaldream,arial;
font-size:18px;
font-weight:bold ;
margin:0px auto;
}
.taaliq {
display:block;
width:100%;
padding:10px;
clear:both;
height:100%;
background-color:white;
color:black;
direction:rtl;
text-align:right;
font-size:1.2em;
text-indent:30px;
font-family:"kfgqpc_uthmanic_script_hafsRg";
}
.bltali {
display:block;width:190px;height:140px;overflow:hidden;background-color:white;text-align:center;padding:20px;float:right;
}
.blwassattres {
 display:block;width:200px; padding:20px ;text-align:center;float:right;
}
.souratbord {clear:both;display:block;
	width:700px;height:80px; display:block;background:url("http://alhibr1.com/graphisme/backdetsourat.png") no-repeat ; 
	background-position:center top;margin:10px auto 0px auto;direction:rtl;color:green;text-align:center;font-weight:bold;font-size:16px;
}
.bordfloat {
	width:120px;height:30px;margin:10px 0 0px 20px;text-align:center;display:block; float:right;padding-top:2px;
}
.raqmbord {
		width:60px;height:30px;margin:0px 80px 0px 0px;text-align :center;display:block; float:right;

}
.souratfooter {
	width:700px;height:80px; display:block;background:url("http://alhibr1.com/graphisme/souratfooter.png") no-repeat ; 
	background-position:center top;margin:0px auto;direction:rtl;color:green;text-align:center;font-weight:bold;font-size:22px;
}
.tali {
	width:55px;height:42px;display:block;margin:12.5px 0px  12.5px 40px;float:left;

}
.sabiq {
	width:55px;height:42px;display:block;margin:12.5px 40px  12.5px 0px;float:right;

}
.safha {
	width:510px;height:80px;display:block;margin:0px auto;float:right;line-height:80px;text-align:center;

}
.pngaya   {
   background:url("http://alhibr1.com/graphisme/aya1.png") no-repeat ; 
	background-position:center top; width:33px;height:25px;
	  text-align:center;line-height:25px;
	}

.contenuraya   {
	 display:inline;
	 
	font-family:kfgqpc_uthmanic_script_hafsRg,Traditional Arabic, "sans-serif", times new roman, arial, arial black; font-size:24px;color:#000000; text-align:right; 
	}
.souratjadid {clear:both;display:block;
	width:700px;height:80px; display:block;background:url("http://alhibr1.com/graphisme/souratbord.png") no-repeat ; 
	background-position:center top;margin:0px  0px 0px 0px;direction:rtl;color:green;text-align:center;font-weight:bold;font-size:16px; 
}
.jouz {
	width:55px;height:29px;display:block;margin:29px 132px  22px 0px;float:right;line-height:30px; text-align:center;

}
.ismsafha {
	width:329px;height:29px;display:block;margin:29px auto 22px auto;float:right;line-height:36px;text-align:center;font-size:18px; font-weight:bold;

}
.tartib {
	width:55px;height:29px;display:block;margin:29px 0px  22px 107px;float:left;;line-height:30px; text-align:center

}
.idharraqmsafha {
	width:700px;min-height:50px;direction:ltr;margin:0px auto;display:block;clear:both;

}
.idharraqmsafha  ul {
	width:100%;min-height:50px;direction:ltr;margin:10px auto;

}
.idharraqmsafha    li  { 
	background-color:#432121;line-height:40px;display:block;
	width:70px; height:40px;color:white;margin:0px 0px 0px 10px;
	text-align:center; float:left;list-style:none; 
	border:1px dotted white; 
} 

.idharraqmsafha  li   a{ 
	 line-height:40px;display:block;
	width:70px; height:40px;color:white; text-align:center; float:left;  text-decoration:none; 
} 

.bordyamine { 
	display:block;
	float:right;
	clear:both;
	 text-align:center;
	  
	  color:white; 
	  font-size:22px;
	  font-weight:bold; 
	/*  background:url("http://alhibr1.com/graphisme/bordsourat.png")  repeat-y ;background-color :#1f0d00;  */
	background-position:center top; 
 }
.bordwassat { 
	display:block;
	float:right;
	 text-align:right;
	  background-color :white ; 
	  color:black; 
	  font-size:24px;
	  font-weight:bold; 
font-family:"KFGQPC Uthman Taha Naskh",KFGQPC_Naskh,Helvetica,Arial,sans-serif; 

}
.bordyassar { 
	display:block;
	float:left;
	 text-align:center;
	  color:white; 
	  font-size:22px;
	  font-weight:bold; 
	 /* background:url("http://alhibr1.com/graphisme/bordsourat.png")  repeat-y ; 
	  background-color :#1f0d00; */
	background-position:center top;
	   
 
 }
.parblaya {
 display:block;clear:both; width:450px;min-height:100%;margin:10px 0;padding:10px; 
 }
.blkaya a { 
 display:block;float:rtl;direction:right;color:black;font-size:26px;font-weight:bold;
 font-family:"KFGQPC Uthman Taha Naskh",KFGQPC_Naskh,Helvetica,Arial,sans-serif;
 color:#000000; 
 } 
a.blkaya   {
  text-decoration:none; 
 color:#000000;
 } 
.bakgaya {
display:inline-block;background:url("http://alhibr1.com/graphisme/bq.png") no-repeat;background-position:center center;width:42px;height:29px;font-size:10px;
text-align:center;line-height:29px
}
#resultsearch {
display:table;
width:100%;
height:100%;
background-color:white;
}
.blckloadnone {
    display: none !important;
    visibility: hidden !important;

    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;

    clear: none !important;
}
.blckloadok {
    display: block;
    width: 100%; /* au lieu de 900px */
    max-width: 900px; /* si tu veux limiter */
    min-height: auto; /* plus de hauteur forcée */
    padding: 10px;
    margin: 0 auto;

    clear: none; /* ← IMPORTANT */
    background-color: white;
    color: black;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    z-index: 5000;
}

.blockhyar {
display:block;
width:180px;
float:right;
direction:rtl;
text-align:right;
height:40px;
}
.blocknombre {
display:block;
width:60px;
float:right;
direction:ltr;
text-align:center;
height:30px;
line-height:30px;
margin:12px 5px 0px 5px;
padding:2px;
border:1px solid white;
}
.affichpourct {
display:block;
width:60px;
float:right;
direction:ltr;
text-align:center;
height:30px;
line-height:30px;
margin:12px 5px 0px 5px;
padding:2px;
border:1px solid white;
}
.blockpourcentage {
display:block;
width:320px;
float:left;
direction:ltr;
text-align:left;
height:30px;
margin :12px 0px 0px 20px;
padding:2px;
border:1px solid white;
}
.bloctres {
display:block;
width:200px;
float:right;
direction:rtl;
text-align:right;
height:40px;
margin :5px 10px 5px  0px;
}

.blocdefilv {
    display:block;
    width:100%;
    padding:10px;
    background-color:#1f0d00;
    border-bottom-right-radius:10px;
    border-bottom-left-radius:10px;
    text-align:center;
    overflow:hidden;
    direction:rtl;
    box-sizing:border-box;
}

.marqdefilva {
    display:block;
    width:90%;            /* cohérent avec ton h1 */
    margin:0px auto;     /* centré horizontalement */
    padding:10px;
    text-align:right;
    direction:rtl;

    background:black;
    color:white;

    border-radius:6px;
    max-height:300px;     /* comme ton bloc-aya */
    overflow:none;        /* permet de scroller si le texte est long */
	
    box-sizing:border-box;
}

.marqdefilv {
    display:block;
    width:90%;                
    height:330px;                /* tu gardes ta hauteur */
    margin:0 auto;
    padding:5px;
    text-align:center;
    overflow:hidden;
    direction:rtl;               /* important pour l’arabe */
    border-radius:5px;
	box-sizing:border-box
}

/* Style des liens */
.marqdefilv a {
    display:block;
    width:95%;
    min-height:40px;
    margin:0 auto;
    padding:3px 0;

    color:white;
    text-decoration:none;
    overflow:hidden;

    border-bottom:1px solid #31dec4;
    text-align:right;
    direction:rtl;
}
.l1px {
 display:block; clear:both;width:100%;height:2px;background-color:#1f0d00;margin:5px 0px 5px 0px;
}
.lxwt a {
	display:block;clear:both;width:90%;height:30px;margin:5px 10px 0px 0px;text-align:right;font-size:18px;color:white;overflow:hidden;text-decoration:none;
}