*{
    box-sizing: border-box;
}
div.page {
    page-break-after: always;
    page-break-inside: avoid;
}
#block-widgets .jsAccordeon-item ul li, .salat_content .geo-localise ul.geo-matches li { font-family:Georgia; list-style-type:none; background:url('../img/puce-red.png') no-repeat 0 0.5em; padding:0 0 10px 15px; }

.salat_content h2 { text-align:center; font-size:20px; margin-bottom:12px; margin-top:12px; padding:0; color:#AC2D35; text-transform:uppercase; }
.month_navigate{
    display: flex;
    justify-content:space-between;
    margin-top: 12px;
    flex-wrap: wrap;
}
.salat_content .prev_month { text-align: center; }
.salat_content .next_month { text-align: center; }

.salat_content .annuel { clear:both; text-align:left; margin-top:20px; }
.salat_content .breadcrumbs ul { list-style:none; margin:0; padding:0; }
.salat_content .breadcrumbs ul li { display:inline; margin-left:0; color:inherit;}
.salat_content .breadcrumbs ul li a {color:inherit;}
.salat_content .breadcrumbs ul li span{color:#AC2D35}
.salat_content .find_city { text-align:center; margin-top:12px; }
#printzone {margin-top:12px;}
#city_or_cp { max-width: 100%;outline-color:#AC2D35; padding:8px 6px; width:320px; border:1px solid #CCC; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; -moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1),0 1px 0 rgba(255,255,255,0.2); -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1),0 1px 0 rgba(255,255,255,0.2); position:relative;}
.salat_content .geo-localise { border: #E4E4E4 1px solid; padding:15px 15px 0px 20px; margin:20px 30px 20px 20px; }

.salat_content .region { /*width:200px;*/ }
.salat_content .region .name_region a { height:30px; }
.salat_content .region .departements { border:1px solid #CCC; border-top:0; /*height:220px;*/ }
.region .name_region a,
.region .name_region span,
.liste-villes .code_postal
{ display:block; color:#AC2D35; padding:0 10px; line-height: 30px; font-size:12px; font-weight:bold; border:#E4E4E4 1px solid; border-bottom:0; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; border-top-left-radius:3px; border-top-right-radius:3px; background:#EEE; }

.salat_content .liste-villes .villes { border:1px solid #CCC; border-top:0; overflow-y:auto; }

.salat_content .liste-villes a.ville,
.salat_content .departements a.dep{
    line-height:14px;
    font-size: 12px;
    display:block;
    padding:4px 6px;
    color:inherit;
}

#printzone .timetable { overflow:hidden; border:1px solid #d3d3d3; background:#fefefe; margin:10px auto 0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:0 0 4px rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 0 4px rgba(0, 0, 0, 0.2); border-collapse:separate; }
.timetable {  width:100%; }
.timetable th { font-size:8pt; color:#AC2D35; text-transform:uppercase; font-weight:bold; }
.timetable th, td {padding:5px 0px; text-align:center; }
.timetable tr.odd td { background-color:#ECE8E1; }
.timetable tr td.first { color:#666; font-style:italic; }
.timetable tr.even td { background-color:#f6f6f6; }
.timetable tr.friday td { background-color:#DFE8DB; }
.timetable tr.today td { background-color:#383838; color:#f6f6f6; }
.pt_info_angle, .pt_text_bottom, .pt_text_top { text-align: justify;font-size:14px;margin-top:12px; padding:10px; border-top:1px #EEE solid; background:#f5f5f5; }
.is_pdf .pt_info_angle, .is_pdf .pt_text_bottom, .is_pdf .pt_text_top {line-height: 16px; margin-top:6px; font-size:13px; padding:12px; }
.salat_content .pt_info_angle img, .salat_content .pt_text_bottom img, .salat_content .pt_text_top img{margin-bottom: 0;}
.salat_content .pt_info_angle p, .salat_content .pt_text_bottom p, .salat_content .pt_text_top p{margin-bottom: 8px;}
.angle_lat_long { float:left; font-size: 12px;}
.change_angle label, .angle_salat { cursor:pointer; }
.change_angle label{margin-right: 15px;}
.change_angle input{margin-right: 4px;}
/* bloc horaires */
#bloc-horaire {
    position:relative;
    padding-top: 82px;
    background:transparent url('../img/horaires-bg.png') top left no-repeat;
    border-bottom:1px #ddd solid;
}
.prayer-overlay {
    background: rgba(0,0,0,0.5);
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    z-index: 999;
    top:0;
    left:0;
    justify-content: center;
    align-items: center;
}
.loader {
    width: 36px;
    height: 36px;
    border: 4px solid #FFF;
    border-bottom-color: #AC2D35;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: prayer-overlay-rotation 1s linear infinite;
}
@keyframes prayer-overlay-rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
#bloc-horaire #bloc-horaire-content { margin-bottom: 6px; }
#bloc-horaire #bloc-horaire-content h2 { line-height: normal; }
#bloc-horaire #bloc-horaire-content #bloc-horaire-content-title { margin:0; padding:0; line-height:normal; color:#333333; color:rgba(0,0,0,0.7); font-size:16px; font-weight:normal; text-align:right; }
#bloc-horaire #bloc-horaire-content #bloc-horaire-content-city { margin:0; margin-top:2px; padding:0; text-indent:50px; color:#AC2D35; font-size:16px; text-align:right; }
#bloc-horaire #bloc-horaire-content #bloc-horaire-content-city span { font-size:13px; font-weight:normal; }
#bloc-horaire #bloc-horaire-content #bloc-horaire-content-time { position:absolute; z-index:2; top:50px; right:0px; padding:3px 7px; color:#333; font-size:1.7em; display:inline; }
#bloc-horaire #bloc-horaire-content #bloc-horaire-content-time sup { position:absolute; z-index:2; padding:2px 1px; color:#333; top:0px; left:-2px; font-size:0.65em; }
#bloc-horaire #bloc-horaire-links { text-align:center; padding-top:10px; }
#bloc-horaire #bloc-horaire-links a { text-decoration:none; border:0; z-index:1; outline:none; padding:4px 8px; margin:2px auto; width:270px; cursor:pointer; -moz-border-radius:3px; -o-border-radius:3px; -khtml-border-radius:3px;border-radius:3px;text-shadow:1px 1px 1px rgba(0,0,0,0.4);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.3),0 1px 1px rgba(0,0,0,0.15);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.3),0 1px 1px rgba(0,0,0,0.15);-o-box-shadow:inset 0 1px 0 rgba(255,255,255,0.3),0 1px 1px rgba(0,0,0,0.15);-khtml-box-shadow:inset 0 1px 0 rgba(255,255,255,0.3),0 1px 1px rgba(0,0,0,0.15);box-shadow:inset 0 1px 0 rgba(255,255,255,0.3),0 1px 1px rgba(0,0,0,0.15);background-color:#e0e0e0;color:#b62d35;text-shadow:none;border:1px solid #ababab;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#e8e5e5),color-stop(100%,#e0e0e0));background-image:-webkit-linear-gradient(#e8e5e5,#e0e0e0);background-image:-moz-linear-gradient(#e8e5e5,#e0e0e0);background-image:-o-linear-gradient(#e8e5e5,#e0e0e0);background-image:linear-gradient(#e8e5e5,#e0e0e0);font-size:11px;text-transform:uppercase; }
#bloc-horaire #bloc-horaire-links a:hover {	-webkit-box-shadow:inset 0 0 1px rgba(0, 0, 0, 0.2) !important; -moz-box-shadow:inset 0 0 1px rgba(0, 0, 0, 0.2) !important; -o-box-shadow:inset 0 0 1px rgba(0, 0, 0, 0.2) !important; -khtml-box-shadow:inset 0 0 1px rgba(0, 0, 0, 0.2) !important; box-shadow:inset 0 0 1px rgba(0, 0, 0, 0.2) !important; background:#e7e6e6; }
#bloc-horaire #bloc-horaire-hours { font-size:13px; }
#bloc-horaire #bloc-horaire-hours table { border:0; margin:0; padding:0; border-spacing:0; width:100%; }
#bloc-horaire #bloc-horaire-hours table thead th { text-align:center; font-size:13px; padding:0; }
#bloc-horaire #bloc-horaire-hours table thead .horaire-a { background:#e0e0e0; }
#bloc-horaire #bloc-horaire-hours table thead .horaire-b { background:#e8e6df; }
#bloc-horaire #bloc-horaire-hours table thead .horaire-current { background:#AC2D35; color:#fefefe;}
#bloc-horaire #bloc-horaire-hours table tbody td { text-align:center; font-size:13px; padding:0; }
#bloc-horaire #bloc-horaire-hours table tbody .horaire-a { background:#eee; }
#bloc-horaire #bloc-horaire-hours table tbody .horaire-b { background:#f3f1ea; }
#bloc-horaire #bloc-horaire-hours table tbody .horaire-current { background:#bf323b; color:#fefefe; outline:2px #7c2026 solid; }

#optin-feed { margin:auto; background: #DDDDDD; border-bottom: 1px dashed #CCCCCC; padding: 15px 0; text-align: center; width: 300px; }
#optin-feed h4 { font-weight: bold; margin: 10px 0 20px; }
#optin-feed input[type="text"] { border: 1px solid #AAAAAA; font-size: 13px; margin: 0 0 15px 0; padding: 10px; width: 80%; color:#888; }
#optin-feed input { box-shadow: 0 2px 2px #AAAAAA; -moz-box-shadow: 0 2px 2px #AAAAAA; -webkit-box-shadow: 0 2px 2px #AAAAAA; }
#optin-feed input.name { background: url(http://i.imgur.com/XrHTe.png) no-repeat scroll right center #FFFFFF; }
#optin-feed input.email { background: url(http://i.imgur.com/2BCD0.png) no-repeat scroll right center #FFFFFF; }
#optin-feed input[type="submit"] { background: #921405; border: 1px solid #B63C00; color: #FFFFFF; cursor: pointer; font-family: arial; font-size: 16px; font-weight: bold; height: 40px; margin-top: 5px; padding: 8px 0; text-shadow: -1px -1px #B63C00; text-transform: capitalize; width: 87%; }
#optin-feed input[type="submit"]:hover { background: none repeat scroll 0 0 #B63C00; }

.button{background:#eff1f2;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#eff1f2,endColorstr=#eaeced);background-image:-webkit-gradient(linear,0% 0,100% 100%,color-stop(0%,#eff1f2),color-stop(100%,#eaeced));background-image:-webkit-linear-gradient(#eff1f2,#eaeced);background-image:-moz-linear-gradient(#eff1f2,#eaeced);background-image:-ms-linear-gradient(#eff1f2,#eaeced);background-image:-o-linear-gradient(#eff1f2,#eaeced);background-image:linear-gradient(#eff1f2,#eaeced);border:1px solid #cccdce;border-bottom-color:#c5c5c6;border-top-color:#d4d5d6;border-radius:4px;-webkit-border-radius:4px;-khtml-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;box-shadow:white 0 1px 0 inset,rgba(0,0,0,.07) 0 .05882352941176em .05882352941176em;-webkit-box-shadow:white 0 1px 0 inset,rgba(0,0,0,.07) 0 .05882352941176em .05882352941176em;-moz-box-shadow:white 0 1px 0 inset,rgba(0,0,0,.07) 0 .05882352941176em .05882352941176em;color:#61686b;display:inline-block;font-family:'Helvetica Neue',Helvetica,Arial,Clean,sans-serif;font-size:1.0625em;font-weight:bold;padding:.58823529411765em 1.23529411764706em .58823529411765em;text-decoration:none;text-shadow:white 1px 1px 0;*zoom:1;position:relative; min-height:18px;}
.button{font-size:0.7em}
.button{padding:.588235em 1.15em}
.button:hover{box-shadow:white 0 .05882352941176em 0 inset,rgba(0,0,0,.23) 0 .05882352941176em .29411764705882em;-webkit-box-shadow:white 0 .05882352941176em 0 inset,rgba(0,0,0,.23) 0 .05882352941176em .29411764705882em;-moz-box-shadow:white 0 .05882352941176em 0 inset,rgba(0,0,0,.23) 0 .05882352941176em .29411764705882em;color:#61686b;transition-duration:.1s;-webkit-transition-duration:.1s;-moz-transition-duration:.1s;-ms-transition-duration:.1s;-o-transition-duration:.1s;cursor: pointer;}
.button:active{box-shadow:rgba(0,0,0,.15) 0 .05882352941176em .17647058823529em inset;-webkit-box-shadow:rgba(0,0,0,.15) 0 .05882352941176em .17647058823529em inset;-moz-box-shadow:rgba(0,0,0,.15) 0 .05882352941176em .17647058823529em inset;transition-duration:0s;-webkit-transition-duration:0s;-moz-transition-duration:0s;-ms-transition-duration:0s;-o-transition-duration:0s}
.button:visited{color:#61686b}
.button.has-icon img{top:3px; position:relative; margin-right: 8px; margin-bottom: 0;}
.button.has-icon.icon-right img{ margin-left: 8px; margin-right: 0;}
.button.has-icon span{top:7px; left:32px;}
.pdf-button { margin:0 10px; }
.pdf-button, .print-button{width:130px;}

.prev_month a, .next_month a { min-width:160px; }
.next_month .button.has-icon span { left:8px; }

.calendar-button{background:#EFF1F2;background:-webkit-gradient(linear,left top,left bottom,color-stop(#EFF1F2,0),color-stop(#EAECED,1));background:-webkit-linear-gradient(top,#EFF1F2 0,#EAECED 100%);background:-moz-linear-gradient(top,#EFF1F2 0,#EAECED 100%);background:-o-linear-gradient(top,#EFF1F2 0,#EAECED 100%);background:linear-gradient(top,#EFF1F2 0,#EAECED 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EFF1F2',endColorstr='#EAECED',GradientType=0);padding-left:10px;padding-right:160px;min-height:18px;display:inline-block;position:relative;border:1px solid #cccdce;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;overflow:hidden;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;font-family:'Helvetica Neue',Helvetica,Arial,Clean,sans-serif;}
.calendar-button-text{padding:8px 0;display:block;font-size:1.0625em; font-weight:bold;white-space:nowrap;text-shadow:white 1px 1px 0;color:#61686B;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}
.calendar-button-slide-text{position:absolute;height:100%;top:0;right:52px;width:100px;background:#AC2D35;text-shadow:0 0px 1px #555;color:#fff;white-space:nowrap;text-transform:uppercase;text-align:left;text-indent:24px;overflow:hidden;line-height:32px;-webkit-box-shadow:-1px 0 1px rgba(255,255,255,0.4),1px 1px 2px rgba(0,0,0,0.2) inset;-moz-box-shadow:-1px 0 1px rgba(255,255,255,0.4),1px 1px 2px rgba(0,0,0,0.2) inset;box-shadow:-1px 0 1px rgba(255,255,255,0.4),1px 1px 2px rgba(0,0,0,0.2) inset;-webkit-transition:width .3s linear;-moz-transition:width .3s linear;-o-transition:width .3s linear;transition:width .3s linear}
.calendar-button-slide-text sup { position:absolute; font-size:10px; top:1px; left:-18px;}
.calendar-button-icon-right{position:absolute;right:0;top:0;height:100%;width:52px;border-left:1px solid #AC2D35;-webkit-box-shadow:1px 0 1px rgba(255,255,255,0.4) inset;-moz-box-shadow:1px 0 1px rgba(255,255,255,0.4) inset;box-shadow:1px 0 1px rgba(255,255,255,0.4) inset}
.calendar-button-icon-right span{width:38px;height:38px;opacity:.7;position:absolute;left:50%;top:50%;margin:-20px 0 0 -20px;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}
.calendar-button .calendar-button-icon-right span img { position:absolute; top:6px; left:5px; }
.calendar-button:hover{ text-decoration:none; padding-right:160px;box-shadow:white 0 .05882352941176em 0 inset,rgba(0,0,0,.23) 0 .05882352941176em .29411764705882em;-webkit-box-shadow:white 0 .05882352941176em 0 inset,rgba(0,0,0,.23) 0 .05882352941176em .29411764705882em;-moz-box-shadow:white 0 .05882352941176em 0 inset,rgba(0,0,0,.23) 0 .05882352941176em .29411764705882em;color:#61686b;transition-duration:.1s;-webkit-transition-duration:.1s;-moz-transition-duration:.1s;-ms-transition-duration:.1s;-o-transition-duration:.1s}
.calendar-button:hover .calendar-button-text{}
/*.calendar-button:hover .calendar-button-slide-text{width:100px}*/
.calendar-button:hover .calendar-button-icon-right span{opacity:1}
.calendar-button:active{position:relative;top:1px;background:#5d81ab;-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;border-color:#EFF1F2}

#priest-page { position:relative; }
#post--1 h1, #priest-page h1,
#priest-page h2 { font-family: Georgia; font-size:20px; background:#f3f3f3; padding:3px 5px; display:block;
    margin-top:0; margin-bottom:20px;}

#priest-page .priest-horaries-shadow { position:relative; background:url(../img/shadow.png) no-repeat bottom center; }
#priest-page .priest-horaries { margin-top:20px; background:#f3f3f3; padding-bottom:10px; width:100%; margin-bottom:10px; outline:1px #ddd solid}
#priest-page .priest-horaries h2 { float:right; text-transform:none; font-size:24px; text-align:right; background:#fff; padding:4px 7px; }
#priest-page .priest-horaries h2 span { color:#AC2D35; font-weight:300 }
#priest-page .priest-horaries h3 { clear:right; font-size: 18px; margin-bottom: 12px; margin-top: 16px;}
#priest-page .priest-horaries-padding { text-align:center; top:10px; left:10px; z-index:10; }
#priest-page .priest-horaries table { margin:0 auto; width:100%; position:relative; background:#fff; box-shadow:0 1px 3px rgba(0,0,0,0.25); }
#priest-page .priest-horaries table thead tr th { font-size:13px; width:16%; text-align:center; background:#f6f6f6; border-top:1px #f3f3f3 solid; border-bottom:1px #ddd solid; padding:5px 0; }
#priest-page .priest-horaries table thead tr th.horaire-current { background:#AC2D35; color:#fff; }
#priest-page .priest-horaries table tbody { position:relative; }
#priest-page .priest-horaries table tbody tr { }
#priest-page .priest-horaries table tbody tr td { font-size:15px; width:16%; text-align:center; background:#fff; padding:7px 0; }
#priest-page .priest-horaries table tbody tr td.horaire-current { background:#AC2D35; color:#fff; }

#priest-page .priest-horaries-actions { line-height:30px; position:relative; }
#priest-page .priest-horaries-actions .prev-day { float:left; }
#priest-page .priest-horaries-actions .next-day { float:right; }
#priest-page .priest-horaries-actions a { padding:7px 5px; background:#f1f2f3; margin-top:5px; }
#priest-page .priest-horaries-actions a:hover { border-bottom:none; text-decoration:none; background:#ddd; }

/*
#priest-page .calendar-link { text-align:right; margin:20px 0; }
#priest-page .calendar-link a { background:#f1f2f3; padding:7px 5px; }
*/

.calendar-mensuel { margin-top:12px; text-align:center; }
.calendar-mensuel a.calendar-icon {
    background:#f1f2f3 url(../img/calendar.png) no-repeat 5px center;
    padding:5px 8px 5px 30px;
}

#priest-page .prieres-mensuels { margin-top:20px; font-size: 18px;}
#priest-page ul.calendars-links {
    margin:0; margin-top:10px; margin-left:-5px; padding:0; list-style:none;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
#priest-page ul.calendars-links li.calendar-link { list-style:none; margin:0 2px 12px; position:relative; width: 170px; font-size: 12px; }
#priest-page ul.calendars-links li.calendar-link a { display:block; color:inherit; border:1px #ddd solid; background:#f5f5f5; padding:6px; }
#priest-page ul.calendars-links li.calendar-link a:hover { background:#f0f0f0; }
#priest-page ul.calendars-links li.calendar-link a:hover,
#priest-page ul.calendars-links li.calendar-link a:hover span,
#priest-page ul.calendars-links li.calendar-link a:hover strong { text-decoration:none }
#priest-page ul.calendars-links li.calendar-link.current-month a { border:1px #AC2D35 solid; background:#FFC9CD; color:#80252B; box-shadow:0px 0px 3px #AC2D35 }
#priest-page ul.calendars-links li.calendar-link.current-month a:hover { box-shadow:0px 0px 2px #AC2D35 }
#priest-page ul.calendars-links li.calendar-link.current-month span,
#priest-page ul.calendars-links li.calendar-link.current-month strong {color:#80252B; }
#priest-page ul.calendars-links li.calendar-link.current-month span.calendar { border-bottom-color:#AC2D35; }
#priest-page ul.calendars-links li.calendar-link.ramadan a { background:#AC2D35; color:#fff; border-color: #fff; }

#priest-page ul.calendars-links li.calendar-link span.calendar { text-transform:uppercase; font-size:0.9em; display:block; padding-bottom:2px; margin-bottom:1px; border-bottom:1px #ddd solid; }
#priest-page ul.calendars-links li.calendar-link strong { display:block; padding:5px 0; }
#priest-page ul.calendars-links li.calendar-link strong span.month { font-size:1.5em; font-weight:300; font-family:Georgia, "Times New Roman", Times, serif }
#priest-page ul.calendars-links li.calendar-link strong span.year { font-size:1.3em; font-weight:300; font-family:Georgia, "Times New Roman", Times, serif }
#priest-page ul.calendars-links li.calendar-link span.city { display:block; padding-top:1px; text-overflow:ellipsis; overflow:hidden; width:100%; white-space:nowrap; }

/* jquery autocomplete */
ul.ui-autocomplete {
    padding:0px; border:1px solid #E4E4E4;
    background-color:white; overflow:hidden;
    box-shadow: 0px 0px 2px #555; text-align:left;
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
    position:relative; z-index:50; top:-40px;
    list-style-position:outside; list-style:none; padding:0; margin:0;
    width:320px!important;
}
ul.ui-autocomplete li { margin:0px; padding:2px 5px; cursor:pointer; display:block; width:100%; font-family:Arial; font-size:13px; overflow:hidden; }
/*.acLoading { background:url('../img/indicator.gif') right center no-repeat; }*/
ul.ui-autocomplete li:hover { background-color:#AC2D35; color:#fff; }

.salat_content p.retour-horaire{
    text-align:center;
    margin-top:12px;
    margin-bottom: 0;
    font-size: 12px;
}
.priest-horaries .note_angle{
    text-align: center;
    margin-top:6px;
    margin-bottom:0px;
    font-size: 11px;
}
.info_shuruq{
    font-size: 11px;
}

.pt_alignleft{text-align: left;}
.pl-2 {padding-left: 2px;}
.pl-4 {padding-left: 4px;}
.pl-6 {padding-left: 6px;}
.pl-8 {padding-left: 8px;}
.pl-10 {padding-left: 10px;}

.timetable tr td{font-size: 12px;}

.salat_content .list-regions-departements,
.salat_content .liste-villes{
    column-count: 3;
    column-gap: 6px;
}
.salat_content .list-regions-departements .region,
.salat_content .liste-villes .departement{
    display: inline-block;
    width: 100%;
    margin-bottom: 6px;
}
.calendar-header{
    display: flex;
    justify-content:space-between;
    flex-wrap: wrap;
}
.calendar-header > div:nth-child(1)
{
    flex: 2;
    min-width: 300px;
    text-align: center;
}
.calendar-header > div:nth-child(2)
{
    flex: 1;
    text-align: center;
}
.calendar-header > div:nth-child(3)
{
    flex: 1;
    text-align: center;
}
.timer, .timer_paris{margin-bottom: 12px; font-weight: bold; font-size: 16px;text-align: center;}
.timer_paris{font-size: 11px;margin-top:12px;}
.timer span, .timer_paris span{color:#AC2D35; font-size: 20px;}
.timer_paris span{font-size: 14px;}
.prayer-times .td-crumb-container .entry-crumbs {display: none;}

.timetable tr .col-horaire{
    /*width:60px;*/
}


@media only screen and (max-width: 1024px) {
    .salat_content .list-regions-departements,
    .salat_content .liste-villes{
        column-count: 2;
    }
}
@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    /*.change_angle label{display: block;}
    .lat_long span{display: block;}*/
    .calendar-header > div:nth-child(2), .calendar-header > div:nth-child(3)
    {
        margin-top: 12px;
    }
    .salat_content .list-regions-departements,
    .salat_content .liste-villes{
        column-count: 1;
    }
    .timetable tr .col-horaire{
        width:calc(100%/6);
    }
    .timetable tr td.jourGregorian, .timetable tr td.jourHijri{
        text-align: center;
    }
    .timetable tr td.jourGregorian{
        border-left: 0;
    }
    .timetable tr td.jourHijri{
        border-right: 0;
    }

    /*.timetable tr{
        display: block;
        clear: both;
    }
    .timetable tr .break-row {
        float: left;
    }
    .timetable tr .actions{
        width:100%;
    }
    .timetable tr td.jourGregorian, .timetable tr td.jourHijri{
        width:50%;
        float: left;
        text-align: center;
    }
    .timetable tr td.jourGregorian{
        border-left: 0;
    }
    .timetable tr td.jourHijri{
        border-right: 0;
    }*/
}



/* TOGGLE STYLING */
.toggle_hi_gr {
    margin: 0;
    box-sizing: border-box;
    font-size: 0;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: stretch;
}
.toggle_hi_gr input {
    width: 0;
    height: 0;
    position: absolute;
    left: -9999px;
}
.toggle_hi_gr input + label {
    cursor: pointer;
    margin: 0;
    padding: 0.2rem 1.5rem;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    border: solid 1px #DDD;
    background-color: #FFF;
    font-size: 12px;
    text-align: center;
    box-shadow: 0 0 0 rgba(255, 255, 255, 0);
    transition: border-color 0.15s ease-out, color 0.25s ease-out, background-color 0.15s ease-out, box-shadow 0.15s ease-out;
    /* ADD THESE PROPERTIES TO SWITCH FROM AUTO WIDTH TO FULL WIDTH */
    /*flex: 0 0 50%; display: flex; justify-content: center; align-items: center;*/
    /* ----- */
}
.toggle_hi_gr input + label:first-of-type {
    border-radius: 3px 0 0 3px;
    border-right: none;
}
.toggle_hi_gr input + label:last-of-type {
    border-radius: 0 3px 3px 0;
    border-left: none;
}
.toggle_hi_gr input:hover + label {
    border-color: #213140;
}
.toggle_hi_gr input:checked + label {
    background-color: #AC2D35;
    color: #FFF;
    border-color: #AC2D35;
    z-index: 1;
    cursor: default;
}
.toggle_hi_gr input:focus + label {
    outline: dotted 1px #CCC;
    outline-offset: 0.45rem;
}
@media (max-width: 800px) {
    .toggle_hi_gr input + label {
        padding: 0.2rem 1.5rem;
        flex: 0 0 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}