@charset "UTF-8";body{background-color:#fff;font-family:'Cabin', calibri, arial, sans-serif;font-size:15px;letter-spacing:0.3px;color:#565348;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:antialiased;}
.zone_presentation{padding:20px;border-radius:5px;margin-bottom:25px;background-color:#46615e;}
.petit{font-size:12px;color:#848484;}
#barre-cookie {position:fixed;padding:6px;font-size:10px;background:#333;color:white;z-index:9999;bottom:0px;left:0px;border:1px solid rgb(148, 177, 0)}
#barre-cookie a {color:rgb(148, 177, 0);}
#jacceptecookie {color:white!important;padding:5px;background:rgb(148, 177, 0);border-radius:5px;font-size:14px;}
#suggestionsg{float:left;width:96%;background:#f5f5f5;padding:2%;display:none}
.lien_rechg{color:rgb(148, 177, 0);}
.mea_recitateur{display:inline-block;margin:10px auto 5px auto;background:#cce1e6;padding:10px 15px;border-radius:5px;font-weight:bold;color:rgb(148, 177, 0);}
h1.titre_seul{margin:0px;margin-bottom:10px;font-size:23px;color:#ffffff;}
.h1_principal{color:rgb(148, 177, 0);text-align:center;text-transform:uppercase;font-size:21px;font-weight:bold;margin:0px;margin-bottom:15px;margin-top:15px;}
.sous-titre{text-align:center;color:#616161;font-size:17px;margin-bottom:30px;letter-spacing:0.8px;font-size:20px;color:#7d7d7d;}
.zone_presentation p{margin-bottom:0px;font-size:12px;color:rgba(255,255,255,0.6);margin-bottom:0px;letter-spacing:1.5px;}
h2{margin:0px;font-size:22px;color:rgb(148, 177, 0);margin-bottom:20px;text-transform:initial;font-weight:bold;border-bottom:1px solid #e8e8e5;padding-bottom:10px;}
.s_home{background:#3b413d333;background-image:url(/img/bg_home2.png);background-repeat:no-repeat;background-position:center;background-size:cover;text-align:center;padding:100px 0px;box-shadow:inset 0px 4px 10px rgba(0,0,0,0.4), 0px 2px 10px rgba(0,0,0,0.3);}
.h1_home{margin:0px;color:#ffffff;font-size:59px;letter-spacing:3px;margin-bottom:30px;text-shadow:0px 1px 2px rgba(0,0,0,0.7);}
.presentation_home{font-size:17px;letter-spacing:1.4px;font-size:23px;margin-bottom:30px;text-align:center;}
.btn-home{display:inline-block;padding:10px 20px;margin:5px;text-transform:uppercase;color:#ffffff;font-weight:bold;border:2px solid #ffffff;border-radius:3px;font-size:14px;background:rgba(0,0,0,0.2);}
.btn-home:hover{color:#ffffff;opacity:0.7;}
.h2_home{text-align:center;font-size:30px;text-transform:none;font-weight:300;border-bottom:0px;color:rgb(148, 177, 0);text-align:center;font-size:33px;margin:0px;margin-bottom:20px;margin-top:15px;}
.presentation_2_home{font-size:20px;color:#7d7d7d;margin-bottom:30px;text-align:center;}
.contenant_img_lecture{}
.contenant_img_lecture img{width:100%;border-radius:3px;box-shadow:0px 0px 30px rgba(0,0,0,0.2);border:5px solid #f6f6f4;}
.titre_accueil{font-size:14px;color:rgb(148, 177, 0);font-weight:bold;text-transform:uppercase;margin-top:23px;margin-bottom:5px;margin-left:10px;}
.home_img{width:100%;border:3px solid #f6f6f4;border-radius:5px;box-shadow:3px 3px 0px 0px rgb(206, 206, 206);margin-bottom:15px;}
.info_titre{float:right;font-size:11px;color:#8c8c8c;}
.h2_2{margin:0px;text-align:center;font-size:15px;letter-spacing:4px;color:rgb(148, 177, 0);margin-bottom:20px;margin-top:40px;text-transform:uppercase;font-weight:bold;border-bottom:none;padding-bottom:0px;}
h3{margin:15px 0px 15px 0px;font-size:13px;color:rgb(148, 177, 0);margin-bottom:30px;text-transform:uppercase;font-weight:bold;text-align:center;}
.section_a{padding:45px 0px 50px 5px;}
.section_b{padding:45px 0px 50px 5px;background:#efefec;}
.top_header{height:35px;background:rgb(148, 177, 0);}
.logo{display:block;width:125px;height:88px;padding:57px 0px 0px 0px;position:absolute;z-index:1000;background-color:rgb(148, 177, 0);background-image:url(/img/logo.png);background-position:top 12px center;background-repeat:no-repeat;background-size:41px;border-radius:0px 0px 5px 5px;box-shadow:0px 1px 4px rgba(0,0,0,0.2);font-size:17px;color:#ffffff;letter-spacing:0.6px;text-align:center;}
.logo:hover{background-color:#3c6873;color:#ffffff;}
.logo img{width:100%;}
.menu_top{padding-left:5px;}
.menu_top a{display:inline-block;line-height:35px;color:#eee;font-size:9px;font-weight:bold;padding:0px 10px;letter-spacing:1.3px;text-transform:uppercase;}
.menu_top a:hover{color:#ffffff;}
.menu_top a.rs{float:right;margin-left:1px;font-size:13px;padding:0px 11px;}
.recherche{min-width:215px;font-size:13px;background:#ffffff;border:1px solid #495c82;}
.mea{background:#d8edf1;border-bottom:3px solid rgb(148, 177, 0);}
.zone_rapide{border-radius:5px;}
.titre_zone_rapide{line-height:30px;text-align:center;font-size:9px;font-weight:bold;text-transform:uppercase;letter-spacing:1.5px;background:rgb(148, 177, 0);border-radius:5px;color:#ffffff;margin:15px 0px 7px 0px;box-shadow:0px 1px 4px rgba(0,0,0,0.2);background-image:linear-gradient(#59818c, rgb(148, 177, 0));}
.titre_zone_rapide span{}
.ligne_rapide{display:block;margin-bottom:1px;}
.ligne_rapide .intitule{display:block;margin-bottom:8px;font-size:11px;text-align:center;border-radius:5px;text-transform:uppercase;font-size:10px;font-weight:bold;color:#6f6c62;}
.ligne_rapide .liste{display:block;border-radius:5px;margin-top:5px;}
.liste_rapide{width:100%;width:100%;background:#ffffff;font-size:11px;color:#5f5a4e;font-weight:400;height:25px;border:none;}
.liste_mushaf{display:inline-block;width:149px;height:15px;border:0px;background:#5991a0;color:#ffffff;text-transform:uppercase;font-size:7px;letter-spacing:1.5px;top:-2px;position:relative;}
.sub_nav{background:#ffffff;:0px 0px 4px
rgba(0,0,0,0.1);padding:0px 0px 15px 0px;border-bottom:solid 1px rgb(228, 227, 224);position:relative;z-index:10;background-color:#ffffff;}
.hr_subnav{display:block;margin:15px auto 0px auto;height:5px;border-radius:5px;background:#e4e3e0;}
.zone_rapide_page{padding-top:10px;background:#cde2e2;margin-bottom:0px;border-radius:0px 0px 0px 5px;}
.zone_rapide_mushaf{padding-top:10px;background:#dad3bd;margin-bottom:0px;border-radius:0px 0px 5px 5px;}
.zone_rapide_ecoute{padding-top:10px;background:#e6e3db;border-radius:0px 0px 5px 0px;}
.intitule_zone_rapide{display:block;text-align:center;border-radius:5px;line-height:25px;font-size:12px;text-transform:uppercase;font-weight:bold;font-size:11px;margin-bottom:10px;}
.ligne_rapide_lecture{background:#e0ecec;padding-top:10px;padding-bottom:5px;border-radius:0px 0px 0px 5px;}
.ligne_rapide_ecoute{background:#e6e3db;padding-top:10px;padding-bottom:5px;border-radius:0px 0px 5px 0px;}
.zone_liste_rapide{display:block;margin-bottom:10px;text-align:center;margin-bottom:15px;}
.zlr_a{margin-bottom:15px;}
.zone_liste_rapide .label{display:block;padding:0px;margin:0px;margin-bottom:3px;font-size:10px;text-transform:uppercase;color:#4c4328;}
.zone_liste_rapide .liste{display:inline-block;width:100%;height:25px;margin-top:5px;}
.sub_nav .titre_nav_rapide{text-align:center;text-transform:uppercase;font-size:10px;font-weight:700;color:#3c5454;margin-bottom:4px;}
.sub_nav select{width:100%;background:#ffffff;font-size:11px;color:#636363;height:25px;border:0px;border:1px solid #eae8e3;}
.cdnav{font-size:8px;letter-spacing:0.4px;color:#6f6c62;margin:0px 0px 0px 0px;text-transform:uppercase;font-weight:700;line-height:50px;vertical-align:top;text-align:center;}
#logo2{margin-top:10px;}
.cdnav a{line-height:20px;vertical-align:top;display:inline-block;margin:15px 0px;padding:0px 5px 0px 5px;border-radius:3px;margin-right:1px;}
.cdnav a:hover{}
.current{line-height:20px;vertical-align:top;display:inline-block;margin:15px 0px;color:#7d7d7d;font-size:8px;padding:0px 0px 0px 7px;border-radius:3px;}
.share{display:inline-block;margin:0px auto;position:relative;text-align:right;top:-2px;height:50px;padding-top:17px;float:right;}
.share_fb{display:inline-block;margin-right:10px;vertical-align:top;}
.share_twt{display:inline-block;vertical-align:top;}
.col_principale{margin-top:5px;}
.zone_titre{margin-bottom:30px;padding:16px 20px 14px 20px;border-radius:5px;text-align:center;position:relative;background-color:rgb(148, 177, 0);box-shadow:0px 1px 4px rgba(0,0,0,0.2);}
.zone_titre h1{margin:0px 0px 3px 0px;font-size:20px;color:#ffffff;max-width:80%;margin:auto;}
.zone_titre h1 .ar{font-family:'Amiri', serif;display:inline-block;color:#e7e7e5;margin-bottom:6px;}
.zone_titre p{font-size:12px;color:rgb(231, 231, 229);margin-bottom:0px;letter-spacing:1.5px;}
.zone_titre .precedent{position:absolute;top:50%;height:30px;margin-top:-15px;width:30px;border-radius:18px;left:15px;line-height:30px;background:none;border:1px solid rgba(255,255,255,0.5);border:1px solid rgba(255,255,255,0.3);color:rgba(255,255,255,0.7);padding:0px;padding-right:3px;}
.zone_titre .precedent:hover{background:none;border:1px solid rgba(255,255,255,1);color:rgba(255,255,255,1);}
.zone_titre .suivant{position:absolute;top:50%;height:30px;margin-top:-15px;width:30px;border-radius:18px;right:15px;line-height:30px;background:none;border:1px solid rgba(255,255,255,0.3);color:rgba(255,255,255,0.7);padding:0px;padding-left:3px;}
.zone_titre .suivant:hover{background:none;border:1px solid rgba(255,255,255,1);color:rgba(255,255,255,1);}
.zone_titre .avatar{}
.zone_titre .avatar img{width:70px;margin-bottom:10px;border-radius:50px;box-shadow:0px 2px 2px rgba(0,0,0,0.3);}
.presentation{}
.sidebar{}
.box_1{border-radius:5px;text-align:center;padding:20px 20px 20px 20px;box-shadow:inset 0 -1px 0 rgba(13,12,14,.25),0 1px 1px rgba(2,2,2,.1),transparent 0 0 0;margin-bottom:15px;position:relative;background-color:#495c82;box-shadow:0px 1px 4px rgba(0,0,0,0.2);}
.box_1 .type{position:absolute;top:0px;left:0px;text-transform:uppercase;font-size:7px;font-weight:bold;color:rgba(255,255,255,0.7);line-height:17px;padding:0px 10px;background:rgba(255,255,255,0.1);border-radius:5px 0px;}
.box_1 .titre{font-size:18px;color:#ffffff;}
.box_1 img{height:80px;margin-bottom:15px;}
.box_1 .presentation{font-size:14px;color:#abbbb9;margin-bottom:15px;}
.box_2{border-radius:5px;background:#63779e;text-align:center;padding:40px 20px 20px 20px;box-shadow:inset 0 -1px 0 rgba(13,12,14,.25),0 1px 1px rgba(2,2,2,.1),transparent 0 0 0;margin-bottom:15px;position:relative;}
.box_2 .type{position:absolute;top:0px;left:0px;text-transform:uppercase;font-size:7px;font-weight:bold;color:rgba(255,255,255,0.7);line-height:17px;padding:0px 10px;background:rgba(255,255,255,0.1);border-radius:5px 0px;}
.box_2 .titre{font-size:25px;color:#ffffff;}
.box_2 img{width:100px;margin-bottom:15px;border-radius:50px;box-shadow:0px 2px 2px rgba(0,0,0,0.3);}
.box_2 .presentation{font-size:13px;color:#e7e7e5;margin-bottom:15px;}
.img_representation{width:100%;border:3px solid #ffffff;border-radius:5px;margin-bottom:15px;box-shadow:0 1px 2px 0 rgba(0,0,0,.25),transparent 0 0 0,transparent 0 0 0;}
.a_case{display:block;background:#fff;border-radius:3px;padding:12px 5px;margin-bottom:5px;position:relative;text-align:center;border:none;box-shadow:0 1px 1px 0 rgba(0,0,0,0.1), transparent 0 0 0, transparent 0 0 0;height:115px;}
.a_case:hover{background:rgba(148, 177, 0, 0.2)}
.a_case .nom{display:block;right:30px;font-size:20px;color:rgb(148, 177, 0);font-family:'Amiri', serif;}
.a_case .nom img{height:30px;}
.a_case .num{display:inline-block;font-size:12px;color:#6f6c62;font-weight:bold;margin-right:0px;}
.a_case .transcription{font-weight:bold;00 */font-size:19px;font-size:14px;display:block;}
.a_case .traduction{display:block;font-size:12px;margin-bottom:1px;color:#000000;}
.a_case .nb_versets{font-size:11px;color:#9c9a92;display:block;}
.a_case .fleche{position:absolute;right:15px;top:50%;margin-top:-8.5px;font-size:12px;color:#656565;}
.a_case .avatar{display:block;}
.a_case .avatar img{width:50px;border-radius:35px;margin-bottom:5px;border:1px solid #f6f6f4;box-shadow:0px 1px 2px rgba(0,0,0,0.1);}
.basmalah{text-align:center;margin-bottom:30px;font-size:12px;color:#000000;}
.basmalah img{width:160px;margin-bottom:5px;}
.ayah_wrapper{padding:20px 5px 20px 5px;border-bottom:3px solid #fff;margin-bottom:0px;transition:0.2s;background:#fafafa;}
.ayah_wrapper:hover{}
.ayah_wrapper:nth-child(2n){}
.zone_titre .ar{font-size:25px;}
.ayah{margin-bottom:0px;}
.texte_ayah{text-align:right;margin-top:20px;}
.texte_ayah img{width:100%;max-width:580px;}
.ayah_code{font-size:34px;line-height:173%;color:#000;}
.verset{margin-bottom:0px;}
.texte_verset{color:#000000;}
.num_verset{margin-right:5px;display:inline-block;color:rgb(148, 177, 0);background-image:url(/img/accolade_gauche.png), url(/img/accolade_droite.png);background-position:center left, center right;background-size:8px;background-repeat:no-repeat;font-size:13px;padding:0px 12px 0px 12px;font-weight:bold;}
.outils_ayah{margin-bottom:0px;display:none;position:absolute;right:0px;bottom:-18px;}
.ayah_wrapper:hover .outils_ayah{display:block}
.outils_ayah a{display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;margin-right:1px;background:#e7e7e5;font-size:12px;border-radius:3px;color:#7c7b77;text-transform:uppercase;font-size:10px;font-weight:bold;background-size:40%;}
.outils_ayah img{opacity:0.2}
.outils_ayah img:hover{background-color:#ffffff;opacity:1;}
.outils_ayah_recherche{text-align:center;margin-top:15px;}
.outils_ayah_recherche a{line-height:30px;vertical-align:top;display:inline-block;background:rgb(38, 120, 123);padding:0px 15px;border-radius:3px;font-size:9px;text-transform:uppercase;font-weight:bold;display:inline-block;line-height:30px;border-radius:5px;padding:0px 13px;background:#e7e7e5;color:#7c7b77;text-transform:uppercase;font-weight:700;font-size:10px;margin-top:5px;vertical-align:top;}
.outils_ayah_recherche a:hover{background:#d6d6d6;}
a.sm2_button{-webkit-transition-property:hover;-moz-transition:all 0.2s ease-in-out 0s;-o-transition-property:background-color;-o-transition-duration:0.15s;vertical-align:top;}
a.sm2_button:focus{outline:none;}
a.sm2_button,
a.sm2_button.sm2_paused:hover{color:#ffffff;margin-right:0px;background:#63779e;margin-left:5px;box-shadow:0px 1px 2px rgba(0,0,0,0.2);}
a.sm2_button:hover,
a.sm2_button.sm2_playing,
a.sm2_button.sm2_playing:hover{background-color:#7488af;color:#ffffff;}
a.sm2_button.sm2_playing,
a.sm2_button.sm2_playing:hover{font-size:0;background-image:url(/img/playing.gif);background-position:center;background-repeat:no-repeat;}
a.sm2_button.sm2_paused,
a.sm2_button.sm2_paused:hover{background-color:#666;color:#ffffff;font-size:0px;background-image:url(/img/pause.gif);background-position:center;background-repeat:no-repeat;}
.lecteur_fixe{position:fixed;left:0px;bottom:-6px;width:100%;z-index:10;}
.liste_rapide_mushaf{margin-bottom:15px;}
.liste_rapide_mushaf select.liste_rapide{background:#63779e;font-size:12px;height:30px;background:#ffffff;border:none;border-bottom:1px solid #e4e3e0;height:28px;font-size:12px;}
.contenant_mushaf{background-color:#ffffff;background-image:url(/img/bg_angle_haut_droite_mushaf.png), url(/img/bg_angle_haut_gauche_mushaf.png), url(/img/bg_angle_bas_droite_mushaf.png), url(/img/bg_angle_bas_gauche_mushaf.png), url(/img/bg_droite_mushaf.png), url(/img/bg_gauche_mushaf.png), url(/img/bg_haut_mushaf.png), url(/img/bg_bas_mushaf.png), url(/img/bg_entre_pages.png);background-position:top right, top left, bottom right, bottom left, right center, left center, top center, bottom center, top center;background-repeat:no-repeat, no-repeat, no-repeat, no-repeat, repeat-y, repeat-y, repeat-x, repeat-x, repeat-y;background-size:auto, auto, auto, auto, auto, auto, auto, auto, 20px;border-radius:5px;padding-top:13px;padding-bottom:13px;margin-top:10px;box-shadow:0px 5px 20px rgba(0,0,0,0.3);}
.mushaf_hafs_tajwid{background-color:#fffcd7;}
.mushaf_hafs_tajwid .nav-tabs > li.active > a{}
.mushaf_hafs_tajwid #arabe_a .img_page{padding-left:0px;}
.mushaf_hafs_tajwid #arabe_b .img_page{padding-right:0px;}
.ribbon_mushaf{position:absolute;z-index:10;width:38px;left:50%;margin-left:-19px;margin-top:-1px;}
.contenant_mushaf .nav-tabs{margin-bottom:15px;border-bottom:none;text-align:center;}
.contenant_mushaf .nav-tabs > li{float:none;display:inline-block;margin-bottom:0px;}
.contenant_mushaf .nav-tabs > li > a{border:none;text-transform:uppercase;font-weight:bold;font-size:10px;border-radius:5px;background:#63779e;color:#ffffff;line-height:10px;padding:0px 15px;line-height:35px;box-shadow:0px 1px 2px rgba(0,0,0,0.2);}
.contenant_mushaf .nav-tabs > li > a:hover{background:#7488af;}
.contenant_mushaf .nav-tabs > li.active > a{background:rgb(148, 177, 0);color:#ffffff;box-shadow:inset 0px 2px 2px rgba(0,0,0,0.2);background-image:linear-gradient(to top, #5a808a, rgb(148, 177, 0));}
.contenant_mushaf .nav-tabs > li.active > a:hover{border:none;}
.contenant_mushaf .nav-tabs > li.active > a:focus{border:none;}
.b_home .nav-tabs{margin-bottom:25px;border-bottom:none;text-align:center;}
.b_home .nav-tabs > li{float:none;display:inline-block;margin-bottom:0px;}
.b_home .nav-tabs > li > a{border:none;text-transform:uppercase;font-weight:bold;font-size:10px;border-radius:5px;background:#63779e;color:#ffffff;line-height:10px;padding:0px 15px;line-height:35px;box-shadow:0px 1px 2px rgba(0,0,0,0.2);margin:1.5px 0px;}
.b_home .nav-tabs > li > a:hover{background:#7488af;}
.b_home .nav-tabs > li.active > a{background:rgb(148, 177, 0);color:#ffffff;box-shadow:inset 0px 2px 2px rgba(0,0,0,0.2);background-image:linear-gradient(to top, #5a808a, rgb(148, 177, 0));}
.b_home .nav-tabs > li.active > a:hover{border:none;}
.b_home .nav-tabs > li.active > a:focus{border:none;}
.tab-content .h2_2:first-child{margin-top:0px;}
.zone_titre_page{text-align:center;padding:15px 0px;}
.zone_titre_page h2{font-size:20px;font-size:18px;font-weight:bold;color:rgb(148, 177, 0);margin:0px;margin-bottom:7px;border-bottom:0px;text-transform:none;padding-bottom:0px;}
.zone_titre_page p{font-size:11px;color:#6c6c6c;margin-bottom:0px;}
.img_page{width:100%;padding:0px 15px;}
.wrapper_page{padding:15px;background:rgba(255,255,255,1);border-radius:5px;}
.ayah .verset{font-size:15px;line-height:23px;color:#000000;margin-bottom:15px;}
.contenant_lecteur_page{padding:15px 15px 10px 15px;}
.contenant_lecteur_page .sm2-bar-ui{border-radius:5px;box-shadow:none;}
#traduction_a{padding:30px 15px 0px 15px;}
#traduction_en_face_a{padding:30px 15px 0px 15px;}
#traduction_b{padding:30px 15px 0px 15px;}
#traduction_en_face_b{padding:30px 15px 0px 15px;}
.wrapper_page .ayah:last-child{margin-bottom:0px;padding-bottom:0px;}
.wrapper_page .ayah:last-child .verset{margin-bottom:0px;padding-bottom:0px;}
.basmalah_page{text-align:center;margin-bottom:20px;font-size:12px;text-align:center;margin-bottom:30px;font-size:12px;color:#000000;}
.wrapper_page .h2_2{background:#f5f4f1;padding:8px 0px;border-radius:5px;font-size:12px;}
.wrapper_page .h2_2:first-child{margin-top:0px;}
.bouton_play_page{width:35px;line-height:35px;display:block;text-align:center;border-radius:18px;position:absolute;margin-left:-15px;margin-top:20px;box-shadow:0px 1px 3px rgba(0,0,0,0.2);}
.play_decouvrir{line-height:35px;width:35px;padding:0px 10px;border-radius:0px 5px;font-weight:bold;display:block;margin-left:0px;border-radius:0px 3px;text-align:center;text-transform:uppercase;font-size:11px;position:absolute;z-index:10;top:0px;right:15px;box-shadow:-1px 1px 2px rgba(0,0,0,0.2);}
.contenant_recitateurs .nav-tabs{margin-bottom:45px;border-bottom:none;text-align:center;}
.contenant_recitateurs .nav-tabs > li{float:none;display:inline-block;margin-bottom:0px;}
.contenant_recitateurs .nav-tabs > li > a{border:none;text-transform:uppercase;font-weight:bold;font-size:10px;border-radius:5px;background:#63779e;color:#ffffff;line-height:10px;padding:0px 15px;line-height:35px;box-shadow:0px 1px 2px rgba(0,0,0,0.2);}
.contenant_recitateurs .nav-tabs > li > a:hover{background:#7488af;}
.contenant_recitateurs .nav-tabs > li.active > a{background:rgb(148, 177, 0);color:#ffffff;box-shadow:inset 0px 2px 2px rgba(0,0,0,0.2);background-image:linear-gradient(to top, #5a808a, rgb(148, 177, 0));}
.contenant_recitateurs .nav-tabs > li.active > a:hover{border:none;}
.contenant_recitateurs .nav-tabs > li.active > a:focus{border:none;}
.contenant_recitateurs .sm2-bar-ui .label{top:-2px;}
.contenant_recitateurs .sm2-bar-ui{border-radius:5px;}
.liste_deroulante_recitateur{display:block;width:200px;margin:9px auto 0px auto;}
.liste_deroulante_recitateur .liste_rapide{font-size:11px;background:#5991a0;color:#ffffff;height:22px;}
.avatar_lecteur{width:16px;margin-right:7px;border-radius:15px;}
.riwayah_mea{display:inline-block;font-size:10px;background-color:#cccccc;padding:0px 7px;border-radius:3px;vertical-align:middle;color:#ffffff;font-weight:bold;margin-top:7px;left:0px;line-height:20px;}
.a_case_riwayah{display:block;padding:10px;border-radius:5px;margin-bottom:10px;text-align:center;box-shadow:inset 0 -1px 0 rgba(13,12,14,.25),0 1px 1px rgba(2,2,2,.1),transparent 0 0 0;}
.a_case_riwayah:hover{opacity:0.9;}
.a_case_riwayah .nom{display:block;color:#ffffff;margin-bottom:6px;}
.a_case_riwayah .nom_traduit{display:block;color:#ffffff;text-transform:uppercase;font-size:10px;font-weight:bold;letter-spacing:0.6px;}
.a_case_riwayah .nb_recitateurs{color:rgba(255,255,255,0.7);font-size:11px;font-weight:bold;}
.hafs-selon-asim{background-color:#669694;color:#ffffff;}
.warsh-selon-nafi{background-color:#80809e;color:#ffffff;}
.ad-duri-selon-al-kisai{background-color:#b37d7d;color:#ffffff;}
.shubah-selon-asim{background-color:#669694;color:#ffffff;}
.as-susi-selon-abu-amr{background-color:#989476;color:#ffffff;}
.ad-duri-selon-abu-amr{background-color:#989476;color:#ffffff;}
.qalun-selon-nafi{background-color:#80809e;color:#ffffff;}
.qunbul-selon-ibn-kathir{background-color:#6e8fb3;color:#ffffff;}
.ibn-dhakwan-selon-ibn-amir{background-color:#585752;color:#ffffff;}
.abu-al-harith-selon-al-kisai{background-color:#b37d7d;color:#ffffff;}
.al-bazzi-selon-ibn-kathir{background-color:#6e8fb3;color:#ffffff;}
.hisham-selon-ibn-amir{background-color:#585752;color:#ffffff;}
.khalaf-selon-hamzah{background-color:#58a783;color:#ffffff;}
.khallad-selon-hamzah{background-color:#58a783;color:#ffffff;}
.idris-selon-khalaf{background-color:#87b2bf;color:#ffffff;}
.ishaq-selon-khalaf{background-color:#87b2bf;color:#ffffff;}
.ibn-jammaz-selon-abu-jafar{background-color:#3b6a8c;color:#ffffff;}
.ibn-wirdan-selon-abu-jafar{background-color:#3b6a8c;color:#ffffff;}
.ruways-selon-yaqub{background-color:#888888;color:#ffffff;}
.rawh-selon-yaqub{background-color:#888888;color:#ffffff;}
.b_home .footer{margin-top:0px;}
.footer{background:#333;margin-top:50px;text-align:center;padding:25px 0px 65px 0px;box-shadow:0px -1px 5px rgba(0,0,0,0.2);}
.logo_footer{padding:15px 0px 20px 0px;text-align:center;display:block;width:120px;height:88px;margin:0px auto 20px auto;padding:15px 20px 0px 20px;z-index:1000;background-color:#eae9e5;background-image:url(/img/pattern_3.png);background-position:top center;background-size:100%;background-repeat:no-repeat;border-radius:0px 0px 5px 5px;}
.logo_footer img{width:100%;}
.footer p{font-size:13px;color:#e3e6ec;}
.footer .a_titre{font-size:17px;color:#6d6959;}
.footer a{color:#a9b8d6;}
.footer a:hover{color:#ffffff;}
.ar{font-family:'Amiri', serif;letter-spacing:0px;}
.nav_bas_page{text-align:center;padding:15px 0px 15px 0px;background-position:top center;background-repeat:no-repeat;background-size:50px;margin-top:15px;}
.suivant{display:inline-block;line-height:35px;border-radius:5px;padding:0px 13px;background:#495c82;color:#ffffff;text-transform:uppercase;font-weight:700;font-size:11px;vertical-align:top;}
.suivant:hover{color:#ffffff;background:#63779e;}
.current_page{display:inline-block;line-height:35px;border-radius:5px;padding:0px 15px;background:rgb(232, 232, 229);background-color:rgb(148, 177, 0);color:#ffffff;text-transform:uppercase;font-weight:700;font-size:11px;margin:1.5px 0px;vertical-align:top;box-shadow:inset 0px 2px 2px rgba(0,0,0,0.2);background-image:linear-gradient(to top, #5a808a, rgb(148, 177, 0));}
.precedent{display:inline-block;line-height:35px;border-radius:5px;padding:0px 13px;background:#495c82;color:#ffffff;text-transform:uppercase;font-weight:700;font-size:11px;vertical-align:top;}
.precedent:hover{color:#ffffff;background:#63779e;}
#back-to-top{position:fixed;top:15px;right:15px;z-index:100;width:50px;height:50px;text-align:center;line-height:50px;font-size:37px;background:rgba(255,255,255,0.7);cursor:pointer;border:0;border-radius:5px;text-decoration:none;opacity:0;border-bottom:solid 1px rgb(228, 227, 224);}
#back-to-top:hover{background:#fbfbfa;}
#back-to-top.show{opacity:1;}
.hr1{display:block;width:30px;margin:0px auto 10px auto;height:4px;background:rgba(255,255,255,0.4);border-radius:5px;}
.hr2{display:block;width:30px;margin:20px auto 24px auto;height:4px;background:#cecece;border-radius:5px;}
.hr3{display:block;width:50px;margin:20px auto 0px auto;border-top:1px solid #404b61;border-bottom:1px solid #000000;border-radius:5px;}
.img_une{width:60%;margin:0px 20%;border:3px solid #ffffff;padding-top:10px;box-shadow:0px 1px 2px rgba(0,0,0,0.2);}
.citation{margin-bottom:20px;text-align:center;}
.citation img{width:100%;border-radius:5px;margin-bottom:10px;border-bottom:solid 1px rgb(228, 227, 224);}
.sub_citation{background:#e7e7e5;padding:10px;border-radius:0px 0px 5px 5px;}
.liste_principale{background:#ffffff;border:none;border-bottom:1px solid #e4e3e0;height:28px;font-size:13px;}
.navbar-inverse .navbar-toggle{border-color:rgba(255,255,255,0.2);color:#ffffff;text-transform:uppercase;float:left;margin-left:15px;color:#ffffff;font-size:12px;font-weight:700;letter-spacing:1.5px;}
.navbar-brand{font-size:19px;}
.navbar-inverse{background:#3b413d;border-radius:0px;border:none;margin-bottom:0px;position:relative;box-shadow:0px 1px 2px rgba(0,0,0,0.2);z-index:100;}
.navbar-inverse .navbar-nav > li > a{color:#ffffff;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;}
.jumbotron{background:#5b636a;padding:30px 0px;text-align:center;}
.btn-primary{color:#fff;border-color:#495c82;display:inline-block;line-height:35px;border-radius:5px;padding:0px 13px;background:#63779e;color:#ffffff;text-transform:uppercase;font-weight:700;font-size:11px;vertical-align:top;border:none;box-shadow:0px 1px 2px rgba(0,0,0,0.2);margin:1.5px 0px;}
.btn-primary:hover{color:#fff;background-color:#3b413d;border-color:#333;color:#ffffff;border:none;}
.picto_dl{height:42px;margin-bottom:10px;}
.info{text-align:center;background:rgb(239, 239, 236);padding:15px;font-size:12px;border-radius:15px;}
.btn-marron{background:#495c82;color:#ffffff;}
.btn-marron:hover{background:#424139;}
.a_footer_titre{color:#a9b8d6;text-transform:uppercase;font-weight:bold;display:block;margin-bottom:20px;font-size:14px;margin-top:20px;}
.a_footer{display:block;text-transform:uppercase;font-size:10px;letter-spacing:1.6px;padding:1px 0px;color:#c2cad8;background:rgba(255,255,255,0.03);padding:9px 5px;border-radius:8px;margin-bottom:1px;}
.aq_footer{width:60px;margin:0px auto 15px auto;}
.presentation_footer{color:#7b7b6f;text-align:center;margin-bottom:15px;}
.rs_footer{font-size:20px;line-height:50px;display:inline-block;margin:0px 2px;color:#ffffff;width:50px;height:50px;border-radius:30px;background:#404b61;margin-top:20px;}
.bas_footer{padding:15px 0px;}
.a_search_home{display:inline-block;padding:7px 11px;font-size:16px;background-color:#d9d8d6;border-radius:3px;font-weight:bold;color:#7d7b78;margin:5px 3px;}
.search_home{width:100%;max-width:340px;font-size:16px;height:39px;display:block;margin:0px auto 22px auto;border-radius:3px;border:1px solid #e2e2e0;padding:10px;box-shadow:inset 0px 0px 1px rgba(0,0,0,0.1);}
.search_sb{width:100%;max-width:340px;font-size:12px;height:35px;display:block;margin-bottom:15px;border-radius:3px;border:1px solid #e2e2e0;padding:10px;box-shadow:inset 0px 0px 2px rgba(0,0,0,0.1);}
.section_home{text-align:center;padding:50px 15px 55px 15px;background:#4f7985 url(/img/bg_home2.jpg);background-size:cover;background-position:bottom center;position:relative;border-bottom:2px solid #d0d0d0;}
.section_home h1{margin:0px 0px 20px 0px;font-size:39px;text-transform:uppercase;font-weight:bold;letter-spacing:8px;color:#ffffff;}
.section_home p{margin-top:30px;margin-bottom:0px;font-size:24px;color:rgba(255,255,255,1);}
.basmalah_home{height:35px;margin-bottom:25px;}
.prix{font-size:40px;color:rgb(148, 177, 0);margin-bottom:8px;text-shadow:1px 1px 3px rgba(0,0,0,0.1);}
.prix sup{font-size:20px;top:-20px;}
.fb_home{display:inline-block;vertical-align:top;margin:3px 2px;}
.twt_home{display:inline-block;padding-top:1px;vertical-align:top;margin:3px 2px;}
.a_sb{display:block;text-align:center;font-size:14px;border-radius:5px;margin-bottom:8px;}
.mushaf_sb{text-align:center;background:url(/img/mushaf_dore.png);background-position:top center;background-repeat:no-repeat;background-size:60px;padding-top:156px;}
.sidebar h2{text-align:center;border-bottom:0px;margin-bottom:15px;background:#efefec;border-radius:5px;padding:7px 0px;font-weight:bold;font-size:10px;color:#696969;}
.mac{width:100%;margin-bottom:15px;}
.div_presentation{text-align:center;}
.div_presentation p{text-transform:uppercase;font-size:11px;font-weight:bold;margin-bottom:5px;padding:6px;border-radius:5px;}
.div_presentation .icon{font-size:50px;color:rgb(148, 177, 0);display:block;margin-bottom:10px;}
.zone_prix{border-radius:5px;box-shadow:0px 1px 1px rgba(0,0,0,0.1);margin-bottom:10px;background:#ffffff;text-align:center;padding-bottom:1px;}
.titre_prix{background:rgb(148, 177, 0);border-radius:4px 4px 0px 0px;padding:10px;text-align:center;color:#ffffff;text-transform:uppercase;font-weight:bold;font-size:12px;box-shadow:0px 1px 4px rgba(0,0,0,0.2);}
.zone_prix .ligne{text-align:center;padding:7px 15px;text-transform:uppercase;font-weight:bold;font-size:10px;margin-bottom:0px;}
.zone_prix .ligne:nth-child(2n+1){background:#f6f6f4;}
.zone_prix .prix{text-align:center;}
.zone_prix .icon{color:rgb(148, 177, 0);}
.ligne_recitateur{text-align:left;padding:5px 15px;border-radius:5px;display:block;}
.ligne_recitateur:hover{position:relative;z-index:2;background:#ffffff;}
.ligne_recitateur:nth-child(2n){background:rgb(239, 239, 236);}
.ligne_recitateur .nom{display:block;font-size:13px;font-weight:bold;}
.ligne_recitateur .nb_sourates{display:block;font-size:13px;text-align:center;}
.ligne_recitateur .riwayah{display:block;font-size:13px;text-align:center;}
.ligne_recitateur .lien_telecharger{display:block;text-align:right;font-size:13px;font-weight:bold;}
.zone-icon{border-radius:15px;background:rgb(239, 239, 236);text-align:center;padding:15px;font-size:11px;text-transform:uppercase;font-weight:bold;margin-bottom:10px;}
.zone-icon .icon{display:block;font-size:25px;color:rgb(148, 177, 0);margin-bottom:6px;}
.section_b .info{padding:0px;margin:10px 0px 0px 0px;}
.p_footer{margin-top:15px;}
.a_suivre_player{position:absolute;right:33px;top:0px;}
.a_recitateur_player{position:absolute;right:33px;top:0px;}
.a_dl_player{position:absolute;right:0px;top:0px;}
.cdn_divider{line-height:20px;vertical-align:top;display:inline-block;margin:15px 0px;color:#c5c5c5;font-size:16px;padding:0px;border-radius:3px;}
.btn_acces_rapide{position:fixed;top:100px;padding:10px;right:0px;z-index:100;text-align:center;font-size:16px;background:rgba(255,255,255,0.8);color:#495c82;cursor:pointer;border:0;border-radius:5px 0px 0px 5px;text-decoration:none;box-shadow:0px 1px 2px rgba(0,0,0,0.1);text-align:center;}
.btn_acces_rapide .intitule{font-size:10px;font-weight:bold;line-height:15px;text-transform:uppercase;display:block;margin-top:5px;}
.liste_acces_rapide{width:100%;font-size:12px;border:0px;height:30px;margin-bottom:10px;background:#ffffff;border:1px solid #e8e8e8;}
.cd-panel::after, .cd-panel::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.cd-panel::after, .cd-panel::before{content:'';}
.cd-main-content{text-align:center;}
.cd-main-content h1{font-size:20px;font-size:1.25rem;color:#64788c;padding:4em 0;}
.cd-main-content .cd-btn{position:relative;display:inline-block;padding:1em 2em;background-color:#89ba2c;color:#ffffff;font-weight:bold;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:50em;box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 5px rgba(0, 0, 0, 0.1);-webkit-transition:all 0.2s;-moz-transition:all 0.2s;transition:all 0.2s;}
.no-touch .cd-main-content .cd-btn:hover{box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 20px rgba(0, 0, 0, 0.3);}
@media only screen and (min-width:1170px){.cd-main-content h1{font-size:32px;font-size:2rem;}
}
.cd-panel{position:fixed;top:0;left:0;height:100%;width:100%;visibility:hidden;-webkit-transition:visibility 0s 0.6s;-moz-transition:visibility 0s 0.6s;transition:visibility 0s 0.6s;z-index:1000;}
.cd-panel::after{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;cursor:pointer;-webkit-transition:background 0.3s 0.3s;-moz-transition:background 0.3s 0.3s;transition:background 0.3s 0.3s;}
.cd-panel.is-visible{visibility:visible;-webkit-transition:visibility 0s 0s;-moz-transition:visibility 0s 0s;transition:visibility 0s 0s;}
.cd-panel.is-visible::after{background:rgba(0, 0, 0, 0.6);-webkit-transition:background 0.3s 0s;-moz-transition:background 0.3s 0s;transition:background 0.3s 0s;}
.cd-panel.is-visible .cd-panel-close::before{-webkit-animation:cd-close-1 0.6s 0.3s;-moz-animation:cd-close-1 0.6s 0.3s;animation:cd-close-1 0.6s 0.3s;}
.cd-panel.is-visible .cd-panel-close::after{-webkit-animation:cd-close-2 0.6s 0.3s;-moz-animation:cd-close-2 0.6s 0.3s;animation:cd-close-2 0.6s 0.3s;}
@-webkit-keyframes cd-close-1{0%, 50%{-webkit-transform:rotate(0);}
100%{-webkit-transform:rotate(45deg);}
}
@-moz-keyframes cd-close-1{0%, 50%{-moz-transform:rotate(0);}
100%{-moz-transform:rotate(45deg);}
}
@keyframes cd-close-1{0%, 50%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);}
100%{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
}
@-webkit-keyframes cd-close-2{0%, 50%{-webkit-transform:rotate(0);}
100%{-webkit-transform:rotate(-45deg);}
}
@-moz-keyframes cd-close-2{0%, 50%{-moz-transform:rotate(0);}
100%{-moz-transform:rotate(-45deg);}
}
@keyframes cd-close-2{0%, 50%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);}
100%{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
}
.cd-panel-header{position:fixed;width:90%;height:50px;line-height:50px;background:rgb(148, 177, 0);z-index:2;box-shadow:0 1px 1px rgba(0, 0, 0, 0.08);-webkit-transition:top 0.3s 0s;-moz-transition:top 0.3s 0s;transition:top 0.3s 0s;}
.cd-panel-header h1{font-weight:bold;color:#89ba2c;padding-left:5%;}
.from-right .cd-panel-header, .from-left .cd-panel-header{top:-50px;}
.from-right .cd-panel-header{right:0;}
.from-left .cd-panel-header{left:0;}
.is-visible .cd-panel-header{top:0;-webkit-transition:top 0.3s 0.3s;-moz-transition:top 0.3s 0.3s;transition:top 0.3s 0.3s;box-shadow:0px 1px 4px rgba(0,0,0,0.2);text-align:center;color:#ffffff;font-weight:bold;}
@media only screen and (min-width:768px){.cd-panel-header{width:70%;}
}
@media only screen and (min-width:1170px){.cd-panel-header{width:33%;}
}
.cd-panel-close{position:absolute;top:0;right:0;height:100%;width:60px;display:inline-block;white-space:nowrap;color:#80a5af;}
.cd-panel-close::before, .cd-panel-close::after{position:absolute;top:22px;left:20px;height:3px;width:20px;background-color:#424f5c;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.cd-panel-close::before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.cd-panel-close::after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
.no-touch .cd-panel-close:hover{background-color:#424f5c;}
.no-touch .cd-panel-close:hover::before, .no-touch .cd-panel-close:hover::after{background-color:#ffffff;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;transition-duration:0.3s;}
.no-touch .cd-panel-close:hover::before{-webkit-transform:rotate(220deg);-moz-transform:rotate(220deg);-ms-transform:rotate(220deg);-o-transform:rotate(220deg);transform:rotate(220deg);}
.no-touch .cd-panel-close:hover::after{-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg);}
.cd-panel-container{position:fixed;width:90%;height:100%;top:0;background:#f6f6f4;z-index:1;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;transition-delay:0.3s;}
.from-right .cd-panel-container{right:0;-webkit-transform:translate3d(100%, 0, 0);-moz-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);-o-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);}
.from-left .cd-panel-container{left:0;-webkit-transform:translate3d(-100%, 0, 0);-moz-transform:translate3d(-100%, 0, 0);-ms-transform:translate3d(-100%, 0, 0);-o-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);}
.is-visible .cd-panel-container{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition-delay:0s;-moz-transition-delay:0s;transition-delay:0s;}
@media only screen and (min-width:768px){.cd-panel-container{width:70%;}
}
@media only screen and (min-width:1170px){.cd-panel-container{width:33%;}
}
.cd-panel-content{position:absolute;top:0;left:0;width:100%;height:100%;padding:65px 15px 15px 15px;overflow:auto;-webkit-overflow-scrolling:touch;}
.cd-panel-content p{font-size:14px;font-size:0.875rem;color:#424f5c;line-height:1.4;margin:2em 0;}
.cd-panel-content p:first-of-type{margin-top:0;}
@media only screen and (min-width:768px){.cd-panel-content p{font-size:16px;font-size:1rem;line-height:1.6;}
}
@media (max-width:767px){.btn_acces_rapide{bottom:65px;right:0px;border-top-left-radius:0px;border-bottom-left-radius:0px;background-color:rgba(255,255,255,0.9);top:auto;}
.zone_prix{margin-top:11px;}
.logo{}
.menu_top .lien{display:none;}
.navbar-inverse{box-shadow:none;}
.sub_nav{box-shadow:none;}
.hr_subnav{display:none;}
.section_home h1{font-size:30px;}
.zone_liste_rapide{height:auto;}
.zone_liste_rapide .label{display:block;float:none;text-align:center}
.zone_liste_rapide .liste{display:block;float:none;width:100%;height:25px;}
.zone_presentation{margin:0px -15px 30px -15px;border-radius:0px;box-shadow:0px 1px 2px rgba(0,0,0,0.2);}
.zone_titre{margin:0px -15px 30px -15px;border-radius:0px;box-shadow:0px 1px 2px rgba(0,0,0,0.2);}
.h2_2{font-size:13px;margin-bottom:30px;}
.ayah_wrapper:hover{background:none;}
.lecteur_fixe{position:fixed;left:0px;bottom:-6px;width:100%;}
.lecteur_fixe .container{padding:0px;}
.sm2-bar-ui{}
.img_page{}
}
@media (min-width:768px){.navbar-collapse{padding-left:0px;}
.navbar-header{display:none;}
.zone_titre{margin-top:15px;}}
@media (max-width:768px){
.c_principal{display:none!important;}
.conflecture, .confecoute, .contblog {display:none}
} 

@media (max-width:990px){.contenant_mushaf{padding-top:0px;background:#ffffff;padding-bottom:11px;}
.mushaf_hafs_tajwid{background-color:#fffcd7;}
.img_page{padding:0px;}
.contenant_lecteur_page{padding:15px 0px 0px 0px;}
#traduction_b{padding:0px;}
#traduction_a{padding:0px;}
.ligne_recitateur{padding:10px;}
.ligne_recitateur:nth-child(2n+1){}
.ligne_recitateur .nom{text-align:center;margin-bottom:5px;}
.ligne_recitateur .nb_sourates{}
.ligne_recitateur .riwayah{} 
.ligne_recitateur .lien_telecharger{text-align:center;margin-top:5px;}
}
a{cursor:pointer;}
#logo{position:absolute;z-index:999;margin-left:-210px;margin-top:-15px;}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-nav > li > .dropdown-menu{background:rgb(148, 177, 0);}
.dropdown-menu > li > a:hover{background:#3b413d;color:white;}
.zone_titre{background-color:#e8eadd;}
.dropdown-menu > li > a{display:block;padding:4px 20px;clear:both;font-weight:normal;line-height:1.42857143;color:#ffffff;white-space:nowrap;font-size:13px;letter-spacing:0.5px;}
.zone_titre h1 .ar, .zone_titre p{color:#333}
.zone_titre h1{color:#3b413d;}
.zone_titre .suivant,.zone_titre .precedent{color:#3b413d;border:1px solid #3b413d}
.zone_titre .suivant:hover, .zone_titre .precedent:hover{color:rgb(148, 177, 0);border:1px solid rgb(148, 177, 0)}
.rs_footer{background:rgb(148, 177, 0)}
.footer a{color:#eee}
.sm2-bar-ui .bd, .sm2-bar-ui .sm2-extra-controls{background-color:rgb(148, 177, 0);}
.btn-primary{background-color:rgb(148, 177, 0);border-color:#333;}
.sm2-bar-ui .label{color:#eee}
.interagir_div1{display:block;height:0px;display:none}
.interargir_div2{display:none;background:#3b413d;color:white;padding:3px;font-size:11px;font-family:arial}
.verset:hover .interargir_div2{display:block}
.verset{cursor:pointer;}
.verset_pos_0{font-size:16px;margin-top:15px;color :white;
background: rgba(148, 177, 0, 0.7);
padding: 20px 5px 20px 5px;}
#desafficher_arabe, #desafficher_phonetique, #desafficher_francais{display:none;cursor:pointer;}
#afficher_arabe, #desafficher_arabe, #afficher_phonetique, #desafficher_phonetique, #afficher_francais, #desafficher_francais{cursor:pointer;}
#gauche{font-size:13px;padding:10px;}
#taille_text, #theme, #lister_options{font-weight:bold;display:block;margin:5px;margin-top:20px;margin-left:0px;}
#barreaudessusaudio{padding:3px;margin:3px;margin-bottom:10px;padding-left:0px;margin-left:0px;}
.annonceverset{background:#e8eadd;padding:5px;color:black;}
.pleinepage{margin:0px;padding:0%!important;width:100%;}
#div_des_versets{width:100%;overflow:hidden;}
.tableau_option_audio th{width:93%;}.audio_gauche{margin-bottom:10px;background:#fafafa;}
.padding_gauche{padding:5px;}
.gestiondelaudio{display:block;font-size:14px;font-weight:bold;padding:5px;background:#e8eadd;color:black;line-height:43px;height:50px;cursor:pointer;margin-bottom:5px}
img{max-width:100%;}
.choix_langue {    border: 1px solid black;
    padding: 10px;
    font-size: 15px;
    border-radius: 20px;
    display: inline-block;
    line-height: 10px;}
.lang_active {background:#94b100!important;color:white;font-weight:bold}
#nuit{margin-top:0px;height:34px;}
.tableau_option_audio tr{border-bottom:1px solid #ccc;display:inline-block;margin-bottom:8px;width:100%;}.tableau_option_audio{text-align:left;width:100%;}.tableau_option_audio td{width:50px;text-align:right;}.tableau_option_audio img{width:16px;height:auto;}
#souratesuiv{float:right}
#sourateprec{float:left;}
.ayah_wrapper{cursor:pointer;}
.ayah_wrapper:hover{background:rgba(148, 177, 0, 0.2)!important}
.audio_gauche audio{position:fixed;bottom:0px;left:0;width:90%;background-color:rgb(148, 177, 0);padding:0.5%;height:50px;z-index:9999;left:5%;border-radius:7px;}
#interaction audio{width:100%;z-index:9999;margin-bottom:10px;margin-top:10px;border-radius:7px;}
a{color:#3b413d}
a:hover{color:#333}
#droite, #gauche{padding:0px}
#droite{padding-left:10px;}
.blockinteraction{background:#e8eadd;padding:5px;display:none;clear:both;}
#reprendre, #reprendre2, .liennavigue, .une_sourate, .listetitre, #formget, .verset_ajax .position, .listefermer{background:rgb(148, 177, 0);display:block;}
#taille_text img{cursor:pointer;background:#e8eadd;border-radius:15px;}
.partager{line-height:20px;margin-bottom:10px;padding:3px;display:block;cursor:pointer;color:#f5f5f5;text-align:center;text-decoration:none;font-size:14px;background:#3b413d;}
.nopadding, .nomargin{padding:0px;margin:0px}
.partager:hover{background:rgb(148, 177, 0);color:white;}
.fermer_boite_interaction{display:block;background:darkred;opacity:0.8;cursor:pointer;color:white;padding:3px;text-align:center;margin-bottom:10px;}
.blockinteraction h3{text-align:left;font-size:18px;margin-top:20px;margin-bottom:19px;color:black;text-transform:initial;}
.verset_en_arabe{direction:rtl;font-size:25px;text-align:right;display:block;}
#droite{padding-top:0px;}
th{font-weight:normal}
.texte_verset .verset_en_arabe{width:100%;margin-top:10px;}
.texte_verset .verset_en_phonetique, .texte_verset .verset_en_francais{margin-top:10px;font-size:13px;text-align:left;direction:ltr;}
.lien_option:hover .infobulle{display:inline-block;}
.texte_verset p{font-size:11px;font-family:calibri;color:#565348}
.texte_verset .verset_en_arabe{font-size:20px;font-family:calibri;color:#565348}
.infobulle{display:none;padding:3px;background:rgba(000,000,000,0.8);opacity:0.9;color:white;border-radius:5px;font-size:11px;font-family:arial;position:absolute;margin-top:-27px;text-transform:initial;margin-left:-25px;text-align:left;}
.infobulle_options{margin-left:-115px;width:117px;}
.apprendre{height:20px;}
.infobulle_enregistrer{width:122px;margin-left:-25px;text-align:left;}
.infobulle_memoriser{width:156px;margin-left:-80px;text-align:left;}
.contributeur{background:#f5f5f5;padding:10px;margin-top:10px;color:black}
.logo_contributeur{text-align:center;}
.nom_contributeur{text-align:left;font-weight:bold;}
.contribuer{float:right}
.contributeur img{max-width:100%;max-height:70px;max-height:70px;border:2px solid white;padding:5px;margin:5px;}
.nav_rapide{padding:2%;font-weight:bold;margin-bottom:10px;width:100%;}
.zone_titre{width:100%;margin-left:0;margin-right:0}
.presentation a{color:rgb(148, 177, 0)}
.cdnavacc{margin-bottom:30px;}
#logoacc{margin-top:25px;margin-left:-45px;margin-bottom:5px;}
#bannpc, #bannmobile{max-width:100%;}
#bannmobile{display:none}
.bann{margin-top:10px;margin-bottom:10px;padding:0px!important;text-align:center;min-height:36px;}
.bann .fb-like{margin-top:10px;margin-bottom:5px;}
@media (max-width:490px){#bannmobile{display:inline}
#bannpc{margin-bottom:15px;}
}
@media (max-width:991px){#droite, #gauche{padding:5px;}
.share{display:none;}
}
@media (min-width:992px){.zone_titre{margin-top:0px;}
}
@media (min-width:1200px){}
.spannom{color:#3b413d}
#vitesse2{display:block;text-align:right;margin-bottom:9px;font-size:11px;font-weight:bold;}
.francais_menu2{display:none;}
.listefermer{display:none;background:darkred;color:white;text-align:center;padding:15px;font-size:14px;font-weight:bold;cursor:pointer;}
.listetitre{color:white;background:#3b413d;text-align:center;padding:10px;padding:15px;font-size:14px;font-weight:bold;cursor:pointer;}
#liste_cache{display:none;height:320px;overflow:auto;}
.right{display:block;margin-top:10px}
.right a{color:rgb(148, 177, 0);font-size:11px}
.right a:hover{color:black}
.une_sourate{padding:5px;color:black;background:#e8eadd}
#liste_des_sourates2{margin-bottom:10px}
@media (max-width:990px){.hidden-xs{display:none;}
.h1_principal{margin-top:30px;}
}
.div_juz{background:#e8eadd;border-bottom:6px solid rgb(148, 177, 0);padding:1.5%;margin-top:15px;width:97%;clear:both;float:left;font-size:17px}
.titre_juz{font-size:24px;color:rgb(148, 177, 0);margin-bottom:5px;font-weight:bold;}
.hizb{float:left;width:100%;clear:both;font-weight:bold;}
.info_partition{float:right;font-size:12px}
.hizb a{font-size:13px;}
.titre_juz a{font-size:15px;}
.div_juz a{text-decoration:none;font-weight:normal;font-family:calibri,arial!important}
#inputString{width:97%;padding:1%}
#autoSuggestionsList li{list-style-type:none;display:block;margin-bottom:10px;}
#autoSuggestionsList li a{text-decoration:none;color:black;font-weight:bold;}
#autoSuggestionsList li a:hover{text-decoration:underline;}
h2.lien_telechargement{background:rgb(148, 177, 0);border-radius:7px;padding:10px;text-align:center;font-size:15px;margin-top:30px;}.recuperer_code{resize:none;width:100%;padding:1%;}
.lien_telechargement a{color:white}
.audio_gauche0 p{font-size:11px;font-weight:bold;color:black;}
.audio_gauche0{padding:5px;border:2px solid rgb(148, 177, 0)}
.audio_gauche0 .gestiondelaudio{background:darkred;color:white;text-align:center;}
.audio_gauche0 input{padding:2%;width:100%;margin-top:10px;margin-bottom:10px}
.tableau_option_audio img{cursor:pointer}
#compteur{position:fixed;width:100%;background:orange;top:0px;display:none;font-size:16px;height:40px;line-height:42px;z-index:9999;color:white;text-align:center;}
.aform{font-size:13px!important;margin-top:10px;margin-bottom:5px;color:rgb(148, 177, 0)!important;}
.audio_gauche0 input[type=submit]{background:rgb(148, 177, 0);color:white;font-weight:bold;border:2px solid black;}
@-webkit-keyframes blink{0%{border-color:green;}
50%{border-color:rgb(148, 177, 0);}
100%{border-color:rgb(148, 177, 0);}
}
@-moz-keyframes blink{0%{border-color:green;}
50%{border-color:rgb(148, 177, 0);}
100%{border-color:rgb(148, 177, 0);}
}
@-ms-keyframes blink{0%{border-color:green;}
50%{border-color:rgb(148, 177, 0);}
100%{border-color:rgb(148, 177, 0);}
}
@keyframes blink{0%{border-color:green;}
50%{border-color:rgb(148, 177, 0);}
100%{border-color:rgb(148, 177, 0);}
}
div.audio_gauche0{-webkit-animation:blink 1s infinite;-moz-animation:blink 1s infinite;-ms-animation:blink 1s infinite;}
div.audio_gauche0{border:3px solid transparent;}
#fond_popup_ndc{background:rgba(0,0,0,0.6);position:fixed;height:100%;width:100%;display:flex;justify-content:center;align-items:center;z-index:9999;top:0;cursor:pointer;}
#popup_ndc{max-height:98%;border:10px solid #ECECEC;background:white;overflow:hidden;max-width:98%;text-align:center;}
#popup_ndc img{height:auto;}
#popup_ndc iframe{max-height:85%;}
.formpopup{display:inline-block;text-align:left;width:43%;margin:1%;padding:2%;vertical-align:top;height:360px;background:darkred;border:2px solid #3b413d}
.formpopup2{float:right}
.formpopup h2{text-align:left;}
iframe, video{max-width:100%;height:auto}
.fermer_popup_ndc, .fermer_popup_ndc2{display:block;background:darkred;border:2px solid #000;color:white;padding:10px;margin:10px;font-family:calibri;cursor:pointer;font-weight:bold;text-align:center;}
.fermer_popup_ndc2{background:rgba(148, 177, 0, 0.9);font-size:20px;}
#popup_ndc iframe{height:480px;max-width:100%}
#fermer_popup_ndc:hover{color:#f5f5f5;}
#popup_ndc img{height:100%;max-height:520px;height:auto;}

	.ptwitter {background:#1da1f2!important;}
	.pfacebook {background:#3b5998!important;}
	/* .grid_div{
	    width: 100%;
	    overflow: hidden;
	    padding: 25px;
	} */


	

	#myiframe #fond_popup_ndc{
		display: none !important;
	}
	
	
.qcm   {display: inline-block;
    background: #cae6c1;
    border: 1px solid #cae6c1;
    width: 284px;
	vertical-align:top;
    margin-top: 10px;
    padding: 10px;
	margin-right:10px;
    text-align: center;}
	.qcm a {color:green;font-weight:bold;text-decoration:none}
	.une_question {    padding: 5px;
    background: #f2f2f2;
    font-weight: bold;
	margin-top: 20px}
.bonne_reponse {
    font-weight: bold;
    color: green;
}
.description_qcm {min-height:90px;}
.nom_qcm {font-weight:bold;}
.mauvaise_reponse {
    font-weight: bold;
    color: red;
}
.reponse {
    background: #fff;
    padding: 5px;
    margin-bottom: 5px;
}
.qcm {}

.bonne_reponse_question {
    background: green;
    color: white;
    font-weight: bold;
    padding: 5px;
}
.mauvaise_reponse_question_orange {
    background: darkorange;
    color: white;
    font-weight: bold;
    padding: 5px;
}
.explication {
    margin-top: 20px;
    border: 2px solid #ccc;
    background: #f5f5f5;
    padding: 5px;
    margin-bottom: 30px;
	font-weight:normal
}
.mauvaise_reponse_question {
    background: red;
    color: white;
    font-weight: bold;
    padding: 5px;
}

	.lien_memo_sourate {      font-weight: bold;
    text-decoration: none; 
    color: black;
    background: #e7e7e7;
    margin: 5px;
    margin-bottom: 5px;
    padding: 5px;font-size:12px;
	display:inline-block;
	}
	.lien_memo_sourate:hover {text-decoration:underline;}

	#m-titre-description
	{
		color:green; text-align:center; font-size: 20px;font-weight: bold;
	}
