/* date */
#date-ar{font-size:2.5vw;top:0%;right:0%;width:100%;height:10%;font-weight: bold;text-shadow: 2px 2px 2px yellow;position:absolute;z-index:1;text-align: center;}
/* Heure */
#fullscreenButton,#exitfullscreenButton{top:50px;right:1px;width:0px;height:0px;padding:0px;border:3px solid gold;text-align: center;position:absolute;border-radius:10px;background-color: transparent;z-index:9999999999999;}
#exitfullscreenButton{display:none;}
#fullscreenButton :hover,#exitfullscreenButton:hover{cursor:pointer;width:28px;height:28px;}
#zone_time{top:4%;left:0%;width:100%;height:auto;border-radius: 5px;
 line-height: .2;display: inline;position:absolute;display:block;}
	#timeDisplay{font-size:7vw;top:0%;height:100%;color:black;text-shadow: 3px 3px 3px yellow;text-align: center;display:block;}
   .time {font-size: 2em;margin: 20px 0;}
    .zone_time .controls {display: flex;width:100%;flex-direction: column;gap: 10px;background-color: transparent;margin-top: 20px;}
    .zone_time select, .zone_time button {width:100%;padding: 8px 12px;border-radius: 5px;background-color: #f3ab12;font-size: 3vw;}
    .zone_time button {border:3px inset gold;background-color: #f3ab12;color: black;cursor: pointer;transition: background-color 0.3s;}
    .zone_time button:hover {background-color: gold;}
    .zone_time label {display: block;margin-bottom: 5px;font-weight: bold;}
    .zone_time .checkbox-container {margin: 15px 0;display: flex;align-items: center;justify-content: center;}
    .zone_time .checkbox-container input {cursor:pointer;margin-right: 10px;width: 20px;height: 20px;}
/* localisation */
#zone_localisation{display:inline;right:0%;top:12%;width:100%;height:auto;position:absolute;text-align: center;}
#zone_localisation h1,#ville{display:inline;font-weight:bold;font-size:2.5vw;color:black ; text-shadow: 3px 3px 3px yellow;text-align: center;}
/* Horaires de prère */
#zone_time_prieres{background-color: rgba(0, 0, 0,0.1);text-align: center;display:block;right:1%;top:18%;width:46%;height: 65%;position:absolute;padding:0px;z-index:1;box-shadow: 0 4px 8px rgba(0, 0, 0, 1.2);text-shadow: 3px 3px 3px #f1c40f;border-radius: 10px;}
#next-prayer{font-size:3vw;display: flex;justify-content: center; align-items: center;margin:0px;padding:0px;top:0%;right:3%;width:97%;height:16%;z-index:99999;text-align: center;color:red; text-shadow: 3px 3px 3px black;position:absolute;}
#zone_prieres,#adkar{right:0%;top:17%;width:100%;height:83%;position:absolute;overflow: hidden;border-radius:10px;box-shadow: 0 4px 8px rgba(0, 0, 0, 1.2);  z-index:1;}
#time_prieres{animation: time_move 45s infinite linear;line-height: 1.5;padding:auto;position: relative;}
@keyframes time_move {from {bottom: 0%;}to {bottom: 170%;}}
.ligne_prière{font-size:3vw;display:block;top:0%;width:100%;height:auto;position:absolue;padding:0px;margin:3px;text-align:center;}
#lp06{display:none;}
/* Réglage */
.zone_r_m_a_c_p{background-color: rgba(0, 0, 0,0.1);display:none;font-size:2.5vw;right:2%;top:20%;width:46%;height: 65%;z-index:99;line-height: 1.0;margin-top:0px;overflow:auto;padding-top:30px;padding-right:2px;font-weight: bold;border:0px inset gold;text-shadow: 2px 2px 2px #f1c40f;box-shadow: 0 4px 8px rgba(0, 0, 0, 1.2);border-radius: 10px;position:absolute;}
#zone_horloge,#zone_fond,#zone_methode,#Mois_Grégorien,#ecran_bande_annonces,#ecran_upload-file,#journees_islam,#calendrier{padding:0px;text-align: center;right:0%;top:0%;height: 100%;width:100%;}
#timezone,#useLocal,#method,#file-input,#gregorianDate{font-size:2vw;text-align:center;margin:auto;padding:auto;width:50%;background-color: #f3ab12;text-shadow: 2px 2px 2px #f1c40f;border: 2px inset gold;border-radius: 5px;cursor: pointer;}
#annonces,#method{width:90%;}
#zone_horloge h1,#zone_fond h1,#zone_methode h1,#Mois_Grégorien h1,#ecran_bande_annonces h1,#ecran_upload-file h1,#journees_islam h1,#calendrier h1{font-size: 2.5vw;font-weight: bold;}
#zone_fond button,#upload-form label,#Mois_Grégorien button,#ecran_upload-file button,#ecran_bande_annonces button{font-size:2vw;margin-top:5%;text-align:center;padding:auto;width:auto;background-color: #f3ab12;text-shadow: 2px 2px 2px #f1c40f;border: 2px solid gold;border-radius: 5px;}
#zone_fond button:hover,#upload-form label:hover,#useLocal :hover,#Mois_Grégorien button:hover,#ecran_upload-file button:hover,#ecran_bande_annonces button:hover{border: 0px inset gold;box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);background-color: #f1c40f;cursor: pointer;}
#upload-form input{display:none;}
#ajuster_prayer-times{font-size:2.5vw;background:transparent; line-height:normal;display: none;top:0px;width:100%;height:100%;right:0%;text-align: right;position:absolute;text-shadow: 4px 4px 4px #f1c40f;border-radius: 10px;padding:0%;}
#zone_ajuster_times{top:10%;width:100%;height:82%;border-top:2px inset gold;overflow:auto;}
#zone_save{margin:0px;text-align: center;left:0px;top:0%;width:100%;height: auto;position:relative;text-shadow: 2px 2px 2px #f1c40f;}
#save-times {background-color:transparent;border-radius:100%;border:none;}
#zone_ajuster_times ul{padding:0px;margin:0px;list-style-type:none;width:100%;height: 90%;}
#zone_ajuster_times li{margin: 5px;}
.b_time{display: none;float:left;width:auto;height:auto;text-align:left; padding: 0px;border: none;cursor: pointer;background:transparent;}
#bande{background-color: rgba(0, 0, 0,0.1);display:none;font-size:3vw;line-height: 2.0;bottom:0%;height:10%;width:100%;left:0%;text-shadow: 2px 2px 2px gold;padding:auto;margin:auto;font-weight: bold;position:absolute;/*background-color:rgba(241,196,15, 0.5);*/z-index:999;}
#arret_annonces{top:90%;right:1%;position:absolute;}
#jemoa{display:none;top:0%;left:0%;width:10%;position:absolute;z-index:99999;}
/* Boutons de fenêtres   #upload-form */
.bouton_r_b_h{display:block;top:3px;right:3px; border-radius:100%;cursor:pointer;position:absolute;z-index:999;}	
#reglage_bouton{top:4px;right:4px;border-radius:0px;}
.click_m_a_c:hover {cursor:pointer;background: transparent;background:url(../image/clickred.png)no-repeat 0px 0px;}
.click_m_a_c{top:0px;right:5px;width:20px;height:20px;border-radius: 100px;background:url(../image/clickgold.png);}
.langs{	background-color:transparent;font-size: 50%;width: 30%;height:20%;border:2px inset #f1c40f;margin: 10px;color:black; border-radius: 10px;cursor: pointer;}
#zone_doae,#zone_upload{background-color: rgba(0, 0, 0,0.1);display: none;padding-bottom:2%;z-index:0px;left:1%;top:25%;width:50%;height:65%;position:absolute;text-align:center;line-height: .9;display:block;box-shadow: 0 4px 8px rgba(0, 0, 0, 1.2);border-radius: 10px;}
#zone_doae h1{line-height: .5;font-size:3vw;text-align: center;font-weight:bold;color:#FF5733; text-shadow: 3px 3px 3px black;height:10%;}
#adkar ul li{font-size:2.5vw;margin:0px;list-style-type:none;width:100%;background-color:transparent;text-shadow: 3px 3px 3px #f1c40f;}
#adkar ul{line-height: 1.5;animation: adkarmove 180s infinite linear;list-style-type:none;position: relative;text-align: right;}
@keyframes adkarmove {from {bottom: 0%;} to {bottom: 200%;}}
#zone_upload{background-color: rgba(0, 0, 0,0.1);display:none;background-position: center;}
#output{background-color: rgba(0, 0, 0,0.1);-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;display:block;position:absolute;bottom:0%;width:100%;height:100%;border-radius: 10px;text-align:center;box-shadow: 0 4px 8px rgba(0, 0, 0, 1.2);padding:auto;z-index:999; overflow: hidden;}
#b_home,#b_back,#b_close{display:none;background-color:gold;top:2px;right:2px;width:20px;height:20px;position:absolute;background-attachment: fixed;box-shadow: 0 4px 8px rgba(138, 113, 10 , 1.5);}
#b_home:hover,#b_back:hover,#b_close:hover{border:2px inset #f1c40f;cursor: pointer;}
form {text-align: center;flex-direction: column;gap: 10px;margin-bottom: 0px;}
iframe{border:3px inset gold;width:90%;height:80%;}
.noto-kufi-arabic-<uniquifier> {font-family: "Noto Kufi Arabic", sans-serif;font-optical-sizing: auto;font-weight: <weight>;font-style: normal;}
.cairo-<uniquifier> {font-family: "Cairo", sans-serif;font-optical-sizing: auto;font-weight: <weight>;font-style: normal;font-variation-settings:"slnt" 0;}
.amiri-regular {  font-family: "Amiri", serif;  font-weight: 400;  font-style: normal;}
.amiri-bold {  font-family: "Amiri", serif;  font-weight: 700;  font-style: normal;}

/* arabic */
@font-face {
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 200 1000;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/cairo/v28/SLXVc1nY6HkvangtZmpQdkhzfH5lkSscQyyS4J0.woff2) format('woff2');
    unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}

/* latin-ext */
@font-face {
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 200 1000;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/cairo/v28/SLXVc1nY6HkvangtZmpQdkhzfH5lkSscSCyS4J0.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 200 1000;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/cairo/v28/SLXVc1nY6HkvangtZmpQdkhzfH5lkSscRiyS.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* arabic */
@font-face {
    font-family: 'Noto Kufi Arabic';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notokufiarabic/v21/CSRk4ydQnPyaDxEXLFF6LZVLKrodrOYFFlKp.woff2) format('woff2');
    unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}

/* math */
@font-face {
    font-family: 'Noto Kufi Arabic';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notokufiarabic/v21/CSRk4ydQnPyaDxEXLFF6LZVLKrodrJ8FFlKp.woff2) format('woff2');
    unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}

/* symbols */
@font-face {
    font-family: 'Noto Kufi Arabic';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notokufiarabic/v21/CSRk4ydQnPyaDxEXLFF6LZVLKrodrI0FFlKp.woff2) format('woff2');
    unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}

/* latin-ext */
@font-face {
    font-family: 'Noto Kufi Arabic';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notokufiarabic/v21/CSRk4ydQnPyaDxEXLFF6LZVLKrodrO0FFlKp.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Noto Kufi Arabic';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notokufiarabic/v21/CSRk4ydQnPyaDxEXLFF6LZVLKrodrOMFFg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
https://islam--housbykids-com.translate.goog/app_athan/athan.html?_x_tr_sch=http&_x_tr_sl=fr&_x_tr_tl=ar&_x_tr_hl=fr
https://islam--housbykids-com.translate.goog/app_athan/athan.html?_x_tr_sch=http&_x_tr_sl=fr&_x_tr_tl=ar&_x_tr_hl=it