.city_news_wrap
{
    padding: 0px 0px;
}
.city_event_wrap
{
    background-image: unset;
}
.city_jobs_wrap
{
    background-image: url('../images/mairie.jpg');
}
.city_top_wrap
{
        padding: 15px 85px;
}
.city_top_news
{
        padding: 0px 0px;
}
.city_top_navigation {
    padding: 5px 85px 5px;
}
.langue
{
    cursor:pointer;
}
.centrale img
{

/* object-fit: cover; */
object-fit: contain;
    height: 410px;
    width: 100%;
        object-position: center;

}

.blason img
{

object-fit: contain;
    height: 200px;
    width: 100%;
        object-position: bottom;

}
.banner_text
{
        background-color: #df193a82;
}
.navigation > ul > li > a
{
    text-transform: inherit;
}
html, body
{
    text-transform: inherit;
}

.sab_banner.overlay:before
{
        background-color: #0f681b7d;
}
.city_blog2_wrap
{
        padding: 20px 0px;
}
.event_sidebar
{
        margin-bottom: 0px;padding: 20px 0px;
}
.navigation > ul > li {
    margin-right: 20px;padding: 10px 0px;
}
.navigation > ul > li > a {
    font-size: 14px;
}
.city_jobs_list {
    width: 50%;
}
.city_jobs_list_left
{
    float: left;
}
.ciy_jobs_caption h2
{
        margin: 12px 0px 6px 0px;
}

.bg_white
{
        padding: 43px 35px 15px;
}
.bg_white.width
{
        padding: 42px 15px 100px;
}
.city_department_wrap
{
    padding-bottom: 100px;
}
.widget_wrap
{
        padding: 80px 0px 0px;
}
.widget_copyright
{
        padding: 10px 0px;
    margin-top: 0px;

}
.city_department_wrap {
    padding-bottom: 50px;
}
.city_jobs_item {
    padding: 20px 30px;
    min-height: 160px;
}
.city_jobs_item span
{
    height: 100px;
width: 100px;
line-height: 100px;
font-size: 43px;
}
.city_jobs_item h2
{
        font-size: 28px;
}
.city_jobs_item.overlay:before {
    opacity: 0.9;
}
.city_jobs_item {
    background-image: url(../images/back.jpg);
    background-size: cover;
background-repeat: repeat;
background-position: bottom;
}
#gotoTop {
    right: 20px;
    bottom: 20px;
    opacity: .8;
    color: #fff;
    z-index: 9999;
    position: fixed;
    font-size: 20px;
    cursor: pointer;
    background: #666;
    padding: 12px 0 0;
    text-align: center;
    border-radius: 50px;
    width: 50px;
    height: 50px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
.city_project_wrap {
    padding: 30px 20px 64px;
}
.city_project_wrap .slick-prev, .city_project_wrap .slick-next {
    bottom: -75px;
}
.city_project_fig:hover .overlay:before , .city_project_fig .overlay:before
{
    opacity: 0;
}

.appels_commune .city_project_fig:hover .overlay:before , .appels_commune .city_project_fig .overlay:before
{
    opacity: 1;
}
.city_project_fig.fig2 .city_project_text h4
{
        font-size: 13px;
}
.city_project_wrap_spon {
    padding: 30px 20px 0px;
}

.city-project-slider_appels .city_project_fig:hover .overlay:before , .city-project-slider_appels .city_project_fig .overlay:before
{
    opacity: 0.8;

}
.forum_list_doc ul li {
    width: 35%;float: left;
}

.forum_list_doc ul li:last-child {
    width: 30%;
}
.forum_list_doc .forum_fig
 {
      padding: 12px 15px;
}


.city_senior_team .theam_btn
{
    color:black;
}


.city_senior_team .theam_btn:hover
{
    color:white;
}

.forum_list_doc.delib ul li {
    width: 60%;float: left;
}

.forum_list_doc.delib ul li:last-child {
    width: 40%;
}
.forum_list_doc.delib .forum_fig
 {
      padding: 12px 15px;
}

.acoordian_text
{
    border: 1px solid #999999;padding: 0px;
    min-height: 110px;margin-bottom: 10px;
}
.acoordian_text a
{
    outline: unset;
    color: #999;
    text-decoration: unset;
}

.forum .side_notice_detail
 {
      padding: 10px 13px;
}
.sab_banner
{
    padding: 60px 0px 20px;
}
.city_health_department {
    padding: 30px 0px;
}
.city_services2_wrap {
    padding: 30px 0px;
}
.city_event2_wrap {
padding: 30px 0px;
}

#animation_drapeau
{
    width:244px;
  height: 140px;
  background-image: url(../img/bkg_drapeau.png);
  background-repeat: no-repeat;
  /* margin-left: -30px; */
  margin-top: -20px;
}
.city_top_wrap {
    padding: 0px 85px;
}
.city_top_news {
    padding: 0px 0px;
    text-align: center;border-left: 0px solid #cccccc;
}
.titre_portail
{
    padding-top: 10px;
    border-left: 0px solid;    margin: 0px 0 12px;
}
.titre_portail h6,.titre_portail h4
{
        margin: 0px 0 5px;
}
.city_health_department {
    padding: 0px 0px;
}
.city_jobs_item.overlay:hover{
    background-color: #FFF;background-image: unset;
}
.city_checkout_list li {
    margin-bottom: 9px;
}
.city_checkout_list li:last-child {
    margin-bottom: 9px;
}
.sidebar_title {
    margin: 0px 0px 15px 0px;
}
.side_notice_list.text2
{
        padding-bottom: 0px;
}
.side_notice_detail i
{

    float: left;
}
.side_notice_text
{
    float: left;

}
.side_notice_text h6
{
float: left;
}
.city_service2_fig img
{
    height: 150px; object-fit: cover;
}
.side_notice_text span
{
    float: left;    margin: 3px 10px;
font-size: 12px;
}
.city_blog_grid .box img
{
    height: 100px; object-fit: cover;width: 100%;
}
.side_notice_row li {
    padding: 5px 0px;
}
.widget_wrap {
    margin-top: 0px;    padding: 0px 0px 0px;
}
.city_health_service2
{
    text-align: center;
}
.assemble_commune
{
        padding: 0px 0px 0px;
}
.assemble_commune .container-fluid
{
        padding: 0px 0px 0px;
}
.assemble_commune .slick-slide
{
    padding: 0px 0px 0px;

}

.assemble_commune .city_senior_team_text
{
    border-top: 1px solid #e1e1e1;
}
.assemble_commune .slick-track {
    padding-bottom: 0px;
}
.city_blog2_fig
{
        border: 1px solid #e1e1e1;
}
.city_blog2_fig img
{
    height: 140px; object-fit: cover;width: 100%;
}
.event_categories_text span
{
    font-size: 20px;
}
.event_grid_list .overlay:before {
    background-color: #808080d6;
}
.event_grid_list .event_categories_list
{
    background-image: url(../img/rouibaapc.jpg);
}
.slick-dots li button::before {
    font-size: 20px;
}
.slick-dots
{
    bottom: -20px;
}
.forum_list_rech ul li
{
        width: 49%;
}
.forum_list_rech ul li:nth-child(2)
{
    width: 24%;
}
.forum_list_rech ul li:nth-child(3)
{
    width: 27%;

}
.forum_list_rech .forum_fig figure::before
{
    display: none;
}
.forum_list_rech .forum_fig
{
    padding: 5px 15px;
}
.forum_list_rech  .forum_topic
{
    padding: 10px 15px;

}
.forum_list_rech .forum_month {
    padding: 7px 5px;
}

.forum_list_rech .forum_title {
    padding: 10px 30px;
}
.city_top_navigation.sticky
{
    padding: 5px 85px 5px;
}
.side_contact_info {
    margin-bottom: 20px;    padding: 20px 20px 20px;
}
.city_blog_grid_text {
    text-align: center;
}
.city_blog_grid_text h5 {
    margin: 10px 0px 10px 0px;
}
.accordion {
    border: 0px dotted #d7d7d7;
}
.section_heading
{
    /* height: 4px; */
    /* border-left: 28px solid; */
}
.city_mayor_fig {
    margin-bottom: 0px;
}
.photos_std .slick-slide img
{
    height: 420px; object-fit: cover;
}
.city_event2_fig figure img
{
    height: 130px; object-fit: cover;
}
.city_business_fig figure img
{
    height: 80px; object-fit: cover;
}
.city_department_wrap.goverment
{
        padding: 50px 0px;
}
.emplois_commune h5
{
    font-size: 15px;
}

.emplois_commune p
{
    font-size: 13px;
}
.appels_commune img
{
    height: 100px; object-fit: cover;opacity: 0.6
}

.appels_commune .overlay
{
    background: #7c7c7c;
}
.appels_commune .city_project_fig.fig2 .city_project_text
{
    top: 0%;
    margin-top: 10px;
}
.city_event_detail.contact
{
        padding: 0px 0px 0px 0px;
}
.carre_pub img
{
    object-fit: contain;
    height: 250px;border: 1px solid #9f9f9f;
}
.petit_pub img
{
    object-fit: contain;border: 1px solid #9f9f9f;
    height: 190px;
}

.actu_port img
{
    object-fit: cover;
    height: 140px;
    width: 150px;
}
.navigation > .dir_rtl > li
{
    float: right;
}
.navigation > .dir_rtl > li > a
{
    font-size: 16px;
}
.navigation ul.dir_rtl > li > ul
{
    text-align: right;
}
.navigation ul.dir_rtl li ul li a:before
{
    left: 15px;
    right: unset;
    content: "\f104";
}
.navigation ul.dir_rtl > li > ul
{
    right: 0px;
}
.font_ar
{
    font-family: 'Cairo', sans-serif !important;
}

.font_ar h1,
.font_ar h2,
.font_ar h3,
.font_ar h4,
.font_ar h5,
.font_ar h6,
.font_ar p,
.font_ar div,
.font_ar span,
.font_ar select,
.font_ar input,
.font_ar textarea,
.font_ar a
{
    font-family: 'Cairo' !important;
}

.font_ar .city_health_department .section_heading,
.font_ar .event_sidebar .sidebar_heading,
.font_ar.portail .section_heading
{
    padding-right: 20px;
border-right: 4px solid;
padding-left:unset;
border-left:unset;
float: right;
text-align: right;
}
.font_ar.portail .section_heading.titre_portail
{

    border-right: 0px solid;text-align: center;
}
.font_ar.portail .section_heading.border:before,
.font_ar.portail .section_heading.border:after
{
    right: auto;
    left: 0px;
}

.font_ar .city_health2_text .sidebar_title,
.font_ar .sidebar_title ,
.font_ar .side_contact_list,


.font_ar select,
.portail.font_ar .service_title,
.font_ar .city_event2_wrap,
.font_ar .city_event_text,
.font_ar .city_news_feild,
.font_ar .city_health2_text div
{
    /* float: right; */
    text-align: right;

}

.font_ar .icon-next-1:before {
    content: "\e94c";
}
.font_ar .see_more_btn i
{
    float: left;
}
.font_ar select,
.font_ar input,
.font_ar textarea
{
    direction: rtl;
}
.font_ar .titre_portail h2,
.font_ar .titre_portail h4,

{
    text-align: center;
}
.font_ar .side_contact_text i
{
        float: right;
        margin-left: 10px;    margin-right: 0px !important;
}
.font_ar .sidebar_search div
{
    float: right;
}
.font_ar .city-emergency-slide
{
    direction: rtl;
}
.font_ar #gotoTop
{
    font: normal normal normal 14px/1 FontAwesome !important;padding: 18px 0 0;
}

.city_main_banner .overlay:before
{
    opacity : 0;
}
.city_blog_grid
{
    padding: 0px 0px 15px;
}
.city_blog_grid h5
{
    font-size: 14px;
}
.city_event2_list
{
    padding: 30px 15px 30px 15px;
}

.city_event2_list .city_event2_text h4
{
        line-height: 19px;font-size: 15px;    margin: 0px 0 10px;
}
.city_event2_list .city_event2_text
{
    text-align: center;min-height: 76px;
}
.details_page .event_sidebar
{
        padding: 20px 20px;
}
.details_page .city_blog2_fig img {
    height: 340px;
}
.actu_com .city_date_text
{
    padding: 0px 0px 0px 0px;
}
.actu_com .city_date_text h5
{
    font-size: 16px;
}

.actu_port.actu_com img
{
        height: 131px;
}

.actu_com .city_event_text {
    overflow: hidden;
    padding: 14px 15px 14px 15px;
    border: 1px solid #d7d7d7;
}

.tab_long ul li:last-child {
    width: 65%;
}

.accord_portail .accordion-section-title:before {
    position: absolute;
    content: "+ Ouvrir";
}
.side_contact_text h6 ,.side_contact_text{
    color: #000000;
}
.btn_pub
{

    background: #d50000;
    color: white;
}
.msg_env:before {
    color: #6aa95f;
    font-size: 76px;
}
.select_communes_op , .select_villes_op , .sidebar_search .col-md-8 input::placeholder
{

color: black ;
    opacity: 1;
}

.lien_com .collapse.in {
    display: block;
    border: 1px solid;
}

.lien_com .accordion-section
{
        margin-bottom: 10px;
}

.font_ar .city-emergency-slide {
    direction: unset;
}

.font_ar .city_emergency_slider .slick-prev
{
    left: 18px;
    right: auto;
}

.font_ar .city_emergency_slider .slick-next
{
    left: 65px;
}
/* .nav_mob
{
    display: none;
} */

@media (max-width: 480px)
{
    .city_top_logo {
        width: auto;
        position: relative;
        left: 0px;
    }
    .city_top_logo img
    {
            height: 110px !important;
    }
    .city_top_wrap, .city_top_wrap .container {
        padding: 0px 0px;
    }
    /* .nav_mob
    {
        display: block;
    } */
    .city_top_news {
        display: block;
        position: absolute;
        width: auto;
        text-align: right;
        top: -5px;
        right: 10px;
        font-size: 9px !important;
    }
    .titre_portail {
        padding-top: 10px;
        border-left: 0px solid;
        margin: 0px 0 12px;
    }
    .titre_portail h6, .titre_portail h4
    {
        font-size: 16px;
    }
    header .city_top_social {
        width: auto;
        position: absolute;
        top: 70px;
        right: 50px;
    }
    .centrale img
    {
            height: 160px;
    }
    .city_emergency_slider ,.city_about_wrap
    {
            padding: 10px 0px 25px !important;
    }
    .nav_mob
    {
        display: block;
    }
    dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active, .dl-menuwrapper button
    {
        position: absolute;
    top: -50px;
    right: -90px;
    }
    .part_com .city_top_social
    {
        display: none;
    }
    .nav_2 dl-menuwrapper button:hover, .nav_2 .dl-menuwrapper button.dl-active, .nav_2 .dl-menuwrapper button
    {
        right:unset;
        left:-160px;
    }
    .city_jobs_list ul li ,.city_jobs_list
    {
        width:100%;
    }
    .city_jobs_item.pull-right span , .city_jobs_item span
    {
        display: none;
    }
    .city_jobs_item
    {
        background-image: url("../images/back.jpg");
    }
    .city_jobs_item.pull-right .ciy_jobs_caption {
        margin-bottom: 0px;
    }
    .city_jobs_item
    {
        min-height: 100px;
    }
    .city_event_fig figure img
    {
    width: 100%;
    }
}