/* Extra small devices (portrait phones, less than 576px)
// No media query since this is the default in Bootstrap*/


/* Small devices (landscape phones, 576px and up)*/

@media (min-width: 576px) {
    /*** begin style modal catalan ***/
    .modal-catalan {
        width: 65%;
    }
    /*** end style modal catalan ***/
    /*** begin style ou nous trouver ***/
    .touver_map iframe {
        width: 100% !important;
        height: 100% !important;
    }
    /*** end style ou nous trouver ***/
    /**** slider home *****/
    .background-header {
        height: 300px;
    }
    .caption {
        margin-top: 35px;
        width: 340px;
        height: 220px;
        background: #0000008a;
        padding: 25px 15px 25px;
    }
    .slider .slick-dots {
        margin-left: 28px;
        bottom: 50px;
        text-align: left;
    }
    /* begin style bloc en direct home page*/
    .header-title-endirect h2 {
        margin-bottom: 0 !important;
    }
    .block-filter {
        margin-bottom: 45px;
    }
    /* end style bloc en direct home page*/
    /* begin bloc en direct home page */
    .card-columns .card {
        max-width: initial;
    }
    .slick-slide {
        max-width: initial;
    }
    .swip_rs.card-columns .slick-list.draggable {
        width: 85%;
    }
    /* end bloc en direct hom page */
    .post-type-archive-agenda .form-inline .form-group {
        margin-bottom: 16px;
    }
    /* begin bloc en ce moment */
    .home #bloc-ce-moment .block-model.block-model-2 .global-model .bloc-description {
        bottom: 5px;
        padding: 0px 5px;
    }
    .left-color {
        padding-right: 12px;
    }
    .left-color:after {
        content: "";
        display: block;
        position: absolute;
        background: #FFFFFF;
        left: 99%;
        top: 0;
        width: 100vw;
        height: 100%;
    }
    .post-type-archive-commune h1{
        font-size: 22px;
    }
}


/*Medium devices (tablets, 768px and up)*/

@media (min-width: 768px) {
    /*
    *begin custom modal page home
    */
    .popup-title h2 {
        font-size: 41px;
        line-height: 1.25;
    }
    #home-modal .popup-description,
    #home-modal .popup-description p,
    #home-modal .popup-description span {
        font-size: 20px!important;
        line-height: 30px!important;
    }
    /*
    *end custom modal page home
    */
    .site-footer .row {
        background-size: 60%;
        padding-bottom: 250px;
    }
    /* begin page detail service */
    .retour-geolocalisation-top {
        position: absolute;
        right: 0;
        top: 0;
    }
    .page-template-page-recherche-map #header-bar.header-recherche-map h1 {
        margin-top: 0;
    }
    .single-service #header-bar.header-recherche-map h1, .single-service #header-bar.header-recherche-map span {
        margin-top: 0;
    }
    /* end page detail service */
    /* begin page géolicalisation */
    .tiltle-right {
        padding-left: 26px;
    }
    /* end page géolocalisation */
    /* begin page offre */
    .single-offre .post-pouvoir {
        margin-top: 30px;
    }
    /* end page offre */
    /* begin page webcam */
    .block_document-telecharger .file {
        font-size: 16px;
    }
    .lien-util-download {
        margin-bottom: 49px;
    }
    .titl-webcam {
        display: inline-block !important;
    }
    /* .site-main {
        margin-bottom: 49px;
    } */
    .block_lien_utile .titre {
        font-size: 21px !important;
    }
    .block_document-telecharger .titre {
        font-size: 21px !important;
    }
    .menu-webcam a {
        font-size: 16px;
    }
    .menu-mobile.navbar.show>div {
        padding-right: 0;
    }
    /* end page webcome */
    /* begin bloc titre encadre page article */
    .article_encadre .titre {
        font-size: 18px;
    }
    .article_encadre .description,
    .article_encadre p {
        font-size: 17px;
    }
    .article_subtitle {
        font-size: 26px;
    }
    .single-post .retour_dossier_content {
        margin-bottom: 33px;
    }
    /* end bloc titre encardre page article */
    /* begin bloc en direct hom page */
    .swip_rs .slick-slide {
        transform: translate3d(0px, 0px, 0px);
    }
    .swip_rs.card-columns .slick-list.draggable {
        width: 100%;
    }
    /* end bloc en dirct hom page */
    /* begin footer*/
    /* begin footer*/
    .press_footer {
        margin: 20px 0 75px 0 !important;
        height: 29px;
        line-height: 20px !important;
    }
    .site-footer {
        background: url(../img/griffe.png);
        background-repeat: no-repeat;
        background-position: 20px 25px;
    }
    /* end footer */
    /* begin page presse */
    .prss_bloc_all {
        margin-bottom: 21px;
    }
    .dialogues-pagination,
    .actualites-pagination,
    .agenda-pagination {
        margin-top: 38px;
        margin-bottom: 50px;
    }
    .prss_bloc_all h2 {
        font-size: 21px;
        line-height: 26px;
    }
    .press_date_all span {
        font-size: 17px;
        line-height: 26px;
    }
    .second_dec_p_all {
        font-size: 17px;
        line-height: 26px;
    }
    .last_press:after {
        margin: 0px 0 32px 12px;
    }
    /* end page presse */
    /* Begin page sesion */
    .session-list h1 {
        margin-top: 40px;
    }
    .result-s-bloc .result-s ,
    .page-template-page-espace-aide .result-s 
    {
        font-size: 24px;
        margin: 33px 0 30px 0;
    }
    .result-s-bloc h3 {
        font-size: 21px;
        line-height: 26px;
    }
    .result-s-bloc h6 {
        margin-top: 20px;
        line-height: 26px;
    }
    .result-s-bloc article {
        margin-bottom: 34px;
        margin-top: 6px;
    }
    .sessions_bloc h2 {
        font-family: 'FiraSans-Bold', sans-serif;
        color: #1d1d1b;
        font-size: 38px;
        margin-top: 34px;
        line-height: 46px;
    }
    .sessions_bloc h4 {
        font-family: 'FiraSans-Bold', sans-serif;
        color: #1d1d1b;
        font-size: 21px;
        margin-top: 24px;
        line-height: 30px;
    }
    .sessions_bloc h4:after {
        content: '';
        width: 121px;
        height: 7px;
        background: #cc1b23;
        display: block;
        margin-top: 15px;
    }
    .sessions_bloc p {
        font-family: FiraSans-Regular;
        color: #1d1d1b;
        font-size: 17px;
        margin-top: 0px;
        line-height: 28px;
    }
    .prochaine_session {
        border: 1px solid #cc1b23;
        max-width: 413px;
        margin: 22px 0;
        padding: 7px 20px;
        font-size: 20px;
        font-family: 'FiraSans-Bold', sans-serif;
        height: 45px;
    }
    .prochaine_session .date_s {
        color: #c1200d;
    }
    .sidbar-session .block-contacts {
        margin-top: 0;
    }
    .sidbar-form ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    .sidbar-form h2,
    .sidbar-form h1 {
        font-size: 20px;
        color: #1d1d1b;
        font-family: FiraSans-Regular;
        text-transform: uppercase;
    }
    .sidbar-form h2 :before,
    .sidbar-form h1 :before {
        margin: 65px 0 12px 0;
    }
    .page-template-page-les-session .right-side,
    .page-template-page-espace-presse .right-side,
    .page-template-page-espace-aide .right-side {
        padding-right: 0;
    }
    .sidbar-form .sf-field-search label {
        margin: 0;
    }
    .sf-field-search h4 {
        font-size: 16px;
        font-family: FiraSans-Regular;
        color: #1d1d1b;
        margin-bottom: 12px;
    }
    .sf-input {
        max-width: 180px;
        height: 25px;
        border: 0;
        font-size: 15px;
        padding-left: 10px;
        color: #9d9d9c;
    }
    .sf-label-title {
        font-size: 17px;
        font-family: 'FiraSans-Bold', sans-serif;
        color: #1d1d1b;
        margin: 18px 0 15px 0;
    }
    .sf-field-reset a {
        font-size: 15px;
        color: #c1200d;
        font-family: 'FiraSans-Bold', sans-serif;
    }
    .sf-field-submit input {
        background-color: #c1200d;
        width: 180px;
        border: 0;
        height: 28px;
        font-family: 'FiraSans-Bold', sans-serif;
        font-size: 14px;
        margin: 17px 0 16px 0;
        color: #ffffff;
        cursor: pointer;
    }
    .sf-filtr-bloc label {
        font-family: FiraSans-Regular;
        color: #1d1d1b;
        font-size: 16px;
        margin-left: 0px;
    }
    /* .sidbar-form h2:before{
        content: '';
        width: 100%;
        height: 7px;
        background: #cc1b23;
        display: block;
        margin: 65px 0 5px 0;
    }*/
    .form-date-s li label {
        margin-bottom: 8px !important;
    }
    .sf-input::placeholder {
        color: #9d9d9c;
        font-family: FiraSans-Regular;
        font-size: 16px;
    }
    .radio {
        display: block;
        position: relative;
        padding-left: 30px;
        margin-bottom: 12px;
        cursor: pointer;
        font-size: 20px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }
    .radio input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }
    .checkround {
        position: absolute;
        top: 4px;
        left: 0;
        height: 16px;
        width: 15px;
        background-color: transparent;
        border-color: #aaaaaa;
        border-style: solid;
        border-width: 1px;
        border-radius: 24%;
    }
    .radio input:checked~.checkround {
        background-color: transparent;
    }
    .checkround:after {
        content: "";
        position: absolute;
        display: none;
    }
    .radio input:checked~.checkround:after {
        display: block;
    }
    .radio .checkround:after {
        left: 4px;
        top: 4.5px;
        width: 5.5px;
        height: 4.5px;
        border-radius: 50%;
        background: #aaaaaa;
    }
    .bloc-date-s-icon:before {
        content: "";
        background-color: #a6a6a6;
        height: 1px;
        width: 100%;
        display: block;
        margin: 15px 0 0;
    }
    .bloc-date-s-icon:after {
        content: "";
        background-color: #a6a6a6;
        height: 1px;
        width: 100%;
        display: block;
        margin: 0 0 15px;
    }
    .bloc-date-s-icon h6 {
        color: #1d1d1b;
        font-family: 'FiraSans-Bold';
        font-size: 16px;
        padding: 11px 0;
    }
    .header-bar-archive .bg-icon .icon-session {
        background: url(../img/session.png) 0 0;
        background-repeat: no-repeat;
        height: 100%;
        width: 100%;
        display: block;
        margin-top: 0;
        background-size: 57%;
        margin-left: 0;
        background-position: 14px 10px;
    }
    .title-session-bar h1 {
        color: #fff;
        font-size: 42px !important;
        font-family: 'FiraSans-Regular';
        text-transform: uppercase;
    }
    /* end style page sesion*/
    /* begin style ou nous trouver */
    .page-template-page-ou-nous-trouver .bloc_ou_nous_trouver h1 {
        font-family: 'Firasans-Bold';
        margin: 15px 0;
        font-size: 38px;
        line-height: 34px;
    }
    .bloc_ou_nous_trouver {
        padding: 0 12px;
    }
    .bloc_ou_nous_trouver h1 {
        font-family: 'Firasans-Bold';
        margin: 15px 0;
        font-size: 30px;
    }
    .bloc_ou_nous_trouver h3 {
        font-family: 'Firasans-Bold';
        margin: 15px 0;
        font-size: 20px;
        color: #212529;
    }
    .bloc_ou_nous_trouver h5 {
        font-family: 'Firasans-Bold';
        margin: 15px 0;
        font-size: 18px;
    }
    .trouver_contact {
        margin-top: 20px;
    }
    .trouver_contact p,
    .trouver_contact span {
        line-height: 24px;
        font-size: 15px;
    }
    .nous_trouver_map {
        margin: 40px 0 11px;
    }
    .touver_map {
        overflow: hidden;
        max-width: 700px;
        position: relative;
    }
    .page_nous_trouver .right-side {
        background-color: #F0EEEF;
    }
    .page_nous_trouver .right-side .title-lire {
        line-height: 17px;
    }
    .page_nous_trouver .right-side .title-lire a {
        color: #1d1d1b;
        font-family: FiraSans-SemiBold;
        font-size: 14px;
    }
    .page_nous_trouver .right-side h2 span {
        font-family: FiraSans-Regular;
        font-weight: 500 !important;
    }
    .page_nous_trouver .right-side h2 {
        text-transform: uppercase;
        font-size: 20px;
        margin-top: 30px;
    }
    .page_nous_trouver .right-side hr {
        margin: 10px 0 !important;
    }
    /* end style ou nous trouver */
    /* seach begin */
    .search-ico {
        padding: 5px 25px;
        margin-left: 22px;
    }
    .item-searched-title a {
        font-size: 18px;
    }
    .search_article .entry-summary {
        font-size: 16px;
    }
    .search-container input {
        font-size: 18px;
    }
    .posts-count {
        font-size: 24px;
    }
    .search-shortcode {
        margin-top: 40px;
        margin-bottom: 0;
    }
    .search-title {
        font-size: 38px;
        margin: 50px 0;
    }
    .search-shortcode span {
        width: 170px;
        margin-bottom: 10px;
    }
    .search-shortcode span:not(:last-child) {
        margin-right: 20px;
    }
    /* seach end */
    /* page toutes les actualités */
    li.page-item {
        font-size: 18px;
    }
    .block-model {
        margin-top: 20px;
    }
    .articles-container .block-article:not(:last-child) .block-model {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: none;
    }
    .red_header .container {
        background-image: url("./../img/griffe.png");
    }
    .red_header {
        height: 140px;
    }
    .red_header .actualite-first-items .icon {
        width: 67px;
        margin-right: 23px;
    }
    .red_header .actualite-first-items h1 {
        font-size: 42px
    }
    .red_header .actualite-first-items span{
        font-size: 42px;
    }
    .post-type-archive-actualite .share-print {
        margin-top: -3px;
    }
    .post-type-archive-actualite .filariane {
        margin-top: 4px;
    }
    #actualites-wrapper.actualites-wrapper {
        padding-top: 25px;
    }
    /* page toutes les actualités end*/
    .block-model {
        margin-top: 20px;
    }
    .articles-container .block-article:not(:last-child) .block-model {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: none;
    }
    header.page-header-actualite h1.page-title-actualite {
        font-size: 38px;
        text-align: left;
        margin: 50px auto 50px;
        line-height: 48px;
    }
    .red_header .container {
        background-image: url("./../img/griffe.png");
    }
    .red_header {
        height: 140px;
    }
    .red_header .actualite-first-items .icon {
        width: 67px;
    }
    .red_header .actualite-first-items h1 {
        font-size: 42px
    }
    /* page détail agenda begin*/
    .page-template-page-contact-condidature #single-content .block-top,
    .single-commune #single-content .block-top,
    .single-offre #single-content .block-top,
    .single-post #single-content .block-top,
    .single-agenda #single-content .block-top,
    .single-actualite #single-content .block-top {
        padding-bottom: 5px;
    }
    .page-template-page-contact #single-content .block-top,
    .single-profil #single-content .block-top {
        padding-bottom: 13px;
    }
    .page-template-page-publications #single-content .block-top,
    .single-dossier #single-content .block-top,
    .tag #single-content .block-top {
        padding-bottom: 38px;
    }
    .page-template-page-recherche-map #single-content .block-top,
    .page-template-page-ou-nous-trouver #single-content .block-top,
    .page-template-page-ml #single-content .block-top,
    .page-template-page-offre-emploi #single-content .block-top,
    .page-template-page-marche-publique #single-content .block-top {
        padding-bottom: 0px;
    }
    .page-template-page-les-session .sessions_bloc {
        margin-bottom: 37px;
    }
    .single-webcam .lien-util-download {
        margin-bottom: 38px;
    }
    .right-side {
        padding-left: 24px;
    }
    .agenda-date {
        margin-top: 42px;
        padding: 10px 12px 8px;
    }
    .single-agenda .agenda-date {
        margin-top: 22px;
    }
    /*.single-agenda  .entry-content,
    .single-agenda  .second_description{
        display: flow-root;
    }*/
    .map-content {
        margin-right: 0;
        margin-left: 0;
    }
    .block-yellow {
        margin-top: 95px;
    }
    .block-yellow:after {
        display: inline;
    }
    .trait-bottom-mobile {
        padding-bottom: 0;
        border-bottom: none;
    }
    .no-padding-right-md {
        padding-right: 0;
    }
    .no-padding-left-md {
        padding-left: 0;
    }
    .annuaire-text.contact-agenda {
        border-left: 1px solid #bfbfbf;
        padding-left: 20px;
    }
    .agenda-cover-content {
        margin-bottom: 0;
        margin-right: 25px;
        float: left;
    }
    .single-agenda .actualite-first-items {
        margin-top: 0px;
    }
    /* page détail agenda end*/
    /* block annuaire */
    .annuaires_wrap .annuaires-header {
        margin-top: 42px;
    }
    .annuaire-content:nth-child(odd) {
        padding-left: 25px;
        border-left: 1px solid #bfbfbf;
    }
    .annuaires_wrap .annuaires-header {
        font-size: 21px;
    }
    .annuaire_nom_s,
    .annuaire_pole,
    .annuaire_nom_prenom,
    .annuaire_lien,
    .annuaire_fonction,
    .annuaire_telephone,
    .annuaire_adress,
    .annuaire_poste,
    .annuaire_ville,
    .annuaire_adress_mail {
        font-size: 16px;
        line-height: 24px;
    }
    /* block annuaire end */
    /*page actualité ninja form */
    .nf-field-container.submit-container {
        /* margin-left: 20px; */
    }
    .ninja-button .submit-wrap {
        margin-left: 44px;
    }
    .nf-field-label {
        /* width: 100px !important; */
    }
    .nf-field-element {
        /* width: calc(100% - 100px) !important; */
    }
    /*page actualité ninja form end*/
    /***** page détail actualité begin ******/
    #header-bar .actualite-first-items h1,  #header-bar .actualite-first-items span {
        font-size: 26px !important;
    }

    #header-bar .actualite-first-items span {
        font-size: 26px !important; 
    }
    #single-content .single-tag, .archive .single-tag {
        font-size: 15px;
        line-height: 24px;
        padding: 4px 10px 4px;
    }
    .see-all-actualites-content a {
        margin: 35px auto;
    }
    #single-content .entry-title {
        font-size: 38px;
        line-height: 46px
    }
    #single-content .thumbnail-content {
        margin: 0;
    }
    #single-content #map-canvas {
        margin-right: -90px;
        margin: 18px -90px 0px 0px;
    }
    .single-tag-content:not(:last-child) {
        margin: 0 12px 12px 0;
    }
    .single-post h1.single-tag {
        font-family: "Roboto-Bold", sans-serif;
        font-size: 38px;
        line-height: 38px;
        padding: 10px 15px 10px;
        text-align: center;
        text-transform: capitalize;
    }
    #single-content .block-top {
        margin-top: -65px;
        padding-bottom: 49px;
    }
    .page-template-page-elus #single-content .block-top {
        padding-bottom: 0;
    }
    #header-bar {
        padding: 20px 0;
        display: block;
        height: 140px;
    }
    .col-md-9.left-color {
        /* corriger le problème sure mac */
        max-width: 74.5%;
    }
    .header-single-actualite-items {
        padding-right: 0;
    }
    .article_encadre .description {
        font-size: 17px;
    }
    .single-actualite .nf-form-title h3 {
        margin-bottom: 20px;
        margin-top: 52px
    }
    .single-actualite .label-above .nf-field-label {
        margin-bottom: 10px;
    }
    .single-actualite .nf-field-container.required_field {
        margin-bottom: 25px;
        margin-top: 3px;
    }
    .single-actualite .nf-field-container.label-above {
        margin-bottom: 10px;
    }
    .single-actualite #single-content .entry-title {
        padding-top: 11px;
    }
    .single-actualite #single-content .tags-content {
        margin-bottom: 28px;
    }
    .single-actualite .annuaires_structure_wrap .annuaires-header {
        margin-top: 33px;
    }
    /*.single-actualite  input.ninja-forms-field.nf-element{
        border: 1px solid #bfbfbf;
    }*/
    /***** page détail actualité end ******/
    /* page edito begin */
    #header-bar-edito {
        padding: 20px 0;
        display: block;
        height: 75px;
    }
    .entry-title-edito {
        font-size: 38px;
        line-height: 46px;
        margin-top: 45px;
    }
    .page-template-page-edito .bloc_ou_nous_trouver {
        margin-top: 42px;
    }
    .page-template-page-edito h1 {
        font-size: 38px;
        line-height: 48px;
    }
    /* page edito end */
    /**** slider home *****/
    .slider .slick-dots li {
        background: #ffffff;
        border: 1px solid #ffffff;
        width: 42px;
        height: 4px;
        margin-right: 15px;
    }
    .background-header {
        height: 390px;
    }
    .caption {
        margin-top: 40px;
        width: 520px;
        height: 315px;
        background-color: rgba(0, 0, 0, 0.54);
        /*background: #0000008a;*/
        padding: 35px 15px 35px;
    }
    .caption h2 {
        font-family: 'FiraSans-SemiBold';
        font-size: 37px;
        text-transform: uppercase;
        color: #ffffff;
    }
    .caption p {
        font-family: 'FiraSans-Regular';
        font-size: 20px;
        color: #ffffff;
        margin-top: 5px;
    }
    .home .caption {
        padding: 25px 25px 25px;
    }
    .slider .slick-dots {
        margin-left: 13px;
    }
    /********* block mon profil *******/
    .mon-profil .div-profil {
        margin: 0;
    }
    .mon-profil .profil-slick p {
        min-height: 28px;
        position: relative;
        width: 77px;
        margin-top: 100px;
        margin-left: -8px;
    }
    .modal-content .mon-profil .profil-slick .div-profil p.d-none.d-md-block {
        margin-top: 115px;
    }
    .mon-profil p {
        font-size: 14px;
    }
    .modal-dialog .mon-profil p,
    .home #bloc-mon-profil .mon-profil p,
    .post-type-archive-profil #bloc-mon-profil .mon-profil p {
        line-height: 14.66px;
        /*margin-bottom: 26px;*/
    }
    .modal-dialog .mon-profil a div:hover,
    .home #bloc-mon-profil .mon-profil a div:hover,
    .post-type-archive-profil #bloc-mon-profil .mon-profil a div:hover {
        background: #ec6608;
        display: block;
        border-radius: 50%;
        width: 66px;
        height: 66px;
    }
    .modal-dialog .mon-profil a div:hover img,
    .home #bloc-mon-profil .mon-profil a div:hover img,
    .post-type-archive-profil #bloc-mon-profil #bloc-mon-profil .mon-profil a div:hover img {
        filter: brightness(0) invert(1);
    }
    .modal-dialog .mon-profil a,
    .home #bloc-mon-profil .mon-profil a,
    .post-type-archive-profil #bloc-mon-profil .mon-profil a
     {
        border: 1px solid #ec6608;
        border-radius: 50%;
        display: block;
        height: 66px;
        width: 66px;
        position: absolute;
    }
    .modal-content {
        min-height: 300px;
    }
    .modal-dialog .mon-profil a {
        margin-top: 40px;
    }
    .home #bloc-mon-profil .mon-profil a,
    .post-type-archive-profil #bloc-mon-profil .mon-profil a
     {
        margin-top: 24px;
    }
    .modal-dialog .mon-profil a div,
    .home #bloc-mon-profil .mon-profil a div,
    .post-type-archive-profil #bloc-mon-profil .mon-profil a div 
 
    {
        height: 66px;
        width: 66px;
        padding-top: 13px;
    }
    .mon-profil .title-prof {
        font-size: 38px;
    }
    .page-template-home-page .row.profil-slick {
        margin-top: 7px;
    }
    .page-template-home-page .mon-profil.container {
        margin-bottom: 65px;
        margin-top: 47px;
    }
    .mon-profil.container {
        margin-bottom: 50px;
    }
    .home #bloc-mon-profil .profil-slick img:hover, 
    .post-type-archive-profil #bloc-mon-profil .profil-slick img:hover {
        filter: brightness(0) invert(1);
    }
    .home #bloc-mon-profil .mon-profil .col-lg-1.col-md-2 a,
    .post-type-archive-profil #bloc-mon-profil .mon-profil .col-lg-1.col-md-2 a
     {
        margin-bottom: 35px;
    }
    .modal-dialog .profil-slick div,
    .home .profil-slick div,
    .post-type-archive-profil .profil-slick div
     {
        margin: auto;
    }
    /* begin footer*/
    #wrapper-footer {
        text-align: left;
    }
    /* #wrapper-footer p, ul.navbar-nav li{
         font-size: 15px;
     }*/
    .footer-mr-top.class-order-2,
    .footer-mr-top.class-order-3 {
        margin-top: 57px;
    }
    #wrapper-footer .bubble-text.footer-mr-top {
        margin-top: 63px;
    }
    .ptl-footer-navbar {
        margin-top: 42px;
    }
    .footer-mr-top:nth-child(2) p a,
    .footer-mr-top:first-child p span {
        font-size: 14px;
    }
    .bubble-text.footer-mr-top {
        background: #ffffff;
        color: #fff;
        padding: 6px 10px;
        width: 195px;
    }
    #wrapper-footer .bubble-text.footer-mr-top p {
        font-family: Roboto-Regular;
        font-size: 22px;
    }
    .footer-mr-top.bubble-text::after {
        content: "";
        border-right: 25px solid transparent;
        border-top: 20px solid #ffffff;
        position: absolute;
    }
    ul#footer-menu li:first-child:after {
        background: transparent;
    }
  
    ul#footer-menu li:first-child::before {
        display: none;
    }
    ul#footer-menu li:nth-child(2)::before {
        display: none;
    }
    ul#footer-menu li:nth-child(2) {
        margin-bottom: 22px;
    }
    ul#footer-menu li:before {
        content: '';
        width: 18px;
        background-color: #fdd000;
        height: 1px;
        display: block;
        margin-bottom: 6px;
    }
    ul#footer-menu li {
        /*padding-top: 15px;*/
        margin-bottom: 10px;
        /* width: 205px; */
        line-height: 26px;
    }
    .phone_number {
        margin-top: 12px;
    }
    .frise-resp p:nth-child(3) {
        margin-top: 15px;
    }
    #wrapper-footer .time {
        margin-bottom: 19px;
    }
    #wrapper-footer p.footer-link {
        line-height: 28px;
    }
    #wrapper-footer .yellow-color {
        font-size: 18px;
    }
    #wrapper-footer p.footer-link a {
        margin-left: 5px;
    }
    #wrapper-footer .rs {
        margin-top: 25px;
        margin-left: 36px;
    }
    #wrapper-footer .logo-fr p {
        font-size: 14px;
        line-height: 20px;
        margin-left: 46px;
        margin-top: -36px;
    }
    #wrapper-footer .logo-fr {
        margin-top: 66px;
        display: -webkit-box;
    }
    .class-order-1 {
        order: 4;
    }
    .class-order-2 {
        order: 1;
    }
    .class-order-3 {
        order: 2;
    }
    .class-order-4 {
        order: 3;
    }
    .ptl-footer-navbar .navbar-nav>li:nth-child(4) {
        padding-left: 0px;
    }
    .ptl-footer-navbar .navbar-nav>li:nth-child(3)>a:after {
        content: " ";
    }
    /** End footer **/
    /** Begin bloc participate **/
    .bloc-participate p {
        font-size: 24px;
        line-height: 26px;
        text-align: left;
        padding-left: 0px;
        padding-right: 0px;
        margin-top: 36px;
    }
    .logo-participate,
    .bloc-participate p,
    .img-imagine {
        border: none;
    }
    .img-imagine {
        height: 144px;
        width: auto;
        background-size: contain;
    }
    .logo-participate img {
        margin: auto;
    }
    .div-span {
        position: absolute;
        top: 16px;
        right: 0;
    }
    .div-span span:first-child {
        position: absolute;
        width: 0;
        height: 0;
        z-index: 1;
        right: 0px;
        top: 5px;
        border: 15px solid;
        border-color: #ffffff transparent transparent #ffffff;
    }
    .div-span span:nth-child(2) {
        content: ' ';
        position: absolute;
        width: 0;
        height: 0;
        right: -2px;
        top: 4px;
        border: 14px solid;
        border-color: #e5e5e5 transparent transparent #e5e5e5;
    }
    .home .publication-bloc h3:first-child {
        padding-top: 13px;
    }
    .home .bloc-publication .img-magasin {
        width: 132px;
        margin: 9px auto 18px;
    }
    .home .bloc-participate {
        text-align: left;
    }
    .home .div-span span:first-child {
        right: 6px;
    }
    .home .div-span span:nth-child(2) {
        right: 4px;
    }
    /** End bloc participate **/
    /** Begin  bloc publication **/
    .bloc-publication {
        margin-top: 0;
    }
    .title-publication {
        font-size: 22px;
    }
    .publication-bloc h3:first-child {
        min-height: 35px;
    }
    .publication-bloc h3:first-child,
    .publication-bloc h3:nth-child(2) {
        font-size: 22px;
        line-height: 24px;
    }
    .img-magasin {
        min-height: 208px;
    }
    .home .publication-bloc .img-magasin {
        min-height: 150px;
    }
    .home .bloc-publication .img-magasin {
        height: 150px;
    }
    .home .bloc-publication .img-magasin {
        margin: 10px auto 18px;
        border: 0px solid #cdd1d3;
    }
    .bloc-publication .img-magasin,
    .single-service .img-magasin {
        width: 132px;
        height: 208px;
    }
    section#bloc-publication {
        margin-top: 57px;
        margin-bottom: 57px;
    }
    /**End bloc publication **/
    /* begin header */
    .wrapper_menu_header {
        position: sticky;
    }
    .width_menu {
        width: 35%;
        position: relative;
        padding-bottom: 27px;
        min-height: 450px;
    }
    #menu-part {
        margin-top: 34px;
    }
    .bg_gris {
        position: absolute;
        height: 100%;
        background: #F0EEEF;
        width: 40%;
        top: 0;
        left: 60%;
        z-index: 0;
    }
    .bg_gris.direct {
        background: #ffffff;
    }
    /** Begin Menu **/
    .div-logo-resp img {
        margin-top: 20px;
    }
    #menu-part span {
        font-size: 12px;
        padding: 11px 7px;
    }
    #menu-part span:nth-child(1) {
        margin-right: 4px;
    }
    #menu-part span:nth-child(3), #menu-part span:nth-child(4) , #menu-part span:nth-child(5)  {
        margin-left: 4px;
    }
    #menu-part span:after {
        top: 35px;
    }
    .menu-part .aides:after,
    #menu-part .aides:after,
    .menu-part .aides:before,
    #menu-part .aides:before {
        top: 36px;

    }

    .menu-mobile.navbar.show {
        display: block;
        background-color: #ffffff;
        position: absolute;
        width: 100%;
        padding: 0px;
        z-index: 3;
        top: -30px;
        -webkit-box-shadow: -1px 0px 7px 0px rgba(90, 90, 90, 0.2);
        box-shadow: -1px 0px 7px 0px rgba(90, 90, 90, 0.2);
    }
    .menu-mobile.navbar a,
    .menu-mobile.navbar .bloc-children a,
    .menu-mobile.navbar .bloc-children .bloc-children a {
        display: block;
        font-family: "Roboto-Regular";
        font-size: 15px;
        color: #1d1d1b;
        line-height: 36px;
        text-decoration: none;
        text-transform: none;
        border-bottom: 1px solid #F0EEEF;
        margin-left: 0;
        padding-left: 22px;
    }
    .menu-mobile.navbar .bloc-children a:last-child {
        border-bottom: none;
    }
    .menu-mobile.navbar .bloc-children a:hover,
    .menu-mobile.navbar .bloc-children a.active.show {
        font-family: 'Roboto-Bold';
    }
    .n2.bloc-children .bloc-children a {
        margin-left: 27px;
    }
    .n2.bloc-children {
        position: relative;
        padding-top: 22px;
    }
    .n2.bloc-children .bloc-children {
        position: absolute;
        top: 0;
        left: 100%;
        width: 110%;
        height: 450px;
        background-color: #F0EEEF;
        padding-top: 22px;
        z-index: 1;
        overflow-y: auto;
    }
    .n2.bloc-children .bloc-children::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        border-radius: 10px;
        background-color: #F5F5F5;
    }
    .n2.bloc-children .bloc-children::-webkit-scrollbar {
        width: 12px;
        background-color: #F5F5F5;
    }
    .n2.bloc-children .bloc-children::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
        background-color: #aaaaaa;
    }
    a.has-children::after,
    a.has-children.show::after,
    .bloc-children.en-direct li.menu-item-has-children>a::after,
    .bloc-children.nos-projet li.menu-item-has-children>a::after
     {
        display: none;
    }
    a.has-children.en-direct+.bloc-children a, 
    a.has-children.nos-projet+.bloc-children a {
            font-size: 15px;
        line-height: 36px;
        border-bottom: none;
        text-transform: uppercase;
    }
    .en-direct ul#menu-direct>li>a:hover {
        color: #c1200d;
    }
    .nos-projet ul#menu-projet>li>a:hover {
        color: #f49b27;
    }
    a.has-children.en-direct+.bloc-children ul li ul , a.has-children.nos-projet+.bloc-children ul li ul{
        padding-left: 12px;
    }
    a.has-children.en-direct+.bloc-children ul li ul li a,a.has-children.nos-projet+.bloc-children ul li ul li a  {
        text-transform: none;
        font-family: "Roboto-Regular";
        line-height: 20px;
        padding-left: 12px;
    }
    a.has-children.en-direct+.bloc-children ul li ul li a:before, a.has-children.nos-projet+.bloc-children ul li ul li a:before  {
        content: '';
        display: inline-block;
        background-image: url(../img/chevron-right.jpg);
        background-repeat: no-repeat;
        width: 12px;
        height: 9px;
        border: 0;
    }
    .bloc-children.en-direct li.menu-item-has-children ul.sub-menu,.bloc-children.nos-projet li.menu-item-has-children ul.sub-menu   {
        display: block;
    }
    .direct-tags {
        margin-top: 0px;
        position: absolute;
        top: 0px;
        left: 100%;
        z-index: 1;
        background: #ffffff;
        height: 108.5%;
        width: 126%;
        padding: 22px 0 0 27px;
    }
    .width_direct_tag {
        max-width: 480px;
    }
    .direct-tags span a {
        float: left;
        font-size: 15px;
        line-height: 24px !important;
        border: 1px solid #c1200d !important;
        text-transform: none !important;
        color: #1d1d1b;
        border-radius: 13px;
        margin-bottom: 10px;
        margin-right: 12px !important;
        padding-left: 13px !important;
        padding-right: 13px !important;
    }
    .direct-tags span a.active,
    .direct-tags span a:hover {
        color: #ffffff !important;
        background-color: #c1200d;
    }
    .menu-mobile.navbar .bloc-children .bloc-children a {
        margin-left: 0px;
    }
    .menu-mobile.navbar .mon-service.bloc-children .bloc-children a.active,
    .menu-mobile.navbar .nos-projet.bloc-children .bloc-children a.active
      {
        font-family: 'Roboto-Bold';
        background: #f49b27;
        width: 85%;
    }
    .menu-mobile.navbar .mon-service.bloc-children .bloc-children a:hover,
    .menu-mobile.navbar .nos-projet.bloc-children .bloc-children a:hover
     {
        font-family: 'Roboto-Bold';
        background: #f49b27;
        width: 85%;
    }
    .menu-mobile.navbar .mon-departement.bloc-children .bloc-children a.active {
        font-family: 'Roboto-Bold';
        background: #fed018;
        width: 85%;
    }
    .menu-mobile.navbar .mon-departement.bloc-children .bloc-children a:hover {
        font-family: 'Roboto-Bold';
        background: #fed018;
        width: 85%;
    }
    a.has-children.show,
    a.no-children.show,
    a.has-children:hover,
    a.no-children:hover {
        background: #F0EEEF;
        position: relative;
    }
    a.has-children.show::after {
        content: '';
        display: inline-block;
        background-repeat: no-repeat;
        width: 12px;
        height: 20px;
        position: absolute;
        right: 12px;
        top: 9px;
    }
    .mon-service a.has-children.show::after,
    .nos-projet a.has-children.show::after
     {
        background-image: url(../img/chevron-right.png);
    } 
    .mon-departement a.has-children.show::after {
        background-image: url(../img/chevron-right-departement.png);
    }
    .bloc-children .bloc-children a {
        border: none;
    }
    #ptl-scroll-top-container .svg-inline--fa.fa-w-16 {
        width: 1em;
    }
    /** End Menu **/
    .nos_sites {
        display: inline-block;
        margin-top: 30px;
        margin-left: 0px;
        cursor: pointer;
    }
    .nos_sites:hover span,
    .nos_sites span.active {
        color: #c1200d;
    }
    .nos_sites:hover img.red {
        display: inline-block;
    }
    .nos_sites:hover img.black {
        display: none;
    }
    .nos_sites img {
        margin-right: 3px;
        width: 25px;
        display: none;
    }
    .nos_sites img.show {
        display: inline-block;
    }
    .nos_sites span {
        font-family: 'FiraSans-Regular';
        font-size: 10px;
        line-height: 14px;
        color: #1d1d1b;
        cursor: pointer;
    }
    .searchform {
        border: 1px solid #c22311;
        position: absolute;
        width: 68%;
        left: 26%;
        z-index: 100;
        height: 84px;
        display: none;
        background-color: #ffffff;
    }
    .searchform input {
        border: 0px;
        height: 82px;
        outline: none;
        border: 0px;
    }
    .searchform svg {
        margin-right: 20px;
    }
    #newsletter {
        width: 68%;
        left: 25%;
        top: 0px;
        z-index: 100;
        height: 84px;
        padding: 24px 40px 24px 20px;
    }
    #newsletter label {
        padding-right: 20px;
        margin: initial;
        margin-bottom: 0px;
        width: auto;
    }
    #newsletter label.succes {
        padding-left: 24px;
    }
    .inscri_langur>div {
        padding-right: 15px;
    }
    #searchform-content svg,
    .searchform svg {
        width: 24px;
    }
    #searchform-content svg {
        margin-top: 9px;
    }
    .bt-newsletter {
        font-size: 9px;
        line-height: 25px;
        padding: 0 4px;
        margin-right: 5px;
    }
    .menu_lague {
        margin-top: -3px;
    }
    .menu_lague li a {
        font-size: 9px;
    }
    .container-nav-header .col-md-3.col-8.div-logo-resp {
        padding-left: 6px;
    }
    /* End header */
    /**** Page Recherche ****/
    #header-bar.header-recherche-map {
        background: url("../img/map-top-bg.jpg") top center no-repeat #4e5864;
        background-color: #4e5864;
    }
    #header-bar.header-recherche-map h1 {
        font-size: 25px;
        letter-spacing: 1px;
    }
    #header-bar.header-recherche-map h1 strong, #header-bar.header-recherche-map span strong  {
        display: inline;
    }
    .content-recherche-map h2 {
        font-size: 30px;
    }
    .content-recherche-map .title-form {
        font-size: 18px;
        width: 440px;
        display: block;
        text-align: center;
        padding-left: 80px;
    }
    .content-recherche-map .no-result-message {
        font-size: 18px;
    }
    .content-recherche-map .block-top {
        padding-right: 12px;
    }
    .content-recherche-map #map-canvas {
        width: calc(100% + 12px);
        margin-bottom: 50px;
    }
    .content-recherche-map #map_form form label {
        width: 80px;
    }
    .content-recherche-map #map_form input[type=text] {
        display: inline-block;
        float: none;
    }
    .content-recherche-map #map_form input[type=submit] {
        position: relative;
        left: 84px;
        bottom: 10px;
    }
    .page-template-page-recherche-map .filariane {
        margin-top: 25px;
    }
    .page-template-page-recherche-map .filariane-hr {
        margin-top: -4px;
    }
    .page-template-page-recherche-map .content-recherche-map h2 {
        margin-top: 19px;
        font-family: FiraSans-SemiBold;
    }
    .page-template-page-recherche-map .content-recherche-map #map_form .select2-container {
        bottom: 0px;
    }
    .page-template-page-recherche-map #map_form {
        padding-bottom: 21px;
    }
    .page-template-page-recherche-map .content-recherche-map ul.resultat-search {
        margin-top: 0px;
    }
    .page-template-page-recherche-map #single-content #map-canvas {
        margin: 10px -90px 38px 0px;
    }
    .page-template-page-recherche-map #header-bar.header-recherche-map h1 {
        font-size: 26px;
        line-height: 42px;
    }
    /**** End Page Recherche ****/
    /**** Page single-commune ****/
    #info_commune div.section+div.section {
        border-bottom: 0px;
        border-left: 1px solid #bfbfbf;
    }
    #info_commune div.section {
        padding-top: 0px;
    }
    #info_commune .col-12 {
        margin-bottom: 12px;
    }
    #info_commune {
        margin-bottom: 7px;
    }
    .single-commune .content-recherche-map .block-top {
        padding-right: 90px;
    }
    .single-commune .content-recherche-map #map-canvas {
        width: calc(100% + 90px);
    }
    select#map-service+span {
        width: 360px !important;
    }
    /**** End Page single-commune ****/
    /**** bloc en ce mement *****/
    #bloc-ce-moment .bloc-bg-title h2 {
        font-size: 41px;
    }
    #bloc-ce-moment .top-bottom {
        float: right;
    }
    .btn-po:hover {
        background: #7f7f7f;
        color: #fff !important;
        cursor: pointer;
        text-decoration: none;
    }
    #bloc-ce-moment .bloc-filtre .filter-group .filtre-item:hover {
        font-family: 'FiraSans-Bold', sans-serif;
    }
    #bloc-ce-moment .bloc-filtre .filtre-item {
        cursor: pointer;
    }
    .filtre-item.filter-type:hover:after {
        border-bottom: 4px solid #fed018;
        content: ' ';
        position: absolute;
        width: 41px;
        bottom: -3px;
        left: 15px;
    }
    .home .btn-padding-all-view {
        margin-bottom: 0px;
    }
    .home #bloc-ce-moment .bloc-bg-title {
        padding-bottom: 40px;
        padding-left: 10px;
        text-align: left;
    }
    .home #bloc-ce-moment .block-model.block-model-2 .div-img {
        min-height: 146px;
    }
    .home #bloc-ce-moment .btn-padding {
        text-align: left;
    }
    .home #bloc-ce-moment .btn-padding a {
        margin-bottom: 0px;
    }
    .home #bloc-ce-moment a.btn-po.text-uppercase.all-affiche {
        margin-right: 19px;
    }
    .home #bloc-ce-moment #myCarousel .actualite .date,
    .home #bloc-ce-moment #myCarousel .dialogue .date {
        display: none;
    }
    .home #bloc-ce-moment .carousel-inner,
    .home #bloc-ce-moment .carousel,
    .home #bloc-ce-moment .carousel-item {
        min-height: auto;
    }
    .home #bloc-ce-moment #myCarousel .actualite .bloc-description h3:hover,
    .post-type-archive-actualite .actualite .bloc-description h3:hover {
        color: #ea5549;
    }
    .home #bloc-ce-moment #myCarousel .agenda .bloc-description h3:hover,
    .post-type-archive-agenda .agenda .bloc-description h3:hover {
        color: #fedd00;
    }
    .home #bloc-ce-moment #myCarousel .dialogue .bloc-description h3:hover,
    .post-type-archive-dialogue .dialogue .bloc-description h3:hover {
        color: #e40082;
    }
    .home #bloc-ce-moment .block-model.block-model-2 .global-model .bloc-description {
        bottom: 20px;
        padding: 0px 20px;
    }
    #bloc-ce-moment .block-model.block-model-2 .bloc-description {
        top: 155px;
    }
    /*contenu page dossier*/
    .single-dossier #map-canvas {
        width: calc(100% + 90px);
        margin-bottom: 40px;
    }
    /* begin Page tous les dialogues  */
    .row.dialogues .block-model {
        margin-top: 20px;
    }
    .row.dialogues .block-model-2 .global-model {
        min-height: 243px;
    }
    .post-type-archive-dialogue .bg-icon img {
        filter: opacity(1) drop-shadow(1px 111px 0px #000000);
        width: 40px;
        height: 40px;
    }
    /*   .row.dialogues .block-model .bloc-description {
        position: absolute;
        bottom: 0px;
        top: 140px;
        padding: 0px 18px;
    }*/
    .row.articles-container .bloc-description h3,
    #bloc-ce-moment .bloc-description h3,
    .row.agenda-container .bloc-description h3,
    .row.dialogues .bloc-description h3 {
        font-size: 13px;
        line-height: 17px;
    }
    .row.articles-container .bloc-description div.sub-title,
    #bloc-ce-moment .bloc-description div.sub-title,
    .row.agenda-container .bloc-description div.sub-title,
    .row.dialogues .bloc-description div.sub-title {
        font-size: 11px;
        line-height: 17px;
    }
    /* end Page tous les dialogues  */
    /* begin fil d'ariane */
    .filariane ol {
        display: inline;
        list-style-type: none;
        padding: 0;
        color: #1d1d1b;
    }
    .filariane ol li {
        display: inline;
        /*contents;*/
        font-family: FiraSans-Regular;
        font-size: 14px;
    }
    .filariane ol li a {
        color: #1d1d1b;
    }
    .share-print {
        display: block;
        margin-top: 15px;
    }
    .share-print a.share-action {
        width: 35px;
        height: 35px;
        background: url(../img/sprite-image.png) 160px 0;
        margin-right: 10px;
        float: right;
        position: unset;
    }
    .share-print a.print-action {
        width: 35px;
        height: 35px;
        background: url(../img/sprite-image.png) 6px 60px;
        float: right;
    }
    .filariane {
        margin-top: 21px;
    }
    .filariane ol li a:after {
        content: "|";
        margin-left: 5px;
    }
    .filariane ol li:last-child a:after {
        content: " ";
    }
    .filariane-hr hr {
        border-top: 1px solid #a6a6a6;
        margin-bottom: 0;
    }
    .filariane-hr {
        margin-top: -1px;
    }
    .single-agenda .container-filariane .filariane-hr,
    /*.page-template-page-contact .container-filariane .filariane-hr,*/
    .single-dossier #single-wrapper .container-filariane .filariane-hr,
    .content-recherche-map.single-commune .container-filariane .filariane-hr {
        margin-top: -10px;
    }
    .post-type-archive-actualite .container-filariane .filariane-hr,
    .post-type-archive-agenda .container-filariane .filariane-hr,
    .post-type-archive-dialogue .container-filariane .filariane-hr {
        margin-top: -4px;
    }
    .post-type-archive-actualite .share-print,
    .post-type-archive-agenda .share-print,
    .post-type-archive-dialogue .share-print {
        margin-top: -3px;
    }
    .post-type-archive-actualite .filariane,
    .post-type-archive-agenda .filariane,
    .post-type-archive-dialogue .filariane {
        margin-top: 4px;
    }
    .post-type-archive-actualite .container-filariane,
    .post-type-archive-agenda .container-filariane,
    .post-type-archive-dialogue .container-filariane {
        margin-top: 20px;
    }
    .single-dossier #single-wrapper .block-top.left-color .container-filariane {
        margin-top: 4px;
    }
    /* end fil d'ariane */
    /* Begin tout agenda */
    .filter-agenda-wrapper {
        margin-bottom: 15px;
    }
    .post-type-archive-agenda .form-inline.filtre_agenda .form-group {
        margin-bottom: 10px;
    }
    .container-bar-archive {
        height: 140px;
    }
    .container-bar-session {
        height: 140px;
    }
    .header-bar-archive h1 {
        font-size: 40px;
        line-height: 40px;
    }
    .container-bar-session .header-bar-archive h1 {
        font-size: 40px;
        line-height: 40px;
        color: #fff;
        font-family: 'FiraSans-Regular';
    }
    .header-bar-archive .bg-title {
        background: url(../img/griffe.png);
        background-repeat: no-repeat;
        background-position: 179px 6px;
        padding-top: 50px;
        padding-bottom: 55px;
    }
    .header-bar-archive .bg-icon {
        background-color: #ffffff;
        height: 69px;
        width: 69px;
        float: left;
        margin-top: 35px;
        margin-right: 23px;
        border-radius: 50%;
    }
    .single-webcam .header-bar-archive .bg-icon span {
        background: url(../img/webcome.png) 0 0;
        height: 41px;
        width: 39px;
        display: block;
        background-repeat: no-repeat;
        margin-top: 13px;
        margin-left: 17px;
    }
    .header-bar-archive .bg-icon span {
        background: url(../img/sprite-image.png) 0 0;
        height: 41px;
        width: 39px;
        display: block;
        margin-top: 15px;
        margin-left: 14px;
    }
    .container-bar-session .header-bar-archive .bg-icon span {
        background: url(../img/session.png) 0 0;
        height: 49px;
        width: 48px;
        display: block;
        background-repeat: no-repeat;
        margin-top: 9px;
        margin-left: 11px;
    }
    .filter-agenda-wrapper h3 {
        font-size: 38px;
        margin-top: 25px;
        margin-bottom: 45px;
        line-height: 24px;
    }
    .filtre_agenda div.form-group {
        width: 30%;
    }
    .filtre_agenda div.form-group:last-child {
        width: 10%;
    }
    .filtre_agenda input#libelle {
        width: 100%;
        margin-right: 12px;
    }
    select#agenda-commune,
    select#agenda-thematique {
        width: 100%;
        margin-left: 12px;
        margin-right: 12px;
    }
    .agenda-wrapper {
        padding-top: 25px;
        padding-bottom: 16px;
    }
    .agenda-pagination .pagination .page-item.active .page-link {
        font-size: 18px;
        line-height: 24px;
    }
    .agenda-pagination .pagination .page-link.next-item,
    .agenda-pagination .pagination .page-link.next-item {
        margin-left: 38px;
    }
    .agenda-pagination .pagination .page-link.previous-item,
    .agenda-pagination .pagination .page-link.previous-item {
        margin-right: 38px;
    }
    .actualites-pagination .pagination .page-link,
    .agenda-pagination .pagination .page-link {
        font-family: 'FiraSans-Regular';
        width: 40px;
        height: 40px;
        font-size: 18px;
        line-height: 24px;
    }
    .page-link {
        padding: 8px 14px;
    }
    .agenda-wrapper .block-model {
        margin-bottom: 20px;
    }
    .agenda-container .block-model:after {
        display: none;
    }
    .agenda-pagination {
        margin-top: 42px;
    }
    .agenda-container .block-model .bloc-description h3 {
        font-size: 18px;
        line-height: 24px;
    }
    .agenda-container .block-model .bloc-description div.sub-title {
        font-size: 15px;
        line-height: 20px;
        margin-top: 2px;
    }
    .post-type-archive-agenda .label-recherche {
        margin-top: 4px;
    }
    #header-bar .see-all-actualites,
    .see-all-actualites-content span {
        padding: 5px 15px 3px;
    }
    /* End tout agenda */
    /* Begin detail profil */
    #single-content .block-top.block_top_profil {
        padding-top: 0px;
    }
    .header-profil.header-actualite {
        margin-bottom: 24px;
    }
    .header-profil.header-actualite {
        margin-bottom: 24px;
    }
    .title_map_profil h3 {
        font-size: 21px;
        line-height: 32px;
        margin-top: 29px;
        margin-bottom: 22px;
    }
    .block_top_profil .content-recherche-map #map-canvas {
        height: 427px;
    }
    .single-profil .image-profil {
        display: inline-grid;
        border: 1px solid #ec6608;
        border-radius: 50%;
        height: 70px;
        width: 70px;
    }
    .single-profil .img-prof {
        margin: auto;
        width: auto;
        height: auto;
    }
    .tag .departement-liste-departement,
    .single-profil .departement-liste-departement {
        padding-bottom: 24px;
        margin-bottom: 34px;
    }
    .archive.tag #single-content .block-top {
        padding-top: 0px;
    }
    .tag .service-liste-departement,
    .single-profil .service-liste-departement {
        padding-bottom: 24px;
        margin-bottom: 25px;
    }
    #single-content h1.title_profil {
        vertical-align: super;
    }
    .single-profil .filariane {
        margin-top: 24px;
    }
    .single-profil .filariane-hr {
        margin-top: -5px;
    }
    .single-profil .block_top_profil .single-tag-content {
        margin-top: 0px;
    }
    .page-template-page-recherche-map .content-recherche-map ul.resultat-search li a,
    .single-profil ul.liste-items.liste-departement li a,
    .tag ul.liste-items.liste-actu li a,
    .tag ul.liste-items.liste-departement li a,
    .single-commune ul.liste-items.liste-actu li a,
    .single-commune ul.liste-items.liste-departement li a {
        font-size: 16px;
    }
    .single-profil .block_top_profil .tags-content {
        margin-top: 17px;
    }
    /* End detail profil */
    .block_top_profil .content-recherche-map #map-canvas {
        height: 427px;
    }
    /* End detail profil */
    /************* page 404 *****************/
    #error-404-wrapper {
        background: url(../img/desk404img.png) #ede9e5 no-repeat top center;
        margin-top: 24px;
    }
    #error-404-wrapper .bloc-404 .titre-404 {
        font-size: 32px;
        text-transform: capitalize;
        line-height: 34px
    }
    #error-404-wrapper .bloc-404 .textwidget p {
        font-size: 22px;
        line-height: 34px
    }
    #error-404-wrapper .bloc-404 {
        padding-top: 50px;
        padding-bottom: 166px;
    }
    .content_404 .bloc-404 {
        padding: 137px 0px 45px 0px;
    }
    #error-404-wrapper .bloc-404 .contact-submit-404 {
        font-size: 15px;
        line-height: 30px;
        padding: 7px 25px;
        width: 120px;
        height: 45px;
    }
    /************* end page 404 ******************/
    /* begin detail service */
    .single-service .header {
        font-size: 21px;
        line-height: 26px;
        margin-top: 20px;
    }
    .single-service .header hr {
        border-top: 7px solid #c1200d;
        width: 100px;
        margin-top: 7px;
    }
    .single-service .title , .single-service .title h1 {
        font-size: 30px;
        line-height: 46px;
    }
    .single-service .sub-title {
        font-size: 20px;
        line-height: 32px;
        padding-top: 33px;
        padding-bottom: 6px;
    }
    .single-service .service-meta {
        font-size: 16px;
        line-height: 24px;
    }
    .retour_geolocalisation {
        padding-top: 3px;
        padding-bottom: 2.6px;
    }
    .tag .container-filariane,
    .single-service .container-filariane,
    .single-profil .container-filariane {
        padding-right: 0px;
        padding-left: 0px;
    }
    .single-service .filariane {
        margin-top: 25px;
    }
    .single-service .filariane-hr {
        margin-top: 0px;
    }
    .single-service .share-print {
        margin-top: 17px;
    }
    .single-service div#zoom-canvas {
        margin-top: 34px;
    }
    .single-service .retour_geolocalisation.d-none.d-md-block {
        margin-top: 48px;
        margin-bottom: 37px;
    }
    .single-service #zoom-canvas div#map {
        height: 427px;
    }
    .single-service .bloc-right {
        margin-top: 43px;
    }
    /* end detail service  */
    /* Begin detail webcam */
    .row-webcam h3 {
        font-size: 38px;
        line-height: 40px;
        color: #1d1d1b;
        margin-top: 30px;
        margin-bottom: 20px;
    }
    .row-webcam img {
        width: 100%;
    }
    .row-webcam p {
        font-family: "FiraSans-SemiBold";
        font-size: 20px;
    }
    .row-webcam h4 {
        margin-top: 37px;
        font-family: "FiraSans-Bold";
        font-size: 20px;
    }
    .row-webcam .frame iframe {
        height: 493px;
    }
    .text-cam {
        margin-top: 0px;
    }
    .single-webcam .menu-webcam {
        margin-top: 15px;
    }
    /* End detail webcam */
    /* begin plan du site */
    .page-template-page-plan-site .plan-site {
        margin-bottom: 250px;
    }
    .page-template-page-plan-site .n2.bloc-children.mon-service .bloc-children,
    .page-template-page-plan-site .n2.bloc-children.mon-departement .bloc-children ,
    .page-template-page-plan-site .n2.bloc-children.nos-projet .bloc-children ,
    {
        margin-left: 13px;
    }
    .page-template-page-plan-site .opt-post-tag {
        margin-left: 15px;
    }
    .page-template-page-plan-site ul.sub-menu li.menu-item {
        margin-left: 10px;
    }
    .page-template-page-plan-site .share-print {
        margin-top: 16px;
    }
    .page-template-page-plan-site .filariane {
        margin-top: 24px;
    }
    .page-template-page-plan-site .container-filariane {
        margin-bottom: -14px;
    }
    .page-template-page-plan-site .filariane-hr hr {
        margin-top: 13px;
    }
    .page-template-page-plan-site .filariane-hr {
        margin-top: 0px;
    }
    .page-template-page-plan-site .plan-site .menu-menu-en-direct-container a,
    .page-template-page-plan-site .plan-site .mon-departement a,
    .page-template-page-plan-site .plan-site .mon-service a,
    .page-template-page-plan-site .plan-site .nos-projet a
     {
        font-size: 19px;
        line-height: 25px;
    }
    .page-template-page-plan-site #menu-id-direct .sub-menu li a,
    .page-template-page-plan-site .plan-site .opt-post-tag a,
    .page-template-page-plan-site .plan-site .mon-service .bloc-children a,
    .page-template-page-plan-site .plan-site .nos-projet .bloc-children a,
    .page-template-page-plan-site .plan-site .mon-departement .bloc-children a {
        font-size: 17px;
        line-height: 25px;
    }
    .page-template-page-plan-site .plan-site .menu-menu-en-direct-container,
    .page-template-page-plan-site .plan-site .n2.bloc-children.mon-service,
    .page-template-page-plan-site .plan-site .n2.bloc-children.nos-projet,
    .page-template-page-plan-site .plan-site .n2.bloc-children.mon-departement {
        padding-top: 13px;
    }
    .page-template-page-plan-site .plan-site #menu-id-direct li {
        /*padding-bottom: 10px;*/
    }
    .page-template-page-plan-site .plan-site .n2.bloc-children .bloc-children {
        padding-top: 0px;
        padding-bottom: 23px;
    }
    .page-template-page-plan-site .plan-site .mon-service a.no-children.nochildren,
    .page-template-page-plan-site .plan-site .nos-projet a.no-children.nochildren,
    .page-template-page-plan-site .plan-site .mon-departement a.no-children.nochildren {
        margin-bottom: 25px;
    }
    .page-template-page-plan-site .plan-site #menu-id-direct>li.menu-item {
        margin-bottom: 25px;
    }
    .page-template-page-plan-site .plan-site .n2.bloc-children .bloc-children {
        height: auto;
    }
    .page-template-page-plan-site .plan-site a.has-children.show,
    .page-template-page-plan-site .plan-site a.no-children.show,
    .page-template-page-plan-site .plan-site a.has-children:hover,
    .page-template-page-plan-site .plan-site a.no-children:hover {
        background: #FFFFFF;
    }
    /* end plan du site */
    /* begin page mention legal */
    .page-template-page-ml .wrapper.red_header {
        margin-top: 20px;
    }
    .page-template-page-ml .filariane {
        margin-top: 25px;
    }
    .page-template-page-ml .col-md-3.share-print {
        margin-top: 15px;
    }
    .page-template-page-ml .filariane-hr {
        margin-top: 0px;
    }
    .page-template-page-ml .wrapper.ml-wrapper {
        margin-top: 35px;
        margin-bottom: 48px;
    }
    /* end page mention legal */
    /* begin  page vos elus*/
    .page-template-page-elus .share-print {
        margin-top: 15px;
    }
    .page-template-page-elus .filariane {
        margin-top: 20px;
    }
    .page-template-page-elus .container-filariane {
        padding-right: 0px;
        padding-left: 0px;
    }
    .page-template-page-elus #single-content .entry-title {
        line-height: 33.68px;
    }
    .page-template-page-elus .elu-level1.row {
        margin: auto;
    }
    .page-template-page-elus #single-content .entry-title {
        padding: 20px 0 30px 0;
    }
    .page-template-page-elus #single-content .single-tag {
        padding: 1px 10px 0px;
    }
    .page-template-page-elus .title {
        margin-top: 10px;
    }
    .page-template-page-elus .line {
        margin-top: 5px;
    }
    .page-template-page-elus .elu-level2 .line {
        margin-top: 0px;
    }
    .page-template-page-elus .aid_social a {
        font-size: 20px;
        line-height: 32px;
    }
    .page-template-page-elus .aid_social {
        padding: 20px 0px 16px 22px;
    }
    .page-template-page-elus .aid_social span {
        background: url(../img/arrow-left.png) no-repeat 10px 2px transparent;
        width: 47px;
    }
    .aid_social a {
        font-size: 20px;
    }
    .page-template-page-elus .conseil-dep p {
        font-size: 21px;
        font-family: "FiraSans-Regular";
        line-height: 32px;
    }
    .page-template-page-elus .conseil-dep p strong {
        font-family: FiraSans-Bold;
    }
    .page-template-page-elus .elu-level3 .elu {
        margin-top: 35px;
    }
    /* end  page vos elus*/
    /* Begin Page Publication */
    .icon-publication {
        width: 67px;
        height: 67px;
    }
    .red_header_publication h1 {
        font-size: 42px;
        padding-top: 15px;
    }
    .icon-publication img {
        padding: 14px 11px;
        width: auto;
        height: auto;
        margin-left: 0;
        margin-top: 0;
    }
    .partie_publication .title h3 {
        font-size: 38px;
        line-height: 46px;
        padding-top: 17px;
        padding-bottom: 29px;
        margin-top: 16px;
    }
    .partie_publication .content p {
        font-size: 17px;
        line-height: 28px;
        color: #1d1d1b;
        position: relative;
    }
    .partie_publication .content a {
        position: absolute;
        bottom: 0;
    }
    /* End Page Publication */
    /* begin map hp*/
    .home #bloc-map #map_form h3.next {
        margin-top: 20px;
        margin-bottom: 3px;
        font-size: 18px;
        line-height: 29px;
        min-height: 89px;
    }
    .home #bloc-map #map_form .col-md-6.col-lg-5.offset-lg-1 h3 {
        margin-top: 20px;
        margin-bottom: 0px;
        margin-left: 95px;
    }
    .home #bloc-map #map_form .col-md-6.col-lg-5.offset-lg-1 form .form-group:nth-child(3n) {
        margin-bottom: 0px;
    }
    .home #bloc-map #map_form input[type=submit] {
        font-size: 15px;
    }
    .home #bloc-map #map_form .col-md-6.col-lg-4.offset-lg-1 form .form-group:nth-child(2n) {
        margin-top: -1px;
    }
    /* end map hp*/
    /* begin archives */
    header.page-header-dialogue h1.page-title-dialogue {
        margin: 30px auto 25px;
    }
    /* end  archives */
    /**** edito ****/
    .titre1 {
        font-size: 38px;
        line-height: 34px;
        margin: 20px 0;
    }
    .titre2 {
        font-size: 26px;
        line-height: 28px;
        margin: 20px 0;
    }
    .titre3 {
        font-size: 20px;
        line-height: 30px;
    }
    .chapo1,
    .chapo1 p {
        font-size: 20px;
        line-height: 30px;
    }
    .chapo2,
    .chapo2 p {
        font-size: 18px;
        line-height: 28px;
    }
    .paragraphe1 {
        font-size: 17px;
        line-height: 28px;
    }
    .paragraphe2 {
        font-size: 20px;
        line-height: 30px;
    }
    .lienarticle a {
        line-height: 30px;
    }
    .lienarticle {
        font-size: 20px;
        line-height: 28px;
    }
    /**** end edito ****/
    /* detail actualite*/
    /* begin page tag etiquette */
    .tag .filariane {
        margin-top: 23px;
    }
    .tag .filariane-hr {
        margin-top: -3px;
    }
    .tag #single-content .tags-content {
        margin-bottom: 15px;
        /*49px;*/
        margin-top: 23px;
    }
    /* end  page tag etiquette */
    /*begin page contact */
    .page-template-page-contact .filariane {
        margin-top: 22px;
    }
    .page-template-page-contact .container-filariane .filariane-hr {
        margin-top: -4px;
    }
    .page-template-page-contact #single-content .entry-title {
        padding: 20px 0 6px;
    }
    .page-template-page-contact .nf-field-element select {
        height: 28px;
    }
    .page-template-page-contact .desc-1-edito {
        margin-bottom: 0px !important;
    }
    .page-template-page-contact .desc-2-edito {
        margin-top: 0px !important;
    }
    .page-template-page-contact .entry-content .block-top .nf-form-cont {
        margin-top: 7px;
    }
    .page-template-page-contact .entry-content .block-top .nf-form-cont .nf-row:first-child .nf-field-label label {
        font-family: FiraSans-Bold;
    }
    .page-template-page-contact select {
        font-family: FiraSans-Regular;
        font-size: 15px;
    }
    /*end page contact */
    /* begin offre emploi */
    .page-template-page-offre-emploi .content-offre {
        font-size: 17px;
        line-height: 28px;
    }
    .page-template-page-offre-emploi .wpb_content_element {
        margin-bottom: 9px;
    }
    /* end offre emploi */
}


/*Large devices (desktops, 992px and up)*/

@media (min-width: 992px) {
    .modal-catalan {
        width: 75%;
    }
    /*begin page detail service */
    .retour-geolocalisation-top {
        margin-top: -22px;
        top: 28px;
    }
    /* end page detail service */
    /* begin page espace presse side bar */
    .page-template-page-espace-presse .col-md-12.col-lg-3.right-side>div,
    .page-template-page-espace-aide .col-md-12.col-lg-3.right-side>div {
        margin-left: auto;
        margin-right: auto;
    }
    /* end page espace presse side bar */
    .left-color {
        padding-right: 85px;
    }
    .left-color:after {
        display: none;
    }
    /*begin bloc contact side bar session*/
    .sidbar-session .block-contacts {
        display: block;
    }
    /* end bloc contact side bar session */
    /*page actualité ninja form */
    .nf-field-container.submit-container {
        /* margin-left: 40px; */
    }
    /*page actualité ninja form end*/
    /**Begin  bloc participate **/
    .home .bloc-publication .img-magasin {
        height: 155px;
    }
    .home .bloc-participate .img-imagine {
        width: auto;
        height: 210px;
    }
    .img-imagine {
        height: 255px;
        width: 676px;
        background-size: contain;
    }
    .logo-participate {
        margin-left: 473px;
        margin-top: -56px;
    }
    .home .bloc-participate .logo-participate {
        margin-left: 388px;
        margin-top: -55px;
    }
    .home .div-span span:first-child {
        right: 10px;
    }
    .home .div-span span:nth-child(2) {
        right: 8px;
    }
    /**End  bloc participate **/
    /** Begin Menu header */
    .width_menu {
        width: 35.11%;
    }
    .bg_gris {
        width: 40%;
        left: 60%;
    }
    .n2.bloc-children .bloc-children {
        width: 110%;
        left: 100%;
    }
    .menu-mobile.navbar .mon-service.bloc-children .bloc-children a.active,
    .menu-mobile.navbar .nos-projet.bloc-children .bloc-children a.active
    {
        width: 82%;
    }
    .searchform {
        left: 25%;
    }
    #searchform-content svg,
    .searchform svg {
        width: 35px;
    }
    #searchform-content svg {
        width: 33px;
        margin-top: 8px;
    }
    .div-logo-resp img {
        margin-top: 0px;
    }
    .menu-part span,
    #menu-part span {
        font-size: 15px;
        padding: 11px 8px;
    }
    .menu-part span:nth-child(1),
    #menu-part span:nth-child(1) {
        margin-right: 10px;
    }
    .menu-part span:nth-child(3),
    #menu-part span:nth-child(3),
    .menu-part span:nth-child(4),
    #menu-part span:nth-child(4),
    .menu-part span:nth-child(5),
    #menu-part span:nth-child(5)
     {
        margin-left: 10px;
    }
    .menu-part span:after,
    #menu-part span:after,
    .menu-part .aides:after,
    #menu-part .aides:after,
    .menu-part .aides:before,
    #menu-part .aides:before  {
        top: 40px;
    }


    .nos_sites span {
        font-size: 13px;
    }
    .nos_sites img {
        width: auto;
    }
    .menu_lague li a {
        font-size: 12px;
        letter-spacing: 0;
    }
    .menu_lague li:first-child a::after {
        height: 11px;
    }
    .menu-mobile.navbar .bloc-children .bloc-children a.active {
        width: 56%;
    }
    /** End Menu header */
    /***** bloc en ce menement ***/
    .home #bloc-ce-moment .bloc-bg-title {
        padding: 23px 15px 49px 8px;
        margin-top: 14px;
    }
    .home #bloc-ce-moment .block-model.block-model-2 .global-model .bloc-description {
        bottom: 10px;
        padding: 0px 15px;
    }
    .home #bloc-ce-moment a.btn-po.text-uppercase.all-affiche {
        margin-right: 0px;
    }
    .home #bloc-map #map_form h3.next {
        margin-bottom: 21px;
    }
    #bloc-ce-moment .top-bottom {
        display: block;
    }
    #bloc-ce-moment .bloc-bg-title {
        background-repeat: no-repeat;
        padding: 26px 15px 49px 15px;
        margin-top: 20px;
        background-image: url(../img/trait-title.png);
    }
    #bloc-ce-moment .bloc-filtre .filter-group {
        margin-top: 10px;
        font-size: 16px;
    }
    #bloc-ce-moment .top-bottom .top,
    #bloc-ce-moment .top-bottom .bottom {
        display: inline-block;
        cursor: pointer;
    }
    #bloc-ce-moment .bloc-filtre,
    #bloc-ce-moment .top-bottom {
        padding-top: 35px;
    }
    .btn-padding-all-view {
        text-align: left;
    }
    #bloc-ce-moment .bloc-filtre .filter-group .col-4 {
        padding-left: 15px;
        padding-right: 0;
    }
    #bloc-ce-moment .bloc-filtre .filtre-item span {
        display: inline-block;
    }
    .carousel-inner,
    .carousel,
    .carousel-item {
        height: 100%;
        min-height: 400px;
    }
    #bloc-ce-moment .bloc-filtre .filtre-item {
        text-align: left;
    }
    /**** End Page Recherche ****/
    #header-bar.header-recherche-map .col-md-3 p {
        display: block;
        color: #fff;
        font-family: 'Firasans-light';
    }
    .content-recherche-map #map_form input[type=submit] {
        left: 467px;
        bottom: 41px;
    }
    .content-recherche-map #map_form input[type=submit]:hover {
        background: #4e5864;
        color: #ffffff;
    }
    .page-template-page-recherche-map .content-recherche-map #map_form input[type=submit] {
        bottom: 39px;
    }
    /**** End Page Recherche ****/
    /* begin Page tous les dialogues  */
    h1.page-title-dialogue {
        font-size: 38px !important;
        line-height: 24px;
    }
    header.page-header-dialogue h1.page-title-dialogue {
        margin-top: 27px;
        margin-bottom: 45px;
    }
    #dialogues-wrapper.dialogues-wrapper {
        padding-top: 25px;
    }
    .dialogues .col-md-4+.col-md-4+.col-md-4+.col-md-4 {
        display: block;
    }
    .dialogues .block-model,
    .dialogues .block-model .div-img,
    .dialogues .block-model .lien-post-gloabal,
    .dialogues .block-model-2 .global-model {
        min-height: 261px;
    }
    #bloc-ce-moment .block-model.block-model-2 .div-img,
    .articles-container .block-model.block-model-2 .div-img,
    .agenda-container .block-model.block-model-2 .div-img,
    .dialogues .block-model.block-model-2 .div-img {
        min-height: 145px;
    }
    #bloc-ce-moment .bloc-description h3,
    .row.articles-container .bloc-description h3,
    .row.agenda-container .bloc-description h3,
    .row.dialogues .bloc-description h3 {
        font-size: 18px;
        line-height: 24px;
    }
    #bloc-ce-moment .bloc-description div.sub-title,
    .row.agenda-container .bloc-description div.sub-title,
    .row.articles-container .bloc-description div.sub-title,
    .row.dialogues .bloc-description div.sub-title {
        font-size: 15px;
        line-height: 20px;
    }
    #bloc-ce-moment .block-model .bloc-description,
    .row.agenda-container .block-model .bloc-description,
    .row.articles-container .block-model .bloc-description,
    .row.dialogues .block-model .bloc-description {
        bottom: 15px;
        padding: 0px 10px;
    }
    #bloc-ce-moment .block-model.block-model-2 .bloc-description,
    .row.articles-container .block-model.block-model-2 .bloc-description,
    .row.agenda-container .block-model.block-model-2 .bloc-description,
    .row.dialogues .block-model.block-model-2 .bloc-description {
        top: 155px;
    }
    .row.dialogues .block-model .lien-post-gloabal {
        min-height: 261px;
    }
    .row.agenda-container .block-model.block-model-2,
    .row.articles-container .block-model.block-model-2,
    .row.dialogues .block-model.block-model-2 {
        min-height: 261px;
    }
    /* end Page tous les dialogues  */
    /* Begin tout agenda */
    .agenda-wrapper .block-model {
        margin-bottom: auto;
    }
    /* End tout agenda */
    .block_publication .header:after {
        left: -118px;
    }
    /* Begin right side bar */
    .col-md-12.col-lg-3.right-side>div {
        width: auto;
    }
    .block_publication {
        margin-top: 43px;
    }
    .to-read-more-content {
        margin-top: 35px;
    }
    .to-read-more-content .read-more-title {
        margin-bottom: 19px;
    }
    /* End right side bar */
    /* begin page toutes les actualites */
    header.page-header-actualite h1.page-title-actualite {
        line-height: 24px;
    }
    /* end page toutes les actualites */
    /* Begin page pulications */
    #header-bar.header-recherche-map h1 {
        font-size: 30px;
    }
    /* End page pulications */
    /* begin prfil */
    .modal-dialog .mon-profil a {
        margin-top: 24px;
    }
    .single-service #header-bar.header-recherche-map h1, .single-service #header-bar.header-recherche-map span {
        font-size: 26px;
        line-height: 42px;
    }
    .modal-content .mon-profil .profil-slick .div-profil p.d-none.d-md-block {
        margin-top: 100px;
    }
    /* end prfil */
    /* begin bloc en direct*/
    .card-columns {
        flex-wrap: initial;
        overflow: visible !important;
    }
    .card-columns .card {
        flex: 0 25% !important;
    }
    /* end bloc en direct */
}


/*Extra large devices (large desktops, 1200px and up)*/

@media (min-width: 1200px) {
    /** Begin style bloc à la une homepage **/
    #alaune_home .row{
        display: flex;
        flex-wrap: initial;
        justify-content: left;
    }
    #alaune_home .img_left_bloc {
        width: 765px;
        height: 720px;
        overflow: hidden;
    }
    #alaune_home .img_right_top, #alaune_home .img_right_botom {
        width: 345px;
        height: 350px;
    }
    #alaune_home .img_right_top img , #alaune_home .img_right_botom img {
        width: 100%;
    }
    #alaune_home .img_left{
        margin-bottom: 0;
    }
    #alaune_home .img_left img {
        width: auto;
    }
    #alaune_home .img_right_top img{
        width: auto;
    }
    #alaune_home .img_right_botom img{
        width: auto;
    }
    #alaune_home .img_right_bloc{
        padding: 0;
    }
    /** End style bloc à la une homepage **/
    .modal-catalan {
        width: 50%;
    }
    /* begin detail service */
    .retour-geolocalisation-top {
        position: absolute;
        right: 0;
        top: 5px;
        margin-top: 0;
        width: 242px;
    }
    .retour-geolocalisation-top .btn-retour-top {
        font-size: 14px !important;
    }
    /* end detail service */
    /** Begin Menu header */
    .width_menu {
        width: 32.4%;
    }
    .bg_gris {
        width: 43.6%;
        left: 56.4%;
    }
    .n2.bloc-children .bloc-children {
        width: 126%;
    }
    .menu-mobile.navbar .mon-service.bloc-children .bloc-children a.active,
    .menu-mobile.navbar .nos-projet.bloc-children .bloc-children a.active{
        width: 83%;
    }
    .menu-part span,
    #menu-part span {
        font-size: 17px;
        padding: 11px 11px;
    }
    .menu-part span:nth-child(1),
    #menu-part span:nth-child(1) {
        margin-right: 25px;
    }
    .menu-part span:nth-child(3),
    #menu-part span:nth-child(3),
    .menu-part span:nth-child(4),
    #menu-part span:nth-child(4),
    .menu-part span:nth-child(5),
    #menu-part span:nth-child(5)  {
        margin-left: 20px;
    }
    .menu-part span:after,
    #menu-part span:after {
        top: 42px;
    }
    .menu-part .aides:after,
    #menu-part .aides:after,
    .menu-part .aides:before,
    #menu-part .aides:before {
        top: 43px; 
    }
    .menu-mobile.navbar.show {
        top: -27px;
    }
    .nos_sites {
        margin-left: 20px;
    }
    .nos_sites span {
        font-size: 14px;
    }
    #searchform-content svg,
    .searchform svg {
        margin-right: 10px;
    }
    #searchform-content svg {
        margin-top: 8px;
    }
    .bt-newsletter {
        font-size: 13px;
        padding: 0 8px;
        margin-right: 13px;
    }
    .menu_lague li a {
        font-size: 14px;
    }
    /** End Menu header */
    /**** Bloc modele en ce mement *****/
    .home .block-model.block-model-2 .global-model .bloc-description {
        bottom: 20px;
        padding: 0px 20px;
    }
    .home #bloc-ce-moment a.btn-po.text-uppercase.all-affiche {
        margin-right: 19px;
    }
    #bloc-ce-moment .top-bottom .top {
        padding-right: 20px;
    }
    #bloc-ce-moment .bloc-filtre .filter-group {
        margin-top: 10px;
        font-size: 22px;
    }
    #bloc-ce-moment .bloc-bg-title {
        background-repeat: no-repeat;
        padding: 26px 15px 49px 15px;
        margin-top: 20px;
        background-image: url(../img/trait-title.png);
    }
    .block-model {
        position: relative;
        margin-top: 20px;
    }
    /**** Bloc modele en ce mement *****/
    /**** page marchee public ****/
    .bloc_marche_p {
        padding: 0 12px;
    }
    /**** end page marchee public ***/
    /******* 404 ************/
    #error-404-wrapper {
        background-size: cover;
    }
    /******* end 404 ************/
    /* bloc participate */
    .home .bloc-participate .logo-participate {
        margin-left: 473px;
        margin-top: -56px;
    }
    .home .bloc-participate .img-imagine {
        height: 255px;
        width: 676px;
        background-size: contain;
    }
    .home .publication-bloc .img-magasin {
        min-height: 208px;
    }
    .home .bloc-publication .img-magasin {
        height: 208px;
    }
    /* bloc map hp */
    .home #bloc-map .col-md-6.col-lg-5.offset-lg-1 .form-group.text-center {
        margin-left: 109px;
    }
    /* begin  plan du site */
    .page-template-page-plan-site .plan-site .n2.bloc-children .bloc-children {
        width: 100%;
    }
    /* end  plan du site */
}
@media (min-width: 768px) and (max-width: 1199px){
    /** Begin style bloc à la une homepage **/
    #alaune_home .img_right_bloc{
        display: flex;
        justify-content: space-around;
    }
    #alaune_home .img_left_bloc, #alaune_home .img_right_bloc{
        width: 100%;
    }
    #alaune_home .img_right_top, #alaune_home .img_right_botom {
        width: 345px;
        height: 350px;
    }
    /** End style bloc à la une homepage **/
}
@media (min-width: 768px) and (max-width: 992px){
    /** Begin style bloc à la une homepage **/
    #alaune_home .img_right_bloc{
        justify-content: space-between !important;
    }
    #alaune_home .img_right_top img, #alaune_home .img_right_botom img{
        width: auto;
    }
    #alaune_home .img_right_top, #alaune_home .img_right_botom{
        width: 337px;
    }
    /** End style bloc à la une homepage **/
}
@media (max-width: 1199px){

}
@media (max-width: 767px) {
    /** Begin style bloc à la une homepage **/
    #alaune_home .row{
        display: block;
    }
    /** End style bloc à la une homepage **/
    .nf-cell {
        width: 100% !important;
    }
    /* begin responsive js-composer */
    .entry-content .desc-1-edito span {
        font-size: 18px!important;
        line-height: 26px!important;
    }
    .entry-content .desc-2-edito span {
        font-size: 16px!important;
        line-height: 25px!important;
    }
    /* end responsive js-composer */
	.red_header_publication h1{
		font-size:15px;
	}
	a.share-action{
		top: 11px;
	}
}

@media (min-width: 1720px) {
    .error404 #error-404-wrapper {
        min-height: 29.3vw;
    }
}

@media (max-width: 900px) {

    .bubble-text.footer-mr-top{
        width: 180px;
    }
    #wrapper-footer .bubble-text.footer-mr-top p{
        font-size: 20px;
    }
    .rsi{
        font-size: 27px;
    }
}
@media (max-width: 425px) {

    .next-item-li, .pagination .page-item:last-child .page-link{
        margin-left:0!important;
    }
    .previous-item-li,.pagination .page-link.previous-item{
        margin-right: 0!important;
    }
}