Espace Member

Lecteur du Saint Coran

بِسْمِ ٱللَّهِ ٱلرَّحْمَـٰنِ ٱلرَّحِيمِ

Lisez, écoutez et méditez le Noble Coran

Récitateur
Sourates — 114

Sélectionnez une sourate

Choisissez dans la liste à gauche
pour commencer votre lecture.

/* ── HEADER ── */ header{position:sticky;top:0;z-index:900;background:rgba(253,248,242,.97);border-bottom:1px solid var(--gp);backdrop-filter:blur(10px);} .nav{max-width:960px;margin:0 auto;padding:0 20px;height:64px;display:flex;align-items:center;justify-content:space-between;} .logo{display:flex;align-items:center;gap:10px;} .lm{width:36px;height:36px;border-radius:50%;border:1.5px solid var(--gold);display:flex;align-items:center;justify-content:center;font-family:Cinzel,serif;font-size:11px;color:var(--gold);} .ln{font-family:Cinzel,serif;font-size:11px;letter-spacing:3px;color:var(--text);} .btn-back{font-family:Cinzel,serif;font-size:10px;letter-spacing:2px;padding:7px 16px;border-radius:20px;border:1px solid var(--gp);color:var(--tm);background:transparent;cursor:pointer;transition:all .2s;} .btn-back:hover{border-color:var(--gold);color:var(--gold);} /* ── HERO ── */ .hero{background:linear-gradient(160deg,var(--blush-l),var(--blush) 40%,rgba(216,208,228,.5) 80%,var(--blush-l));border-bottom:1px solid var(--gp);padding:40px 20px 32px;text-align:center;} .hero-chip{display:inline-block;padding:5px 16px;border-radius:20px;border:1px solid var(--gp);background:rgba(255,252,245,.85);font-family:Cinzel,serif;font-size:9px;letter-spacing:4px;color:var(--gold);margin-bottom:14px;} .hero-title{font-family:Cinzel,serif;font-size:clamp(20px,4vw,30px);letter-spacing:2px;margin-bottom:8px;} .hero-title span{color:var(--gold);} .hero-bismillah{font-size:clamp(22px,4vw,32px);color:var(--gold);margin:10px 0 6px;line-height:1.8;direction:rtl;} .hero-sub{font-size:16px;font-style:italic;color:var(--tm);} /* ── LAYOUT ── */ main{max-width:960px;margin:0 auto;padding:28px 20px 80px;} .layout{display:grid;grid-template-columns:300px 1fr;gap:20px;align-items:start;} @media(max-width:700px){.layout{grid-template-columns:1fr;}} /* ── SIDEBAR ── */ .sidebar{} .panel{background:rgba(255,252,248,.95);border:1px solid var(--gp);border-radius:4px;overflow:hidden;margin-bottom:16px;position:relative;} .panel::before{content:"";position:absolute;top:5px;left:5px;width:10px;height:10px;border-top:1px solid var(--gp);border-left:1px solid var(--gp);} .panel-head{padding:12px 18px;background:linear-gradient(155deg,rgba(232,213,208,.4),rgba(216,208,228,.18));border-bottom:1px solid var(--gp);font-family:Cinzel,serif;font-size:10px;letter-spacing:3px;color:var(--gold);} .panel-body{padding:16px 18px;} /* Sélecteur sourate */ .search-box{width:100%;padding:9px 12px;border:1px solid var(--gp);border-radius:3px;background:rgba(255,252,245,.9);font-family:"Cormorant Garamond",serif;font-size:15px;color:var(--text);outline:none;margin-bottom:10px;} .search-box:focus{border-color:var(--gold);} .surah-list{max-height:360px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--gp) transparent;} .surah-item{padding:10px 12px;border-radius:3px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:background .15s;border-bottom:1px solid rgba(201,168,76,.06);} .surah-item:hover{background:var(--gpl);} .surah-item.active{background:linear-gradient(135deg,rgba(201,168,76,.15),rgba(176,136,128,.1));border-color:var(--gp);} .si-left{} .si-num{font-family:Cinzel,serif;font-size:10px;color:var(--tl);display:block;margin-bottom:2px;} .si-fr{font-size:15px;color:var(--text);} .si-ar{font-size:16px;color:var(--gold);font-weight:500;} /* Récitateur */ select.reciter-sel{width:100%;padding:9px 12px;border:1px solid var(--gp);border-radius:3px;background:rgba(255,252,245,.9);font-family:"Cormorant Garamond",serif;font-size:15px;color:var(--text);outline:none;} select.reciter-sel:focus{border-color:var(--gold);} /* ── MAIN PLAYER ── */ .player-area{} /* Info sourate */ .surah-header{background:linear-gradient(155deg,rgba(232,213,208,.4),rgba(216,208,228,.2));border:1px solid var(--gp);border-radius:4px;padding:22px 24px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;} .sh-left{} .sh-num{font-family:Cinzel,serif;font-size:10px;letter-spacing:3px;color:var(--tl);margin-bottom:4px;} .sh-name{font-family:Cinzel,serif;font-size:22px;color:var(--text);margin-bottom:4px;} .sh-meta{font-size:15px;font-style:italic;color:var(--tm);} .sh-right{text-align:right;} .sh-arabic{font-size:32px;color:var(--gold);line-height:1.4;direction:rtl;} .sh-verses{font-family:Cinzel,serif;font-size:10px;letter-spacing:2px;color:var(--tl);margin-top:4px;} /* Audio player */ .audio-card{background:rgba(255,252,248,.95);border:1px solid var(--gp);border-radius:4px;padding:18px 22px;margin-bottom:16px;} .audio-label{font-family:Cinzel,serif;font-size:9px;letter-spacing:3px;color:var(--tl);margin-bottom:10px;} audio{width:100%;height:40px;border-radius:20px;outline:none;} audio::-webkit-media-controls-panel{background:rgba(240,228,192,.2);} .auto-row{display:flex;align-items:center;gap:10px;margin-top:10px;} .toggle-btn{font-family:Cinzel,serif;font-size:9px;letter-spacing:2px;padding:6px 14px;border-radius:14px;border:1px solid var(--gp);background:transparent;color:var(--tm);cursor:pointer;transition:all .2s;} .toggle-btn.on{background:var(--gold);border-color:var(--gold);color:#fff;} .auto-label{font-size:14px;font-style:italic;color:var(--tl);} /* Versets */ .verses-card{background:rgba(255,252,248,.95);border:1px solid var(--gp);border-radius:4px;overflow:hidden;margin-bottom:16px;} .verses-head{padding:12px 22px;background:linear-gradient(155deg,rgba(232,213,208,.3),rgba(216,208,228,.15));border-bottom:1px solid var(--gp);display:flex;align-items:center;justify-content:space-between;} .vh-title{font-family:Cinzel,serif;font-size:10px;letter-spacing:3px;color:var(--gold);} .vh-counter{font-family:Cinzel,serif;font-size:10px;letter-spacing:2px;color:var(--tl);} .verses-body{padding:20px 24px;} .verse-block{padding:18px 0;border-bottom:1px solid rgba(201,168,76,.1);cursor:pointer;transition:background .15s;border-radius:3px;} .verse-block:last-child{border-bottom:none;} .verse-block:hover{background:rgba(201,168,76,.04);padding-left:8px;padding-right:8px;margin:0 -8px;} .verse-block.active-v{background:linear-gradient(135deg,rgba(201,168,76,.08),rgba(176,136,128,.05));padding-left:8px;padding-right:8px;margin:0 -8px;} .arabic-text{font-size:clamp(20px,3vw,26px);line-height:2;text-align:right;direction:rtl;color:var(--text);margin-bottom:10px;} .verse-num-badge{display:inline-block;width:26px;height:26px;border-radius:50%;border:1px solid var(--gp);font-family:Cinzel,serif;font-size:10px;color:var(--gold);text-align:center;line-height:24px;vertical-align:middle;margin-left:8px;} .trans-text{font-size:15px;font-style:italic;color:var(--tm);line-height:1.8;margin-bottom:6px;} .play-verse-btn{font-family:Cinzel,serif;font-size:9px;letter-spacing:2px;padding:5px 12px;border-radius:14px;border:1px solid var(--gp);background:transparent;color:var(--gold);cursor:pointer;transition:all .2s;} .play-verse-btn:hover{background:var(--gold);color:#fff;border-color:var(--gold);} .play-verse-btn.playing{background:var(--gold);color:#fff;border-color:var(--gold);} /* Nav versets */ .nav-btns{display:flex;justify-content:space-between;gap:10px;margin-top:16px;} .nbtn{font-family:Cinzel,serif;font-size:10px;letter-spacing:2px;padding:10px 20px;border-radius:20px;border:1px solid var(--gp);background:transparent;color:var(--tm);cursor:pointer;transition:all .2s;flex:1;text-align:center;} .nbtn:hover{border-color:var(--gold);color:var(--gold);} .nbtn:disabled{opacity:.3;cursor:default;} /* Tadabbur link */ .tadabbur-card{background:linear-gradient(155deg,rgba(232,213,208,.3),rgba(216,208,228,.2));border:1px solid var(--gp);border-radius:4px;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;} .tad-text h3{font-family:Cinzel,serif;font-size:13px;letter-spacing:1px;color:var(--text);margin-bottom:4px;} .tad-text p{font-size:14px;font-style:italic;color:var(--tm);} .tad-btn{font-family:Cinzel,serif;font-size:9px;letter-spacing:2px;padding:8px 18px;border-radius:20px;background:var(--gold);color:#fff;border:none;cursor:pointer;white-space:nowrap;} /* Loading */ .loading-state{text-align:center;padding:60px 20px;font-style:italic;color:var(--tl);} .loading-state::after{content:"...";animation:dots 1.5s infinite;} @keyframes dots{0%,100%{content:"...";}33%{content:"."}66%{content:"..";};} /* Pagination versets */ .page-info{font-family:Cinzel,serif;font-size:10px;letter-spacing:2px;color:var(--tl);text-align:center;margin:12px 0;} .verse-nav{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:12px;} .vpage-btn{font-family:Cinzel,serif;font-size:10px;padding:5px 12px;border-radius:14px;border:1px solid var(--gp);background:transparent;color:var(--tm);cursor:pointer;} .vpage-btn.active-p{background:var(--gold);border-color:var(--gold);color:#fff;} /* Footer */ footer{background:linear-gradient(to bottom,#ede3dc,#e4d8d0);border-top:1px solid var(--gp);padding:20px;text-align:center;} footer p{font-size:13px;font-style:italic;color:var(--tl);}
Espace Member

Lecteur du Saint Coran

بِسْمِ ٱللَّهِ ٱلرَّحْمَـٰنِ ٱلرَّحِيمِ

Lisez, écoutez et méditez le Noble Coran

Chargement des sourates