/* ===================================================================
 * > AJUSTEMENTS LAPTOP
 * =================================================================*/

@media (max-width: 1368px) {
    /* >  facette dans recherche globale */
    .page-recherche .image-accroche.recherche .desktop-hidden {
        display: none;
    }
    .page-recherche .recherche.tablette-hidden {
        display: block;
    }
    .page-recherche .visual .image-accroche {
        min-height: 350px;
        margin-bottom: 10px;
    }
    .page-recherche .recherche.tablette-hidden .views-exposed-form {
        bottom: 0;
        background-color: rgba(233, 233, 233, 0.5);
        padding: 20px 10px;
    }
    .page-recherche .recherche .form-global {
        top: auto;
    }
    .page-recherche .form-global .block-facetapi .block-title {
        color: #0072b6;
    }
    .page-recherche .recherche .form-global .item-list ul li {
        color: #ffffff;
        border-color: #0072b6;
        float: left;
    }
    .page-recherche .recherche .form-global .item-list ul li a {
        color: #0072b6;
    }
    /* > specifique type facette agenda */
    .recherche-type-agenda .wrapper-facet-when-panel {
        width: 96.3%;
    }
    .recherche-type-agenda .block-views .views-widget-filter-search_api_views_fulltext {
        width: 40%;
    }
    /* > specifique type recherche accueil */
    .filter-type-input-select-search .visual .image-accroche .block-views {
        width: 90%;
    }
    /* > actus agenda deplacement de visual image d'accroche dans #content  */
    .tablette-hidden.actu-agenda.recherche .block-views {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .tablette-hidden.actu-agenda .wrapper-facet .item-list {
        float: left;
    }
    .tablette-hidden.actu-agenda .wrapper-facet .item-list h3 {
        overflow: hidden;
        white-space: nowrap;
        margin: 0;
        text-overflow: ellipsis;
        display: block;
        padding: 0px 20% 0 44px;
    }
    /* > actus agenda facettes grille input */
    .tablette-hidden.actu-agenda.recherche .wrapper-facet #wrapper-facet-when {
        width: 14%;
    }
    .tablette-hidden.actu-agenda.recherche .wrapper-facet div[class*='thematiques-actu'] {
        width: 15%;
    }
    .tablette-hidden.actu-agenda.recherche .wrapper-facet div[class*='profil-actu'] {
        width: 15%;
    }
    /* init */
    #views-exposed-form-recherche-actu-agenda-recherche-agenda,
    #views-exposed-form-recherche-agenda-asso-recherche-agenda-asso {
        display: block;
    }
}


@media (max-width: 1175px) {

    /* Footer */
    .topfooter .menu li a { text-align: center; }
    .topfooter .menu li a::before {
        display: block;
        margin: 0 auto;
    }
    .topfooter .menu li:not(:last-child)::after { top: 0; }
}

/* ===================================================================
 * > TABLETTE
 * =================================================================*/
@media (max-width: 1024px) {

    .desktop-hidden{ display: none;}
    .tablette-hidden { display: block; }
    h1 { font-size: 2em;}

    /* > Header */
     .menu-accessibilite,
    .menu-topheader .webcam,
    .menu-topheader .mon-bloc-note { display: none; }
    .menu-topheader .plan-interactif { display: inline-block; }
    #main-menu .logo-titre img { width: 116px; }
    #header,
    #header::after { z-index: 200; }
    #main-menu .logo-titre { z-index: 300; }

    /* > Menu mobile */
    #main-menu { height: 70px; }
    #main-menu .inner-content { padding:0;}
    #main-menu .logo-titre.mobile { width: 100%;}
    .allo-narbonne {
        position: absolute;
        width: 13%;
        top: -12px;
        font-size: 0.8em;
        padding: 7px 10px;
        z-index: 400;
    }
    body.admin-menu #nav-principale { margin-top: 29px;}
    #main-menu .region-navigation {  display: none; }
    #nav-principale  {
        background: #0077be;
        padding: 52px 0 2.2%;
        width: 100%!important;
        z-index: 102;
        position: absolute;
        top: 100px;
        display: none;
        font-size: 0.789em;
        min-height: 0;
        box-shadow: 0 0.3rem 0.3rem -0.15rem rgba(0,0,0,0.6);
    }
    #btnMenuMobile {
        background: url(../images/picto_menumobile.png) no-repeat 50% 50% ;
        display: inline-block;
        width: 52px;
        height: 63px;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 400;
    }
    #nav-principale li { list-style: none; }
    #nav-principale .logo-titre,
    #nav-principale .closed { display: none; }
    #nav-principale ul.submenu { display: none; }
    #nav-principale ul:not(.nav3) .menu__link {  text-decoration: none;}
    #nav-principale .menu__link {
        color: #fff;
        display: block;
        position: relative;
        font-size: 1.3em;
        font-weight: 100;
    }
    #nav-principale .clone .menu__item {
        display: block;
        line-height: 2;
    }
    #nav-principale .nav1 > li > .menu__link {
        font-size: 2em;
        font-weight: 700;
        text-transform: uppercase;
        padding: 11px 7.8%;
    }
    #nav-principale .nav1 > li > .menu__link span { font-weight: 700; }
    #nav-principale .nav1 > li > .menu__link::after {
        content: "\f0da";
        font-family: 'FontAwesome';
        font-size: 17px;
        position: absolute;
        right: 9.4%;
        top: 13px;
    }
    #nav-principale .nav1 > li > .submenu-indicator-minus::after {
        content: "\f0d7";
    }
    #nav-principale .nav2 {
        padding: 10px 0;
        margin-bottom: 10px;
        background: #0069a7;
        line-height: 20px;
    }
    #nav-principale .nav2 > li > .menu__link {
        font-size: 1.634em;
        font-weight: 700;
        padding: 7px 12% 7px 11%;
        min-height: 26px;
    }
    #nav-principale .nav2 > li > .menu__link::after {
        content: "\f0da";
        font-family: 'FontAwesome';
        font-size: 17px;
        position: absolute;
        right: 9.4%;
        top: 10px;
        color: #00a0ff;
    }
    #nav-principale .nav2 > li > .submenu-indicator-minus::after {
        content: "\f0d7";
    }
    #nav-principale .nav3 { margin: 10px 0; }
    #nav-principale .nav3 > li > a {
        font-size: 1.2em;
        font-weight: 100;
        padding: 0 9.4% 0 11%;
        //0 15%;
    }
    #nav-principale .nav3 > li > a::before {
        content: "\f105";
        font-family: 'FontAwesome';
        margin-right: 5px;
        display: inline-block;
        font-weight: 400;
        min-height: 22px;
    }
    /* n2 sans n3 */
    #nav-principale .menu__item.is-leaf > a.active::after { color: #fff; }

    /*  n2 avec n3 */
    #nav-principale .menu__item.active-trail .nav3.submenu a.active {
        font-weight: 700;
        text-decoration: none;
    }
    #nav-principale .menu__item.active-trail .nav3.submenu a.active::before {
        font-weight: 700;
    }

    /* > Clone top header barre dans menu mobile*/
    #nav-principale .topheader.clone {
        font-size: 0.667em;
        line-height: 2.567em;
        color: #fff;
        background: #0177BF;
        margin-top: 10px;
    }
    #nav-principale .topheader.clone { margin-left: 8%;}
    #nav-principale .topheader.clone .menu-topheader { text-align: left;}
    #nav-principale .topheader.clone .recherche {display: none; }

    /* > Footer */
    .topfooter,
    .topfooter > div { display: block; }
    #footer .topfooter::before { content: none; }
    .topfooter .titre {
        width: 100%;
        text-align: center;
        padding-left: 0;
    }
    .topfooter .inner-menu {
        text-align: center;
        padding: 15px 0;
    }
    #footer .menu {
        width: 82%;
        margin: 0 auto;
    }
    .topfooter .menu li:not(:last-child) a::after { top: 0; }
    #footer .logo-titre { margin-top: 0; }
    #footer .logo-titre img { width: 140px; }
    #footer .coordonnee .content {
        width: 36.8%;
        margin-left: 7.3%;
    }
    #footer .coordonnee { padding: 60px 0 55px; }
    #footer .coordonnee .content .block { font-size: 0.722em; }
    #footer .coordonnee .content .block::before { background-size: 70%; }
    #footer .coordonnee .tel { display: block; }
    #footer .coordonnee .tel::before {
        background-size: 70%;
        top: 10px;
        margin-right: 10px;
    }
    #footer .coordonnee .bouton-rouge {
        font-size: 1.231em;
        margin: 28px 0 0 0;
    }
    #footer .coordonnee .right {
        width: 47.5%;
        margin-right: 8.4%;
    }

    /* > Structure */
    #content.column, .sidebars {
        float: none;
        width: 100%;
        clear: both;
    }
    body.section-mon-compte-association .sidebars,
    body.page-node-add-agenda-association .sidebars{ padding-top: 30px;}
    #main.no-img-acc .breadcrumb {
        margin: 24px 0 16px 0;
        display: block;
        visibility: hidden;
    }
    .no-img-acc .sharethis-wrapper { margin: 0; }
    .btn-bloc-note {
        float: right;
        margin-left: 20px;
    }
    #content { margin-bottom: 20px; }
    .sidebars { padding-top: 0; }

    /* > Accueil titre */
    .front h2, .titre-custom {
        font-size: 1.111em;
        line-height: 1.2em;
        padding-top: 25px;
        margin-bottom: 15px;
    }
    .front h2::before, .titre-custom::before {
        background-size: 36px auto;
        padding: 0 20px;
    }

    /* > Social share */
    .block-sharethis .sharethis-wrapper { margin-bottom: 0; float: left; }
    .block-sharethis {  float: right; background: none; }

    /* > Accueil - blocs */
    .front #main .block { margin-bottom: 30px; }

    /* > Accueil - Slide */
    .tpl-accueil-slide .accroche { font-size: 2.333em; }

    /* > Accueil - image accroche + moteur de recherche */
    body.front .image-accroche > div:first-child {
        max-width: 60%;
        margin-top: 60px;
    }
    .front .views-exposed-form {
        top: auto;
        bottom: 20px;
        position: absolute;
        width: 100%;
    }
    .block-views .views-submit-button { width: 10%; }
    .filter-type-input-select-search .views-exposed-form div > .views-exposed-widget:nth-child(1) { width: 65%; }
    .tpl-accueil-slide .bouton { margin-top: 20px; }

    /* > Accueil - Alerte */
    .tpl-alerte .etat,
    .tpl-alerte .texte {
        font-size: 0.834em; /* 15px */
        line-height: 1.334em; /* 20px */
    }
    .tpl-alerte .etat { padding: 15px 10px 9px; }
    .tpl-alerte .texte { padding: 5px 20px; }
    .tpl-alerte.niveau-1 .etat::before {
        background-size: 72%;
        height: 26px;
    }
    .tpl-alerte.niveau-2 .etat::before,
    .tpl-alerte.niveau-3 .etat::before {
        background-size: 72%;
        height: 27px;
    }

    /* > Accueil - En direct */
    .tpl-direct .aujourdhui .titre,
    .tpl-direct .webcam .titre { letter-spacing: 0; }
    .tpl-direct .aujourdhui .date-jour { font-size: 1.071em; }
    .tpl-direct .video .titre { font-size: 1.357em; line-height: 1; }
    .tpl-direct .video { margin-top: 10px; }
    .tpl-direct .border span { display: none; }
    .tpl-direct .border { min-height: 65px; padding: 15px 5px;}

    /* > Accueil - A la une */
    .tpl-alaune > .inner > .slider { width: 66.415%; margin-left: 1px; }
    .tpl-alaune .views-slideshow-controls-text-previous a,
    .tpl-alaune .views-slideshow-controls-text-next a {
        background-size: 89%;
        margin-top: 4px;
        width: 17px;
        height: 40px;
    }
    .tpl-alaune .views-slideshow-controls-text-previous a { left: 25px; }
    .tpl-alaune .views-slideshow-controls-text-next a { right: 25px; }
    .tpl-alaune > .inner > .mise-en-avant { width: 33.2%; }
    .tpl-alaune .mise-en-avant .views-row { width: 100%; }
    .tpl-alaune .mise-en-avant .views-row:nth-child(3),
    .tpl-alaune .mise-en-avant .views-row:nth-child(4) { display: none; }
    .tpl-alaune .mise-en-avant .views-row:nth-child(2) { clear: both; }
    .tpl-alaune .mise-en-avant .contenu { bottom: 25px; }
    .tpl-alaune .mise-en-avant .thematique {
        margin-top: 20px;
        padding-top: 18px;
    }

    /* > En un clic - accueil */
    .tpl-accueil-clic .liste .item {
        width: 33.3%;
        margin-top: 20px;
    }
    .tpl-accueil-clic .liste .item:nth-child(3n+1) { clear: left; }
    .tpl-accueil-clic .liste .item:nth-child(-n+3) { margin-top: 0; }

    /* > Accueil - A ne pas manquer */
    .tpl-anepasmanquer { padding-bottom: 20px; }
    .tpl-anepasmanquer h2 { margin-top: 45px; }
    .tpl-anepasmanquer .slider { width: 100%; }
    .tpl-anepasmanquer .portrait { display: none; }
    .tpl-anepasmanquer .contenu { bottom: 15px; }

    /* > Accueil - Videos et magazines */
    .tpl-videosmagazines .video {
        width: 100%;
        float: none;
        display: block;
        margin-bottom: 25px;
    }
    .tpl-videosmagazines .magazine {
        float: none;
        width: 100%;
    }
    .tpl-videosmagazines .magazine > .clearfix > div {
        float: left;
        width: 31.5%;
        margin-left: 2.7%;
        display: block;
        min-height: inherit;
        text-align: center;
    }
    .tpl-videosmagazines .magazine > .clearfix > div img { float: none; }
    .tpl-videosmagazines .magazine > .clearfix > div:first-child { margin-left: 0; }
    .tpl-videosmagazines .magazine > .clearfix > div:nth-child(n+2) { display: block; }
    .tpl-videosmagazines .magazine .bouton {
        padding-left: 10px;
        padding-right: 10px;
    }

    /* > Accueil - Espaces associations et professionnels */
    #block-narbonne-parametrage-narbonne-accueil-espace-asso-pro { margin-bottom: 45px; }
    .tpl-espaces-accueil .field-img::before { left: 10px; }
    .tpl-espaces-accueil .field-txt .titre { margin-bottom: 25px; }
    .tpl-espaces-accueil .field-txt .titre strong { display: block;}

    /* > Accueil - Restez connecté */
    .tpl-restezconnecte .facebook,
    .tpl-restezconnecte .instagram {
        width: 100%;
        float: none;
    }
    .tpl-restezconnecte .wall a {
        width: 23.05%;
        margin: 0 0 2.6% 2.6%;
    }
    .tpl-restezconnecte .wall a:nth-child(3n+1) {
        clear: none;
        margin-left: 2.6%;
    }
    .tpl-restezconnecte .wall a:nth-child(4n+1) {
        clear: left;
        margin-left: 0;
    }

    /* > Liste actualités/agenda - mosaique */
    .tpl-mosaique .views-row {
        width: 48.6%;
        margin: 0 0 2.7% 2.7%;
    }
    .tpl-mosaique .views-row:nth-child(3n+1) {
        margin-left: 2.7%;
        clear: none;
    }
    .tpl-mosaique .views-row:nth-child(2n+1) {
        margin-left: 0;
        clear: left;
    }
    .tpl-mosaique.col-4 .views-row {
        width: 48.6%;
    }

    /* > Liste des élus */
    .tpl-liste-elus .views-row {
        width: 48%;
        margin: 0 0 4% 4%;
    }
    .tpl-liste-elus .views-row:nth-child(3n+1) {
        margin-left: 4%;
        clear: none;
    }
    .tpl-liste-elus .views-row:nth-child(2n+1) {
        margin-left: 0;
        clear: left;
    }

    /* > Liste des playlists */
    .liste-videos .titre-video {
        display: block !important;
        position: relative;
        background: none;
        color: #131313;
        font-size: 1.112em;
    }
    .liste-videos .titre-video > div {
        position: relative;
        top: auto;
        left: auto;
        -webkit-transform: none;
        transform: none;
        padding: 10px;
    }

    /* > Associations */

    #block-narbonne-association-narbonne-association-bloc-droite > div:nth-child(2n+1) {
        clear: left;
        margin-left: 0;
    }
    #block-narbonne-association-narbonne-association-bloc-droite .block-col-droite-assoc { float: left; width: 48.8%; }
    #block-narbonne-association-narbonne-association-bloc-droite .block-col-droite-assoc:nth-child(2n) { float: right; }
    #block-narbonne-association-narbonne-association-bloc-droite .block-menu-block + .block-col-droite-assoc { float: none; }
    .node-type-association .block-narbonne-association {
        float: right;
        width: 48.8%;
        clear: right;
        margin: 0;
    }
    .node-type-association .block-narbonne-association .block-col-droite-assoc { max-width: 100%; }
    .block-col-droite-assoc .img-assoc::before { border-width: 0 0 70px 490px; }

    /* > Page interne, type fiche */
    .sidebar .block-eolas-bloc-note {
        display: none;
    }

    #block-menu-block-1 { display: none; }

    .sidebars .block-narbonne-page {
        width: 48.8%;
        box-sizing: border-box;
    }
    .sidebars .block-narbonne-page.even {
        float: left;
        clear: left;
    }
    .sidebars .block-narbonne-page.odd {
        float: right;
    }


    .sidebars .block-col-droite-assoc { max-width: 48.8%; }
    .sidebars .block-narbonne-page p.email { clear: left; }
    .tpl-actuagenda-lies .contenu { bottom: 10px; }
    .block-actuagenda-lies {clear: both;}
    .block-actuagenda-lies .titre-custom {
        margin-bottom: 0;
    }
    .block-narbonne-page:not(.last) {
        min-height: 292px;
        margin-bottom: 18px;
    }
    .block-narbonne-page.last {
        width: 100%;
        float: none;
        box-sizing: border-box;
        clear: both;
    }
    .node-type-page-type .group-localisation {
        margin-bottom: 20px;
    }

    /* > Détail actu/agenda/Evenement association */
    .sidebar .block-narbonne-page.tpl-meme-theme-periode {
        width: 100%;
        display: block;
        clear: both;
        margin-left: 0;
        float: none;
        min-height: inherit;
    }
    .tpl-meme-theme-periode .row {
        width: 32%;
        float: left;
        padding: 0 15px 0 0;
        margin: 0 0 0 2%;
        border-top: 0;
        border-right: 1px solid #dadada;
        box-sizing: border-box;
    }
    .tpl-meme-theme-periode .row:first-child {
        margin-left: 0;
        border-right: 1px solid #dadada;
    }
    .tpl-meme-theme-periode .row:nth-child(3n) { border-right: 0; }
    .sidebars .tpl-meme-theme-periode .contenu {
        padding: 15px;
        overflow: hidden;
    }

    /* page interne */
    .image-accroche > div:first-child {
        margin-left: 10px;
        margin-top: 0;
        max-width: 45%;
        position: absolute;
        top: 28%;
    }
    .front .image-accroche,
    .image-accroche {
        margin-bottom: 10px;
        margin-top: -8px;
        min-height: 350px;
        padding: 0;
        position: relative;
    }
    .image-accroche.thematique h1 { min-height: auto;}

    /* moteur de recherche */
    .recherche + .breadcrumb { margin-top: 20px; }
    .views-exposed-form { top: auto; }
    .page-liste-des-actualites .block-views,
    .page-liste-des-agendas .block-views,
    .page-liste-des-magazines .block-views{ width: 100%;}
    .page-liste-des-magazines .views-exposed-form,
    .page-liste-des-actualites .views-exposed-form,
    .page-liste-des-agendas .views-exposed-form,
    .page-liste-des-associations .views-exposed-form,
    .page-liste-des-elus .views-exposed-form,
    .recherche.tablette-hidden .views-exposed-form {
        bottom: 0;
        background-color: rgba(233,233,233, 0.5);
        padding: 20px 10px;
    }
    .recherche.tablette-hidden .views-exposed-widgets.clear-block {
        overflow: hidden;
        margin-bottom: 0;
    }
    .page-liste-des-agendas .block-views .views-submit-button,
    .page-liste-des-actualites .block-views .views-submit-button { line-height: normal; margin-top: 20px; }
    #views-exposed-form-recherche-magazine-recherche-magazines .views-submit-button {
        padding-top: 20px;
        line-height: normal;
    }
    .page-liste-des-agendas .views-exposed-form .views-submit-button .current-search-item,
    .page-liste-des-actualites .views-exposed-form .views-submit-button .current-search-item,
    .page-liste-des-agendas .views-exposed-form .views-submit-button .item-list,
    .page-liste-des-actualites .views-exposed-form .views-submit-button .item-list { display: none;}
    .page-liste-des-agendas .block-views .views-widget-filter-search_api_views_fulltext{ width: 41%; }
    .recherche .wrapper-facet + .views-submit-button{ margin: 20px 0 0; line-height: 1; }
    .page-recherche #main .breadcrumb { display: none; }

    .page-liste-des-agendas .views-exposed-form .views-exposed-widgets,
    .page-liste-des-actualites .views-exposed-form .views-exposed-widgets{ margin: 0;}
    .page-liste-des-associations .views-exposed-form,
    .page-liste-des-elus .views-exposed-form,
    #views-exposed-form-recherche-annuaires-recherche-creche .views-exposed-form { overflow: hidden; }
    .page-liste-des-associations .views-widget-filter-combine { width: 65%; }
    .page-liste-des-elus .views-exposed-form .views-widget-filter-search_api_views_fulltext,
    #views-exposed-form-recherche-annuaires-recherche-creche .views-widget-filter-search_api_views_fulltext { width: 89.4%; }

    /* > Liste actu agenda */
    .page-liste-des-magazines .views-exposed-form,
    .page-liste-des-actualites .views-exposed-form,
    .page-liste-des-agendas .views-exposed-form { top: auto; }

    /* > grille input */
    .tablette-hidden.actu-agenda.recherche .views-widget-filter-search_api_views_fulltext{ width: 40%; }
    .tablette-hidden.actu-agenda.recherche .wrapper-facet #wrapper-facet-when { width: 15%; }
    .tablette-hidden.actu-agenda.recherche .wrapper-facet-when-panel {
        width: 99.3%;
        padding-right: 10%;
        box-sizing: border-box;
        border: 1px solid #5E72A7;
        margin-top: 70px;
        z-index: 101;
    }
    .tablette-hidden.actu-agenda.recherche .wrapper-facet-when-panel .inner-dates-evenements {
        width: 88%;
        clear: both;
    }
    .recherche .wrapper-facet-when-panel .submit-date {
        float: left;
        margin-left: 2%;
        margin-top: 3px;
    }

    .tablette-hidden.actu-agenda.recherche .wrapper-facet div[class*='thematiques-actu'] { width: 26%; }
    .tablette-hidden.actu-agenda.recherche .wrapper-facet div[class*='profil-actu'] { width: 15%; }
    .recherche .wrapper-facet-when-panel ul.facetapi-eolas-date-range {
        float: none;
    }
    .recherche .wrapper-facet-when-panel ul.facetapi-eolas-date-range {
        width: 100%;
    }

    /* Recherche globale */
    .recherche .form-global {
        background-color: rgba(233, 233, 233, 0.5);
        padding: 20px 10px;
        top: auto;
    }
    .form-global .block-facetapi .block-title { color: #0072b6; }
    .recherche .form-global .item-list ul li {
        color: #0072b6;
        border-color: #0072b6;
    }
    .recherche .form-global .item-list ul li a { color: #0072b6; }

    /* Liste des videos */
    #content > #main-content + .tpl-liste-videos { margin-top: 0; }

    /* Bloc-notes */
    .page-bloc-note .view-vue-bloc-note .btn-bloc-note { width: 22%; }
    
    /* Plan interactif */
    .page-node-1723 .visual,
    .page-node-1723 .breadcrumb,
    .page-node-1723 #block-sharethis-sharethis-block,
    .page-node-1723 .messages,
    .page-node-1723 h2.element-invisible,
    .page-node-1723 .tabs,
    .page-node-1723 .group-localisation {
        display: none;
    }
    .page-node-1723 #main > .inner { padding: 0; }
    .page-node-1723 #content { 
        margin-bottom: 0; 
        display: block;
    }
    #block-narbonne-mapping-narbonne-mapping-block {
        position: static;
        width: auto;
        height: auto;
        transform: none;
        left: auto;
        display: block;
        margin-top: 0 !important;
    }
    .overlay-bouton-narbonne-mapping,
    #catalog-narbonne-mapping .btn-fermer,
    #catalog-narbonne-mapping .logo { display: none; }
    #catalog-narbonne-mapping {
        padding: 20px 20px 0;
    }
    #catalog-narbonne-mapping,
    #catalog_narbonne_mapping_results { 
        width: 100%; 
        float: none;
        /*display: block;*/
        display: none;
        clear: both;
    }
    #catalog-narbonne-mapping .search-catalog { 
        padding-bottom: 20px;
        clear: none;
    }
    #catalog-narbonne-mapping .btn-show-recherche {
        font-size: 1.334em;
        font-weight: bold;
        display: inline-block;
        text-align: left;
        position: relative;
        margin: 28px 0 5px;
    }
    #catalog-narbonne-mapping .btn-show-recherche:hover {
        cursor: pointer;
    }
    #catalog-narbonne-mapping .btn-show-recherche::after {
        font-family: 'FontAwesome';
        font-size: 0.917em;
        color: #3b63af;
        margin-left: 13px;
        content: "\f056";
    }
    #catalog-narbonne-mapping .btn-show-recherche.closed::after {
        content: "\f055";
    }
    #catalog-narbonne-mapping .search-catalog > form { display: none; }
    #catalog-narbonne-mapping .field label {
        cursor: pointer;
    }
    #catalog-narbonne-mapping .field input {
        width: 93%;
        max-width: 100%;
    }
    #catalog-narbonne-mapping .field .input-submit {
        width: 7%;
    }
    #catalog-narbonne-mapping .filtres {
        margin: 0 -20px;
        padding: 20px 20px 20px 15px;
    }
    #catalog-narbonne-mapping .btn-hide-recherche {
        margin-top: 20px;
        min-width: 267px;
        box-sizing: border-box;
        display: inline-block;
    }
    .list-mapping .item { padding: 30px 20px; }
    .list-mapping .field-visuel { width: 27.3%; }
    .list-mapping .field-visuel + .field-infos { width: 72.7%; }

    .wrap-map {display: none; }
    .section-plan-interactif .wrap-map {
        position: relative !important;
        width: 100% !important;
    }
    #cccwr .ccc-widget { width: 50%; }

    .recherche .wrapper-facet ul.facetapi-eolas-date-range.facetapi-facet-search-api-combined-5 li.leaf.aujourd-hui.first {
        margin-bottom: 5px;
    }

    .container-inline-date .form-type-textfield {
        padding-right: 11px;
    }

    .recherche .wrapper-facet-when-panel .submit-date a {
        display: inline;
        padding: 9px 9px 11px;
        text-decoration: none;
        margin-top: 45px;
    }

    /* ReadSpeaker */
    .section-plan-interactif .block-open-readspeaker {
        margin-top: 35px;
    }
}

/* ===================================================================
* > MOBILE
* =================================================================*/
@media (max-width: 767px) {

    .mobile-hidden { display: block; }
    /* > Header */
    #nav-principale .nav1 > li > .menu__link {
        font-size: 1.634em;
        padding-left: 5%;
        padding-right: 2.7%;
    }
    #nav-principale .nav2 > li > .menu__link {
        font-size: 1.412em;
    }
    #nav-principale .nav3 > li > .menu__link {
        font-size: 1.1em;
    }

    #nav-principale  {
        top: 90px;
    }
    #nav-principale .menu-topheader .webcam a { background: url('../images/ico-telephone.png') no-repeat left center; background-size: 12px auto; }

    #header .topheader { background: #339966; display: none; }
    #header .topheader .liste-topheader { margin:0;}
    #header .topheader .inner-content { padding:0; }
    #header .topheader .liste-topheader { display: none;}
    #header .topheader li.recherche { margin-right: 0;}
    .allo-narbonne {
        position: static;
        width: 75%;
        right: initial;
        top: initial;
        float: left;
        margin: 0;
        padding: 2px 0;
        border-radius: 0;
        text-align: left;
        font-size: 1.25em;
        line-height: 1.7em;
        white-space: nowrap;
        overflow: hidden;
        display: none;
    }
    .allo-narbonne span {
        display: inline-block;
        margin: 0 5px 0 30px;
        font-weight: 700;
    }
    .allo-narbonne::after { content: none; }

    #nav-principale .topheader.clone { margin-left: 5%;}
    #nav-principale .topheader.clone .menu-topheader { text-align: left;}
    #nav-principale .topheader.clone .menu__item {
        display: block;
        line-height: 2.9em;
    }
    #nav-principale .topheader.clone .menu__item.recherche { display: none; }
    .breadcrumb,
    #main.no-img-acc .breadcrumb,
    .allo-narbonne::after { display: none;}
    .recherche.move {
        position: absolute;
        background: url('../images/loupe_mobile.png') no-repeat left center;
        display: block;
        width: 26px;
        height: 26px;
        top: 25px;
        right: 16px;
        z-index: 1000;
    }
    .recherche.move > span { display: none;}
    .field-name-body p > img {
        float: none !important;
        margin-right: 0;
        margin-left: 0;
        display: block;
    }
    .block-narbonne-page:not(.last) { min-height: inherit; }

    /* Footer */
    .topfooter .inner-menu { padding: 15px 0; }
    #footer .menu { width: 100%; }
    .topfooter .menu li {
        width: 50%;
        padding: 7px 10px;
    }
    .topfooter .menu li:not(:last-child) a::after { content: none; }
    #footer .coordonnee { padding: 30px 0 15px; }
    #footer .coordonnee .content {
        margin-left: 30.5%;
        width: 69.5%;
    }
    #footer .coordonnee .content .block { padding-left: 0; }
    #footer .coordonnee .content .block::before { left: -55px; }
    #footer .coordonnee .right { display: none; }
    #bandeauBas .menu li { padding: 3px 10px; }

    /* social share */
    .sharethis-wrapper .stButton .facebook { margin-left: 0; }
    .block-sharethis { text-align: center; }
    .block-sharethis .sharethis-wrapper { display: inline-block; float: none;}
    .btn-bloc-note { float: none; margin: 0;  }

    /* Accueil - blocs */
    .front #main .block { margin-bottom: 20px; }

    /* Accueil - Slide */
    .tpl-accueil-slide .accroche::after { content: none; }
    .front .image-accroche > div:first-child { display: none; }
    .tpl-accueil-slide .image-accroche { min-height: 180px; margin: 0;}
    .front .views-exposed-form { bottom: 10px; }
    .filter-type-input-select-search .views-exposed-form div > .views-exposed-widget:nth-child(1) { width: 52%; }
    .filter-type-input-select-search .views-exposed-form div > .views-exposed-widget:nth-child(2) { width: 32%;}
    .block-views .views-submit-button { width: 16%;}
    .front .form-item .customSelectInner { line-height: 48px; }
    .block-views .views-widget-filter-search_api_views_fulltext input,
    .front .views-exposed-form .form-item select,
    .front .views-exposed-form .form-item .customSelect{ font-size: 0.833em; border-radius: 0; min-height: 60px; }
    .front .views-exposed-form .block-views { margin: 0 auto; width: 95%;}

    /* Accueil - Alerte */
    .tpl-alerte .etat,
    .tpl-alerte .texte {
        display: block;
        width: 100%;
        box-sizing: border-box;
    }
    .tpl-alerte .etat { padding: 14px 5px 8px; }
    .tpl-alerte .texte { padding: 5px 10px; }

    /* Accueil - En direct */
    .block-narbonne-en-direct { display: none; }

    /* Accueil - Actualit�s et agenda */
    .tpl-actuagenda .views-slideshow-controls-text-previous a,
    .tpl-actuagenda .views-slideshow-controls-text-next a {
        background-size: 89%;
        margin-top: 4px;
        width: 17px;
        height: 40px;
    }
    .tpl-actuagenda .views-slideshow-controls-text-previous a { left: 10px; }
    .tpl-actuagenda .views-slideshow-controls-text-next a { right: 10px; }

    /* Accueil - A la une */
    .tpl-alaune > .inner > .slider,
    .tpl-alaune > .inner > .mise-en-avant {
        float: none;
        width: 100%;
    }
    .tpl-alaune .slider .contenu { bottom: 18px; }
    .tpl-alaune .mise-en-avant .view-content > div:hover .contenu { transform: none; }
    .tpl-alaune .mise-en-avant .views-row {
        margin-top: 2px;
        background: #151515;
    }
    .tpl-alaune .mise-en-avant .views-field-field-visuel-actu { display: none; }
    .tpl-alaune .mise-en-avant .contenu {
        position: relative;
        bottom: auto;
        padding: 15px 0;
    }

    /* Accueil - En un clic */
    .tpl-accueil-clic .liste .item { width: 50%; }
    .tpl-accueil-clic .liste .item:nth-child(3n+1) { clear: none; }
    .tpl-accueil-clic .liste .item:nth-child(2n+1) { clear: left; }
    .tpl-accueil-clic .liste .item:nth-child(-n+3) { margin-top: 20px; }
    .tpl-accueil-clic .liste .item:nth-child(-n+2) { margin-top: 0; }

    /* Accueil - � ne pas manquer */
    .tpl-anepasmanquer .mise-en-avant,
    .tpl-anepasmanquer .filtres { display: none; }
    .tpl-anepasmanquer .lien-tous { float: right; }
    .tpl-anepasmanquer .owl-carousel .owl-item img {
        width: 144%;
        max-width: inherit;
    }

    /* Accueil - Videos et magazines */
    .tpl-videosmagazines .video .titre {
        font-size: 1em; /* 18px */
        line-height: 1.112em; /* 20px */
        padding: 24px 60px 24px 18px;
    }
    .tpl-videosmagazines .video .video-wrapper {
        position: relative;
        padding-bottom: 56.25%; /* 16:9 */
        padding-top: 0;
        height: 0;
    }
    .tpl-videosmagazines .video .video-wrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .tpl-videosmagazines .magazine > .clearfix > div {
        float: none;
        width: 100%;
    }
    .tpl-videosmagazines .magazine > .clearfix > div:nth-child(n+2) { display: none; }
    .tpl-videosmagazines .magazine .bouton {
        padding-left: 20px;
        padding-right: 20px;
    }

    /* Accueil - Espaces associations et professionnels */
    .tpl-espaces-accueil { margin-bottom: 35px; }
    .tpl-espaces-accueil > div {
        display: block;
        width: 100%;
    }
    .tpl-espaces-accueil .field-img::before {
        width: 105px;
        height: 105px;
        bottom: -42px;
        background-size: auto 36px;
        background-position: center 26px;
    }
    .tpl-espaces-accueil .field-txt {
        padding-right: 10px;
        padding-left: 10px;
    }
    .tpl-espaces-accueil ul { margin-top: 10px; }

    /* Accueil - Restez connect� */
    .tpl-restezconnecte .wall a {
        width: 48.55%;
        margin: 0 0 2.9% 2.9%;
    }
    .tpl-restezconnecte .wall a:nth-child(4n+1) {
        clear: none;
        margin-left: 2.9%;
    }
    .tpl-restezconnecte .wall a:nth-child(2n+1) {
        clear: left;
        margin-left: 0;
    }

    /* Liste des videos d'une playlist */
    .tpl-liste-videos .video-une-wrapper, .tpl-video-une .video-une-wrapper { margin-bottom: 20px; }

    /* Liste actualités/agenda - mosaique 3col default */
    .tpl-mosaique .views-row {
        width: 100%;
        float: none;
        margin: 0 0 20px 0;
    }
    .tpl-mosaique .views-row:nth-child(3n+1) { margin-left: 0; }
    /* faq 4col */
    .tpl-mosaique.col-4 .views-row {
        width: 100%;
    }

    /* Détail actu/agenda */
    .node-actualite-agenda.view-mode-full .field-name-field-visuel-actu img {
        float: none;
        width: auto;
        margin-right: 0;
    }

    /* Liste des élus */
    .tpl-liste-elus .views-row {
        width: 100%;
        margin: 0 0 20px 0;
    }
    .tpl-liste-elus .views-row:nth-child(3n+1) { margin-left: 0; }
    .tpl-liste-elus .field-name-field-fct { margin-bottom: 15px; }

    /* Liste des playlists */
    .liste-videos .row {
        width: 100%;
        margin: 0 0 20px 0;
    }
    .liste-videos .row > a { background: #000; }
    .liste-videos img { margin: 0 auto; }
    .tpl-liste-videos .titreH2 { font-size: 1.5em; line-height: 27px; }
    .tpl-liste-videos .titreH2::before { margin-top: -7px; }
    #block-narbonne-parametrage-narbonne-youtube-video-une { margin-top: 0; }
    #block-narbonne-parametrage-narbonne-youtube-video-une .video-une-wrapper { margin-bottom: 0; }

    /* Formulaires */
    .form-item {
        width: 100%;
        clear: both;
    }
    .form-item .form-managed-file input[type="file"] {
        margin-right: 0;
        width: 100%;
        display: block;
    }
    .form-item .form-managed-file input[type="submit"] {
        display: block;
        clear: both;
        margin: 10px 0;
    }
    .container-inline-date .date-padding { float: none; }
    .container-inline-date .form-item, .container-inline-date .form-item input { width: 100%; }

    .webform-client-form fieldset .fieldset-wrapper { padding: 10px; }
    .webform-client-form.form-item select,
    .webform-client-form .form-item .customSelect,
    .webform-client-form .form-item textarea,
    .webform-client-form .form-item input.form-text { width: 100%; }
    .webform-client-form fieldset.acte-souhait .fieldset-wrapper { padding: 0; }
    .webform-client-form fieldset.acte-souhait .webform-component-fieldset .fieldset-wrapper { padding: 10px; }
    .acte_de_naissance_group .col1,
    .acte_de_mariage_group .col1,
    .acte_de_deces_group .col1,
    .acte_de_naissance_group .col3,
    .acte_de_mariage_group .col3,
    .acte_de_deces_group .col3 { width: 100%; margin: 0; }
    .acte_de_naissance_group .form-item,
    .acte_de_mariage_group .form-item,
    .acte_de_deces_group .form-item { display: block; }

    /* Associations */
    .block-col-droite-assoc {
        width: 100%;
        margin-left: 0;
        float: none;
    }
    .sidebars .block-col-droite-assoc { max-width: inherit; }
    .block-col-droite-assoc .img-assoc::after { bottom: -25px; }
    .block-col-droite-assoc .img-assoc::before { border-width: 0 0 70px 747px; }
    #block-narbonne-association-narbonne-association-bloc-droite .block-col-droite-assoc,
    #block-narbonne-association-narbonne-association-bloc-droite .block-col-droite-assoc:nth-child(2n) {
        width: 100%;
        float: none;
    }
    #user-login-form .form-item,
    #user-pass .form-item { width: 100%; }
    #user-pass .form-submit,
    #narbonne-association-gestion-form .form-submit { white-space: normal; }
    .form-gestion-compte .form-item,
    .form-gestion-compte .form-item-association-identifiant + .form-item-association-nom-association {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        float: none;
    }
    .block-narbonne-association .actions { text-align: center; }
    .tpl-tdb .visuel {
        width: 100%;
        float: none;
        padding-right: 0;
    }
    .tpl-tdb .statut { padding-left: 10px; }
    .tpl-tdb .statut > div {
        float: left;
        display: block;
        width: 50%;
    }
    .tpl-tdb .statut .type {
        width: 100%;
        display: block;
        float: none;
        padding-bottom: 15px;
    }
    .tpl-tdb .depublication { line-height: 40px; }
    .tpl-tdb .depublication a {
        line-height: normal;
        vertical-align: middle;
        display: inline-block;
    }
    .node-agenda_association-form .vertical-tabs ul.vertical-tabs-list,
    .node-association-form .vertical-tabs ul.vertical-tabs-list {
        float: none;
        width: 100%;
        margin-bottom: 15px;
    }
    .node-agenda_association-form .vertical-tabs fieldset.vertical-tabs-pane,
    .node-association-form .vertical-tabs fieldset.vertical-tabs-pane { padding: 0; }
    #agenda-association-node-form .vertical-tabs-panes { margin-left: 0; width: 100%; }
    .node-agenda_association-form .form-item .form-managed-file input[type="file"],
    .node-association-form .form-item .form-managed-file input[type="file"] {
        width: 100%;
    }
    .node-association-form #edit-field-visuel-association-und-table .image-preview,
    .node-association-form #edit-field-visuel-association-und-table .image-widget-data {
        width: auto;
        float: none;
    }

    /* > Liste des magazines */
    .tpl-liste .field-name-field-visuel-magazine {
        float: none;
        width: 100%;
    }
    /* > Page interne */
    #page .sidebars .block-narbonne-page {
        width: 100%;
        float: none;
        margin-left: 0;
    }
    #page .sidebars #block-narbonne-page-narbonne-page-elu { margin-bottom: 20px; }
    #page .sidebars .sidebar .block-narbonne-association {
        width: 100%;
        float: none;
        margin-left:0;
    }
    .node-type-association .block-narbonne-association {
        float: none;
        width: 100%;
        clear: both;
    }
    .tpl-actuagenda-lies > div {
        width: 100%;
        float: none;
        margin-bottom: 10px;
    }

    /* > type fiche association */
    .node-association .content .group-infos h3 ~ div {
        width: 100%;
        float: none;
        padding: 0;
        border-left: 0 solid;
    }
    .node-association  .group-infos .field-name-field-horaires {
        border-top: 1px solid #fff;
        margin-top: 10px;
    }
    .node-association  .group-infos .field-name-field-horaires .field-label { padding-top: 10px; }
    .group-localiser + div .bouton {
        margin: 0 auto;
        display: table;
    }
    .group-localiser + div > a.bouton-modifier {
        margin: 30px auto;
    }

    /* > tableaux bord association*/
    .block-narbonne-association .actions > div {
        display: block;
    }
    .block-narbonne-association .infos-content > div {
        display: block;
    }
    .block-narbonne-association .infos-content .visuel {
        width: auto;
        background: #000;
        padding: 0;
        margin-bottom: 20px;
    }
    .block-narbonne-association  .infos-content .visuel a {
        margin: auto;
        display: block;
    }
    .block-narbonne-association  .infos-content .visuel img {
        display: block;
        margin: auto;
    }

    /* > Détail actu/agenda/Evenement association */
    .node-actualite-agenda .field-name-field-visuel-actu img,
    .node-agenda-association .field-name-field-visuel-asso img {
        width: 100%;
        display: block;
        float: none;
        margin-right: 0;
    }
    .tpl-meme-theme-periode .row {
        width: 100%;
        float: none;
        padding: 10px 0 0 0;
        margin: 10px 0 0 0;
        border-right: 0;
        border-top: 1px solid #dadada;
    }
    .tpl-meme-theme-periode .row:first-child {
        margin-top: 0;
        border: none;
    }
    .node-actualite-agenda .field-name-field-visuel-actu,
    .node-actualite-agenda .field-name-field-dates-evenement,
    .node-agenda-association .field-name-field-visuel-asso,
    .node-agenda-association .field-name-field-date-evt {
        margin-top: 20px;
    }
    .node-actualite-agenda .field-name-field-accroche-actu,
    .node-agenda-association .field-name-field-accroche-asso {
        margin-top: 20px;
    }

    /* Fiche association */
    .slide-association .owl-thumbs { display: none; }
    .slide-association .owl-nav,
    .slide-association .owl-nav.disabled { display: block; }
    .slide-association .owl-nav { margin: 0; }
    .slide-association .owl-nav > div {
        width: 19px;
        height: 47px;
        display: block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        text-indent: -9999px;
        overflow: hidden;
        z-index: 6;
    }
    /* Annulation des styles du theme */
    .slide-association .owl-carousel .owl-nav > div {
        background-color: transparent;
        margin: 0;
        padding: 0;
    }
    .slide-association .owl-carousel .owl-nav > .owl-prev {
        background: url("../images/previous-slider.png") no-repeat 0 0;
        left: 30px;
    }
    .slide-association .owl-carousel .owl-nav > .owl-next {
        background: url("../images/next-slider.png") no-repeat 0 0;
        right: 30px;
    }
    /* Liste annuaire */
    ul.liste.annuaire li .img {
        width: 100%;
        float: none;
        padding: 0 0 20px 0;
    }
    /* page interne */
    body:not(.front) .image-accroche > div:first-child {
        position: relative;
        max-width: inherit;
        width: 100%;
    }
    .image-accroche.recherche.mobile {
        min-height: 0;
    }
    .image-accroche h1 { display: block; }
    .image-accroche > div:first-child {
        margin: 0;
        max-width: 100%;
        padding-left: 0;
        position: relative;
    }
    .not-front .image-accroche {
        background-image: none !important;
        margin: 0;
        min-height: inherit;
        padding: 40px 20px 20px;
    }
    .image-accroche.recherche > div:first-child { padding: 0; }

    /* moteur de recherche */
    .page-liste-des-magazines .block-views .views-widget-filter-search_api_views_fulltext,
    .page-liste-des-agendas .block-views .views-widget-filter-search_api_views_fulltext,
    .page-liste-des-actualites .block-views .views-widget-filter-search_api_views_fulltext{
        width: 100%;
        margin-bottom: 20px;
    }
    .page-liste-des-magazines .block-views .views-widget-filter-field_categorie_magazine{
        width: 100%;
        float: none;
        font-size: 0.833em;
    }
    .page-liste-des-magazines .block-views .form-item .customSelect .customSelectInner { line-height: 48px; }
    .recherche .wrapper-facet .item-list h3 {  text-indent: -9999px; padding: 0 25px; }
    .recherche .wrapper-facet .item-list { width: 50px; height: 50px;}
    .recherche .wrapper-facet .item-list .num-selected { right: -9px; top: -11px;}
    .recherche .wrapper-facet .item-list::after { content: none; }
    .recherche .wrapper-facet div[class*="thematiques-actu"]::before,
    .recherche .wrapper-facet div[class*="profil-actu"]::before,
    .recherche .wrapper-facet #wrapper-facet-when::before{ font-size: 2em; left: 25%;}
    .recherche .wrapper-facet .item-list:not(:first-child):not(:nth-child(2)){ margin-left: 20px;}

    /* > actus agenda facettes grille input */
    .tablette-hidden.actu-agenda.recherche .wrapper-facet #wrapper-facet-when { width: 21%; }
    .tablette-hidden.actu-agenda.recherche .wrapper-facet div[class*='thematiques-actu'] { width: 21%; }
    .tablette-hidden.actu-agenda.recherche .wrapper-facet div[class*='profil-actu'] { width: 21%; }
    .tablette-hidden.actu-agenda .wrapper-facet .item-list h3 { padding: 0  }

    .page-liste-des-associations .views-widget-filter-combine {
        width: 50%;
        font-size: 0.834em;
    }
    .page-liste-des-associations .views-widget-filter-combine input { height: 60px; }
    .page-liste-des-associations .block-views .views-widget-filter-tid {
        width: 34%;
        font-size: 0.834em;
    }
    .page-liste-des-associations .block-views .views-widget-filter-tid .customSelect {
        height: 60px;
        overflow: hidden;
    }
    .page-liste-des-associations .block-views .views-widget-filter-tid .customSelectInner { line-height: 48px; }
    .page-liste-des-associations .block-views .views-exposed-widget .form-submit,
    .page-liste-des-elus .block-views .views-exposed-widget .form-submit,
    #views-exposed-form-recherche-annuaires-recherche-creche .views-exposed-widget .form-submit { border-radius: 0 3px 3px 0; }
    .page-liste-des-elus .views-exposed-form .views-widget-filter-search_api_views_fulltext,
    #views-exposed-form-recherche-annuaires-recherche-creche .views-widget-filter-search_api_views_fulltext { width: 83.4%; }

    /*.tpl-recherche-globale.tpl-liste .views-row { overflow: visible; }*/
    .hidden-telephone .clic-to-see {
        top: 45px;
        right: -25px;
        min-width: 135px;
    }
    .hidden-telephone .clic-to-see::before {
        top: -11px;
        left: 10px;
        border-color: transparent transparent #cd3d36
    }

    /* > Recherche globale */
    .form-global .block-facetapi .block-title {
        float: none;
        display: block;
        margin-top: 10px;
    }
    .form-global .wrapper-facet .item-list {
        width: auto;
        height: auto;
        clear: both;
        margin-top: 10px;
        margin-left: 0;
    }
    .form-global .wrapper-facet .item-list:not(:first-child):not(:nth-child(2)) { margin-left: 0; }
    .recherche .form-global .views-exposed-widget .form-submit {
        padding-left: 45px;
        padding-right: 45px;
    }
    .form-global .wrapper-facet + .views-submit-button { margin-top: 10px; }
    .tpl-recherche-globale .group-boutons { margin: 0; }
    .tpl-recherche-globale .visuel-global,
    .tpl-recherche-globale .field-name-field-image-accroche{
        width: 100%;
        float: none;
        padding: 0 0 10px 0;
    }
    .views-exposed-form .form-item select,
    .views-exposed-form .form-item .customSelect { font-size: 0.883em; }
    .tpl-recherche-globale .field-name-field-categorie-association,
    .tpl-recherche-globale .field-facet-type + .thematique-profil{ display: block; margin-bottom: 5px; }
    .region-visual .views-exposed-form .form-item .customSelect .customSelectInner { line-height: 48px; }

    /* > Recherche globale pour contenu type sans image d accroche */
    .no-img-acc .content .views-exposed-widget,
    .no-img-acc .content .form-item input.form-text {
        margin-right: 0;
        width: 100%;
        margin-bottom: 4px;
    }
    .no-img-acc .content .views-exposed-widget.views-submit-button {
        width: 100%;
        text-align: center;
        margin-top: 12px;
    }
    .no-img-acc .content .views-exposed-form .form-submit {
        padding: 0 29% 0 21%;
        width: 80%;
    }

    /* Contenu */
    #main.no-img-acc h1#page-title {
        margin: 50px 10px 30px
    }
    .block-sharethis {
        float: none;
        text-align: center;
    }
    .block-sharethis .sharethis-wrapper {
        display: inline-block;
    }
    .block-sharethis .btn-bloc-note {
        max-width: 270px;
        margin: 0 auto;
        display: block;
        clear: both;
    }

    /* Annuaire */
    .node-annuaire.view-mode-full .field-name-field-visuel-annuaire img {
        float: none;
        margin-right: 0;
    }
    .node-annuaire.view-mode-full .group-coordonnee { margin-top: 0; }

    /* Bloc-notes */
    .page-bloc-note .view-vue-bloc-note .btn-bloc-note {
        display: block;
        width: 250px;
        float: none;
        margin: 0 auto 20px;
    }
    
    /* Plan interactif */
    #catalog-narbonne-mapping .vues,
    #catalog_narbonne_mapping_results #map { display: none; }
    #catalog-narbonne-mapping .field { text-align: left; }
    #catalog-narbonne-mapping .field input { width: 80%; }
    #catalog-narbonne-mapping .field .input-submit {
        width: 20%;
        max-width: 60px;
    }
    #catalog_narbonne_mapping_results .wrap-result { display: block; }
    .list-mapping .item { padding: 25px 15px 20px; }
    .list-mapping .field-visuel { display: none; }
    .list-mapping .field-visuel + .field-infos { 
        width: 100%; 
        display: block; 
    }
    .list-mapping .actions > a,
    .list-mapping .hidden-telephone { float: left; margin: 0 10px 10px 0; }

    .wrap-map {display: none; }
    
    #cccwr .ccc-widget { width: 100%; }
    
    .geo-container .btn-localiser-googlemap { 
        display: block; 
        white-space: nowrap;
    }
    .tpl-actuagenda .owl-carousel .owl-nav > .owl-next { width: 30px; right: 5px; }
    .tpl-actuagenda .owl-carousel .owl-nav > .owl-prev { width: 30px; left: 5px; }
    .tablette-hidden.actu-agenda.recherche .views-widget-filter-search_api_views_fulltext { width: 100%; }
    .page-type-accordeon { word-wrap: break-word; }
    #content iframe {
        max-width: 100%;
        overflow: auto;
    }
}