.horairep { padding: 0}
.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: .5rem 0; margin: .125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.15); border-radius: .25rem;}
.horairep li { padding: 2px 6px; font-size: 16px; margin: 2px 0; list-style-type: none; line-height: 30px}
.horairep li.ac { background: #eeefff; list-style-type: none}
.medias li { padding: 2px 6px; font-size: 16px; margin: 2px 0}
.medias li label { font-weight: 400; width: 75%}
.medias li.ac { background: #eeefff}
.villesp { padding: 0; border-right: 1px solid #eeefff}
.villesp li { list-style-type: none; padding: 2px 0}
.villesp li a { font-size: 14px}
.villesp li .activepville { color: #00a651; font-weight: 700}
.prieremap { position: relative}
.datepreiere { font-size: 13px; color: #00a64c}
.priere .mcat .active { background: 0 0; color: #333 !important}
.priere nav .dropdown-menu>li>a { color: #333}
.prieremap img { width: 100%; background: #eee; border: 1px solid #cccc; margin-bottom: 1rem}
.prieremap .titre { background: #677271; color: #fff; max-width: 285px; display: block; padding: .5rem 1rem; position: absolute; font-size: 16px; border-radius: 0px 0px 15px 0px; z-index: 2;}
.prieremap .vpm { background: #00a651; color: #fff; max-width: 116px; position: absolute; padding: 5px; border-radius: 5px !important; z-index: 2;}
.priere .btn-default { margin: 2px}
.priere h4 { color: #00a652}
.prierelist .current td { font-weight: 700; color: #00a651}
.prierelist p a { color: #333; font-size: 14px; font-weight: 700}
.prierelist h3 { color: #00a64c; font-size: 18px; font-weight: 600}
.prierelist table td { padding: 5px !important}
.prierelist .logoinpriere { float: right; top: 7px; width: 25%; position: absolute; right: 0}
.prierelist .prieresource { top: 15px; width: 25%; position: absolute; text-align: right; right: 7px; font-size: 11px; visibility: collapse}
ul li a { color: #19672b}ul li a:hover { color: #19672b}
.venredi { border: 2px dashed #666; padding: 1rem}
.venredi th, .venredi td { text-align: center}
.venredi.active { border: 2px dashed #00a64c; padding: 1rem; margin-bottom: 1rem}
.venredi.active .bg-success { color: #fff; font-weight: 700}
.venredi h4 { background: #ccc; text-align: center; color: #000}
.venredi.active h4 { background: #00a64c; text-align: center; color: #fff}
.venredi table th { padding: 5px !important}
@media ( max-width :415px) { .horairep li {  font-size: 12px}}
@media ( min-width :416px) { .horairep li label {  font-weight: 400;  width: 50%}}
@media ( max-width :415px) { .horairep li label {  font-weight: 400;  width: 60%}}
@media ( max-width :415px) { .prieremap img {  width: 100% !important;  margin-top: 12%}}
@media all and (min-width:1200px) { .prieremap .vpm {  font-size: 12px}}
@media all and (max-width:1100px) { .prieremap .vpm {  font-size: 12px}}
@media all and (max-width:500px) { .prieremap .vpm {  font-size: 11px;width: 95px;}.prieremap .titre {
    max-width: 155px;
    padding: 10px;
    font-size: 11px;
    margin-top: 43px;
}}
@media all and (max-width:414px) { .prieremap .vpm {  font-size: 10px;  padding: 3px}}
@media all and (max-width:320px) { .prieremap .vpm {  font-size: 9px;  padding: 3px}}
@media all and (min-width:416px) { .prieremap .vpm a {  color: #fff} .prieremap .nouaceur {  top: 24%;  left: 41%} .prieremap .rabat {  top: 19%;  left: 46%} .prieremap .marrakech {  top: 33%;  left: 49%} .prieremap .figuig {  top: 24%;  left: 87%;} .prieremap .fes-medina {  top: 18%;  left: 65%} .prieremap .oujda {  top: 10%;  left: 77%} .prieremap .tanger {  top: 1%;  left: 57%} .prieremap .agadir {  top: 39%;  left: 38%} .prieremap .guelmim {   top: 45%; left: 40%;} .prieremap .laayoune {  top: 56%;  left: 18%} .prieremap .dakhla {  top: 75%;  left: 9%} .prieremap .tetouan {  top: 2%;  left: 69%} .prieremap .nador {  top: 3%;  left: 75%} .prieremap .alhociema {  top: 2%;  left: 71%} .prieremap .essaouira {  top: 29%;  left: 41%}}
@media all and (max-width:415px) { .prieremap .vpm a {  color: #fff} .prieremap .nouaceur {  top: 26%;  left: 41%} .prieremap .rabat {  top: 20.59%;  left: 46%} .prieremap .marrakech {  top: 33%;  left: 49%} .prieremap .fes-medina {  top: 23%;  left: 67%}  .prieremap .figuig {  top: 30%;  left: 80%}  .prieremap .oujda {  top: 16%;  left: 77%} .prieremap .tanger {  top: 9.5%;  left: 57%} .prieremap .agadir {  top: 43%;  left: 38%} .prieremap .guelmim {  top: 52%;  left: 30%} .prieremap .laayoune {  top: 63%;  left: 18%} .prieremap .dakhla {  top: 77%;  left: 3%} .prieremap .tetouan {  top: 2%;  left: 69%} .prieremap .nador {  top: 8%;  left: 75%} .prieremap .alhociema {  top: 2%;  left: 71%} .prieremap .essaouira {  top: 29%;  left: 41%}}
@media all and (max-width:1200px) { .priere .nav li {  border-bottom: none} .priere .dropdown {  padding-left: 15px} .priere .open {  background: 0 0 !important} .priere .open .dropdown-toggle {  background: 0 0 !important}}