/* =============================================================================
   HTML5 display definitions
   ========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* =============================================================================
   Base
   ========================================================================== */
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; }
::-moz-selection { background: #97bddc; color: #fff; text-shadow: none; }
::selection { background: #97bddc; color: #fff; text-shadow: none; }
a { color: #00e; }
/*a:visited { color: #551a8b; }*/
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

/* =============================================================================
   Typography
   ========================================================================== */
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* =============================================================================
   Lists
   ========================================================================== */
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

/* =============================================================================
   Embedded content
   ========================================================================== */
img { vertical-align: middle; }
svg:not(:root) { overflow: hidden; }

/* =============================================================================
   Figures
   ========================================================================== */
figure { margin: 0; }

/* =============================================================================
   Forms
   ========================================================================== */
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

/* =============================================================================
   Tables
   ========================================================================== */
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/* =============================================================================
   Chrome Frame Prompt
   ========================================================================== */
.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }


/* ==|== primary styles =====================================================
   Author: Trouve Ta Mosquée
   ========================================================================== */
body {background-image:url('images/bg.png'); }
.left {float:left;}
.center {text-align: center;}
.right{float:right;}
.block{display:block;}
.normal{font-weight:normal !important;}
.hide {display:none;}
.break-all {word-break: break-all;}
.habillage {position:absolute; top:189px; width:100%; height:1395px; background:url(images/banners/partners/dawahtv/habillage.png) top center no-repeat; z-index: 0;}
a.link-habillage-top {display:block; position:absolute; top:0; width:100%; height:270px; z-index: 1;}
a.link-habillage-left {display:block; position:absolute; top:0; left:0; width:352px; height:1395px; z-index: 1;}
a.link-habillage-right {display:block; position:absolute; top:0; right:0; width:352px; height:1395px; z-index: 1;}
/*div.footer-banner { padding-left:20px;}*/

/* ====================
   Sprite
   ==================== */
.sprite { background-image: url(images/spritesheet_20130902.png); background-repeat: no-repeat; display: block; }
.sprite-x { background-image: url(images/spritesheet_20130902.png); background-repeat: repeat-x; display: block; }

.sprite-background-find-mosque { width: 561px; height: 112px; background-position: -3px -3px; }
.sprite-bg { width: 4px; /*height: 4px;*/ background-position: -10px -121px; }
.sprite-button-find-mosque { width: 99px; height: 55px; background-position: -30px -121px; }
.sprite-slider-text-bg { width: 333px; height: 212px; background-position: -570px -3px; }
.sprite-icon-more { display:inline-block; margin-left:5px; width: 4px; height: 7px; background-position: -145px -121px; }
.sprite-icon-plus { display:inline-block; margin-left:5px; width: 9px; height: 9px; background-position: -155px -121px; }
.sprite-picto-android { width: 34px; height: 31px; background-position: -310px -168px; }
.sprite-picto-facebook { width: 34px; height: 30px; background-position: -377px -168px; }
.sprite-picto-flickr { width: 34px; height: 30px; background-position: -417px -168px; }
.picto-instagram {display:inline-block; width: 32px; height: 30px; background:url(images/icon-instagram.png) top left no-repeat; }
.picto-whatsapp {display:inline-block; width: 32px; height: 30px; background:url(images/icon-whatsapp.png) top left no-repeat; }
.sprite-picto-mobile { width: 34px; height: 31px; background-position: -457px -168px; }
.sprite-picto-rss { width: 34px; height: 30px; background-position: -497px -168px; }
.sprite-picto-twitter { width: 34px; height: 30px; background-position: -3px -204px; }
.sprite-ttm-logo { display:inline-block; width: 231px; height: 98px; background-position: -569px -221px; }
.sprite-puce-add-mosque { position:absolute; right:0; display:inline-block; width: 25px; height: 25px; background-position: -537px -174px; }
.sprite-pray-bg { width: 298px; height: 151px; background-position: -265px -205px; }
.sprite-ttm-logo-copyright { display:inline-block; position:absolute; right:0; top:0; width: 81px; height: 34px; background-position: -53px -221px; }
.sprite-newsletter-button-bg { width: 39px; height: 31px; background-position: -265px -168px; }
.sprite-menu-home { width: 36px; height: 41px; background-position: -135px -168px; }
header .header-menu nav .sprite-menu-corner-left { width: 10px; height: 10px; background-position: -541px -121px; left:0; top:41px; position:absolute; }
header .header-menu nav .sprite-menu-corner-right { width: 10px; height: 10px; background-position: -10px -137px; right:0; top:41px; position:absolute; }
.sprite-menu-nav-left { width: 38px; height: 53px; background-position: -177px -168px; }
.sprite-menu-nav-right { width: 38px; height: 53px; background-position: -221px -168px; }
.sprite-picto-comments { display:inline-block; width: 21px; height: 15px; background-position: -350px -174px;  margin:0 5px 0 10px; }
.sprite-read-more-dailymosque { width: 4px; height: 7px; background-position: -183px -134px; display:inline-block; margin-left:5px; }
.sprite-sub-menu-picto { width: 4px; height: 7px; background-position: -43px -221px; display:inline-block; margin-right:5px; }
.sprite-picto-arrow { width: 8px; height: 30px; background-position: -541px -137px; display:inline-block; position:absolute; top:0; right:10px }
.sprite-read-more { width: 4px; height: 7px; background-position: -557px -121px; display:inline-block; margin-left:5px; }
/*.sprite-background-menu { width: 1px; height: 51px; background-position: -3px -121px; }
.sprite-menu-arrow-grey { width: 10px; height: 4px; background-position: -170px -121px; }
.sprite-bg-pub { width: 4px; height: 4px; background-position: -20px -121px; }
.sprite-footer-bg { width: 4px; height: 4px; background-position: -135px -121px; }
.sprite-footer-bg { width: 4px; height: 4px; background-position: -135px -121px; }
.sprite-menu-bg { width: 180px; height: 36px; background-position: -203px -121px; }
.sprite-menu-bg-on { width: 146px; height: 41px; background-position: -389px -121px; }*/
.sprite-pagination { width: 12px; height: 25px; background-position: -135px -137px; }
.sprite-menu-arrow-on { width: 11px; height: 4px; background-position: -186px -121px; }
.sprite-puce-brown { width: 9px; height: 6px; background-position: -153px -137px; } /*footer*/
.sprite-puce-grey { width: 9px; height: 6px; background-position: -168px -137px; } /*footer*/

/* ====================
   Header
   ==================== */

div.header-content, header .header-menu nav, footer .footer-content, div[role=main] {width:960px; margin: 0 auto; position:relative;}
div.header-content {height:130px;}

/*div.top-partners { position: relative; }*/
/*div.top-partners div {width: 960px; margin:0 auto; height: 115px; background:url('images/banners/bg-partners.png') center 22px no-repeat #FFFFFF; }*/

header {background-color:#FFFFFF; }
header .add-mosque-link {text-decoration:none; vertical-align:top; color:#FFFFFF; display:block; position:absolute; top:0; right:0; padding-left:12px; font:bold 12px/23px arial; height:25px; width:175px; background-color: #777777;}
header .add-mosque-link:hover {color:#000000;}

header .header-logo {float:left;margin-top:10px; width:231px;}
header .find-mosque { float:right; height:130px; width:100%; max-width:660px; position:relative;}
header .find-mosque form input[type=submit] { height:55px; width:99px; color:transparent; border:none; position:absolute; top:57px; right:0; }
header .find-mosque form input[type=search] { width:80%; height:31px; position:absolute; top:68px; left:14px; border:none; padding:0 5px; font:14px/21px arial; color:#a3a3a3; }
header .find-mosque span { position:absolute; top:112px; right:0px; font:12px/18px arial; color:#999999; }

header .find-mosque .autocomplete { position: static; }
header .find-mosque .autocomplete-items { position: sticky; border: 1px solid #d4d4d4; border-bottom: none; border-top: none; z-index: 500; top: 100%; left: 0; right: 0; }
header .find-mosque .autocomplete-items div { padding: 0.5rem; font-size: 1rem; cursor: pointer; background-color: #fff; border-bottom: 1px solid #d4d4d4; }
header .find-mosque .autocomplete-items div:hover { background-color: #e9e9e9; }
header .find-mosque .autocomplete-active { background-color: DodgerBlue !important; color: #ffffff; }


header .header-menu { background:#ffffff url('images/background-menu.png') left repeat-x; min-height:51px; margin-top:8px;}
header .header-menu nav {height:100%; background-color:#FFFFFF;}
div[role=banner] {width:940px; margin:0 auto 10px auto; position:relative;}

header .header-menu ul {margin:0; padding:0;}
header .header-menu ul a {color:#FFFFFF; text-decoration: none;}
header .header-menu div.icon-menu div {display: none;}
header .header-menu ul#top-menu { height:41px; position:relative; width:924px; background:url('images/menu-bg.png') bottom left repeat-x; }
header .header-menu ul#top-menu li { float:left; display:block; height: 41px; padding: 8px 0 0 15px;}
header .header-menu ul#top-menu li a { font:bold 12px/18px arial; text-transform: uppercase; padding:4px 25px 0 0;}
header .header-menu ul#top-menu li.top-sub-menu { background:url('images/menu-arrow-grey.png') right 18px no-repeat;}
header .header-menu ul#top-menu li div {display: none; position:absolute; top:41px; left:-26px; width:940px; background-color:#000000; height:130px; z-index:1000;}
header .header-menu ul#top-menu li div a {background: none !important;}
header .header-menu ul#top-menu li div ul { height:112px; margin-top:8px;}
header .header-menu ul#top-menu li div ul li {float:none; padding:0 0 3px 25px; height:20px; }
header .header-menu ul#top-menu li div ul li a {text-transform: none; font-weight:normal; color:#BBBBBB;}
header .header-menu ul#top-menu li div ul li a:hover, header .header-menu ul#top-menu li div ul li.current a {color:#2e84c2;}
header .header-menu ul#top-menu li div ul.bordering {border-left:1px solid #555555; border-right:1px solid #555555;}
header .header-menu ul#top-menu li.hover div {display: block;}
header .header-menu ul#top-menu li.hover, header .header-menu ul#top-menu li.alone-sub-menu:hover, header .header-menu ul#top-menu li.on, header .header-menu ul#top-menu li.on-alone {background:url('images/menu-bg-on.png') top left repeat-x !important;}
header .header-menu ul#top-menu li.hover a, header .header-menu ul#top-menu li.on a {background:url('images/menu-arrow-on.png') right 10px no-repeat;}
header .header-menu ul#top-menu li.on-alone a {background:none;}
header .header-menu ul#top-menu li div div.sub-menu-mosque {margin-left:15px; width:550px; position: relative; left:0; top:0; height: 112px;}
header .header-menu ul#top-menu li div div.sub-menu-mosque h2 { margin:0; padding:0; border-bottom: 1px solid #555555;}
header .header-menu ul#top-menu li div div.sub-menu-mosque h2 a {text-transform: uppercase;}
header .header-menu ul#top-menu li div div.sub-menu-mosque a {font:bold 12px/18px arial; color:#BBBBBB; text-transform: none;}
header .header-menu ul#top-menu li div div.sub-menu-mosque a.link-img {display: block; width:auto; text-align: center; margin:10px 10px 0 0; padding:0;}
header .header-menu ul#top-menu li div div.sub-menu-mosque a.link-img img {border:3px solid #c0ab80;}
header .header-menu ul#top-menu li div div.sub-menu-mosque h3 { margin:8px 0 0 0; padding:0; width:420px; line-height: 16px;}
header .header-menu ul#top-menu li div div.sub-menu-mosque p { margin:0; padding:0; width:420px; line-height: 16px;}
header .header-menu ul#top-menu li div div.sub-menu-mosque p a {font-weight: normal;}
header .header-menu ul#top-menu li div div.sub-menu-mosque a:hover {color:#2e84c2;}
header .header-menu ul#top-menu li div div.sub-menu-mosque #mosque-post0,
header .header-menu ul#top-menu li div div.sub-menu-mosque #mosque-post1,
header .header-menu ul#top-menu li div div.sub-menu-mosque #mosque-post2,
header .header-menu ul#top-menu li div div.sub-menu-mosque #mosque-post3,
header .header-menu ul#top-menu li div div.sub-menu-mosque #mosque-post4
{display:none; margin:0; padding:0; width:100%; height:100%;potision:relative; top:0; left:0;}

/* ====================
   Footer
   ==================== */
footer {background-image:url('images/footer-bg.png'); border-top:5px solid #000000;}
footer nav {background-color:#5a5a5a; padding:0 9px 25px 9px;}
footer nav.nav-bottom {background-color:#000000; padding-bottom:0;}
footer h3 { margin:0; color:#d9d9d9; text-transform : uppercase; font:bold 14px Arial; margin:9px 9px 14px 0px; padding-bottom:9px; border-bottom: 1px solid #676767; }
footer ul li { font:12px Arial; }
footer ul li a { color:#d9d9d9; text-decoration:none;}
footer ul li a:visited { color:#d9d9d9; }
footer ul li a:hover {text-decoration:underline; color:#d9d9d9;}
footer .left {width:314px;}
footer ul li {padding-bottom:10px;}
footer .brown li { list-style-image:url('images/puce-brown.png'); list-style-position:inside; }
footer .grey li { list-style-image:url('images/puce-grey.png'); list-style-position:inside; }
footer ul.list-mosque {width:157px;}
footer .second-col {width:327px;}

footer .newsletter  {background-color:#000000; padding-bottom: 15px; padding-left:9px; width:291px;}
footer .newsletter h3 {margin-bottom:0; color:#FFFFFF;}
footer .newsletter form div{position:relative; height:31px; margin-top:10px;}
footer .newsletter form p{font:12px/18px arial; color:#cbcbcb;}
footer .newsletter form input[type=submit] { position:absolute; left:240px; top:0; border:none; color:#FFFFFF; font:bold 14px/20px arial; padding-left:10px; }
footer .newsletter form input[type=email] { position:absolute; left:0; top:0; width:240px; height:31px; border:none; padding:0 5px; font:bold 14px/21px arial; color:#b2b3b5; }
footer .newsletter form #mce-success-response { color: #008000; margin:0; }
footer .newsletter form #mce-error-response { color: red; margin:0; }
footer .newsletter form #mce-error-response a, footer .newsletter form #mce-success-response a {color:#2e84c2;}
footer .newsletter form#mc-embedded-subscribe-form.validate div div.mce_inline_error { background: none; color: #FF0000; left: -10px; position: absolute; top: 25px;}

div.subs-newsletter {
    font-size: 1rem;
    margin: 2rem 0;
    width: fit-content;
}
div.subs-newsletter label { display:block; margin: 0.75rem 0; font-weight: bold;}
div.subs-newsletter button {
    background-color: #fc8800;
    color: white;
    border: none;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    outline: none;
}
div.subs-newsletter button:hover {color: black;}
div.subs-newsletter input[type="email"] {
    border:1px solid grey;
    padding: 0.5rem;
    border-radius: 0.5rem;
    outline: none;
}

footer nav.nav-bottom {min-height:30px;}
footer nav.nav-bottom ul {margin:0 auto; width: 100%;}
footer nav.nav-bottom ul li {display:inline-block; padding:0 3px 3px 3px; font:12px/18px arial; color:#7d7d7d; }
footer nav.nav-bottom ul li a { color:#7d7d7d; text-decoration:none;}
footer nav.nav-bottom ul li a:hover {text-decoration:underline;}
footer .copyright { width:270px; font:12px/18px arial; position:relative; color:#9a9999; padding-top:12px; margin-top:5px; }
footer .partnerships ul { list-style: none; list-style-image: none; margin-top:10px; }
footer .partnerships ul li { display:inline-block; padding-right:10px;}
/* ====================
   main
   ==================== */
div.pathway { height:30px; margin:0 auto; background-color:#FFFFFF;}
div.pathway ul { padding:0;margin:0; min-height:30px; list-style: none; list-style-image: none; }
div.pathway ul li { float:left; padding:0;margin:0; font:bold 12px/18px arial; color:#737373; max-height:30px;}
div.pathway ul li.padding {padding-top:6px; min-height:24px;}
div.pathway ul li a {color:#FFFFFF; text-decoration:none;}
div.pathway ul li a:hover {text-decoration:underline;}
div.pathway ul li.first {background-color:#000000; padding-left: 10px; padding-right: 10px; text-transform : uppercase;}
div.pathway ul li.second {background-color:#777777; padding-left: 10px; padding-right: 10px;}
div.pathway ul li.third {background-color:#afafaf; padding-left: 10px; padding-right: 10px;}
div.pathway ul li.follow-us { color:#777777; vertical-align:top; position:relative; padding-right: 35px; }
div.pathway ul.header-path { width:640px; }
div.pathway ul li a.post-title {font-weight: bold;}

div.path-article ul.header-path, div.path-article ul li.second { background-color:#e4e2dd; }
div.path-article ul li.first { background:url('images/pathway-bg.png') right top no-repeat #FFFFFF; padding-right: 20px;}
div.path-article ul li.first a { color:#393939; }
div.path-article ul li a {color:#737373;}

div.article-list { float:left; width:660px;}
div.article-list article[role=content] { margin-left:0; }
div.article-list article[role=content] .entry-content {border-bottom:none;}

div.article-list .advert-content { padding:40px 10px; background-color: #FFFFFF;}
div.article-list .advert, div.article-list .advert-bottom { background:url('images/bg-pub.png'); font:12px/12px arial; color:#a7a6a6; height:12px; }
div.article-list .advert p { margin:0 0 0 90px; padding:0 10px; width:60px; text-transform:uppercase; background-color:#FFFFFF; }
div.article-list .advert-img { margin: 5px 0; }
div.article-list .advert-bottom { margin-bottom:20px;}
div.article-list .advert-bottom p { margin:0 0 0 365px; padding:0 10px; width:135px; text-transform:uppercase; background-color:#FFFFFF; }

article[role=content] { width: 640px; background-color:#FFFFFF; float:left; padding:0 10px; border-top:5px solid #000000;}
article[role=content] ul { padding:0;margin:8px 0 0 0; list-style: none; list-style-image: none; }
article[role=content] ul.date-comment li { float:left; font:11px/16px arial; border-right:1px solid #b2b3b5; padding-right:10px; color:#000000; }
article[role=content] ul li.date span { color:#a67614; }
article[role=content] ul li.comments { color:#a67614; vertical-align:top; }
article[role=content] ul li.comments span { font-weight:bold; color:#f2780c; vertical-align:top; }
article[role=content] header.entry-header h1 { font:bold 24px/36px arial; color:#000000; border-bottom:1px solid #b2b3b5; margin:1.5rem 0 0 0; padding-bottom: 1rem; }
article[role=content] header.entry-header h1 a { color:#000000; text-decoration: none; }
article[role=content] header.entry-header h2 {margin:15px 0; font:bold 20px/30px arial; color:#a92073;}

article[role=content] .tags, article[role=content] .tags {margin-top: 0.25rem;}
article[role=content] .tags, article[role=content] .tags a { font:0.8rem/1.2rem arial; color:#777777; text-decoration: none; }
article[role=content] .social-bar ul li {float: left; border:none; margin-left:5px;}
article[role=content] .entry-content {color:#555555; font:0.9rem/1.35rem arial; text-align: left; border-bottom: 1px solid #b2b3b5; padding: 0 0.5rem 1rem 0.5rem; margin-bottom:1rem;}
article[role=content] .entry-content h2 { font-size: 1.5rem; line-height: normal;}
article[role=content] .entry-content span p {color:#555555; text-align: left; }
article[role=content] .entry-content a {color:#06e;}
article[role=content] .entry-content p.text {margin-top:25px;}
article[role=content] .entry-content p span {font-weight:bold; display: block;}

article[role=content] .entry-content div.with-thumb a {color:#555555;}
article[role=content] .entry-content p.image {float:left;width:155px;}
article[role=content] .entry-content div.with-thumb {float:left;width:465px;}
article[role=content] .entry-content div a {text-decoration: none; color:#555555;}
article[role=content] .entry-content ul li {list-style-type: disc; list-style-position: inside; padding:0 0 10px 25px;}

article[role=content] .entry-content .add-mosque { padding-left:12px; font:bold 12px/23px arial; height:25px; width:200px; background:url('images/puce-add-mosque.png') right top no-repeat #777777; margin:0 auto;}
article[role=content] .entry-content .add-mosque-link {color:#FFFFFF; text-decoration: none;}
article[role=content] .entry-content .add-mosque-link:hover {color:#000000;}

article[role=content] .related-posts {margin-bottom:10px;}
article[role=content] .related_post_title { background-color:#000000; color:#FFFFFF; padding:5px; margin:0; width:110px; text-transform: uppercase;}
article[role=content] ul.related_post {border-top:5px solid #000000; padding:5px 0 0 0; margin:0; list-style: none; list-style-image: none; }
article[role=content] ul.related_post li { float:left; width:200px; font:14px/21px arial; border:none; padding:0 6px 0 0; }
article[role=content] ul.related_post li img {display: block; margin:0 auto;}
article[role=content] ul.related_post li a { color:#5f5f5f; text-decoration: none; }
article[role=content] ul.related_post li a:hover { text-decoration: underline; }

article[role=content] .commentlist {margin-top:40px;}
article[role=content] .commentlist ul {margin-left:15px;}
article[role=content] .commentlist ul li {border-right:none; position:relative; padding:10px 0 10px 5px; width:100%px;}
article[role=content] .commentlist ul li .indice { position:absolute; color:#FFFFFF; left:-42px; width:37px; heigh:40px; font:bold 24px/36px arial; background-color:#b2b2b2; text-align: center;}
article[role=content] .commentlist ul li .odd { background-color:#dbcbaa; color:#a77714; }
article[role=content] .commentlist ul li.odd { border-color:#dbcbaa; background-color: #f3f3f3; }
article[role=content] .commentlist h4.comments-title { font:16px/24px arial; color:#FFFFFF; margin:0; background-color:#000000; width:280px; text-transform: uppercase; padding:5px 0 0 10px;}
article[role=content] .commentlist .commentlist-border {border-bottom:5px solid #000000;}
article[role=content] .commentlist span { display: inline-block; font:11px/16px arial; color:#FFFFFF;}
article[role=content] .commentlist .sprite-picto-comments {margin-left:25px; vertical-align: bottom;}
article[role=content] .commentlist span.number {color:#f2780c; font-weight:bold;}
article[role=content] .commentlist span.number span {padding-left:10px;}
article[role=content] .comment-content {border-left:5px solid #b2b2b2;}
article[role=content] .comment-top {font:bold 16px/24px arial; color:#969696; border-bottom:3px solid #d4d4d4; }
article[role=content] .comment-top a {color:#a77714; text-decoration: none; }
article[role=content] .comment-top a:hover {text-decoration: underline; }
article[role=content] .comment-top span {display: block; font:11px/16px arial; color:#969696;}
article[role=content] .comment-text {padding-left: 0.75rem; font:0.9rem/1.5rem arial; color:#727272; }
article[role=content] .comment-text p { word-break: break-all;}
article[role=content] .respond h4.comments-title {color:#5f5d5d; font:14px/21px arial; text-transform: uppercase; border-bottom:1px solid #b2b3b5;}
article[role=content] .respond label {font:12px/18px arial; color:#5e5e5e;}
article[role=content] .respond input[type=text] {width:310px; height:30px; border:1px solid #d4d4d4;}
article[role=content] .respond textarea {width:100%; height:125px; border:1px solid #d4d4d4;}
article[role=content] .respond .relative {margin-top:10px; position:relative;}
article[role=content] .respond .relative p {margin:0; position: absolute; right:0; }
article[role=content] .respond input[type=submit] {width:124px; height:26px; background:url('images/button-comments.png') right top no-repeat #000000; font:bold 12px/18px arial; color:#FFFFFF; border:none; text-align: left; padding-left:26px;}

article[role=content] .advert { margin-top:1.5rem;}
article[role=content] .advert, article[role=content] .advert-bottom { background:url('images/bg-pub.png'); font:12px/12px arial; color:#a7a6a6; height:12px; }
article[role=content] .advert p { margin:0 0 0 90px; padding:0 10px; width:60px; text-transform:uppercase; background-color:#FFFFFF; }
article[role=content] .advert-img { margin: 5px 0; }
article[role=content] .advert-img img { width:100%; height:auto; }
article[role=content] .advert-bottom { margin-bottom:20px;}
article[role=content] .advert-bottom p { max-width: 140px; padding:0 0 0 280px; text-transform:uppercase; }
article[role=content] .advert-bottom p span { background-color:#FFFFFF; }
article[role=content] .searchform  {margin-bottom:20px;}
article[role=content] .searchform label { font:bold 18px/27px arial; display:block; margin:20px 0 10px 0;}
article[role=content] .searchform  input[type=text] { width: 240px; height: 29px; border:1px solid #dadada; border-right:none; padding: 0 5px; font: 14px/21px arial; color: #a3a3a3; }
article[role=content] .searchform  input[type=submit] { color: #FFFFFF; border: none; font: bold 14px/20px arial; padding-left: 10px;}

.wp-pagenavi {border-top:3px solid #bca473; clear: both; width:640px; background-color: #FFFFFF; text-align: center; padding-bottom:20px;}
.wp-pagenavi span {display: inline-block; background-color: #000000; color:#FFFFFF; font:bold 18px/27px arial; heitgh:26px;padding:0 10px;}
.wp-pagenavi a {display: inline-block; background-color: #000000; color:#FFFFFF; font:bold 18px/27px arial; padding:0 10px; text-decoration: none;}
.wp-pagenavi span.current {background-color: #bca473; color:#6b4b10;}
.wp-pagenavi a:hover {color:#6b4b10;background-color: #bca473;}

/* ====================
   Mosquées de France
   ==================== */
article.mosque {position:relative;}
article.mosque .mosque-icon {position:absolute; background:url('images/picto-mosque.png') left top no-repeat; width:40px; height:37px; top:20px; left:-11px;}
article.mosque header {padding-left:30px; min-height: 125px;}
article.mosque h1 {font:bold 30px/40px arial; margin:23px 0 0 0px;}
article.mosque h1 a {color:#1c6ea9;}
article.mosque a {text-decoration: none;}
article.mosque a:hover {text-decoration: underline;}
article.mosque p {margin: 0;}
article.mosque p.address a, article.mosque p.address {font:bold 12px/18px arial; color:#777777;}
article.mosque p.phone {margin-left:0.5rem;}
article.mosque p.phone, article.mosque p.phone a{font:bold 18px/26px arial; color:#a92073; text-decoration:none;}
article.mosque h3.website a {font:bold 12px/18px arial; color:#a77714;}
article.mosque .location-validity {position:absolute; top:3rem; right:1rem;}
article.mosque .last-modification {font:11px/16px arial; color:#4d4c4c; margin-top:10px;}
article.mosque .location-validity .forms {max-width: 120px;}
article.mosque .location-validity .visited {background:url('images/picto-pray-here.png') center top no-repeat; width:auto; margin-bottom: 0.5rem; position: relative; padding-top:50px;}
article.mosque .location-validity .visited .submit-visited {display:block; text-align: center; border:none; background-color:#dacbae; font:0.75rem/1.1rem arial; color:#745620; padding:0.5rem; margin: 0 auto; text-transform: uppercase; border-radius: 0.5rem; min-width: 105px;}
article.mosque .location-validity .visited span.number {position:absolute; padding:7px 0 0 1px; top:0.1rem; right:0.1rem; font:0.9rem/0.9rem arial; color:#FFFFFF; background:url('images/picto-pray-here-bullet.png') top left no-repeat; width:28px; height:28px;}
article.mosque .location-validity .formNotExist input[type=submit] {color:#6c6c6c; font:bold 0.75rem/1.1rem arial; border:none; background-color:#d7d7d7; padding:0.5rem; text-transform: uppercase; border-radius: 0.5rem; min-width: 105px;}
article.mosque .location-validity span.not-exist { color:#6c6c6c; font:bold 0.75rem/1.1rem arial; background-color:#d7d7d7; padding:0.5rem; text-transform: uppercase; display:block; width:auto; text-align: center; border-radius: 0.5rem; min-width: auto; }
article.mosque .advert, article.mosque .advert-bottom { height:9px; }
article.mosque .social-bar {margin:10px 0;}
article.mosque h2 {font:bold 12px/18px arial; color:#000000; text-transform: uppercase; width:160px; background-color:#ececec; margin:0; text-align: center; padding:5px;}
article.mosque h2.infos, article.mosque .pray-times h2 { font:bold 1rem/1.5rem arial; color:#393939; text-transform:none; width:auto; background-color:initial; text-align: left; padding:0.5rem 0;}
article.mosque h3 { font:normal 0.8rem/1.2rem arial; margin:0 0 0.5rem 0.5rem;}
article.mosque .mosque-photos {border-top:5px solid #ececec;}
article.mosque .mosque-photos #slides {position: relative;}
article.mosque .mosque-photos .slides_container {border-bottom:5px solid #ececec; height:350px;}
article.mosque .mosque-photos ul.pagination {position:absolute; right:0; bottom:-27px; padding:10px 20px 10px 10px; background:url('images/picto-photo.png') 98% 10px no-repeat #ececec; }
article.mosque .mosque-photos ul.pagination li { float:left; margin:0 3px !important; padding:0 !important; }
article.mosque .mosque-photos ul.pagination li.current a { background-position:0 -12px;}
article.mosque .mosque-photos ul.pagination li a { display:block; width:12px; height:0; padding-top:12px; background-image:url('images/pagination.png'); background-position:0 0; float:left; overflow:hidden;}
article.mosque #tabs {margin:1.5rem 0;}
article.mosque #tabs ul li { font:bold 14px/21px arial;}

article.mosque #tabs p {margin:0; color:#4c4c4c; font:bold 12px/18px arial;}
article.mosque #tabs .men, article.mosque #tabs .women, article.mosque #tabs .men-nb, article.mosque #tabs .women-nb {margin:0; color:#FFFFFF; font:bold 11px/16px arial; padding:5px; text-align: center;}
article.mosque #tabs .men {background-color: #97bddc; margin-right:10px;}
article.mosque #tabs .women {background-color: #d986a9;}
article.mosque #tabs .men-nb {background-color: #dacbae; color:#7b5e29; margin-right:10px;}
article.mosque #tabs .women-nb {background-color: #ecd8b1; color:#7b5e29;}
article.mosque #tabs .block-content {background-color: #FFFFFF; border:1px solid #d3d3d3; color:#7b5e29; text-align: center; width:96px; height: 37px; padding-top:15px; }
article.mosque #tabs .capacity {width:140px; margin-right: 15px; }
article.mosque #tabs .room {width:140px; margin-right: 15px; }
article.mosque #tabs .usuals, article.mosque #tabs .activity {margin-top:20px;}
article.mosque #tabs .usuals h3, article.mosque #tabs .activity h3 {background-color: #FFFFFF; width:230px; font:bold 14px/21px arial; color:#135e9b; text-align: center; margin:0; padding: 5px;}
article.mosque #tabs .usuals ul, article.mosque #tabs .activity ul {margin:0;padding:10px 0;background-color: #FFFFFF;}
article.mosque #tabs .usuals ul li, article.mosque #tabs .activity ul li {float: left; width:125px; padding:2px 10px; border-right: 1px solid #a3a3a3; background-color: #FFFFFF;}
article.mosque #tabs .usuals ul li.last, article.mosque #tabs .activity ul li.last {border:none;}
article.mosque #tabs .usuals ul li p, article.mosque #tabs .activity ul.activity-large li p {height: 40px;}

article.mosque #tabs #tabs-infos div.cultural-info label {width:80px; display: inline-block; font-weight: bold;}
article.mosque #tabs #tabs-infos div.associtation-info label {font-weight: bold;}
article.mosque #tabs #tabs-infos div.associtation-info p {font-weight: normal;}

article.mosque #tabs #tabs-map #map_right { width:100%; height:350px; }
article.mosque #tabs #tabs-map #directions_datas { display:none; }
article.mosque #tabs #tabs-map input[type=text] { width:300px; border:1px solid #d4d4d4; padding:5px; }
article.mosque #tabs #tabs-map input[type=button] { margin-left:213px; width:124px; height:26px; background:url('images/button-comments.png') right top no-repeat #000000; font:bold 12px/18px arial; color:#FFFFFF; border:none; text-align: left; padding-left:26px;}

article.mosque #tabs #tabs-map p { margin-bottom:5px; }
article.mosque #tabs #tabs-map p span { display:inline-block; width:25px; }

article.mosque #tabs .commentlist { margin:0;}
article.mosque #tabs .commentlist ul li { width:569px;}
article.mosque #tabs .commentlist ul li p { font-weight: normal;}
article.mosque #tabs .respond { margin:0 0 20px 0;}
article.mosque #tabs .respond textarea  { width:100%;}
article.mosque #tabs .pray-times { width:280px; margin:0.5rem auto; padding:0.5rem; color:#ffffff; background-color: #C8A24D;}
article.mosque #tabs .pray-times h2 {color: #1f1f1f; border-bottom: 1px solid #edd9ab;}
article.mosque #tabs .pray-times h2 span { color: #b51010; }
article.mosque #tabs .pray-times .date { display: inline-block; padding: 0.25rem; }
article.mosque #tabs .pray-times table { background-color: #FFFFFF; }
article.mosque #tabs .pray-times table th, article.mosque #tabs .pray-times table td {font:12px/18px arial; color:#7b7b7b; text-align: center; border-right:1px solid #d8d1c2; padding:4px;}
article.mosque #tabs .pray-times table th { border-bottom:1px solid #d8d1c2; }
article.mosque #tabs .pray-times table .last {border-right: none;}
article.mosque #tabs .pray-times .bottom-link {text-align: right;}
article.mosque #tabs .pray-times .bottom-link a { color: #FFFFFF; text-decoration: none; display: inline-block; margin-right: 1rem; margin-bottom: 1rem;}

article.mosque .last-modification-bottom {font:11px/16px arial; text-align: center; background:url('images/modification-bg.png') center top no-repeat #97bddc; color:#FFFFFF; width:250px; padding:5px; position:absolute; right:0; bottom:-26px; }

article.mosque .associated-posts {margin-bottom:10px;}
article.mosque .associated-posts h3 {font:bold 14px/21px arial; color:#484848; text-transform: uppercase; border-bottom:1px solid #cdcdcd;}
article.mosque .associated-posts ul {margin:0; list-style: none; list-style-image: none; }
article.mosque .associated-posts ul li { float:left; width:200px; font:bold 16px/21px arial; border:none; padding:0; }
article.mosque .associated-posts ul li img {display: block; margin:0 auto;}
article.mosque .associated-posts ul li a { color:#484848; text-decoration: none; }
article.mosque .associated-posts ul li a:hover { text-decoration: underline; }
article.mosque .admin-button-edit-mosque {margin:1rem auto; width:auto; display:block; padding:0.5rem 1rem; border:none; background-color:#2e84c2; border-radius: 0.5rem; color:#ffffff; outline: none;}

article.category-mosque #map { height:400px; width:100%; font-family:arial; font-size:13px; margin-top:10px; }
article.category-mosque #map .map-info-box {height: 80px;}
article.category-mosque #map .map-info-box p {margin:0;}
article.category-mosque #map .map-info-box a:hover {color:#2e84c2;}
article.category-mosque .region-list {margin-bottom:15px; text-align:center;}
article.category-mosque[role="content"] .entry-content ul li {padding: 0;}
article.category-mosque ul li a, article.category-mosque .region-details ul li a {color:#555555; text-decoration: none;}
article.category-mosque ul li a:hover {text-decoration: underline;}
article.category-mosque .region-details h2 {margin:0; font-size: 1rem;}
article.category-mosque .region-details { padding:1rem; margin-bottom:1rem; background-color:#F5F5F6; border:1px solid #CCCCCC;}

/* ====================
   MOSQUE LIST
   ==================== */
article.mosque-list {position:relative; padding-bottom: 20px;}
article.mosque-list .mosque-list-icon {position:absolute; background:url('images/picto-mosque-list.png') left top no-repeat; width:40px; height:37px; top:20px; left:-11px; font:bold 24px/30px arial; color:#FFFFFF;padding-top:7px; text-align: center;}
article.mosque-list header {padding-left:30px;}
article.mosque-list h1 {font:bold 18px/27px arial; margin:30px 0 0 0px; color:#1c6ea9;}
article.mosque-list header .mosque-icon-legend {width:140px; position:absolute; right:0; top:20px;}
article.mosque-list header .mosque-icon-legend p.icon-mosque { background:url('images/icon-mosque.png') center top no-repeat; text-align: center; font:11px/16px arial; color:#9d9d9d; width:50px; padding-top:27px; margin:0;}
article.mosque-list header .mosque-icon-legend p.icon-pray-room { background:url('images/icon-pray-room.png') center 9px no-repeat; text-align: center; font:11px/16px arial; color:#9d9d9d; width:70px; padding-top:27px; margin:0 0 0 10px;}
article.mosque-list ul {margin: 0;}
article.mosque-list ul li { padding-top:10px;}
article.mosque-list ul li.first {padding:0;}
article.mosque-list h2 {border-bottom: 3px solid #e6dbc6; margin:15px 0 0 0;}
article.mosque-list h2 a, article.mosque-list h2 a.mosque_name {text-decoration: none; display:inline-block; background-color:#e6dbc6; color:#505050; font:bold 16px/24px arial; padding:5px 40px 5px 10px;}
article.mosque-list h3 { font-size: 0.9rem; margin-bottom: 0.5rem; color:#4C4C4C; max-width: 90%;}
article.mosque-list h3 a { text-decoration: none; color:#4C4C4C;}
article.mosque-list h3.pray-here { font-weight: normal; margin-top:0.5rem;}
article.mosque-list ul li h4 {color:#4c4c4c; font:bold 14px/21px arial; margin:10px 10px 10px 0; border-bottom:1px solid #cdcdcd; text-transform: uppercase;}
article.mosque-list ul li h4 a {color:#4c4c4c; text-decoration:none;}
article.mosque-list ul li .list-content {background-color: #f5f5f5; border-bottom: 3px solid #e6dbc6;}
article.mosque-list ul li .photo-mosque {background:url('images/mosque-photo-bg.png') center top no-repeat; width:184px; height:154px; margin:10px; }
article.mosque-list ul li .content-details {width: 65%; position:relative; margin-bottom:10px}
article.mosque-list ul li .mosque-type {position: absolute; top:5px; right:5px; width:25px;}
article.mosque-list ul li .position-list {color:#c8c8c8; font:bold 48px/48px arial;position: absolute; top:35px; right:2px; width:auto;}
article.mosque-list ul li .position-list a {text-decoration:none; color:#c8c8c8;}
article.mosque-list ul li .empty {height:30px;}
article.mosque-list ul li .more-info {display: inline-block; position:absolute; right:10px; background:url('images/picto-plus.png') top right no-repeat #000000; color:#FFFFFF; font:bold 12px/18px arial; text-transform: uppercase; height:21px; text-decoration: none; padding:5px 0 0 10px; width:120px;}
article.mosque-list ul li .last-modification {font:11px/16px arial; color:#ababab; margin-top:5px;}
article.mosque-list #map {width: 100%; height: 300px; margin:25px 0;}
article.mosque-list p.address {font:bold 12px/18px arial; color:#777777; margin-top:10px;}
article.mosque-list p.address a {color:#777777;text-decoration: none;}
article.mosque-list p.phone {font:bold 0.9rem/1.5rem arial; color:#a92073;}
article.mosque-list p.website a {font:bold 0.9rem/1.5rem arial; color:#a77714;}
article.mosque-list .capacity {width:65px; margin-right: 15px; }
article.mosque-list .room {width:90px; margin-right: 15px; }
article.mosque-list p {margin:0; color:#4c4c4c; font:bold 12px/18px arial;}
article.mosque-list p a {color:#4c4c4c; text-decoration:none;}
article.mosque-list .men, article.mosque-list .women, article.mosque-list .men-nb, article.mosque-list .women-nb {margin:0; color:#FFFFFF; font:bold 11px/16px arial; padding:1px 8px; text-align: center;}
article.mosque-list .men a, article.mosque-list .women a {color:#FFFFFF;}
article.mosque-list .men {background-color: #97bddc; margin-right:10px;}
article.mosque-list .women {background-color: #d986a9;}
article.mosque-list .men-nb {background-color: #dacbae; color:#7b5e29; margin-right:10px;}
article.mosque-list .women-nb {background-color: #ecd8b1; color:#7b5e29;}
article.mosque-list .block-content {background-color: #FFFFFF; border:1px solid #d3d3d3; color:#7b5e29; text-align: center; width:60px; height:27px; padding-top:7px; }

article.mosque-list .add-mosque { padding-left:12px; font:bold 12px/23px arial; height:25px; width:175px; background:url('images/puce-add-mosque.png') right top no-repeat #777777; margin-left:173px;}
article.mosque-list .add-mosque-link {color:#FFFFFF; text-decoration: none;}
article.mosque-list .add-mosque-link:hover {color:#000000;}

article.mosque-list .search-mosque-form {margin:20px 0 10px 30px;}
article.mosque-list .search-mosque-form label {color:#FFFFFF; background-color:#bca473; padding:10px;display: block; width: 310px;}
article.mosque-list .search-mosque-form input[type=text] {width:310px; height:30px; border:5px solid #bca473; display: block;padding:5px;}
article.mosque-list .search-mosque-form input[type=submit] { margin-left:143px; width:187px; height:26px; background:url('images/button-comments.png') right top no-repeat #000000; font:bold 12px/18px arial; color:#FFFFFF; border:none; text-align: left; padding-left:45px; display: block;}

article.mosque-list .search-mosque-bottom-map h2 a {display:inline-block; background-color:#e6dbc6; color:#505050; font:bold 16px/24px arial; padding:5px 40px 5px 10px; text-decoration: none;}
article.mosque-list .search-mosque-bottom-map div { background-color:#F5F5F5; padding:15px 0; border-bottom:3px solid #e6dbc6; margin-bottom:20px; }

article.mosque-list div#map_search { height:300px; width:100%; margin:20px 0; }

/* ====================
   RAMADAN - TRIPS
   ==================== */
#countdown_dashboard { height: 100px;width:455px; margin:15px auto; }
.dash { width: 80px; height: 76px; background: transparent url('images/dash.png') 0 0 no-repeat; float: left; margin-left: 10px; position: relative; }
.dash .digit { font:bold 48px arial; float: left; text-align: center; color: #555; position: relative; margin:6px 0 0 8px; }
.dash_title { position: absolute; display: block; bottom: -10px; left: 2px; font-size: 9pt; color: #555; text-transform: uppercase; letter-spacing: 2px; }


div#posts_roll { border: 1px solid #E4E4E4; }
div.posts_roll_arvhive { width:300px; margin:15px 0 25px 10px; height:240px; }
div#posts_roll h2 { /*background-image:url(images/ttm-comment-bg.png);*/ padding:10px; margin:0 0 0 10px; height:auto; font:18px/28px arial; }
div#posts_roll h2 a {color:#555555; text-decoration: none;}
div#posts_roll h2 a:hover {text-decoration: underline;}

div#posts_roll p a { text-decoration:none; }
div#posts_roll p.excerpt { float:left; width:450px; margin-right:10px; }
div#posts_roll p.excerpt a { color:#555555; }
div.posts_roll_arvhive p.excerpt { width:120px; }
div#posts_roll p.no_image { padding:0 10px 10px 10px; width:340px; }
div.posts_roll_arvhive p.no_image { width:340px; }
div#posts_roll p.image { margin-left:10px; float:left; width:150px; }
div#posts_roll div.slides_container {height:215px; overflow:hidden; position:relative;}
div.posts_roll_arvhive div.slides_container {height:225px;}
div#posts_roll ul.pagination { list-style:none; margin:0; }
div#posts_roll ul.pagination li { list-style-type: none; float:left; margin:3px; padding:0; }

div#posts_roll ul.pagination li a {
    display:block;
    width:12px;
    height:0;
    padding-top:12px;
    background-image:url(./images/pagination.png);
    background-position:0 0;
    float:right;
    overflow:hidden;
}
div#posts_roll ul.pagination li.current a { background-position:0 -12px; }
div.ramadan_facebook { width:600px;margin:35px auto; }

.rrt-2013, .rrt-2012, .rrt-2011 {position: relative; width: 310px; height: 130px; z-index: 0;}
.rrt-2013 a {background: url(images/banners/tour-de-france-2013.png) top left no-repeat; width:310; height: 130px; display: block; z-index: 1;}
.rrt-2012 a {background: url(images/banners/ramadan_road_trip.png) top left no-repeat; width:310; height: 130px; display: block; z-index: 1;}
.rrt-2011 a {background: url(images/banners/ramadan_road_trip-2011.png) top left no-repeat; width:310; height: 130px; display: block; z-index: 1;}

.tdf #map, .trip-la-mecque #map {width:610px; height:610px; margin:30px 0;}
.advert-tdf {margin:15px 0;}
.top-sidebar-banner {margin-bottom:15px;}
a.tdf-link {display:block;position:relative;}
a.tdf-link span.city {position:absolute; width:133px; overflow:hidden; top:130px; left:40px; color:#b1170b; font:bold 20px/30px Arial; text-transform:uppercase; text-align:center;}
a.tdf-link span.day {position:absolute; top:92px; left:116px; color:#FFFFFF; font:bold 24px/30px Arial;}

/* ====================
   PRAY DATAS
   ==================== */
div[role="main"].pray_times article[role="content"] header {position: relative;}
div[role="main"].pray_times article[role="content"] header h1 {color: #1C6EA9; font:bold 20px/30px arial; margin: 30px 0 0 30px; border:none;}
div[role="main"].pray_times article[role="content"] header .pray-times-icon {background: url("images/picto-hdp.png") no-repeat left top; height: 37px; left: -20px; position: absolute; top: -8px; width: 40px;}
div[role="main"].pray_times div.advert {margin-top:10px;}
div[role="main"].pray_times article[role="content"] .region-details { padding:10px; margin:15px 10px 0; background-color:#F5F5F6; border:1px solid #CCCCCC;}
div[role="main"].pray_times article[role="content"] .region-details h2 {font:bold 1rem/1.5rem arial; margin:0; text-align: left;}
div[role="main"].pray_times article[role="content"] .region-details a:hover {color:#2e84c2;}
div[role="main"].pray_times article[role="content"] .region-details ul {margin:5px 0 0 0;}
div[role="main"].pray_times article[role="content"] .region-details ul li {padding: 0 5px; text-align: left; font:0.9rem/1.5rem arial;}
div[role="main"].pray_times article[role="content"] div ul li a:hover {color:#2e84c2;}

div.next-pray { margin: 1rem auto 0 auto; padding: 1rem; width: 400px; border: 0.2rem solid #CCCCCC; border-radius: 0.5rem; }
div.next-pray p.pre-text { margin:0; color:#2e84c2; text-transform:uppercase; font-size:0.75rem; }
div.next-pray p.pray-text { margin:0.5rem 0 0 0; color:#2e84c2; text-transform:uppercase; }

table.pray_datas { font:0.9rem/1.35rem Arial; border-collapse: collapse; margin:25px auto 0 auto; }
table.pray_datas .odd { background-color: #F2F3F4; }
table.pray_datas th { font-weight:bold; }
table.pray_datas td, table.pray_datas th { padding:5px 10px; border:1px solid #CCCCCC; text-align:center; }
table.pray_datas .odd:hover, table.pray_datas tr:hover{background-color: #D7D7D7; color:#000000; }
table.pray_datas .selected {font-weight: bold; background-color: #D7D7D7;}

div.search_field_container {margin:30px auto 0 auto; padding:8px; width: 415px; background-color: #AE9768;}
input.search_field {width: 400px; height:31px; padding:0 5px; font:14px/21px arial; color:#000000;}

div.search_field_container .autocomplete { position: static; }
div.search_field_container .autocomplete-items { position: sticky; border: 1px solid #d4d4d4; border-bottom: none; border-top: none; z-index: 500; top: 100%; left: 0; right: 0; }
div.search_field_container .autocomplete-items div { padding: 0.5rem; font-size: 1rem; cursor: pointer; background-color: #fff; border-bottom: 1px solid #d4d4d4; }
div.search_field_container .autocomplete-items div:hover { background-color: #e9e9e9; }
div.search_field_container .autocomplete-active { background-color: DodgerBlue !important; color: #ffffff; }

.pray_times_content .ui-menu .ui-menu-item { margin: 0; padding: 0; width: 100%; }
.pray_times_content .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; min-height: 0; /* support: IE7 */ font:12px/18px arial; }
.pray_times_content .ui-widget-content { border: 1px solid #BBBBBB; color: #333333; list-style: none; padding:0; width: 500px; }
.pray_times_content .ui-widget-content a { color: #333333; }
.pray_times_content .ui-state-focus, .pray_times_content .ui-widget-content .ui-state-focus { background: none; background-color: #CCCCCC; border: none; color: #000000; font-weight: bold;}
.pray_times_content ul.ui-autocomplete { overflow-x: hidden; max-height: 500px;overflow-y: auto;}
.pray_times_content .ui-corner-all, .pray_times_content .ui-corner-bottom, .pray_times_content .ui-corner-right, .pray_times_content .ui-corner-br {border-bottom-right-radius: 4px;}
.pray_times_content .ui-corner-all, .pray_times_content .ui-corner-bottom, .pray_times_content .ui-corner-left, .pray_times_content .ui-corner-bl {border-bottom-left-radius: 4px;}
.pray_times_content .ui-corner-all, .pray_times_content .ui-corner-top, .pray_times_content .ui-corner-right, .pray_times_content .ui-corner-tr {border-top-right-radius: 4px;}
.pray_times_content .ui-corner-all, .pray_times_content .ui-corner-top, .pray_times_content .ui-corner-left, .pray_times_content .ui-corner-tl {border-top-left-radius: 4px;}

/* ====================*/

/* ====================
   CONTACT
   ==================== */
article[role=content] form#contact_form { margin-top:10px; padding:15px; }
article[role=content] form#contact_form label {display:block;}
article[role=content] form#contact_form input[type=text] {width:310px; height:30px; border:1px solid #d4d4d4;}
article[role=content] form#contact_form textarea#message { width:600px; height:125px; border:1px solid #d4d4d4; }
article[role=content] form#contact_form input[type=submit] {width:124px; height:26px; background:url('images/button-comments.png') right top no-repeat #000000; font:bold 12px/18px arial; color:#FFFFFF; border:none; text-align: left; padding-left:26px;}

article[role=content] div#message_contact_form { border: 1px solid #008000; background-color: #EEEEEE; margin: 10px; padding: 10px; font: 15px Arial; font-weight: bold; color: #008000; }
article[role=content] div#error_contact_form { border: 1px solid #e02521; background-color: #EEEEEE; margin: 10px; padding: 10px; font: 15px Arial; font-weight: bold; color: #e02521; text-align: center; }
/* ====================*/

/* ====================
   METEO DES MOSQUEES & DEFIBRILLATOR
   ==================== */
.mosque-meteo .path-article ul.social-icons {float: left; margin-left:70px;}
.mosque-meteo article {width:940px; }
article ul.meteo-infos { width: 550px; margin:15px 0;}
article ul.meteo-infos li {float:left; padding:10px; font-family:Arial; text-align:center; border: 1px solid #CCCCCC; color:#555555;}
article ul.meteo-infos li span { display:block; font-size:12px; }
article ul.meteo-infos li span.nb-projects {font-size:30px;color:#FC8800;font-weight:normal;}
article ul.meteo-infos li span.budget-total {font-size:30px;color:#FC8800;font-weight:normal;}
article ul.meteo-infos li span.surface-total {font-size:30px;color:#FC8800;font-weight:normal;}
div.meteo-sociable-content { margin-top: 1rem; }
div.meteo-sociable-content div {width:80px; float:left; }
div#meteo-map { width:100%; height:500px;}

div.meteo-infowindow { font-size:14px; font-weight:bold; font:18px/22px Arial; overflow-y:hidden; padding:10px; text-align:left; }
div.meteo-infowindow div.meteo-image { width:140px; }
div.meteo-infowindow div.meteo-text { width:150px; margin:15px 0 0 15px; }
div.meteo-infowindow div.meteo-text p {font-size:12px;}
div.meteo-infowindow div.meteo-text a { text-decoration:none; color:#006599; }
div.meteo-infowindow div.meteo-text a:hover { text-decoration:underline; }

div#defibrillator-map { width:100%; height:500px;}
p.nb-defibrillator { font-weight: bold; }
p.nb-defibrillator span {font-size:30px;color:#FC8800;font-weight:normal; }
/* ====================*/

.bgc {background-color: #F5F5F5;}
.bgw {background-color: #FFFFFF; margin:0 10px;}

section { width: 650px; background-color:#FFFFFF; float:left;}
section .separator { background:url('images/bg-pub.png'); height:12px; margin:30px 10px; }
section .separator2 { background:url('images/bg-pub.png'); height:12px; margin:20px 10px 20px 10px; }
section .advert, section .advert-bottom { background:url('images/bg-pub.png'); font:12px/12px arial; color:#a7a6a6; height:12px; margin:0 10px; }
section .advert {margin-top:20px;}
section .advert p { margin:0 0 0 90px; padding:0 10px; width:60px; text-transform:uppercase; background-color:#FFFFFF; }
section .advert-img { margin: 5px 10px; }
section .advert-bottom { margin-bottom:20px;}
section .advert-bottom p { margin:0 0 0 365px; padding:0 10px; width:136px; text-transform:uppercase; background-color:#FFFFFF; }

.top-roll { padding:0.5rem; position:relative; background-color: #ffffff;}
.top-roll h2, .top-roll h1 {font:20px/20px arial; max-width:330px; padding:1.5rem; position: absolute;bottom:0;left:0; display: block;
    background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.6) 50%,rgba(0,0,0,.9) 100%);
    margin: 0;
}
.top-roll h2 a, .top-roll h1 a {text-decoration: none; font:inherit; color:#ffffff; text-shadow:0px 0px 10px #000000;}
.top-roll h2 a:hover, .top-roll h1 a:hover {color:#fc8800;}
.top-roll div {float: left;position: relative;}
.top-roll .img0 {margin-right:15px;}
.top-roll .img0 img {max-width: 100%; width:625px !important; max-height:300px !important;}
.top-roll .img0 h2, .top-roll .img0 h1 {font:34px/34px arial; max-width:625px;}
.top-roll .img1 {margin:0 0 10px 0;}
.top-roll .img1 img, .top-roll .img2 img { width:300px; height:144px; object-fit: cover; }
.top-roll .img0, .top-roll .img1, .top-roll .img2 {border-radius: 0.5rem;overflow: hidden;}

section .banner-meteo-mosque {background: url('images/banners/banner-meteo-mosque.png') bottom left no-repeat; height: 215px; width:300px; margin:20px 20px 0 10px; position:relative; border-bottom:3px solid #bca473; }
section .banner-meteo-mosque h2, section .banner-sub-carrousel h2 {color:#fc8800; font:bold 16px/24px arial; margin:0; border-bottom:1px solid #cdcdcd; text-transform: uppercase;}
section .banner-meteo-mosque h2 a {color:#fc8800; text-decoration: none;}
section .banner-meteo-mosque ul {margin:5px 0 0 0; list-style: none; list-style-image: none; padding:0; }
section .banner-meteo-mosque ul li { float:left; font:bold 18px/27px arial; text-align: center; width:33%; border-right:1px solid #cdcdcd; }
section .banner-meteo-mosque ul li.last { border:none; }
section .banner-meteo-mosque ul li a {color:#c1ac81; text-decoration: none;}
section .banner-meteo-mosque ul li a p { margin:0; font:12px/18px arial; color:#c1ac81; }
section .banner-meteo-mosque a.link {position:absolute; bottom:0px; right:35px; color:#FFFFFF; display:block; background-color: #000000; padding: 7px 5px 5px 5px; font:bold 12px/14px arial; text-transform: uppercase; text-decoration: none; width:80px; text-align: center; }
section .banner-meteo-mosque a:hover {color:#2e84c2;}

section .banner-sub-carrousel {background: url('images/banners/home-livret-impot-small.jpg') bottom left no-repeat; height: 215px; width:300px; position:relative; border-bottom:3px solid #bca473; margin-top:20px;}
section .banner-sub-carrousel h2 {font:bold 15px/24px arial;}
section .banner-sub-carrousel a {text-decoration: none;}
section .banner-sub-carrousel h2 a {color:#fc8800;}
section .banner-sub-carrousel a.link {position:absolute; bottom:0px; right:7px; color:#FFFFFF; display:block; background:url('images/picto-plus.png') right top no-repeat #000000; padding: 7px 5px 5px 12px; font:bold 12px/14px arial; text-transform: uppercase; text-decoration: none; width:100px; }
section .banner-sub-carrousel a.link:hover {color:#2e84c2;}
section .banner-sub-carrousel span.year {display: block; position:absolute; top:10px; right:0; font:bold 50px/75px arial; color:#7da4cf;}
section .banner-sub-carrousel span.tomorrow {display: block; position:absolute; top:64px; left:42px; font:bold 17px/25px arial; color:#bca473;}
section .banner-sub-carrousel span.city {display: block; position:absolute; top:87px; left:83px; font:bold 30px/45px arial; color:#bca473;}
section .banner-sub-carrousel span.city a {text-decoration: none; color:#bca473;}

section .banner-sub-carrousel span.txt-line0 {color: #1C6EA9; font: bold 14px/21px arial; text-transform: uppercase; margin:8px 0 0 120px; }
section .banner-sub-carrousel span.txt-line1 {color: #1C6EA9; font: bold 14px/21px arial; text-transform: uppercase; margin-left:135px; }
section .banner-sub-carrousel span.txt-line2 {color: #C1AC81; font: bold 16px/21px arial; margin:10px 0 0 145px; }
section .banner-sub-carrousel span.txt-line3 {color: #C1AC81; font: bold 16px/21px arial; margin-left:153px; }
section .banner-sub-carrousel span.txt-line4 {color: #C1AC81; font: bold 16px/21px arial; margin-left:161px; }

section .actu-mdf {border-top:3px solid #000000; border-bottom:1px solid #cdcdcd; margin:20px 10px 5px 10px; padding-bottom:10px;}
section .actu-mdf .actu-mdf-content {width:300px; float:left; margin-right:10px;}
section .actu-mdf .actu-mdf-content img {display: block; margin:0 auto; border-bottom: 3px solid #bca473;}
section .actu-mdf .actu-mdf-subcontent  { float:left; width:200px; margin:15px 10px 10px 0; }
section .actu-mdf .last { margin-right:0; }
section .actu-mdf .actu-mdf-subcontent h3  { font:bold 11px/16px arial; height:auto; }
section .actu-mdf .actu-mdf-subcontent a.link-img  { display:block; height:121px; /*line-height:121px;*/ text-align:center;}
section .actu-mdf .actu-mdf-subcontent a.link-img img { border-bottom: 3px solid #bca473; width:200px; height:118px; /*vertical-align:middle;*/ }
section .actu-mdf h2 {width:290px; background-color: #000000; padding:3px 0px 5px 5px; margin:0;}
section .actu-mdf h2 a {font:bold 14px/21px arial; color:#FFFFFF; text-transform: uppercase; text-decoration: none; }
section .actu-mdf h3 {font:bold 16px/20px arial; margin:10px 0 0 0; height: 65px;}
section .actu-mdf h3 a{text-decoration: none;  color:#484848;}
section .actu-mdf p {font:11px/16px arial; margin:0;}
section .actu-mdf p a {color:#484848; text-decoration: none;}
section .actu-mdf .link-more {color:#a77714; font:bold 12px/18px arial; text-decoration: none;}
section .actu-mdf .link-more img {border:none; display: inline-block; margin-left: 5px;}
section .actu-mdf ul { padding:0;margin:8px 0 0 0; list-style: none; list-style-image: none; }
section .actu-mdf ul.date-comment li { float:left; font:11px/16px arial; border-right:1px solid #b2b3b5; padding-right:10px; color:#000000; }
section .actu-mdf ul li.date a {text-decoration: none; color:#a67614;}
section .actu-mdf ul li.date span {color:#f2780c; }
section .actu-mdf ul li.comments { border:none; }
section .actu-mdf ul li.comments a {text-decoration: none; color:#a67614; vertical-align: top;}
section .actu-mdf ul li.comments a:hover,
section .actu-mdf ul li.comments a:hover span,
section .actu-mdf ul li.comments span a:hover,
section .actu-mdf ul li.date a:hover span,
section .actu-mdf ul li.date a:hover,
section .actu-mdf p a:hover,
section .actu-mdf h2 a:hover,
section .actu-mdf h3 a:hover,
section .actu-mdf .link-more:hover {color:#2e84c2;}
section .actu-mdf ul li.comments span { font-weight:bold; color:#f2780c; vertical-align: top; }

section .link-all-actu { display:block; text-align: right; color:#a77714; font:bold 12px/18px arial; text-decoration: none; padding-right:15px;}
section .link-all-actu:hover,
section .actu-mdm h2 a:hover,
section .actu-mdm h3 a:hover,
section .actu-mdm .link-more:hover,
section .actu-mdm ul li.date a:hover span,
section .actu-mdm ul li.comments a:hover,
section .actu-mdm ul li.comments a:hover span,
section .link-all-actu-world:hover {color:#2e84c2;}
section .actu-mdm {margin:0 10px; padding-bottom:10px;}
section .actu-mdm .actu-mdm-content {width:300px; float:left; margin-right:10px;}
section .actu-mdm .actu-mdm-content img {display: block; margin:0 auto; border-bottom: 3px solid #bca473;}
section .actu-mdm .actu-mdm-subcontent  { float:left; width:200px; margin:15px 10px 10px 0; }
section .actu-mdm .last { margin-right:0; }
section .actu-mdm .actu-mdm-subcontent h3  { font:bold 11px/16px arial; height:auto; }
section .actu-mdm .actu-mdm-subcontent a.link-img  { display:block; height:121px; /*line-height:121px;*/ text-align:center;}
section .actu-mdm .actu-mdm-subcontent a.link-img img { border-bottom: 3px solid #bca473; width:200px; height:118px; /*vertical-align:middle;*/ }
section .actu-mdm h2 {border-bottom:1px solid #cdcdcd; padding:3px 0; margin: 0 0 5px 0;}
section .actu-mdm h2 a {font:bold 14px/21px arial; color:#484848; text-transform: uppercase; text-decoration: none;}
section .actu-mdm h3 {font:bold 16px/20px arial; height:48px; margin:10px 0 0 0;}
section .actu-mdm h3 a{text-decoration: none;  color:#484848;}
section .actu-mdm p {color:#484848; font:11px/16px arial; margin:0;}
section .actu-mdm p a {color:#484848; text-decoration: none;}
/*section .actu-mdm .link-more {color:#a77714; font:11px/16px arial; text-decoration: none; text-transform: uppercase;}*/
section .actu-mdm .link-more {color:#a77714; font:bold 12px/18px arial; text-decoration: none;}
section .actu-mdm .link-more img {border:none; display: inline-block; margin-left: 5px;}
section .actu-mdm ul { padding:0;margin:8px 0 0 0; list-style: none; list-style-image: none; }
section .actu-mdm ul.date-comment li { float:left; font:11px/16px arial; padding-right:10px; color:#000000; }
section .actu-mdm ul li.more {padding:0 0 0 10px;}
section .actu-mdm ul li.date {color:#a67614; border-right:1px solid #b2b3b5;}
section .actu-mdm ul li.date a {text-decoration: none; color:#a67614;}
section .actu-mdm ul li.date span {color:#f2780c; }
section .actu-mdm ul li.comments {border-right:1px solid #b2b3b5; }
section .actu-mdm ul li.comments a {text-decoration: none; color:#a67614; vertical-align:top; }
section .actu-mdm ul li.comments span { font-weight:bold; color:#f2780c; vertical-align:top; }
section .link-all-actu-world { display:block; text-align: right; color:#a77714; font:bold 12px/18px arial; text-decoration: none; padding-right:15px;}

section .block-video-hp {margin:10px 10px 20px 10px;}
section .block-video-hp h2 {border-bottom:1px solid #cdcdcd; padding:3px 0; margin: 0 0 5px 0;}
section .block-video-hp h2 a {font:bold 14px/21px arial; color:#484848; text-transform: uppercase; text-decoration: none;}
section .block-video-hp .video-embed {width:400px; height:225px; border-bottom:5px solid #bca473; margin-top:5px;}
section .block-video-hp .video-content {width:200px; margin-left:15px;}
section .block-video-hp h3 {font:bold 16px/20px arial; color:#484848; margin:0;}
section .block-video-hp a {text-decoration: none;}
section .block-video-hp a:hover h3, section .block-video-hp a:hover p {color:#2e84c2;}
section .block-video-hp .comments { color:#a67614; margin:5px 0; vertical-align:top; }
section .block-video-hp .comments span {font-weight:bold; color:#f2780c; vertical-align:top; margin-left:0; }
section .block-video-hp p {color:#484848; font:11px/16px arial; margin:0; }
section .block-video-hp .link-more {color:#a77714; font:bold 12px/18px arial; text-decoration: none;}
section .block-video-hp .link-more img {border:none; display: inline-block; margin-left: 5px;}
section .block-video-hp .link-more:hover {color:#2e84c2;}

aside { float:left; max-width:300px; background-color:#f5f5f5;}

aside .search-content {background-color:#000000; width:100%; margin-bottom: 15px;}
aside .search-content h3 {margin:0; padding:9px; color:#FFFFFF; text-transform : uppercase; font:12px Arial; }
aside .search-content form {padding: 0 0 9px 9px;}
aside .search-content input[type=submit]{ border:none; color:#FFFFFF; font:bold 14px/20px arial; display: inline-block;}
aside .search-content input[type=text] { width:220px; height:31px; border:none; padding:0 5px; font:14px/21px arial; color:#a3a3a3;  display: inline-block;}

aside .pray-times { height:151px; margin:15px auto;}
aside .pray-times table {width:280px; background-color: #FFFFFF; margin: 0 auto;}
aside .pray-times table th, aside .pray-times table td {font:12px/18px arial; color:#7b7b7b; text-align: center; border-right:1px solid #d8d1c2; padding:4px;}
aside .pray-times table th { border-bottom:1px solid #d8d1c2; }
aside .pray-times table .last {border-right: none;}
aside .pray-times .bottom-link { font:bold 12px/18px arial; margin:8px 10px 0 10px; padding:4px 0 0 30px; border-top:1px solid #edd9ab; }
aside .pray-times .bottom-link a {color:#FFFFFF; text-decoration: none; }
aside .pray-times .bottom-link a:hover {text-decoration: underline; }
aside .pray-times .date {font:11px/16px arial; color:#FFFFFF; display: inline-block; padding-left:10px;}
aside .pray-times h3 {color:#1f1f1f; font:12px/18px arial; padding-top:20px; margin:0 10px; border-bottom:1px solid #edd9ab;}
aside .pray-times h3 a {color:#1f1f1f; text-decoration:none;}
aside .pray-times h3 span {color:#b51010;}

aside .advert, aside .advert-bottom { background-color:#ae9768; font:11px/11px arial; color:#FFFFFF; height: 20px; }
aside .advert p { padding:5px; text-transform:uppercase; margin:0; }
aside .advert-bottom { margin-bottom:20px;}
aside .advert-bottom p { padding:5px; text-align: right; margin:0; }

aside .daily-mosque {text-align: center;}
aside .daily-mosque h3 { margin:0; padding:5px; background-color:#000000; font:12px/18px arial; text-transform: uppercase; color:#FFFFFF;}
aside .daily-mosque img {width: auto; height: auto;}
aside .daily-mosque p img {width: auto; display: inline-block; margin-left: 5px;}
aside .daily-mosque h3 a, aside .daily-mosque p a { color:#FFFFFF; text-decoration: none;}
aside .daily-mosque h3 a:hover, aside .daily-mosque p a:hover {color:#2e84c2;}
aside .daily-mosque p { margin:0; padding:5px; background-color:#000000; font:bold 12px/18px arial; text-align:right; color:#FFFFFF;}

aside .banner-list { margin:20px 0 20px 0; background-color: #ecf5ff; color:#7b7b7b; }
aside .banner-list p {margin: 0;}
aside .banner-list  {margin-top: 10px;}
aside .banner-list .header { background-color: #b1d1f6; color:#135d8b; font:12px/18px arial; text-transform: uppercase; padding:5px;}
aside .banner-list .footer { background-color: #b1d1f6; color:#135d8b; font:bold 11px/18px arial; text-align: right; margin-top:10px; padding:5px;}
aside .banner-list a { color:#7b7b7b; text-decoration:none; }
aside .banner-list a:hover { text-decoration:underline; }
aside .banner-list .banner_list_img { width:100px;float:left; margin:10px 0 0 10px; }
aside .banner-list .banner_list_text { width:160px;float:left; font:12px/18px Arial; margin:10px 0 0 10px;}
aside .banner-list .footer a { color:#135d8b; }

aside .banner { margin:20px 0; }
aside .side-map-content {background-color:#388eca; margin-top:20px;}
aside .side-map-content p {margin:0; font:bold 12px/18px arial; color:#FFFFFF; padding:6px;}
aside .side-map-content p.link { text-align: right; }
aside .side-map-content p.link a { color:#FFFFFF; text-decoration: none;}
aside .side-map-content p.link a:hover { text-decoration: underline;}

aside .banner-meteo-mosque {background: url('images/banners/banner-meteo-mosque.png') bottom left no-repeat; height: 215px; margin-bottom: 20px; position:relative; }
aside .banner-meteo-mosque h3 {color:#fc8800; font:bold 16px/24px arial; margin:0; border-bottom:1px solid #cdcdcd; text-transform: uppercase;}
aside .banner-meteo-mosque ul {margin:5px 0 0 0; list-style: none; list-style-image: none; padding:0; }
aside .banner-meteo-mosque ul li { float:left; font:bold 18px/27px arial; color:#c1ac81; text-align: center; width:33%; border-right:1px solid #cdcdcd; }
aside .banner-meteo-mosque ul li.last { border:none; }
aside .banner-meteo-mosque ul li p { margin:0; font:12px/18px arial; color:#c1ac81; }
aside .banner-meteo-mosque a {position:absolute; bottom:0px; right:35px; color:#FFFFFF; display:block; background-color: #000000; padding: 7px 5px 5px 5px; font:bold 12px/14px arial; text-transform: uppercase; text-decoration: none; width:80px; text-align: center; }

/* ====================
   CARROUSEL SIDEBAR
   ==================== */
.sidebarSlide {margin:0; padding:0;}
.bx-wrapper { position: relative; margin: 0 auto 30px; padding: 0; *zoom: 1; }
.bx-wrapper img { max-width: 100%; display: block; }
.bx-wrapper .bx-viewport { -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; }
.bx-wrapper .bx-loading { min-height: 50px; background: url(images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }
.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; }
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; }
.bx-wrapper .bx-pager.bx-default-pager a { background: #ccc; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #999; }


/* ==|== media queries ======================================================
   EXAMPLE Media Query for Responsive Design.
   This example overrides the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */
/*@media only screen and (min-width: 35em) {*/
  /* Style adjustments for viewports that meet the condition */
/*}*/
/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* ==|== print styles =======================================================
   ========================================================================== */
@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

/***************/
/* POPUP Modal */
/***************/
div#popup_content { margin: 4px 7px; padding:25px; background:url(images/popup-letter.png) 25px 35px no-repeat; }
div#popup_content_tdf {position:absolute;}
div#popup_content h3 {padding-left:90px; margin:0; font:35px/40px Arial; color:#676767;}
div#popup_content p {margin:0; padding-left:90px; font:12px/21px Arial; color:#676767;}
div#popup_content form div {margin-top:15px;}
div#popup_content div input#mce-EMAIL.required {width:230px; border:1px solid #bbbbbb; border-radius: 4px; padding:3px; font:13px/20px Arial;}
div#popup_content div input[type=submit] {background:url(images/popup-newletter.png) top left no-repeat; border:none; width:32px; height:32px; vertical-align:bottom;}
div#popup_content div #mce-success-response_popup {color: #008000; padding:0;}
div#popup_content div #mce-error-response_popup {color: red; padding:0;}

div.nl-aid-2019 { width: 360px; max-width: 95%;  background-color: #bca87b; color:#ffffff; border:none; box-shadow: 5px 5px #cbcbcb;}
div.nl-aid-2019 span.close { display: none; }
div.nl-aid-2019 div.popup_newsletter { padding-top: 10px; background: url('images/newsletter-aid.png') top right no-repeat; }
div.nl-aid-2019 div.popup_newsletter div.nl_title { border-bottom:2px solid #ffffff; width: 55%; }
div.nl-aid-2019 div.popup_newsletter h3 { margin:0 0 2px 0; font-weight: 200; }
div.nl-aid-2019 div.popup_newsletter p { font-size:14px; font-weight: 200; }
div.nl-aid-2019 div.popup_newsletter input[type=email]{ width:70%; padding:0.3em 0.5em; border-radius: 0.3em; border:none; outline: 0; font-size: 15px; }
div.nl-aid-2019 div.popup_newsletter input[type=submit] { background-color: #1f6096; border-radius: 0.3em; padding: 0.3em; border:none; color:#ffffff; }

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 5%; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }
@media (max-width: 768px) {
  .modal {
    padding-top: 20%;
  }
}
  
  /* Modal Content */
  .modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    position:relative;
  }

  p.popup_content_fb, div.modal_fb { width:300px; }
  
  /* The Close Button */
  .close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    position:absolute;
    top:0%;
    right:7%;
  }
  
  .close:hover,
  .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }
/********************/
/* End POPUP Modal */
/********************/

div.pro-loader {
	background-color: transparent;
	background-image: url("images/loader-pro.gif");
	background-position: center center;
	background-repeat: no-repeat;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999999;
	display: none;
}
div.pro-loader:before{content:'';display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,0.4);}

/* RGPD */
div.cookie-bar-container {position:fixed; bottom:0; width:100%; z-index:1000; font:12px/16px arial; background-color:#000000; color:#ffffff;}
div.cookie-bar-container p {margin:0; padding:5px; text-align:center;}
/* end RGPD */

@media (max-width: 1024px){
    .bgc {margin:0;}
    div[role=banner] {width:100%;}
    div[role=banner] img {width:100%; height: auto;}

    header, div.header-content, header .header-menu nav, footer .footer-content, div[role=main] {width:100%; position:relative;}
    div.header-content {height: auto;}
    header .header-logo {width: 100%;}
    header .header-menu ul#top-menu { min-height:41px; width:100%;}
    header .find-mosque > form:nth-child(2) > span:nth-child(3) {display: none;}
    header .find-mosque {float: left; height: auto;}
    header div.find-mosque form input[type=text] {max-width: 65%; }
    .sprite-background-find-mosque {width: 100%;}

    .sprite-ttm-logo { background:url('images/logo-mobile-final.png') top left no-repeat; height: 50px; display: block; margin-left: 1em;}
    div.search-mosque-bottom-map.center > div > a > img {max-width:100%;}

    div.header-menu {background: none;margin: 0;position: absolute; top: 0; left: 0; width: 100%; min-height: 0;}
    header .header-menu nav .sprite-menu-corner-right, header .header-menu nav .sprite-menu-corner-left { display: none;}
    header div.icon-menu { right: 1rem; position: absolute; top: 1rem;}
    header div.icon-menu:hover {cursor: pointer;}
    header div.icon-menu div { display:block; width: 25px; height: 4px; margin: 4px 0; background-color: #176095;}

    div.header-menu nav.clearfix ul.none{display: none;}
    div.header-menu nav #top-menu {height: auto; display: none; z-index: 10000; width: 100%; /*padding-left: 1rem;*/ position: absolute;top: 65px; background: #176095; }
    div.header-menu nav #top-menu li {float: none; height: auto;display: block;padding: 0; text-align: center; padding-bottom: 0.75rem;}
    div.header-menu nav #top-menu li.top-sub-menu {background: none; margin-top:0.5rem;}
    div.header-menu nav #top-menu li.top-sub-menu ul {float: none;}
    div.header-menu ul li a { color:#FFFFFF; padding: 0;}
    div.header-menu ul#top-menu li div ul li { text-align:center; padding:0.2rem 0; font-size: 1rem;}
    header .header-menu ul#top-menu li div ul li a:hover, header .header-menu ul#top-menu li div ul li.current a {color: #FFFFFF;font-weight: bold;}
    header .header-menu ul#top-menu li a {font: unset;}
    div.header-menu nav #top-menu li.top-sub-menu ul { height: auto;margin: 0;width: 100%;}
    div.header-menu ul li div ul li {padding: 0;height: auto;}
    header .header-menu ul#top-menu li div {display:block; position: relative; top:auto;left: auto; background: none; width:auto;height:auto;}
    header .header-menu ul#top-menu li div ul.bordering {border:none;}
    header .header-menu ul#top-menu li.hover, header .header-menu ul#top-menu li.alone-sub-menu:hover, header .header-menu ul#top-menu li.on, header .header-menu ul#top-menu li.on-alone {background:none !important;}
    header .header-menu ul#top-menu li.hover a, header .header-menu ul#top-menu li.on a {background:none;}
    .sprite-sub-menu-picto {display: none;}

    div.pathway { min-height:30px; width: 100%; }
    div.pathway ul.header-path { width:100%; }

    .top-roll {border:none;}
    .top-roll div {float: none;position: relative;text-align: left;}
    .top-roll div a {display: block;}
    .top-roll .img0 h1, .top-roll .img0 h2 { font-size:1.5rem; margin:0; padding: 0.5rem; line-height:1.5rem;}
    .top-roll .img0 {margin:0;}
    .top-roll .img0 img {height: auto !important; width: 100% !important;}
    .top-roll h2 {text-align: left; padding:0.5rem; max-width: 100%;}
    .top-roll .img1 img, .top-roll .img2 img {width:100%;}
    .top-roll .img1 {margin-top: 10px;}

    div[role="main"] div.search-content { background-color: #000000; width: 100%; padding:0.75rem 0;}
    div[role="main"] div.search-content h3 { margin:0 0 0 0.75rem; padding-bottom:0.5rem; font-size: 1rem; font-weight: normal; color: #ffffff;}
    div[role="main"] div.search-content input[type=text] { margin-left:0.75rem; padding:0.25rem; width:100%; max-width: 75%; display: inline-block; height: 19px;}
    div[role="main"] div.search-content input[type=submit] {display: inline-block;border:none;  }

    article[role=content] { width: 100%; padding:0;float:none;}
    article[role="content"] header.entry-header h1 {margin: 0; padding: 1rem;}
    article[role="content"] header.entry-header h2 {margin:5px 0 0 10px; font:bold 20px/30px arial; color:#a92073;}
    article[role="content"] div.entry-content, div.respond {padding:0 10px;}
    article[role="content"] div.entry-content {width:auto; font:inherit;}
    article[role=content] .entry-content span p {font-size:1rem; padding:1rem 0.5rem; margin:0;}
    article[role="content"] div.entry-content img, article[role="content"] div.entry-content iframe {width: auto; max-width: 90%; /*height: auto;*/}
    article[role="content"] .respond input[type="text"] {width: 90%;}
    article[role=content] .related_post_title { margin-top: 1rem; width: 100%; text-align: center;}

    article[role=content] .advert-bottom p { padding:0 0 0 50px; }
    article[role="content"] ul.related_post li img {display:none;}
    article[role="content"] ul.related_post li {padding:1rem;width: auto;float: none; font-size: 0.9rem;}

    div.article-list{float: none;width: 100%;}
    article[role="content"] .entry-content div.with-thumb {float: none;width: auto;}

    article[role=content] .respond h4.comments-title {font-size: 1rem;}
    article[role=content] .respond label { font-size: 0.9rem; margin-bottom: 0.5rem; display: block;}
    article[role=content] .respond input[type=text], article[role=content] .respond textarea {padding:0.5rem;}
    article[role=content] .respond textarea {max-width: 90%;}
    article[role=content] .respond .respond-right { margin-bottom: 1rem;}
    article[role="content"] .respond .relative p {position: static;right: auto;}
    article[role=content] .respond form { margin:0 1rem;}
    article[role=content] .respond input[type=submit] {font-size: 0.9rem; font-weight: normal; padding:0.75rem; height: auto; text-align: center; width: 100%; background-size: auto 100%;}
    .wp-pagenavi{width: 100%;}

    article.category-mosque .region-details {width: auto; height: auto;float: none;}
    article.category-mosque[role="content"] .entry-content ul li {text-align: left;}

    section .actu-mdf { border:none; margin:1.5rem 0.5rem; }
    section .actu-mdf h2,
    section .actu-mdm h2 { width:auto; padding:0.25rem; text-align: center;}
    section .actu-mdf .actu-mdf-subcontent {margin-bottom:1.5rem;}
    
    section .actu-mdf .actu-mdf-content,
    section .actu-mdf .actu-mdf-subcontent,
    section .actu-mdm .actu-mdm-subcontent { width: 100%; float: none; }
    section .actu-mdm .actu-mdm-subcontent { margin-bottom: 1.5rem; }

    section .actu-mdf .actu-mdf-content h3,
    section .actu-mdf .actu-mdf-subcontent h3,
    section .actu-mdm .actu-mdm-subcontent h3 { height: auto; margin: 1rem 0; font-size: 1rem;}

    section .actu-mdf .actu-mdf-subcontent a.link-img,
    section .actu-mdf .actu-mdf-subcontent a.link-img,
    section .actu-mdm .actu-mdm-subcontent a.link-img { height: auto; }
    
    section .actu-mdf .actu-mdf-content img,
    section .actu-mdf .actu-mdf-subcontent a.link-img img,
    section .actu-mdm .actu-mdm-subcontent a.link-img img {width: 100%; height: auto;}
    
    section .actu-mdf .actu-mdf-content p,
    section .actu-mdm p { font-size: 1rem; line-height: initial; margin: 1rem 0.5rem;}
    
    section .actu-mdf .actu-mdf-content a.link-more,
    section .actu-mdm a.link-more,
    section a.link-all-actu-world { font-size: 0.9rem; display:block; text-align: right; margin-bottom: 1.5rem; }

    section a.link-all-actu {font-size: 0.9rem;}

    section .actu-mdm .actu-mdm-content {width: 100%; margin: 0;}
    section .actu-mdm h2 a {text-align: center; font-size: 1rem;}
    section .actu-mdm .actu-mdm-content img {width:100%;}

    aside { float:none; width:100%;}
    aside #pave {text-align: center;}
    aside .banner-list .banner_list_text {width: auto;}
    aside .side-map-content {margin-bottom: 1rem;}

    section {width: auto;float: none;}
    .block-video-hp {display: none;}
    article.mosque #tabs {margin-top:1.5rem;}
    article.mosque #tabs ul li {font-size: 0.8rem;}
    article.mosque #tabs .commentlist ul li {width: 100%;}
    article.mosque #tabs p {font-size: 1rem;}
    article.mosque #tabs div.capacity { margin:0 auto 1rem auto;}
    article.mosque #tabs div.capacity p:first-child {margin-bottom: 0.5rem;}
    article.mosque #tabs div.room, article.mosque #tabs div.surface {margin-top: 1rem;}
    article.mosque #tabs div.room p:first-child {margin-bottom: 0.5rem;}
    article.mosque #tabs div.room .left p {margin: 0;}

    article.mosque #tabs .usuals ul, article.mosque #tabs .activity ul {padding: 0 1rem;}
    article.mosque #tabs .usuals h3, article.mosque #tabs .activity h3 {font-size: 1rem;width: auto; padding-top: 0.5rem;}
    article.mosque #tabs .usuals ul li p,
    article.mosque #tabs .activity ul.activity-large li p,
    article.mosque #tabs .activity ul li p { margin: 1rem 0 0.5rem;font-weight: normal;}

    div[role="main"].pray_times article[role="content"] header .pray-times-icon {left: 0px;}
    div[role="main"].pray_times article[role="content"] header h1 { margin:1.5rem 1rem 0 3rem; padding:0;}
    div.search_field_container {margin:10px auto 0 auto; padding:8px; width: 90%;}
    input.search_field {width: 90%; margin: auto; display:block;}

    table.pray_datas { margin-top:15px; width:100%; }
    table.pray_datas td, table.pray_datas th { padding:5px 0; }
    table.pray_datas th:first-child {width: 25%;}
    div[role="main"].pray_times article[role="content"] .region-details {padding:10px; margin:15px 10px 0; background-color:#F5F5F6; border:1px solid #CCCCCC;}
    div[role="main"].pray_times article[role="content"] .region-details h2 {font:inherit;}
    div[role="main"].pray_times article[role="content"] .region-details ul li {font-size:3.5vw;}

    article.mosque-list header {padding: 0;}
    article.mosque-list h1 {margin:0;float: left;margin:10px 0 15px 10px;}
    article.mosque-list .mosque-list-icon { position: relative; left:0;top:0;float: left;}
    article.mosque header {padding: 0; width: 100%;}
    article.mosque h1{margin:1rem 0 0.5rem 1rem; font: bold 1.5rem arial;}
    article.mosque h2.infos {margin-left:1rem;}
    article.mosque h3 {margin-left:1.5rem;}
    article.mosque p.address { font-size:0.8rem; margin-left: 1rem;}
    article.mosque p.phone {margin-left:1.5rem;}
    article.mosque p.website { margin-left: 1rem}
    article.mosque div.location-validity {margin-bottom: 1.5rem;}
    article[role=content] .entry-content ul li{padding:0;margin-top:1rem;}
    article[role=content] .entry-content ul li ul li {padding-left:1rem; margin-top:0; font:1rem/1.5rem arial;}

    div.mosque-meteo article { width: 100%; margin:0;float:none;}
    div.meteo-sociable-content{display: none;}
    article ul.meteo-infos{width: 100%;margin: 0 0 10px 0;}
    article ul.meteo-infos li{float: none; margin: 0;border-top: none;}

    div.article-list .advert-content { padding:1rem 0; }
    div.article-list .advert-img img { width: 100%; height: auto; }

    div.next-pray { width: 85%; }

    aside[role="complementary"] { margin:0 auto;}

    footer nav.nav-bottom { text-align: center; padding:1rem;}
    footer nav.nav-bottom ul li { font-size: 1rem;}
    footer h3 { border:none;}
    footer .copyright {width:100%; margin:0; padding:1rem 0rem; text-align: center;}
    .sprite-ttm-logo-copyright{display: block; position: unset; margin: 0 auto;}

    section .advert-img img {height: auto;}
    footer .left h3 {font-size: 1rem; margin: 0.5rem;}
    footer .second-col { margin-top: 1rem; }
    footer ul.list-mosque, footer .second-col ul.grey { width: 100%;}
    footer ul li {font-size: 1rem; line-height: 1.5rem; }
    footer .newsletter {margin:0; padding: 0.5rem;}
    footer .newsletter form p { font-size: 0.9rem;}

}

@media (max-width: 800px){
    div#top-banner, ul.date-comment, div.tags, header .add-mosque-link {display: none;}
    div.pathway {height:auto;}
    div.pathway ul.path-hp {display:none;}
    div.pathway .header-path {float:none;}
    div.pathway ul.right { float:none; text-align:right; padding-top:5px;}
    div.pathway ul li.first { height: 100%;}
    div.pathway ul li {float: none; width: auto; display: inline-block; }
    div.pathway ul li.other { padding-left:5px; }
    div.pathway ul li span {display:inline-block; padding-left:5px;}

    .list-content .photo-mosque {display: none;}
    article.mosque-list ul li .content-details {float:none; width:auto; max-width:100%; margin-left: 0.5rem; margin-right: 0.5rem;}
    article.mosque-list .mosque-list-icon {display: none;}
    .list-content .empty {height: 15px;}
    article.mosque div.social-bar { margin-top:1rem;}
    article.mosque .location-validity{position: relative;top: auto;right: auto;margin: 0;}
    article.mosque .location-validity .forms { margin:1rem auto 0 auto; }
    article.mosque .location-validity form.visited span.number{top: auto;right: auto;}
    article.mosque .location-validity .last-modification {display: none;}
    article.mosque .mosque-icon {display: none;}
    article[role="content"] .advert,
    article[role="content"] .advert-bottom,
    div.article-list .advert,
    div.article-list .advert-bottom {display: none;}
    article.mosque .last-modification {text-align:center;}
    
    article.mosque #tabs .capacity, article.mosque #tabs .room {width: auto; float: none;}
    article.mosque #tabs .usuals ul li, article.mosque #tabs .activity ul li {display: block; width: auto; border: none;float: none;margin-bottom: 10px;}
    article.mosque #tabs .usuals ul li p, article.mosque #tabs .activity ul.activity-large li p {height: auto; width: auto;}
    article.mosque #tabs h3 {text-align: left !important; margin-bottom:0.5rem !important;}
    article.mosque-list header .mosque-icon-legend {display: none;}
    section .advert-img img {max-width: 100%;}
    section .advert-bottom p {margin: 0;}

    article[role=content] .commentlist ul {margin-left:3rem;}

    footer nav {padding-left: 5px;padding-right: 0;}
    footer ul.list-mosque {float: none;}
    footer .second-col {width: auto;}
    /*footer .newsletter form input[type=submit] {left: 219px;}
    footer .newsletter form input[type=email] {width: 219px;}*/
    footer .left {float: none; width: 100%;}
    footer .newsletter {width: auto;}

}