DELETE FROM KEYWORDS WHERE ID_DOMAINE=164325DoneDoneDone
URL:www.meteoma.net
Connection: keep-alive
Date: Sat, 02 Nov 2024 06:31:04 GMT
Transfer-Encoding: chunked
Content-Type: text/html; charset=UTF-8
Server: cloudflare
Vary: Accept-Encoding
cf-cache-status: DYNAMIC
Report-To: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v4?s=Cd1LH17e04D4AQ%2FV78tDE3IBHH%2B35BF9DwUeEmewOqjR1MVymb%2F3wDNzVGHnjqUKUTK067r15G%2FDLgc%2BDSLMoMzUDlrlkTM0ac7131egH6DIR%2BWnv%2F44wusbQrzGv0HoBVk%3D"}],"group":"cf-nel","max_age":604800}
NEL: {"success_fraction":0,"report_to":"cf-nel","max_age":604800}
CF-RAY: 8dc2145e8ca16ed5-CDG
alt-svc: h3=":443"; ma=86400
server-timing: cfL4;desc="?proto=TCP&rtt=15550&sent=1&recv=3&lost=0&retrans=0&sent_bytes=0&recv_bytes=149&delivery_rate=0&cwnd=249&unsent_bytes=0&cid=0000000000000000&ts=0&x=0"
Status => 200
<!DOCTYPE html>
<html lang="fr" dir="ltr">
<head>
<script>
//const fontFile = new FontFace("weath","url(https://meteoma.net/fonts/weathericons-regular-webfont.woff2)",);
//document.fonts.add(fontFile);
</script>
<!--
<script data-ad-client="ca-pub-6600153415255484" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-554657-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-554657-1');
</script>
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.2/dist/chart.umd.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-datalabels@2.2.0/dist/chartjs-plugin-datalabels.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-gradient@0.6.1/dist/chartjs-plugin-gradient.min.js"></script>
<script>
function showResult(str) {
if (str.length==0) {
document.getElementById("search").innerHTML="";
document.getElementById("search").style.border="0px";
return;
}
var xmlhttp=new XMLHttpRequest();
xmlhttp.onreadystatechange=function() {
if (this.readyState==4 && this.status==200) {
document.getElementById("search").innerHTML=this.responseText;
document.getElementById("search").style.border="2px dashed HSL(225, 95%, 74%)";
}
}
xmlhttp.open("GET","/search/go.php?lg=fr&q="+str,true);
xmlhttp.send();
}
</script>
<script>
Chart.register(ChartDataLabels);
const gradient = window["chartjs-plugin-gradient"];
Chart.register(gradient);
Chart.defaults.color = "#444";
Chart.defaults.font.family = "'weathericons', 'chartxt'";
</script>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Météo Maroc, détaillée et intuitive</title>
<meta name="description" content="Prévisions météo pour plus de 270 localités au Maroc">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#f2f2f2">
<meta name="apple-mobile-web-app-status-bar-style" content="#f2f2f2">
<meta name="google-site-verification" content="V5PtAnIEYcgfgYaRLVl4fO8XqYUfR7vmaNtlRKcvE2Y">
<meta name="mobile-web-app-capable" content="yes" >
<meta name="color-scheme" content="normal">
<meta property="fb:app_id" content="1911935589111671">
<meta property="og:image" content="https://meteoma.net/images/manifest/og.png">
<meta property="og:type" content="website">
<meta property="og:url" content="https://meteoma.net/">
<meta property="og:title" content="Météo Maroc, détaillée et intuitive">
<meta property="og:description" content="Prévisions météo pour plus de 270 localités au Maroc">
<link rel="icon" href="//meteoma.net/icimeteo/images/manifest/mirblue/512.png" sizes="512x512">
<link rel="icon" href="//meteoma.net/icimeteo/images/manifest/mirblue/256.png" sizes="256x256">
<link rel="icon" href="//meteoma.net/icimeteo/images/manifest/mirblue/192.png" sizes="192x192">
<link rel="icon" href="//meteoma.net/icimeteo/images/manifest/mirblue/144.png" sizes="144x144">
<link rel="icon" href="//meteoma.net/icimeteo/images/manifest/mirblue/128.png" sizes="128x128">
<link rel="icon" href="//meteoma.net/icimeteo/images/manifest/mirblue/096.png" sizes="96x96">
<link rel="icon" href="//meteoma.net/icimeteo/images/manifest/mirblue/064.png" sizes="64x64">
<link rel="icon" href="//meteoma.net/icimeteo/images/manifest/mirblue/048.png" sizes="48x48">
<link rel="icon" type="image/svg+xml" href="//meteoma.net/icimeteo/images/manifest/mirblue/favicon.svg">
<link rel="stylesheet preconnect" href="/css/weather-icons.css" as="style">
<link rel="stylesheet preconnect" href="/css/efont_all.css" as="style">
<link rel="stylesheet" href="/css/w3.css">
<link rel="canonical" href="https://meteoma.net/">
<script src="/a2hs7/script.js" defer></script>
<link rel="manifest" href="/a2hs7/manifest.php?mn=La+m%C3%A9t%C3%A9o+au+Maroc&mu=https://meteoma.net/">
<link rel="alternate" href="https://meteoma.net/ar/" hreflang="ar">
<meta name="robots" content="noindex,nofollow"><style>
body { background: #f2f2f2; direction: ltr; font-size: 18px; font-weight: 400; }
body,h1,h2,h3,h4,h5,h6 { font-family: NSDSC, sans-serif; }
html { scroll-behavior: smooth; } /* to make anchor link scrolling cool */
h1 { color: #FFF; display: table; border-radius: 6px 6px 6px 6px; padding: 5px 10px 7px 10px; font-weight: 400; text-shadow: 0px 0px #FFF; }
h2 { font-size: 18px; border: 0px solid yellow; padding: 0px; font-weight: 400; }
h1.h1small { padding: 4px 0px 4px 0px; font-size: 22px; }
h1.h1medium { color: #666C80; display: table; padding: 0px; }
table {border-spacing: 2px 2px;}
td {padding: 3px 0px;}
th {font-weight: 400;}
.h1sl { color: #002699; font-size: 13px; border-radius: 6px 6px 6px 6px; padding: 3px 8px 3px 8px; margin: -19px 0px 0px 0px; }
.tdleft { text-align: left; }
.tdright { text-align: right; }
.tdweathwidth { width: 46%; padding: 4px 0px; }
.weathtable tr:nth-child(odd){background-color:#FFFFFF}
.weathtable td { padding: 4px; }
.forcatable tr:nth-child(even){background-color:#FFFFFF}
.xetable tr:nth-child(odd){background-color:#FFFFFF}
.lighttext { }
.litetext { opacity: .8; }
.litelitetext { opacity: .7; }
.fancytext { text-shadow: -1px -1px #A6BCFF, 1px 1px #A6BCFF, -1px 1px #A6BCFF, 1px -1px #A6BCFF; }
.whitetext { text-shadow: -1px -1px #FFF, 1px 1px #FFF, -1px 1px #FFF, 1px -1px #FFF, -1px 0px #FFF, 1px 0px #FFF; }
.whiteshadow { text-shadow: -1px -1px #FFF; }
.transwhitetext { text-shadow: -1px -1px rgb(255,255,255,0.5), 1px 1px rgb(255,255,255,0.5), -1px 1px rgb(255,255,255,0.5), 1px -1px rgb(255,255,255,0.5); }
.lightbg {background-color: #E1E6F5;}
.lighterbg {background-color: #F2F3F5;}
.map-button{width: 25%; border:none; margin: 0px; padding: 8px 0px 3px 0px; vertical-align:middle; text-decoration:none; text-align:center; cursor:pointer; background-color:#FFFFFF }
.map-button:hover{color:#000!important;background-color:#E1E6F5!important}
.mySlides, .mySlidesSat {display:none}
.boxtitle { margin-right: 16px; margin-left: 16px; line-height: 1.65; text-shadow: -1px -1px #FFF, 1px 1px #FFF, -1px 1px #FFF, 1px -1px #FFF; color: rgba(0, 0, 0, .7); margin-top: -10px; margin-bottom: 1px; }
.boxtitleplus { margin-top: 0px; margin-bottom: 0px; margin-left: -6px; margin-right: 7px; padding: 0px 7px 1px 7px; line-height: 1.65; background-color: hsl(225, 91%, 73%); text-shadow: 0px 0px #FFF; color: #FFF; font-size: 15px; }
.top-titleindex { margin-top: -10px; }
.w3-button {border:none;display:inline-block;outline:0;padding:8px 8px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:#F2F3F5;text-align:center;cursor:pointer;white-space:nowrap}
.w3-button:hover {color:#000!important;background-color:#FFF!important}
.w3-buttonjiha {border:none;display:inline-block;outline:0;padding:8px 8px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:#F2F3F5;text-align:center;cursor:pointer;white-space:nowrap}
.w3-buttonbars {border:none;display:inline-block;outline:0;padding:8px 8px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:transparent;text-align:center;cursor:pointer;white-space:nowrap}
.w3-padding {padding:2px 16px!important}
.w3-pale-button {color:#000!important;background-color:#E1E6F5!important}
tr:hover.clicabletr { background-color: #E1E6F5; cursor: pointer; }
p {margin: 0px;}
a {background-color: transparent; text-decoration: none;}
.descry { font-size: 13px; }
.newyouz { opacity: 0.7; }
.newyouz:hover { opacity: 1; }
.backtrans { background: transparent; }
.socialbox { border: 0px dashed #98A8D9; height: 28px; margin: 0px 1px; }
.socialboxmobile { border: 0px dashed #98A8D9; height: 32px; margin: 0px 1px; }
.w3-paddingcities {margin: 0px; border-radius: 10px 0px 10px 0px; padding:4px 7px 4px 7px!important;}
@media (max-width:768px) { .w3-paddingcities {margin: 0px; border-radius: 10px 0px 10px 0px; padding:8px 7px 8px 7px!important} }
.w3-paddingreq {margin: 0px; border-radius: 4px; padding: 4px 6px 4px 6px!important}
.w3-grey,.w3-hover-grey:hover,.w3-gray,.w3-hover-gray:hover{color:#000!important;background-color:#C2CEF2!important}
.w3-text-grey,.w3-hover-text-grey:hover,.w3-text-gray,.w3-hover-text-gray:hover{color:#757575!important}
.citiessep { width: 87%; border: 0px; border-top: 1px dashed #98A8D9; margin: 5px auto 5px auto;}
.ccspan { padding: 2px 6px; margin: 0px 1px 0px 1px; background: #D2DCFC; border: 2px solid #FFF; opacity: 0.7; }
.ccspan:hover {opacity: 1; background: #FFF; }
.cchead { height: 14px; padding: 0px 0px; margin: 7px 0px -2px -4px; border: 0px solid #FFF; }
.ccheadleft { height: 14px; padding: 0px 0px; margin: 7px -4px -2px 0px; border: 0px solid #FFF; }
.ccheadmiddle { height: 17px; padding: 0px 0px; margin: 3px -4px -3px -4px; opacity: 0.8; border: 0px solid #FFF; }
@-moz-document url-prefix() { .ccheader { height: 20px; padding: 0px 0px; margin: 0px 0px -4px 2px; opacity : 0.8; border: 0px solid #FFF } }
.ccheader:hover {opacity: 1; }
.sideflag { height: 32px; margin-left: 0px; padding: 2px; opacity : 0.8; border-radius: 0px; border: 2px solid #E1E6F5; }
.footflag { height: 32px; margin: 0px -1px 0px -1px; padding: 2px; opacity : 0.4; border-radius: 0px; border: 2px solid #E1E6F5; background: white; }
.footflag:hover { opacity : 1; -webkit-filter: grayscale(0); filter: grayscale(0); }
.footflagsel { height: 34px; margin: 0px -1px 0px -1px; padding: 2px; opacity : 1; border-radius: 0px; border: 2px solid #809FFF; background: white; }
@-moz-document url-prefix() { .firefoxmoon { margin: 6px 0px -5px 0px; } }
.deamonmenu { max-height: 35px; overflow: hidden; padding: 0px 0px 0px 0px; order: 12; transition: .1s ease-out 20s;}
@media (max-width:768px) { .deamonmenu { max-height: 44px; overflow: hidden; padding: 2px 0px 2px 0px; order: 12; transition: .1s ease-out 20s} }
.deamonmenu:active { max-height: 999px!important; transition: .1s ease-out;}
.deamonmenu1 { padding-top: 1px; order: 1}
.jiha { border: 0px solid #98A8D9; margin: 1px 5px 1px 5px; }
.cutebutton { background-color: #F7F8FA; margin: 2px 0px 1px 3px; }
.cutebuttonsel { background-color: #F2F3F5; margin: 2px 0px 1px 3px; }
#cutebuttonselold { background-color: #A6BCFF; margin: 2px 0px 1px 3px; }
#reqbutton { background-color: #F2F3F5; border: 1px dashed #0029A6; color: #0029A6; margin: 2px 0px 1px 3px; }
.jihabutton { background-color: #F5F5F7; margin: 1px 0px 1px 0px; text-align: left!important; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.jihabuttonsel { background-color: #ECF1FF; margin: 1px 0px 1px 0px; text-align: left!important; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.jarrow { float: right; background-color: rgba(255, 255, 255, 0.6); border-radius: 4px; width: 17px; height: 14px; margin: 3px 0px -1px 0px; text-align: center; font-size: 11px; color: rgba(0, 0, 0, 0.35); }
.trjiha { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.trjiha:hover { background-color: #CAD7FC !important; }
ol, li { display: inline; list-style-type: none; margin: 0px; padding: 0px; }
.jihanbr { font-size: 15px; color: rgba(0, 0, 0, .5); float: right; width: 6px; height: 17px; padding: 1px 8px; margin: 0px; }
.jihanbrnew { color: rgba(0, 0, 0, 0.35); float: right; width: 21px; text-align: right; font-family: 'Walrus'; font-size: 13px; }
.tinyarrow { height: 16px; padding: 0px; margin: 4px 0px -4px 0px; }
.tinyarrowindex { height: 17px; padding: 0px; margin: 4px -4px -4px -4px; }
.tinyarrowinfos { height: 16px; padding: 0px; margin: 4px 2px -2px 0px; filter: grayscale(100%); opacity: .5; }
.tinyarrowinfosdouble { height: 16px; padding: 0px; margin: 4px 0px -2px 0px; }
.request { border: 1px dashed rgba(0, 0, 0, 0.15); color: rgba(0, 0, 0, 0.4); font-size: 13px; background-color: #ECF1FF; width: 120px; text-align: center; margin: 15px auto; padding: 1px 2px 3px 2px; border-radius: 4px; }
.divlogo { width: 100%; padding: 8px 5px 7px 5px; margin: 0px 0px 20px 0px; text-align: center; border-top: 0px dashed #CFD4E6; border-bottom: 0px dashed #CFD4E6; background-color: #7E9EFC; border-radius: 0px; }
.divlogosmall { padding-top: 19px; padding-left: 13px; padding-right: 0px; padding-bottom: 6px; text-align: center; border: 1px dashed #CFD4E6; border-top: 0px; background-color: #FAFBFC; border-radius: 0px 0px 7px 7px; }
.divwasmall { padding: 12px 13px 8px 13px; text-align: center; border: 1px dashed #CFD4E6; border-top: 0px; background-color: #FAFBFC; border-radius: 0px 0px 7px 7px; }
.toplefturl { font-family: 'cat-north'; height: 43px; margin-top: 4px; margin-bottom: -3px; color: #9CB1F0; font-size: 23px; text-shadow: 0 0 4px white, 0 0 4px white, 0 0 4px white, 0 0 4px white, 0 0 4px white, 0 0 4px white, 0 0 4px white, 0 0 4px white, 0 0 4px white, 0 0 4px white, 0 0 4px white, 0 0 4px white, 0 0 4px white, 0 0 4px white, 0 0 4px white, 0 0 4px white, 0 0 4px white, 0 0 4px white, 0 0 4px white, 0 0 4px white; padding: 3px 0px 0px 20px; text-align: left; float: left; }
@-moz-document url-prefix() { .toplefturl { margin-top: 3px; margin-bottom: -3px; } }
.sticker { margin-left: 7px; background-color: rgba(255, 255, 255, 0.99); padding: 0px 7px 0px 7px; opacity: .7; border-radius: 6px 6px 0px 0px;}
.indexindic { font-family: weathericons; float: left; text-align: center; margin: 0px 6px 0px 6px; font-size: 13px; padding-top: 3px; }
.fajr { padding: 0px 3px 0px 3px; background-color: #F2F3F5; }
.chourouk { }
.zuhr { }
.asr { }
.maghrib { }
.isha { }
.mdnight { }
.salattop { width: 14.2857142857%; padding: 8px 0px 0px 0px; }
.salatbottom { width: 14.2857142857%; padding: 0px 0px 8px 0px; }
.detal_inks { text-decoration: dashed underline gray; }
.blink_on { animation: blinker 3s step-end infinite; }
@keyframes blinker { 94% { opacity: 0; } }
.blink_on2 { animation: blinker2 3s linear infinite; }
@keyframes blinker2 { 50% { opacity: 0; } }
.linkfootdet { width: 100px; padding: 7px 20px; margin: 0px 6px; border-radius: 5px; background-color: white; text-align: center; }
.groupfour { margin: 0px -4px 0px -4px; padding: 0px; border-top: 2px solid #F2F2F2; border-bottom: 0px; }
.groupfourdet { margin: 0px -4px 0px -4px; padding: 0px; border-top: 2px solid #F2F2F2; border-bottom: 0px; }
.hijrimoji { height: 18px; padding: 0px 4px 4px 4px; opacity: .5; }
.googlemaps { height: 20px; padding: 0px 6px 4px 0px; opacity: 1; }
.elsead { height: 180px; }
@media (max-width:600px) /* phones */
{
.indexad { display: block; height: 180px; }
.tdtabweek { background-color: #fff; font-size: 14px; width: 17.8%; border-left: 1px solid #e5e5e5; } /* left 14% to the arrow */
.tdtabweek0 { background-color: #fff; font-size: 14px; width: 22.25%; border-left: 1px solid #e5e5e5; }
.tdtabweektmp { direction: ltr; font-size: 14px; padding: 6px 0px 5px 0px; border-left: 0px solid #e5e5e5; }
.neighboo { border-radius: 5px; padding: 6px 8px 6px 8px; display: inline-block; background-color: #fff; font-size: 15px; }
.neighboo:hover { box-shadow: inset 0px 0px 0px 1px #95affa; }
.neighb { border-radius: 5px; margin: 3px 3px; padding-right: 8px; background-color: white; display: inline-block; font-size: 15px; }
.neighbkm { color: #888; border-left: 1px dotted #888; padding-left: 5px; margin-left: 2px; font-size: 13px; }
.notablecities { border-radius: 5px; padding: 4px 8px 6px 8px; display: inline-block; background-color: #fff; font-size: 15px; margin: 3px 3px; }
table.tabloca td { padding: 5px 0px; }
.notablecities:hover { box-shadow: inset 0px 0px 0px 1px #95affa; }
.blox_margin { margin: 0px 0px; }
.bloxneighb { padding-top: 0px; padding-left: 8px; padding-bottom: 0px; padding-right: 50px; overflow-x: auto; overflow-y: hidden; white-space: nowrap; scrollbar-width: none; mask-image: linear-gradient(to left, #f2f2f2 0%, #f2f2f2 85%, transparent 100%); -webkit-mask-image: linear-gradient(to right, #f2f2f2 0%, #f2f2f2 85%, transparent 100%); }
.bloxneighb::-webkit-scrollbar { display: none; }
.bloxdays { padding-top: 0px; padding-left: 8px; padding-bottom: 0px; padding-right: 50px; overflow-x: auto; overflow-y: hidden; white-space: nowrap; }
.bloxdays::-webkit-scrollbar { }
.blox,#blox { border-top: 1px solid #eee; border-bottom: 1px solid #eee; background: #FFF; border-radius: 0px; padding-right: 8px!important; padding-left: 8px!important; }
.w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-col{padding: 10px 0px}
.bloxsat { border-top: 1px solid #eee; border-bottom: 1px solid #eee; background: #FFF; border-radius: 0px; padding-right: 0px!important; padding-left: 0px!important; }
.satimag { overflow: hidden; margin-bottom: -2px; }
.satimag img { margin: -0px 0px -0px 0px; }
.maintab { z-index: 1; position: sticky; top: 0px; padding: 5px 0px; background-image: linear-gradient(#f2f2f2 94%, transparent 100%); }
h2#d0,h2#d1,h2#d2,h2#d3,h2#d4,h2#d5,h2#d6,h2#d7,h2#d8,h2#d9 { padding-top: 134px; margin-top: -144px; }
.w3-container { padding: 0px; }
.tabledays { width: 100%; }
.nowcase { padding: 10px 0px; }
.nowcasefz { font-size: 14px; }
.aligncrumb_ { text-align: left; margin-left: 4px; }
.aligncrumb { text-align: center; }
.margincitab__ { margin-left: -8px!important; }
.sattit { padding: 0px 8px; margin: 6px 0px 4px 0px; }
.satmore { background-color: #eeeeeec0; display: relative; position: absolute; bottom: 32px; right: 0px; padding: 2px 10px 4px 10px; font-size: 15px; }
.footxtdet { padding: 0px 16px 4px 16px!important; margin-top: -24px; margin-bottom: 10px; font-size: 16px; }
}
@media (min-width:601px) /* desk */
{
.tdtabweek { background-color: #fff; width: 10%; border-left: 1px solid #e5e5e5; }
.tdtabweek0 { background-color: #fff; width: 10%; border-left: 1px solid #e5e5e5; }
.tdtabweektmp { direction: ltr; padding: 6px 0px 5px 0px; border-left: 0px solid #e5e5e5; }
.neighboo { border-radius: 5px; padding: 4px 8px 6px 8px; display: inline-block; background-color: #fff; font-size: 16px; }
.neighboo:hover { box-shadow: inset 0px 0px 0px 1px #95affa; }
.neighb { border-radius: 5px; margin: 3px 3px; padding-right: 8px; background-color: white; display: inline-block; font-size: 16px; }
.neighbkm { color: #888; border-left: 1px dotted #888; padding-left: 5px; margin-left: 2px; font-size: 14px; }
.notablecities { border-radius: 5px; padding: 4px 8px 6px 8px; display: inline-block; background-color: #fff; font-size: 16px; margin: 3px 3px; }
.notablecities:hover { box-shadow: inset 0px 0px 0px 1px #95affa; }
.blox_margin { border: 1px solid red; }
.bloxneighb { padding: 0px 0px; }
.blox,#blox { border: 1px solid #eee; background: #FFF; border-radius: 5px; }
.w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-col{padding: 10px 8px}
.bloxsat { border: 1px solid #eee; background: #FFF; border-radius: 5px; padding-right: 8px!important; padding-left: 8px!important; }
.satimag { margin: 0px 0px 1px 0px; padding: 0px; }
.tabledays { width: 100%; }
.nowcase { padding: 10px 195px; background: url(/images/zellige.svg) left -90px bottom -90px no-repeat, url(/images/zellige.svg) right -90px top -90px no-repeat; background-size: 180px; }
.nowcasefz { font-size: 16px; }
.aligncrumb { text-align: center; }
.sattit { padding: 0px 0px; margin: 6px 0px 4px 0px; }
.satmore { background-color: #eeeeeec0; display: relative; position: absolute; bottom: 32px; right: 8px; padding: 2px 10px 4px 10px; font-size: 15px; }
.footxtdet { padding: 0px 16px 4px 16px; margin-top: -24px; margin-bottom: 10px; text-align: justify; font-size: 16px; }
}
.nowcasep { display: inline-block; float: right; padding-right: 16px; }
table.tabloca th { font-size: 14px; color: #444; direction: ltr; padding: 3px 4px 3px 4px; }
.wholinks { border-radius: 5px; padding: 6px 10px 8px 10px; margin: 5px 3px; display: inline-block; background-color: #f5f5f7; font-size: 16px; }
.wholinks:hover { box-shadow: inset 0px 0px 0px 1px #95affa; }
.wholinkscol { color: #000; }
.wholinksel { color: #000; box-shadow: inset 0px 0px 0px 1px #95affa; }
.tdtabweekvar { padding-bottom: 6px; border-bottom: 0px solid #fff; font-size: 18px; }
.headbilan { color: hsl(225, 95%, 55%); order: 2; }
.headbilansel { color: hsl(225, 95%, 55%); box-shadow: inset 0px 0px 0px 1px #95affa; order: 1; }
.fawspan { display: inline-block; width: 20px; text-align: left; padding-left: 3px; }
.fawspanside { display: inline-block; width: 20px; text-align: center; }
.fawimg { height: 18px; padding-bottom: 3px; }
.fawimgside { height: 16px; padding-bottom: 2px; }
.fawimgdet { height: 16px; padding-bottom: 4px; padding-right: 5px; }
.emospan { background-color: white; padding: 0px 3px; }
.emoimg { height: 20px; padding-bottom: 0px; }
.tdlocalink { width: 100%; display: block; }
.tdlocalink:hover { text-decoration: underline dashed #7e9efc 1px; }
.gmtshit { background-color: HSL(30, 88%, 100%); padding: 2px 5px 1px 5px; border: 0px solid #f2f2f2; margin: 0px 6px; color: #7e9efc; text-shadow: none;}
table.newtab { width: 100%; border-spacing: 2px 4px; }
.maintablk { display: block; }
.doubarrow { width: 32px; transform: scaleY(2.5); opacity: .85; }
.doubarrowfirst { filter: hue-rotate(0deg); opacity: .85; }
/* search and regions */
.resulto { padding: 0px 15px 0px 15px; }
#search { position: absolute; background-color: transparent; margin: 0px auto 19px auto; padding: 0px; text-align: left; border-top: 0px; z-index: 2; box-shadow: 0px 0px 10px -7px rgba(0,0,0,1.5); }
input[type=text] { width: 100%; height: 42px; outline: none; border: 0; border-radius: 7px; padding: 8px 8px; margin-bottom: 3px; background: url('/images/search.svg') right center no-repeat; background-color: HSL(225, 95%, 97%); }
input[type=text]:focus { box-shadow: inset 0px 0px 0px 1px HSL(225, 95%, 74%); transition: .3s ease; }
input[type=date] { height: 42px; border: 1px dashed HSL(225, 95%, 74%); border-radius: 5px; padding: 8px 8px; margin-bottom: 3px; background-color: HSL(225, 95%, 98%); color: #555; }
input[type=number] { height: 38px; width: 76px; border: 1px dashed HSL(225, 95%, 74%); border-radius: 5px; padding: 8px 8px; margin: 0px 4px; background-color: HSL(225, 95%, 100%); color: #555; text-align: center; -moz-appearance: textfield; }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type=submit] { height: 42px; width: 42px; border: 1px solid HSL(225, 0%, 74%); border-radius: 5px; margin-bottom: 3px; background-color: HSL(225, 0%, 98%); background: url('/images/faw/svgs/light/history.svg') center/20px no-repeat; }
input[type=submit]:hover { background-color: HSL(225, 0%, 100%); }
input[type=submit]:active { background-color: HSL(225, 0%, 97%); }
select { width: 100%; height: 42px; border: 1px solid HSL(225, 95%, 84%); border-radius: 5px; padding: 8px 8px; margin-bottom: 3px; background-color: HSL(225, 95%, 100%); color: HSL(225, 65%, 65%); }
.opjiha { font-family: NSDSC, sans-serif; }
.searchreg { font-size: 14px; color: #666; padding: 0px 15px 2px 15px; margin: 0px 0px 6px 0px; display: block; }
.resdiv { padding: 6px 0px 1px 0px; margin: 0px; background-color: white; border-bottom: 1px dashed #ccc; }
.resdiv:hover { background-color: #f7f8fa; }
/* the map */
.mapcontainer { position: relative; } /* Position the image container (needed to position the left and right arrows) */
.mySlides, .mySlidesSat { display: none; } /* Hide the images by default */
.cursor { cursor: pointer; } /* Add a pointer when hovering over the thumbnail images */
.numbertext { color: #888; padding: 8px 12px; position: absolute; top: 0; display: none; } /* Number text (1/3 etc) */
.caption-container { text-align: center; background-color: #222; padding: 2px 16px; color: white; } /* Container for image text */
.row:after { content: ""; display: table; clear: both; }
.column { float: left; width: 16.66%; } /* Six columns side by side */
.demo, .demo2 { background-color: #eee; margin: 0px 0px 6px 0px; padding: 2px 10px 4px 10px; font-size: 15px; }
.active, .demo:hover, .demo2:hover { background-color: #95affa; color: white; text-shadow: 0px 0px #FFF; }
pre { font-family: NSDSC, sans-serif; white-space: pre-line; }
.timediffs { direction: ltr; display: inline-block; opacity: .7; font-size: 15px; border-left: 1px solid rgba(0, 0, 0, .4); margin-left: 7px; }
.marrow { opacity: .5; }
.newtab th { font-size: 14px; text-align: center; color: HSL(225, 0%, 35%); padding: 0px 0px 1px 0px; margin: 0px; }
.detailsimg { height: 17px; padding-bottom: 2px; padding-right: 6px; filter: invert(100%); }
.chartsimg { height: 17px; padding-bottom: 2px; padding-left: 6px; filter: invert(100%); }
.whiteflag { border-bottom: 2px solid #aaa; }
.whiteflagimg { height: 20px; padding-bottom: 2px; }
.foot_date:hover { box-shadow: inset 0px 0px 0px 1px HSL(225, 95%, 84%); }
.footdate { background-color: hsl(225, 91%, 73%); color: white; text-shadow: 0px 0px #FFF; }
.footdate:before { content: ""; position: absolute; right: -20px; top: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 20px solid hsl(225, 91%, 73%); }
.footdate_:after { content: ""; position: absolute; left: -20px; top: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-right: 20px solid hsl(225, 91%, 73%); }
.chart_title { display: inline-block; margin: 12px 16px 0px 16px; padding: 2px 10px 4px 10px; font-size: 15px; color: HSL(225, 95%, 64%); background-color: #fff; border-top: 2px solid HSL(225, 95%, 90%); }
.charttitle { position: relative; background-color: white; display: inline-block; bottom: -8px; margin: 4px 20px 0px 20px; padding: 2px 10px 0px 10px; font-size: 16px; border-radius: 0px 0px 0px 0px; border-top: 1px solid #ddd; }
.sattitle2 { position: relative; background-color: white; display: inline; top: -60px; margin: -16px 0px 0px auto; padding: 2px 16px 4px 16px; font-size: 16px; border-radius: 0px 0px 0px 0px; border-right: 1px solid #ddd; }
.citabico { height: 22px; }
.hisarrup { padding: 0px; margin: 0px 0px 4px 0px; height: 9px; transform: scaleX(5); opacity: .7; }
.hisarrdown { padding: 0px; margin: 0px; height: 9px; transform: scaleX(5); opacity: .7; }
.histd { padding: 0px; vertical-align: middle; }
.satanim { image-rendering: -webkit-optimize-contrast; width: 100%; background-image: url('/images/spinner_pulse_light.svg'), url('/images/blankmaps/osmgray-land_polygons.png'); background-repeat: no-repeat, no-repeat; background-position: center, center; background-size: 25%, 100%; }
.satim { position: absolute; left: 0px; top: 0px; z-index: 0; width: 100%; }
.bganim { background-image: url('/images/spinner_pulse_light.svg'), url('/images/blankmaps/osmgray-land_polygons.png'); background-repeat: no-repeat, no-repeat; background-position: center, center; background-size: 25%, 100%; width: 100%; }
.seasbar { text-align: center; margin: 0px; padding: 1px 0px; width: 130px; display: inline-block; border: 0px solid #f3f3f3; color: #000000F0; text-shadow: -1px -1px 1px #FFF; font-size: 13px; direction: ltr; }
.seasname { display: inline-block; width: 118px; text-align: right; padding-right: 6px; margin-top: 0px; }
.seasnamelast { display: inline-block; width: 118px; text-align: left; padding-left: 6px; margin-top: 0px; }
.share-buttons { display: flex; justify-content: center; gap: 10px; }
.share-button { padding: 3px 2px 3px 0px; border: 0px solid #ccc; border-radius: 0px; text-align: center; cursor: pointer; }
.shazes { height: 32px; border: 1px solid hsl(224, 100%, 97%); border-radius: 50px; background-color: hsl(224, 100%, 97%); }
.shazes:hover { filter: hue-rotate(0deg); box-shadow: 0px 0px 0px 3px #d9d9d9; }
.notification { display: none; position: fixed; width: 128px; text-align: center; top: 20%; left: 50%; transform: translateX(-50%); background-color: #ffb84a; padding: 10px; border-radius: 5px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); }
.fawmoji { font-family: FAWMOJI2; border-radius: 7px; color: rgba(0, 0, 0, .65); }
.spadet { background-color: hsl(224, 100%, 97%); padding: 2px 8px 3px 8px; border-radius: 3px; }
.icimeteolnk { font-size: 16px; padding: 0px 0px 0px 0px; color: hsl(225, 87%, 67%); margin: 0px 0px 0px 10px; border: 0px solid hsl(225, 87%, 62%); border-radius: 4px; }
.ici_meteolnk:hover { background-color: hsl(225, 87%, 100%); }
.histdiv { filter: sepia(90%); margin-top: 1px; box-shadow: inset 0px 0px 0px 0px #aaa; border-top: 1px dashed #aaa; border-bottom: 1px dashed #aaa; }
table.leadtab td { border-radius: 17px; }
</style>
</head>
<!DOCTYPE html>
<html lang="fr" dir="ltr">
<head>
<script>
//const fontFile = new FontFace("weath","url(https://meteoma.net/fonts/weathericons-regular-webfont.woff2)",);
//document.fonts.add(fontFile);
</script>
<!--
<script data-ad-client="ca-pub-6600153415255484" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-554657-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-554657-1');
</script>
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.2/dist/chart.umd.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-datalabels@2.2.0/dist/chartjs-plugin-datalabels.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-gradient@0.6.1/dist/chartjs-plugin-gradient.min.js"></script>
<script>
function showResult(str) {
if (str.length==0) {
document.getElementById("search").innerHTML="";
document.getElementById("search").style.border="0px";
return;
}
var xmlhttp=new XMLHttpRequest();
xmlhttp.onreadystatechange=function() {
if (this.readyState==4 && this.status==200) {
document.getElementById("search").innerHTML=this.responseText;
document.getElementById("search").style.border="2px dashed HSL(225, 95%, 74%)";
}
}
xmlhttp.open("GET","/search/go.php?lg=fr&q="+str,true);
xmlhttp.send();
}
</script>
<script>
Chart.register(ChartDataLabels);
const gradient = window["chartjs-plugin-gradient"];
Chart.register(gradient);
Chart.defaults.color = "#444";
Chart.defaults.font.family = "'weathericons', 'chartxt'";
</script>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Météo Maroc, détaillée et intuitive</title>
<meta name="description" content="Prévisions météo pour plus de 270 localités au Maroc">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#f2f2f2">
<meta name="apple-mobile-web-app-status-bar-style" content="#f2f2f2">
<meta name="google-site-verification" content="V5PtAnIEYcgfgYaRLVl4fO8XqYUfR7vmaNtlRKcvE2Y">
<meta name="mobile-web-app-capable" content="yes" >
<meta name="color-scheme" content="normal">
<meta property="fb:app_id" content="1911935589111671">
<meta property="og:image" content="https://meteoma.net/images/manifest/og.png">
<meta property="og:type" content="website">
<meta property="og:url" content="https://meteoma.net/">
<meta property="og:title" content="Météo Maroc, détaillée et intuitive">
<meta property="og:description" content="Prévisions météo pour plus de 270 localités au Maroc">
<link rel="icon" href="//meteoma.net/icimeteo/images/manifest/mirblue/512.png" sizes="512x512">
<link rel="icon" href="//meteoma.net/icimeteo/images/manifest/mirblue/256.png" sizes="256x256">
<link rel="icon" href="//meteoma.net/icimeteo/images/manifest/mirblue/192.png" sizes="192x192">
<link rel="icon" href="//meteoma.net/icimeteo/images/manifest/mirblue/144.png" sizes="144x144">
<link rel="icon" href="//meteoma.net/icimeteo/images/manifest/mirblue/128.png" sizes="128x128">
<link rel="icon" href="//meteoma.net/icimeteo/images/manifest/mirblue/096.png" sizes="96x96">
<link rel="icon" href="//meteoma.net/icimeteo/images/manifest/mirblue/064.png" sizes="64x64">
<link rel="icon" href="//meteoma.net/icimeteo/images/manifest/mirblue/048.png" sizes="48x48">
<link rel="icon" type="image/svg+xml" href="//meteoma.net/icimeteo/images/manifest/mirblue/favicon.svg">
<link rel="stylesheet preconnect" href="/css/weather-icons.css" as="style">
<link rel="stylesheet preconnect" href="/css/efont_all.css" as="style">
<link rel="stylesheet" href="/css/w3.css">
<link rel="canonical" href="https://meteoma.net/">
<script src="/a2hs7/script.js" defer></script>
<link rel="manifest" href="/a2hs7/manifest.php?mn=La+m%C3%A9t%C3%A9o+au+Maroc&mu=https://meteoma.net/">
<link rel="alternate" href="https://meteoma.net/ar/" hreflang="ar">
<meta name="robots" content="noindex,nofollow"><style>
body { background: #f2f2f2; direction: ltr; font-size: 18px; font-weight: 400; }
body,h1,h2,h3,h4,h5,h6 { font-family: NSDSC, sans-serif; }
html { scroll-behavior: smooth; } /* to make anchor link scrolling cool */
h1 { color: #FFF; display: table; border-radius: 6px 6px 6px 6px; padding: 5px 10px 7px 10px; font-weight: 400; text-shadow: 0px 0px #FFF; }
h2 { font-size: 18px; border: 0px solid yellow; padding: 0px; font-weight: 400; }
h1.h1small { padding: 4px 0px 4px 0px; font-size: 22px; }
h1.h1medium { color: #666C80; display: table; padding: 0px; }
table {border-spacing: 2px 2px;}
td {padding: 3px 0px;}
th {font-weight: 400;}
.h1sl { color: #002699; font-size: 13px; border-radius: 6px 6px 6px 6px; padding: 3px 8px 3px 8px; margin: -19px 0px 0px 0px; }
.tdleft { text-align: left; }
.tdright { text-align: right; }
.tdweathwidth { width: 46%; padding: 4px 0px; }
.weathtable tr:nth-child(odd){background-color:#FFFFFF}
.weathtable td { padding: 4px; }
.forcatable tr:nth-child(even){background-color:#FFFFFF}
.xetable tr:nth-child(odd){background-color:#FFFFFF}
.lighttext { }
.litetext { opacity: .8; }
.litelitetext { opacity: .7; }
.fancytext { text-shadow: -1px -1px #A6BCFF, 1px 1px #A6BCFF, -1px 1px #A6BCFF, 1px -1px #A6BCFF; }
.whitetext { text-shadow: -1px -1px #FFF, 1px 1px #FFF, -1px 1px #FFF, 1px -1px #FFF, -1px 0px #FFF, 1px 0px #FFF; }
.whiteshadow { text-shadow: -1px -1px #FFF; }
.transwhitetext { text-shadow: -1px -1px rgb(255,255,255,0.5), 1px 1px rgb(255,255,255,0.5), -1px 1px rgb(255,255,255,0.5), 1px -1px rgb(255,255,255,0.5); }
.lightbg {background-color: #E1E6F5;}
.lighterbg {background-color: #F2F3F5;}
.map-button{width: 25%; border:none; margin: 0px; padding: 8px 0px 3px 0px; vertical-align:middle; text-decoration:none; text-align:center; cursor:pointer; background-color:#FFFFFF }
.map-button:hover{color:#000!important;background-color:#E1E6F5!important}
.mySlides, .mySlidesSat {display:none}
.boxtitle { margin-right: 16px; margin-left: 16px; line-height: 1.65; text-shadow: -1px -1px #FFF, 1px 1px #FFF, -1px 1px #FFF, 1px -1px #FFF; color: rgba(0, 0, 0, .7); margin-top: -10px; margin-bottom: 1px; }
.boxtitleplus { margin-top: 0px; margin-bottom: 0px; margin-left: -6px; margin-right: 7px; padding: 0px 7px 1px 7px; line-height: 1.65; background-color: hsl(225, 91%, 73%); text-shadow: 0px 0px #FFF; color: #FFF; font-size: 15px; }
.top-titleindex { margin-top: -10px; }
.w3-button {border:none;display:inline-block;outline:0;padding:8px 8px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:#F2F3F5;text-align:center;cursor:pointer;white-space:nowrap}
.w3-button:hover {color:#000!important;background-color:#FFF!important}
.w3-buttonjiha {border:none;display:inline-block;outline:0;padding:8px 8px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:#F2F3F5;text-align:center;cursor:pointer;white-space:nowrap}
.w3-buttonbars {border:none;display:inline-block;outline:0;padding:8px 8px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:transparent;text-align:center;cursor:pointer;white-space:nowrap}
.w3-padding {padding:2px 16px!important}
.w3-pale-button {color:#000!important;background-color:#E1E6F5!important}
tr:hover.clicabletr { background-color: #E1E6F5; cursor: pointer; }
p {margin: 0px;}
a {background-color: transparent; text-decoration: none;}
.descry { font-size: 13px; }
.newyouz { opacity: 0.7; }
.newyouz:hover { opacity: 1; }
.backtrans { background: transparent; }
.socialbox { border: 0px dashed #98A8D9; height: 28px; margin: 0px 1px; }
.socialboxmobile { border: 0px dashed #98A8D9; height: 32px; margin: 0px 1px; }
.w3-paddingcities {margin: 0px; border-radius: 10px 0px 10px 0px; padding:4px 7px 4px 7px!important;}
@media (max-width:768px) { .w3-paddingcities {margin: 0px; border-radius: 10px 0px 10px 0px; padding:8px 7px 8px 7px!important} }
.w3-paddingreq {margin: 0px; border-radius: 4px; padding: 4px 6px 4px 6px!important}
.w3-grey,.w3-hover-grey:hover,.w3-gray,.w3-hover-gray:hover{color:#000!important;background-color:#C2CEF2!important}
.w3-text-grey,.w3-hover-text-grey:hover,.w3-text-gray,.w3-hover-text-gray:hover{color:#757575!important}
.citiessep { width: 87%; border: 0px; border-top: 1px dashed #98A8D9; margin: 5px auto 5px auto;}
.ccspan { padding: 2px 6px; margin: 0px 1px 0px 1px; background: #D2DCFC; border: 2px solid #FFF; opacity: 0.7; }
.ccspan:hover {opacity: 1; background: #FFF; }
.cchead { height: 14px; padding: 0px 0px; margin: 7px 0px -2px -4px; border: 0px solid #FFF; }
.ccheadleft { height: 14px; padding: 0px 0px; margin: 7px -4px -2px 0px; border: 0px solid #FFF; }
.ccheadmiddle { height: 17px; padding: 0px 0px; margin: 3px -4px -3px -4px; opacity: 0.8; border: 0px solid #FFF; }
@-moz-document url-prefix() { .ccheader { height: 20px; padding: 0px 0px; margin: 0px 0px -4px 2px; opacity : 0.8; border: 0px solid #FFF } }
.ccheader:hover {opacity: 1; }
.sideflag { height: 32px; margin-left: 0px; padding: 2px; opacity : 0.8; border-radius: 0px; border: 2px solid #E1E6F5; }
.footflag { height: 32px; margin: 0px -1px 0px -1px; padding: 2px; opacity : 0.4; border-radius: 0px; border: 2px solid #E1E6F5; background: white; }
.footflag:hover { opacity : 1; -webkit-filter: grayscale(0); filter: grayscale(0); }
.footflagsel { height: 34px; margin: 0px -1px 0px -1px; padding: 2px; opacity : 1; border-radius: 0px; border: 2px solid #809FFF; background: white; }
@-moz-document url-prefix() { .firefoxmoon { margin: 6px 0px -5px 0px; } }
.deamonmenu { max-height: 35px; overflow: hidden; padding: 0px 0px 0px 0px; order: 12; transition: .1s ease-out 20s;}
@media (max-width:768px) { .deamonmenu { max-height: 44px; overflow: hidden; padding: 2px 0px 2px 0px; order: 12; transition: .1s ease-out 20s} }
.deamonmenu:active { max-height: 999px!important; transition: .1s ease-out;}
.deamonmenu1 { padding-top: 1px; order: 1}
.jiha { border: 0px solid #98A8D9; margin: 1px 5px 1px 5px; }
.cutebutton { background-color: #F7F8FA; margin: 2px 0px 1px 3px; }
.cutebuttonsel { background-color: #F2F3F5; margin: 2px 0px 1px 3px; }
#cutebuttonselold { background-color: #A6BCFF; margin: 2px 0px 1px 3px; }
#reqbutton { background-color: #F2F3F5; border: 1px dashed #0029A6; color: #0029A6; margin: 2px 0px 1px 3px; }
.jihabutton { background-color: #F5F5F7; margin: 1px 0px 1px 0px; text-align: left!important; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.jihabuttonsel { background-color: #ECF1FF; margin: 1px 0px 1px 0px; text-align: left!important; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.jarrow { float: right; background-color: rgba(255, 255, 255, 0.6); border-radius: 4px; width: 17px; height: 14px; margin: 3px 0px -1px 0px; text-align: center; font-size: 11px; color: rgba(0, 0, 0, 0.35); }
.trjiha { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.trjiha:hover { background-color: #CAD7FC !important; }
ol, li { display: inline; list-style-type: none; margin: 0px; padding: 0px; }
.jihanbr { font-size: 15px; color: rgba(0, 0, 0, .5); float: right; width: 6px; height: 17px; padding: 1px 8px; margin: 0px; }
.jihanbrnew { color: rgba(0, 0, 0, 0.35); float: right; width: 21px; text-align: right; font-family: 'Walrus'; font-size: 13px; }
.tinyarrow { height: 16px; padding: 0px; margin: 4px 0px -4px 0px; }
.tinyarrowindex { height: 17px; padding: 0px; margin: 4px -4px -4px -4px; }
.tinyarrowinfos { height: 16px; padding: 0px; margin: 4px 2px -2px 0px; filter: grayscale(100%); opacity: .5; }
.tinyarrowinfosdouble { height: 16px; padding: 0px; margin: 4px 0px -2px 0px; }
.request { border: 1px dashed rgba(0, 0, 0, 0.15); color: rgba(0, 0, 0, 0.4); font-size: 13px; background-color: #ECF1FF; width: 120px; text-align: center; margin: 15px auto; padding: 1px 2px 3px 2px; border-radius: 4px; }
.divlogo { width: 100%; padding: 8px 5px 7px 5px; margin: 0px 0px 20px 0px; text-align: center; border-top: 0px dashed #CFD4E6; border-bottom: 0px dashed #CFD4E6; background-color: #7E9EFC; border-radius: 0px; }
.divlogosmall { padding-top: 19px; padding-left: 13px; padding-right: 0px; padding-bottom: 6px; text-align: center; border: 1px dashed #CFD4E6; border-top: 0px; background-color: #FAFBFC; border-radius: 0px 0px 7px 7px; }
.divwasmall { padding: 12px 13px 8px 13px; text-align: center; border: 1px dashed #CFD4E6; border-top: 0px; background-color: #FAFBFC; border-radius: 0px 0px 7px 7px; }
.toplefturl { font-family: 'cat-north'; height: 43px; margin-top: 4px; margin-bottom: -3px; color: #9CB1F0; font-size: 23px; text-shadow: 0 0 4px white, 0 0 4px white, 0 0 4px white, 0 0 4px white, 0 0 4px white, 0 0 4px white, 0 0 4px white, 0 0 4px white, 0 0 4px white, 0 0 4px white, 0 0 4px white, 0 0 4px white, 0 0 4px white, 0 0 4px white, 0 0 4px white, 0 0 4px white, 0 0 4px white, 0 0 4px white, 0 0 4px white, 0 0 4px white; padding: 3px 0px 0px 20px; text-align: left; float: left; }
@-moz-document url-prefix() { .toplefturl { margin-top: 3px; margin-bottom: -3px; } }
.sticker { margin-left: 7px; background-color: rgba(255, 255, 255, 0.99); padding: 0px 7px 0px 7px; opacity: .7; border-radius: 6px 6px 0px 0px;}
.indexindic { font-family: weathericons; float: left; text-align: center; margin: 0px 6px 0px 6px; font-size: 13px; padding-top: 3px; }
.fajr { padding: 0px 3px 0px 3px; background-color: #F2F3F5; }
.chourouk { }
.zuhr { }
.asr { }
.maghrib { }
.isha { }
.mdnight { }
.salattop { width: 14.2857142857%; padding: 8px 0px 0px 0px; }
.salatbottom { width: 14.2857142857%; padding: 0px 0px 8px 0px; }
.detal_inks { text-decoration: dashed underline gray; }
.blink_on { animation: blinker 3s step-end infinite; }
@keyframes blinker { 94% { opacity: 0; } }
.blink_on2 { animation: blinker2 3s linear infinite; }
@keyframes blinker2 { 50% { opacity: 0; } }
.linkfootdet { width: 100px; padding: 7px 20px; margin: 0px 6px; border-radius: 5px; background-color: white; text-align: center; }
.groupfour { margin: 0px -4px 0px -4px; padding: 0px; border-top: 2px solid #F2F2F2; border-bottom: 0px; }
.groupfourdet { margin: 0px -4px 0px -4px; padding: 0px; border-top: 2px solid #F2F2F2; border-bottom: 0px; }
.hijrimoji { height: 18px; padding: 0px 4px 4px 4px; opacity: .5; }
.googlemaps { height: 20px; padding: 0px 6px 4px 0px; opacity: 1; }
.elsead { height: 180px; }
@media (max-width:600px) /* phones */
{
.indexad { display: block; height: 180px; }
.tdtabweek { background-color: #fff; font-size: 14px; width: 17.8%; border-left: 1px solid #e5e5e5; } /* left 14% to the arrow */
.tdtabweek0 { background-color: #fff; font-size: 14px; width: 22.25%; border-left: 1px solid #e5e5e5; }
.tdtabweektmp { direction: ltr; font-size: 14px; padding: 6px 0px 5px 0px; border-left: 0px solid #e5e5e5; }
.neighboo { border-radius: 5px; padding: 6px 8px 6px 8px; display: inline-block; background-color: #fff; font-size: 15px; }
.neighboo:hover { box-shadow: inset 0px 0px 0px 1px #95affa; }
.neighb { border-radius: 5px; margin: 3px 3px; padding-right: 8px; background-color: white; display: inline-block; font-size: 15px; }
.neighbkm { color: #888; border-left: 1px dotted #888; padding-left: 5px; margin-left: 2px; font-size: 13px; }
.notablecities { border-radius: 5px; padding: 4px 8px 6px 8px; display: inline-block; background-color: #fff; font-size: 15px; margin: 3px 3px; }
table.tabloca td { padding: 5px 0px; }
.notablecities:hover { box-shadow: inset 0px 0px 0px 1px #95affa; }
.blox_margin { margin: 0px 0px; }
.bloxneighb { padding-top: 0px; padding-left: 8px; padding-bottom: 0px; padding-right: 50px; overflow-x: auto; overflow-y: hidden; white-space: nowrap; scrollbar-width: none; mask-image: linear-gradient(to left, #f2f2f2 0%, #f2f2f2 85%, transparent 100%); -webkit-mask-image: linear-gradient(to right, #f2f2f2 0%, #f2f2f2 85%, transparent 100%); }
.bloxneighb::-webkit-scrollbar { display: none; }
.bloxdays { padding-top: 0px; padding-left: 8px; padding-bottom: 0px; padding-right: 50px; overflow-x: auto; overflow-y: hidden; white-space: nowrap; }
.bloxdays::-webkit-scrollbar { }
.blox,#blox { border-top: 1px solid #eee; border-bottom: 1px solid #eee; background: #FFF; border-radius: 0px; padding-right: 8px!important; padding-left: 8px!important; }
.w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-col{padding: 10px 0px}
.bloxsat { border-top: 1px solid #eee; border-bottom: 1px solid #eee; background: #FFF; border-radius: 0px; padding-right: 0px!important; padding-left: 0px!important; }
.satimag { overflow: hidden; margin-bottom: -2px; }
.satimag img { margin: -0px 0px -0px 0px; }
.maintab { z-index: 1; position: sticky; top: 0px; padding: 5px 0px; background-image: linear-gradient(#f2f2f2 94%, transparent 100%); }
h2#d0,h2#d1,h2#d2,h2#d3,h2#d4,h2#d5,h2#d6,h2#d7,h2#d8,h2#d9 { padding-top: 134px; margin-top: -144px; }
.w3-container { padding: 0px; }
.tabledays { width: 100%; }
.nowcase { padding: 10px 0px; }
.nowcasefz { font-size: 14px; }
.aligncrumb_ { text-align: left; margin-left: 4px; }
.aligncrumb { text-align: center; }
.margincitab__ { margin-left: -8px!important; }
.sattit { padding: 0px 8px; margin: 6px 0px 4px 0px; }
.satmore { background-color: #eeeeeec0; display: relative; position: absolute; bottom: 32px; right: 0px; padding: 2px 10px 4px 10px; font-size: 15px; }
.footxtdet { padding: 0px 16px 4px 16px!important; margin-top: -24px; margin-bottom: 10px; font-size: 16px; }
}
@media (min-width:601px) /* desk */
{
.tdtabweek { background-color: #fff; width: 10%; border-left: 1px solid #e5e5e5; }
.tdtabweek0 { background-color: #fff; width: 10%; border-left: 1px solid #e5e5e5; }
.tdtabweektmp { direction: ltr; padding: 6px 0px 5px 0px; border-left: 0px solid #e5e5e5; }
.neighboo { border-radius: 5px; padding: 4px 8px 6px 8px; display: inline-block; background-color: #fff; font-size: 16px; }
.neighboo:hover { box-shadow: inset 0px 0px 0px 1px #95affa; }
.neighb { border-radius: 5px; margin: 3px 3px; padding-right: 8px; background-color: white; display: inline-block; font-size: 16px; }
.neighbkm { color: #888; border-left: 1px dotted #888; padding-left: 5px; margin-left: 2px; font-size: 14px; }
.notablecities { border-radius: 5px; padding: 4px 8px 6px 8px; display: inline-block; background-color: #fff; font-size: 16px; margin: 3px 3px; }
.notablecities:hover { box-shadow: inset 0px 0px 0px 1px #95affa; }
.blox_margin { border: 1px solid red; }
.bloxneighb { padding: 0px 0px; }
.blox,#blox { border: 1px solid #eee; background: #FFF; border-radius: 5px; }
.w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-col{padding: 10px 8px}
.bloxsat { border: 1px solid #eee; background: #FFF; border-radius: 5px; padding-right: 8px!important; padding-left: 8px!important; }
.satimag { margin: 0px 0px 1px 0px; padding: 0px; }
.tabledays { width: 100%; }
.nowcase { padding: 10px 195px; background: url(/images/zellige.svg) left -90px bottom -90px no-repeat, url(/images/zellige.svg) right -90px top -90px no-repeat; background-size: 180px; }
.nowcasefz { font-size: 16px; }
.aligncrumb { text-align: center; }
.sattit { padding: 0px 0px; margin: 6px 0px 4px 0px; }
.satmore { background-color: #eeeeeec0; display: relative; position: absolute; bottom: 32px; right: 8px; padding: 2px 10px 4px 10px; font-size: 15px; }
.footxtdet { padding: 0px 16px 4px 16px; margin-top: -24px; margin-bottom: 10px; text-align: justify; font-size: 16px; }
}
.nowcasep { display: inline-block; float: right; padding-right: 16px; }
table.tabloca th { font-size: 14px; color: #444; direction: ltr; padding: 3px 4px 3px 4px; }
.wholinks { border-radius: 5px; padding: 6px 10px 8px 10px; margin: 5px 3px; display: inline-block; background-color: #f5f5f7; font-size: 16px; }
.wholinks:hover { box-shadow: inset 0px 0px 0px 1px #95affa; }
.wholinkscol { color: #000; }
.wholinksel { color: #000; box-shadow: inset 0px 0px 0px 1px #95affa; }
.tdtabweekvar { padding-bottom: 6px; border-bottom: 0px solid #fff; font-size: 18px; }
.headbilan { color: hsl(225, 95%, 55%); order: 2; }
.headbilansel { color: hsl(225, 95%, 55%); box-shadow: inset 0px 0px 0px 1px #95affa; order: 1; }
.fawspan { display: inline-block; width: 20px; text-align: left; padding-left: 3px; }
.fawspanside { display: inline-block; width: 20px; text-align: center; }
.fawimg { height: 18px; padding-bottom: 3px; }
.fawimgside { height: 16px; padding-bottom: 2px; }
.fawimgdet { height: 16px; padding-bottom: 4px; padding-right: 5px; }
.emospan { background-color: white; padding: 0px 3px; }
.emoimg { height: 20px; padding-bottom: 0px; }
.tdlocalink { width: 100%; display: block; }
.tdlocalink:hover { text-decoration: underline dashed #7e9efc 1px; }
.gmtshit { background-color: HSL(30, 88%, 100%); padding: 2px 5px 1px 5px; border: 0px solid #f2f2f2; margin: 0px 6px; color: #7e9efc; text-shadow: none;}
table.newtab { width: 100%; border-spacing: 2px 4px; }
.maintablk { display: block; }
.doubarrow { width: 32px; transform: scaleY(2.5); opacity: .85; }
.doubarrowfirst { filter: hue-rotate(0deg); opacity: .85; }
/* search and regions */
.resulto { padding: 0px 15px 0px 15px; }
#search { position: absolute; background-color: transparent; margin: 0px auto 19px auto; padding: 0px; text-align: left; border-top: 0px; z-index: 2; box-shadow: 0px 0px 10px -7px rgba(0,0,0,1.5); }
input[type=text] { width: 100%; height: 42px; outline: none; border: 0; border-radius: 7px; padding: 8px 8px; margin-bottom: 3px; background: url('/images/search.svg') right center no-repeat; background-color: HSL(225, 95%, 97%); }
input[type=text]:focus { box-shadow: inset 0px 0px 0px 1px HSL(225, 95%, 74%); transition: .3s ease; }
input[type=date] { height: 42px; border: 1px dashed HSL(225, 95%, 74%); border-radius: 5px; padding: 8px 8px; margin-bottom: 3px; background-color: HSL(225, 95%, 98%); color: #555; }
input[type=number] { height: 38px; width: 76px; border: 1px dashed HSL(225, 95%, 74%); border-radius: 5px; padding: 8px 8px; margin: 0px 4px; background-color: HSL(225, 95%, 100%); color: #555; text-align: center; -moz-appearance: textfield; }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type=submit] { height: 42px; width: 42px; border: 1px solid HSL(225, 0%, 74%); border-radius: 5px; margin-bottom: 3px; background-color: HSL(225, 0%, 98%); background: url('/images/faw/svgs/light/history.svg') center/20px no-repeat; }
input[type=submit]:hover { background-color: HSL(225, 0%, 100%); }
input[type=submit]:active { background-color: HSL(225, 0%, 97%); }
select { width: 100%; height: 42px; border: 1px solid HSL(225, 95%, 84%); border-radius: 5px; padding: 8px 8px; margin-bottom: 3px; background-color: HSL(225, 95%, 100%); color: HSL(225, 65%, 65%); }
.opjiha { font-family: NSDSC, sans-serif; }
.searchreg { font-size: 14px; color: #666; padding: 0px 15px 2px 15px; margin: 0px 0px 6px 0px; display: block; }
.resdiv { padding: 6px 0px 1px 0px; margin: 0px; background-color: white; border-bottom: 1px dashed #ccc; }
.resdiv:hover { background-color: #f7f8fa; }
/* the map */
.mapcontainer { position: relative; } /* Position the image container (needed to position the left and right arrows) */
.mySlides, .mySlidesSat { display: none; } /* Hide the images by default */
.cursor { cursor: pointer; } /* Add a pointer when hovering over the thumbnail images */
.numbertext { color: #888; padding: 8px 12px; position: absolute; top: 0; display: none; } /* Number text (1/3 etc) */
.caption-container { text-align: center; background-color: #222; padding: 2px 16px; color: white; } /* Container for image text */
.row:after { content: ""; display: table; clear: both; }
.column { float: left; width: 16.66%; } /* Six columns side by side */
.demo, .demo2 { background-color: #eee; margin: 0px 0px 6px 0px; padding: 2px 10px 4px 10px; font-size: 15px; }
.active, .demo:hover, .demo2:hover { background-color: #95affa; color: white; text-shadow: 0px 0px #FFF; }
pre { font-family: NSDSC, sans-serif; white-space: pre-line; }
.timediffs { direction: ltr; display: inline-block; opacity: .7; font-size: 15px; border-left: 1px solid rgba(0, 0, 0, .4); margin-left: 7px; }
.marrow { opacity: .5; }
.newtab th { font-size: 14px; text-align: center; color: HSL(225, 0%, 35%); padding: 0px 0px 1px 0px; margin: 0px; }
.detailsimg { height: 17px; padding-bottom: 2px; padding-right: 6px; filter: invert(100%); }
.chartsimg { height: 17px; padding-bottom: 2px; padding-left: 6px; filter: invert(100%); }
.whiteflag { border-bottom: 2px solid #aaa; }
.whiteflagimg { height: 20px; padding-bottom: 2px; }
.foot_date:hover { box-shadow: inset 0px 0px 0px 1px HSL(225, 95%, 84%); }
.footdate { background-color: hsl(225, 91%, 73%); color: white; text-shadow: 0px 0px #FFF; }
.footdate:before { content: ""; position: absolute; right: -20px; top: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 20px solid hsl(225, 91%, 73%); }
.footdate_:after { content: ""; position: absolute; left: -20px; top: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-right: 20px solid hsl(225, 91%, 73%); }
.chart_title { display: inline-block; margin: 12px 16px 0px 16px; padding: 2px 10px 4px 10px; font-size: 15px; color: HSL(225, 95%, 64%); background-color: #fff; border-top: 2px solid HSL(225, 95%, 90%); }
.charttitle { position: relative; background-color: white; display: inline-block; bottom: -8px; margin: 4px 20px 0px 20px; padding: 2px 10px 0px 10px; font-size: 16px; border-radius: 0px 0px 0px 0px; border-top: 1px solid #ddd; }
.sattitle2 { position: relative; background-color: white; display: inline; top: -60px; margin: -16px 0px 0px auto; padding: 2px 16px 4px 16px; font-size: 16px; border-radius: 0px 0px 0px 0px; border-right: 1px solid #ddd; }
.citabico { height: 22px; }
.hisarrup { padding: 0px; margin: 0px 0px 4px 0px; height: 9px; transform: scaleX(5); opacity: .7; }
.hisarrdown { padding: 0px; margin: 0px; height: 9px; transform: scaleX(5); opacity: .7; }
.histd { padding: 0px; vertical-align: middle; }
.satanim { image-rendering: -webkit-optimize-contrast; width: 100%; background-image: url('/images/spinner_pulse_light.svg'), url('/images/blankmaps/osmgray-land_polygons.png'); background-repeat: no-repeat, no-repeat; background-position: center, center; background-size: 25%, 100%; }
.satim { position: absolute; left: 0px; top: 0px; z-index: 0; width: 100%; }
.bganim { background-image: url('/images/spinner_pulse_light.svg'), url('/images/blankmaps/osmgray-land_polygons.png'); background-repeat: no-repeat, no-repeat; background-position: center, center; background-size: 25%, 100%; width: 100%; }
.seasbar { text-align: center; margin: 0px; padding: 1px 0px; width: 130px; display: inline-block; border: 0px solid #f3f3f3; color: #000000F0; text-shadow: -1px -1px 1px #FFF; font-size: 13px; direction: ltr; }
.seasname { display: inline-block; width: 118px; text-align: right; padding-right: 6px; margin-top: 0px; }
.seasnamelast { display: inline-block; width: 118px; text-align: left; padding-left: 6px; margin-top: 0px; }
.share-buttons { display: flex; justify-content: center; gap: 10px; }
.share-button { padding: 3px 2px 3px 0px; border: 0px solid #ccc; border-radius: 0px; text-align: center; cursor: pointer; }
.shazes { height: 32px; border: 1px solid hsl(224, 100%, 97%); border-radius: 50px; background-color: hsl(224, 100%, 97%); }
.shazes:hover { filter: hue-rotate(0deg); box-shadow: 0px 0px 0px 3px #d9d9d9; }
.notification { display: none; position: fixed; width: 128px; text-align: center; top: 20%; left: 50%; transform: translateX(-50%); background-color: #ffb84a; padding: 10px; border-radius: 5px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); }
.fawmoji { font-family: FAWMOJI2; border-radius: 7px; color: rgba(0, 0, 0, .65); }
.spadet { background-color: hsl(224, 100%, 97%); padding: 2px 8px 3px 8px; border-radius: 3px; }
.icimeteolnk { font-size: 16px; padding: 0px 0px 0px 0px; color: hsl(225, 87%, 67%); margin: 0px 0px 0px 10px; border: 0px solid hsl(225, 87%, 62%); border-radius: 4px; }
.ici_meteolnk:hover { background-color: hsl(225, 87%, 100%); }
.histdiv { filter: sepia(90%); margin-top: 1px; box-shadow: inset 0px 0px 0px 0px #aaa; border-top: 1px dashed #aaa; border-bottom: 1px dashed #aaa; }
table.leadtab td { border-radius: 17px; }
</style>
</head>
Météo Maroc, détaillée et intuitive
Recherche META Description de la page
Prévisions météo pour plus de 270 localités au Maroc
Recherche META Keywords de la page
UPDATE DOMAINES SET server='cloudflare',redirection='',Status='200',err='',[TITRE]=N'Météo Maroc, détaillée et intuitive',[DESCRIPTION]=N'Prévisions météo pour plus de 270 localités au Maroc',[KEYWORDS]=N'' WHERE id=164325
0 Météo Maroc détaillée et intuitive Prévisions météo pour plus de 270 localités au Maroc
0. Météo (5)--------->0
1. Maroc (5)--------->0
3. détaillée (9)--------->0
4. et (2)--------->0
5. intuitive (9)--------->0
6. Prévisions (10)--------->0
8. pour (4)--------->0
9. plus (4)--------->0
10. de (2)--------->0
11. 270 (3)--------->0
12. localités (9)--------->0
13. au (2)--------->0
INSERT INTO KEYWORDS (keyword,id_domaine) VALUES (N'Météo',164325),(N'Maroc',164325),(N'détaillée',164325),(N'et',164325),(N'intuitive',164325),(N'Prévisions',164325),(N'pour',164325),(N'plus',164325),(N'de',164325),(N'270',164325),(N'localités',164325),(N'au',164325)