/**
 * @file
 * Styles are organized using the SMACSS technique. @see http://smacss.com/book/
 *
 * When you turn on CSS aggregation at admin/config/development/performance, all
 * of these @include files will be combined into a single file.
 */

/* HTML element (SMACSS base) rules */
@import "normalize.css";

/* Layout rules */
/* @import "layouts/responsive.css"; */

/* Component (SMACSS module) rules */
@import "components/misc.css";
/* Optionally, add your own components here. */
@import "print.css";

/* SMACSS theme rules */
/* @import "theme-A.css"; */
/* @import "theme-B.css"; */

/* Polices */
@import url(https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,600,700);
@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,400,700);
@import url(https://fonts.googleapis.com/css?family=Pacifico);
@import "font-awesome.min.css";

/* ===================================================================
 * >> INITIALISATION CHARTE GRAPHIQUE GENERALE DU PROJET
 * =================================================================*/
img { max-width: 100%; height: auto; }
h1 {
    color: #0072b6;
    font-size: 3.333em; /* 60px */
    line-height: 1em; /* 60px */
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
}
h2, .titreH2 {
    font-size: 1.334em;
    font-family: 'Ubuntu', sans-serif;
    color: #0072b6;
    border-bottom: 2px solid #dadada;
    margin: 20px 0;
    padding-bottom: 15px;
    position: relative;
}
h2::after, .titreH2::after {
    content: url(../images/decoration-titre.png);
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%) translateY(50%);
    -moz-transform: translateX(-50%) translateY(50%);
    -webkit-transform: translateX(-50%) translateY(50%);
    -o-transform: translateX(-50%) translateY(50%);
    -ms-transform: translateX(-50%) translateY(50%);
}
h3 { font-size: 1.25em;    /* 20/16 */ }
h4 { font-size: 1.125em;    /* 18/16 */ }
h5 { font-size: 1em; }
object { position: relative; z-index: 1; }
.left { clear: left; float: left; }
.right { clear: right; float: right; }
ul { list-style-type: none; margin: 0; padding: 0; }
.menu__item.is-leaf { list-style-image: none; list-style-type: none; }
a { text-decoration: none; color: #131313; }
a:hover { text-decoration: underline; }
.invisible { display: none; }
.aligncenter { text-align: center; }
.alignleft { text-align: left; }
.alignright { text-align: right; }
.clearfix,.clear-block { zoom: 1; }
.clearfix::before,
.clear-block::before,
.clearfix::after,
.clear-block::after
 {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
}
.clearfix::after,
.clear-block::after { clear: both;
}
.date-repeat-rule { display: none; }
div.addressfield-container-inline:after { display: none; }
.tablette-hidden, .mobile-hidden { display: none; }

/* ===================================================================
 * > STYLES GENERIQUES
 * =================================================================*/
body {
    background: #fff;
    font-family: 'Work Sans', sans-serif;
    font-size: 1.125em; /* 18px */
    line-height: 1.667em; /* 30px */
    color: #131313;
}

.inner-content {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 10px;
    box-sizing: border-box;
}
#page {
    position: relative;
    overflow: hidden;
}
.inner {
    max-width: 1230px;
    padding: 0 10px;
    margin: 0 auto;
}

/* Boutons */
.bouton,
.form-submit,
.form-item .form-managed-file input[type="submit"] {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
    font-size: 0.778em; /* 14px */
    line-height: 1.429em; /* 20px */
    letter-spacing: 0.1em;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 3px;
    padding: 10px 20px;
    display: inline-block;
    border: none;
}
.bouton:hover,
.form-submit:hover,
.form-item .form-managed-file input[type="submit"]:hover {
    opacity: 0.8;
    cursor: pointer;
    text-decoration: none;
    transition: opacity 300ms ease-in;
}
.bouton-bleu, .form-submit {
    color: #fff;
    background-color: #0077bd;
    background: -webkit-linear-gradient(top, #0077bd, #006eaf);
    background: -moz-linear-gradient(top, #0077bd, #006eaf);
    background: -ms-linear-gradient(top, #0077bd, #006eaf);
    background: -o-linear-gradient(top, #0077bd, #006eaf);
    background: linear-gradient(to bottom, #0077bd, #006eaf);
}
.bouton-gris-fonce {
    color: #fff;
    background: #262626;
}
.bouton-plus::before {
    content: "\f055";
    font-family: 'FontAwesome';
    font-weight: normal;
    font-size: 1.572em; /* 22px */
    position: relative;
    top: 2px;
    margin-right: 7px;
}
.bouton-fleche::after {
    content: "\f061";
    font-family: 'FontAwesome';
    font-weight: normal;
    position: relative;
    margin-left: 10px;
}
.bouton-encadre-rouge {
    color: #fff;
    border: 2px solid #ff0000;
    background: #121212;
    padding-top: 8px;
    padding-bottom: 8px;
}
.bouton-bordure-rouge a,
a.bouton-bordure-rouge {
    position: relative;
    font-size: 0.778em; /* 14px */
    line-height: 1.429em; /* 20px */
    color: #cd3d36;
    font-weight: 500;
    border: 1px solid #cd3d36;
    background: #fff;
    padding: 9px 20px;
    text-decoration: none;
    border-radius: 3px;
}
.bouton-bordure-rouge a:hover,
a.bouton-bordure-rouge:hover {
    opacity: 0.8;
    cursor: pointer;
    text-decoration: none;
    transition: all 300ms ease-in;
}
.bouton-consulter a::before {
    content: "\f02d";
    font-family: 'FontAwesome';
    margin-right: 3px;
    display: inline-block;
}
.bouton-telecharger-pdf a { max-width: 300px; }
.bouton-telecharger-pdf a::before {
    content: "\f1c1";
    font-family: 'FontAwesome';
    margin-right: 3px;
    display: inline-block;
}
.bouton-youtube::before {
    content: "\f16a";
    font-family: 'FontAwesome';
    margin-right: 8px;
    display: inline-block;
}
.bouton-voir-fiche::before {
    content: "\f0c6";
    font-family: 'FontAwesome';
    margin-right: 4px;
    display: inline-block;
}
.bouton-geolocaliser::before {
    content: "\f041";
    font-family: 'FontAwesome';
    margin-right: 4px;
    display: inline-block;
}
.bouton-gerer-profil::before {
    content: "\f007";
    font-family: 'FontAwesome';
    margin-right: 4px;
    display: inline-block;
}
.bouton-gerer-deconnecter::before {
    content: "\f00d";
    font-family: 'FontAwesome';
    margin-right: 4px;
    display: inline-block;
}
.bouton-proposer-event::before {
    content: "\f14b";
    font-family: 'FontAwesome';
    margin-right: 4px;
    display: inline-block;
}
.bouton-agenda-assoc::before {
    content: "\f073";
    font-family: 'FontAwesome';
    margin-right: 4px;
    display: inline-block;
}
.bouton-modifier::after {
    content: "\f040";
    font-family: 'FontAwesome';
    margin-left: 10px;
    display: inline-block;
}

/*  bouton bloc-note dans fiche asso */
.sidebars .btn-bloc-note {
    width: 100%;
    text-align: center;
    box-sizing: border-box;
}
.btn-bloc-note.clear-notepad {
    width: 16.4%;
    text-align: center;
}
.btn-bloc-note.ajout::before {
    content: url(../images/bloc-note.png);
    position: relative;
    margin-right: 5px;
    top: 3px;
}
.btn-bloc-note.retrait::before {
    content: "\f1f8";
    font-family: 'FontAwesome';
    margin-right: 5px;
    font-weight: normal;
    display: inline-block;
}
.bouton-rouge {
    color: #fff;
    background-color: #CE302D;
    background: -webkit-linear-gradient(top, #D63230, #CE302D);
    background: -moz-linear-gradient(top, #D63230, #CE302D);
    background: -ms-linear-gradient(top, #D63230, #CE302D);
    background: -o-linear-gradient(top, #D63230, #CE302D);
    background: linear-gradient(to bottom, #D63230, #CE302D);
}

.lien-tous {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
    font-size: 0.612em; /* 11px */
    line-height: normal;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    text-decoration: none;
    color: #0070b3;
    position: relative;
}
.lien-tous::before {
    content: "\f105";
    font-family: 'FontAwesome';
    margin-right: 5px;
    display: inline-block
}
.ombre { position: relative; }
.ombre::after {
    content: "";
    width: 100%;
    height: 50%;
    display: block;
    background: transparent;
    background: -webkit-linear-gradient(bottom, rgba(34,34,34,1), rgba(34,34,34,0));
    background: -o-linear-gradient(bottom, rgba(34,34,34,1), rgba(34,34,34,0));
    background: -moz-linear-gradient(bottom, rgba(34,34,34,1), rgba(34,34,34,0));
    background: linear-gradient(to top, rgba(34,34,34,1), rgba(34,34,34,0));
    position: absolute;
    bottom: 0;
    z-index: 1;
}
.field-name-field-thematiques .field-item { display:inline-block; color: #c63535; }
.field-name-field-thematiques .field-item:not(:first-child)::before { content:"/"; padding: 0 10px; font-weight: normal;}
.field-name-field-thematiques a {
    color: #c63535;
    font-size: 0.778em; /* 14px */
    line-height: 1.429em; /* 20px */
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}
/* style de paragraphe generique */
.field-name-body  { margin: 20px 0; }
.field-name-body  a {
    text-decoration: none;
    color: #0075bb;
}
.field-name-body .bouton-bleu a { color:#ffffff;}
.field-name-body  a:hover {
    text-decoration: underline;
}
.field-name-body  img { margin: 20px;}
.field-name-field-bloc-en-savoir-plus ul,
.field-name-body ul { margin: 20px; }
.field-name-field-bloc-en-savoir-plus ul li,
.field-name-body ul li {
    position: relative;
    margin-bottom: 8px;
    padding-left: 15px;
}
.field-name-field-bloc-en-savoir-plus ul li::before,
.field-name-body ul li::before {
    content: "\f105";
    font-family: 'FontAwesome';
    color: #cbcbcb;
    position: absolute;
    left: 0;
}
.field-name-body table {
    border-collapse: collapse;
}
.field-name-body th {
    background-color: #0072b6;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
    padding: 2px 5px;
    border: 1px solid #0072b6;
}
.field-name-body  td {
    padding: 2px 5px;
}
.field-name-body td img { margin: 8px;}

/* ===================================================================
 * > HEADER
 * =================================================================*/
#header {
    background-color: #fff ;
    padding-bottom: 2px;
    position: relative;
}
#header::after {
    content: url("../images/arrondi-header.png");
    position: absolute;
    bottom: -42px;
    left: 50%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    z-index: 12;
}
#main-menu::after {
    content: "";
    position: absolute;
    top: 100%;
    display: inline-block;
    width: 100%;
    height: 4px;
    z-index: 12;
    background: url("../images/ombre-header.png") repeat-x;
}

/* Zone top header */
.topheader {
    font-size: 0.667em;/* 12px */
    line-height: 2.567em;/* 20px */
    color: #fff;
    background: #131313;
}
.topheader a {
    color: #fff;
    text-decoration: none;
}
.topheader a:hover { text-decoration: underline; }
.topheader ul {
    list-style: none;
    margin: 0 7px 0 0;
}
.topheader ul li {
    display: inline;
    line-height: 1.2em;
}
.topheader ul li a {
    display: inline-block;
    padding: 2px 0;
}

/* ReadSpeaker  */
.block-open-readspeaker {
    margin: 2px 0;
    z-index: 1;
}
.block-open-readspeaker .rsbtn {
    margin: 0;
    line-height: normal;
}

/* > Select lang  */
.topheader .block-lang-dropdown .contextual-links-processed {
    display: none;
}
.topheader .block-lang-dropdown {
    float: right;
    margin: 0;
    padding: 0;
    width: 72px;
    background: #3b63af;
}
.topheader .block-lang-dropdown select,
.topheader .block-lang-dropdown .customSelect {
    border: none;
    padding: 8px 14px;
    border-radius: 0;
    max-width: 100%;
    box-sizing: border-box;
    background: #0077BE;
    text-transform: uppercase;
}
.topheader .block-lang-dropdown option { color: #131313; background: #fff; }
.topheader .block-lang-dropdown .customSelect {
    background: transparent;
    color: #fff;
    text-align: center;
    padding: 0 10px;
    min-width: 72px;
    text-transform: uppercase;
}
.topheader .block-lang-dropdown .customSelectHover { cursor: pointer; }
.topheader .block-lang-dropdown .customSelectInner { display: inline !important; }
.front .topheader .block-lang-dropdown .customSelect::after { top: 4px; }

.menu-accessibilite {
    font-weight: 300;
    float: left;
    list-style: none;
    padding-left: 2.8%;
    box-sizing: border-box;
}
.menu-accessibilite li { margin-right: 24px; }
.menu-topheader {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
    text-align: right;
    list-style: none;
}
.menu-topheader > ul { display: inline-block; }
.menu-topheader > ul li { margin-right: 20px; }
.topheader .menu-topheader > ul a { padding-left: 20px; }

.menu-topheader .f-a-q a { background: url('../images/f-a-q.png') no-repeat left center;  }
.topheader .menu-topheader > ul .f-a-q a { padding-left: 25px; }
.menu-topheader .webcam a { background: url('../images/webcam.png') no-repeat left center; }
.menu-topheader .mon-compte-association a { background: url('../images/mon-compte.png') no-repeat left center; }
.menu-topheader .mon-bloc-notes a { background: url('../images/bloc-note.png') no-repeat left center; }
.menu-topheader .recherche a { background: url('../images/recherche.png') no-repeat left center; }
.menu-topheader .plan-interactif a { background: url('../images/plan-interactif.png') no-repeat 4px center; }
.menu-topheader .plan-interactif { display: none; }

/* Zone navigation */
#main-menu .inner-content { position: relative; }
#main-menu .region-navigation {
    float: left;
    width: 85.8%;
    padding-left: 2.8%;
    display: table;
    table-layout: fixed;
    box-sizing: border-box;
}
#main-menu li a:hover { text-decoration: none; }
#main-menu .nav1 > li > .menu__link {
    font-family: 'Ubuntu', sans-serif;
    color: #212121;
    font-size: 0.945em;/* 17px */
    line-height: 1.177em;/* 20px */
    font-weight: 700;
    text-transform: uppercase;
    list-style: none;
    padding: 0;
    position: relative;
    display: inline-block;
}
#main-menu .nav1 > li > .menu__link span {
    display: block;
    font-weight: 400;
}
#main-menu .nav1 > li > .menu__link:hover { cursor: pointer; }
#main-menu .nav1 > li.active > .menu__link::after,
#main-menu .nav1 > li > .menu__link:hover::after,
#main-menu .nav1 > li > .menu__link.active-trail::after,
#main-menu .nav1 > li > .menu__link.active::after{
    content: "";
    background: #0077be;
    width: 100%;
    height: 14px;
    display: block;
    position: absolute;
    bottom: -32px;
    left: 0;
}
#main-menu .nav1 > li {
    display: table-cell;
    padding: 0 0 0 15px;
    line-height: 1.112em; /* 20px */
    width: 33.3%;
    box-sizing: border-box;
}
#main-menu .region > .main-left .nav1 > li:first-child {
    padding-left: 0;
    width: 28%;
}
#main-menu li { list-style: none; }
#main-menu .niv1 > li > .menu__link {
    color: #212121;
    text-decoration: none;
}
#main-menu .region > div {
    display: table-cell;
    vertical-align: middle;
    box-sizing: border-box;
}
#main-menu .region > .main-left { width: 45%; }
#main-menu .region > .main-right { width: 31%; }
#main-menu .logo-titre {
    width: 24%;
    z-index: 13;
    position: relative;
    top: 12px;
    text-align: center;
}
#main-menu .logo-titre a { display: inline-block; }
#main-menu .visible-sticky { display: none; }
#main-menu h1 {
    margin: 0;
    padding: 0;
    line-height: 0;
}
#main-menu .nav1 {
    display: table;
    table-layout: fixed;
    width: 100%;
}
#main-menu .nav2 {
    position: absolute;
    left: 0;
    top: 102%;
    width: 100%;
    padding: 30px 7.6%;
    background: #0077be;
    color: #fff;
    z-index: 12;
    box-sizing: border-box;
}
#main-menu .nav1 ul a { color: #fff; }
#main-menu .nav2 { display: none; }
#main-menu .nav2 > li {
    float: left;
    width: 22.2%;
    margin: 4.2% 1.8% 2.2% 1.8%;
    box-sizing: border-box;
}
#main-menu .nav2 > li:nth-child(4n) {
    margin-right: 0;
}
#main-menu .nav2 > li:nth-child(4n+1) {
    clear: left;
    margin-left: 0;
}
#main-menu .nav2 > li > .menu__link {
    font-weight: 700;
    margin-bottom: 7px;
    display: inline-block;
}
#main-menu .nav2 > li.parent > a:hover { cursor: default; }
#main-menu .nav3 > li > .menu__link {
    font-size: 0.778em; /* 14px */
    line-height: 1.072em; /* 15px; */
    padding: 2px 5px;
    margin: 0 0 2px -5px;
    display: inline-block;
    position: relative;
}
#main-menu .nav3 > li > .menu__link::before {
    font-family: 'FontAwesome';
    content: '\f105';
    display: inline-block;
    margin-right: 5px;
}
#main-menu .nav2 > li > a.menu__link:hover ,
#main-menu .nav3 > li > a.menu__link:hover {
    background: #ee2e24;
    font-weight: 700;
}
#main-menu .nav2 > .closed {
    background: url('../images/btn-menu-close.png') 0 0 no-repeat;
    width: 44px;
    height: 44px;
    display: block;
    position: absolute;
    bottom: -52px;
    left: 50%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    padding: 0;
    text-indent: -9999px;
    overflow: hidden;
}
#main-menu .nav2 > .closed:hover { cursor: pointer; }

/* Allo Narbonne */
.allo-narbonne {
    font-family: 'Ubuntu', sans-serif;
    background: #339966;
    color: #fff;
    font-size: 0.889em;/* 16px */
    line-height: 1.125em;/* 18px */
    text-align: center;
    padding: 7px 16px;
    border-radius: 18px;
    display: block;
    width: auto;
    margin: 20px 10px 15px;
    right: 10px;
    position: absolute;
}
.allo-narbonne strong {
    display: inline-block;
    margin-bottom: 2px;
}
.allo-narbonne::after {
    content: "";
    border-top: 12px solid #339966;
    border-right: 12px solid transparent;
    position: absolute;
    left: 26px;
    bottom: -12px;
}

/* Sticky menu */
#header.sticky {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 30;
}
.logged-in.admin-menu #header.sticky { top: auto; }
#header.sticky::after { content: none; }
#header.sticky .hidden-sticky { display: none; }
#header.sticky .visible-sticky { display: block; }
#header.sticky .logo-titre {
    top: 0;
    padding: 18px 0 13px;
}
#header.sticky .nav1 > li.active > .menu__link::after,
#header.sticky .nav1 > li > .menu__link:hover::after,
#header.sticky .nav1 > li > .menu__link.active-trail::after,
#header.sticky .nav1 > li > .menu__link.active::after{
    height: 5px;
    bottom: -16px;
}
#header.sticky .allo-narbonne {
    margin-top: 10px;
    margin-bottom: 5px;
    border-radius: 0;
}
#header.sticky .allo-narbonne::after { content: none; }


/* ===================================================================
 * > STRUCTURE
 * =================================================================*/
#content.column {
    width: 74.3%;
    display: inline-block;
}
.sidebars {
    width: 23.2%;
    float: right;
    padding-top: 30px;
}
body.section-mon-compte-association .sidebars,
body.page-node-add-agenda-association .sidebars{ padding-top: 140px;}

/* ===================================================================
 * > CONTENU
 * =================================================================*/
/* Pour un fond blanc en cas d'agenda association non publié */
.node { background: #fff; }
#content { margin-bottom: 40px; }

/* ===================================================================
 * > COLONNE DROITE
 * =================================================================*/
/* Navigation transversale */
.region-sidebar-second .block-menu-block {
    font-size: 0.778em; /* 14px */
    line-height: 1.215em; /* 17px */
    color: #d9d9d9;
    font-weight: 700;
    margin-bottom: 30px;
}
.region-sidebar-second .menu-block-wrapper .menu__link { color: #131313; }
.region-sidebar-second .menu-block-wrapper ul li { list-style: none; }
.region-sidebar-second .menu-block-wrapper > div > ul > li:not(.is-active-trail) { display: none; }
.region-sidebar-second .menu-block-wrapper > div > ul > li > .menu__link {
    font-size: 1.286em; /* 18px */
    line-height: 1.112em; /* 20px */
    padding: 27px 20px 27px 72px;
    display: block;
    position: relative;
    background: #e6e6e6;
}
.region-sidebar-second .block-narbonne-association .menu-block-wrapper > div > ul > li > .menu__link {
    padding: 27px 10px 27px 50px;
}
.region-sidebar-second .menu-block-wrapper > div > ul > li > .menu__link::before {
    content: "\f0c9";
    font-family: 'FontAwesome';
    position: absolute;
    left: 30px;
    top: 27px;
    /*font-size: 1.389em; */ /*Erreur sous IE */
    font-weight: normal;
}
.region-sidebar-second .menu-block-wrapper .nav4 { display: none;}
/* IE bug correction */
.region-sidebar-second .block-narbonne-association .menu-block-wrapper > div > ul > li > .menu__link:hover::before{ text-decoration: underline;}
.region-sidebar-second .block-narbonne-association .menu-block-wrapper > div > ul > li > .menu__link:hover::before{ text-decoration: none;}
.region-sidebar-second .block-narbonne-association .menu-block-wrapper > div > ul > li > .menu__link::before {
    content: "\f0c0";
    font-size: 1.334em; /* 24px */
    left: 15px;
}
.region-sidebar-second .menu-block-wrapper > div > ul > li > div > ul > li > .menu__link {
    padding: 11px 30px;
    display: block;
    background: #d9d9d9;
    position: relative;
}
.region-sidebar-second .menu-block-wrapper > div > ul > li > div > ul > li > .menu__link::after {
    content: "";
    width: 78%;
    height: 1px;
    background: #e6e6e6;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.region-sidebar-second .menu-block-wrapper > div > ul > li > div > ul > li:first-child > .menu__link::after { content: none; }
.region-sidebar-second .menu-block-wrapper > div > ul > li > div > ul > li.is-active-trail > .menu__link,
.region-sidebar-second .menu-block-wrapper > div > ul > li > div > ul > li > .menu__link:hover {
    color: #3b63af;
    background: #fafafa;
    text-decoration: none;
}
.region-sidebar-second .menu-block-wrapper > div > ul > li > div > ul > li.is-active-trail > .menu__link::before {
    content: "";
    background: #3b63af;
    height: 100%;
    width: 10px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}
.region-sidebar-second .menu__link.disconnect::before {
    content: "\f00d";
    font-family: 'FontAwesome';
    position: relative;
    font-weight: normal;
    margin-right: 5px;
}

/* ===================================================================
 * > ACCUEIL
 * =================================================================*/

/* Titres */
.front h2, .titre-custom {
    font-family: 'Ubuntu', sans-serif;
    font-size:  2em; /* 36px */
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    border-top: 2px solid #999;
    border-bottom: 0;
    padding: 38px 0 0 0;
    margin: 18px 0 30px;
    color: #131313;
    position: relative;
}
.front h2::before, .titre-custom::before {
    content: "";
    position: absolute;
    left: 50%;
    top: -18px;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    padding: 0 23px;
    background: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    width: 43px;
    height: 46px;
}
.front h2::after, .titre-custom::after { content: none; }
.front h2 span, .titre-custom span { font-weight: 700; }
.tpl-alaune h2::before { background-image: url("../images/titre-alaune.png"); }
.tpl-accueil-clic h2::before { background-image: url("../images/titre-accueil-clic.png"); }
.tpl-anepasmanquer h2 {
    color: #fff;
    margin-top: 60px;
    padding-top: 40px;
}
.tpl-anepasmanquer h2::before {
    background-image: url("../images/titre-anepasmanquer.png");
    background-color: #161616;
}
.tpl-videosmagazines h2::before { background-image: url("../images/titre-videosmagazines.png"); }
.tpl-restezconnecte h2 { margin-bottom: 60px; }
.tpl-restezconnecte h2::before { background-image: url("../images/titre-restezconnecte.png"); }

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

/* Accueil slide */
.tpl-accueil-slide {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
}
.tpl-accueil-slide .infos {
    position: relative;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    width: 90%;
    text-align: center;
}
.tpl-accueil-slide .accroche {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
    font-size: 4em; /* 72px */
    line-height: 0.83em; /* 60px */
    color: #fff;
    text-shadow: 2px 1px 3px #000;
}
.tpl-accueil-slide .accroche::after {
    content: "";
    display: block;
    background: #fff;
    width: 130px;
    height: 2px;
    margin-top: 25px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.tpl-accueil-slide .customSelect.profil::after { content: none; }
.tpl-accueil-slide .customSelect.profil .customSelectInner { width: 100% !important; }
.tpl-accueil-slide .bouton {
    margin-top: 30px;
    padding-left: 38px;
    padding-right: 38px;
    box-shadow: 1px 1px 1px 0px rgba(39, 39, 39, 0.3);
}
.tpl-accueil-slide video#accueil_slider_video {
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    background-size: cover;
    position: absolute;
}

/* Zone alerte */
.alerte-carousel {
    position: relative;
    overflow: hidden;
}

.tpl-alerte {
    display: table;
    width: 100%;
    transition: transform 1s;
    position: absolute;
}
.tpl-alerte > div { display: table-cell; }
.tpl-alerte .etat {
    width: 14.6%;
    font-family: 'Ubuntu', sans-serif;
    font-size: 100%;
    line-height: 1.5em;
    color: #fff;
    text-align: center;
    position: relative;
    padding: 18px 10px 12px;
}
.tpl-alerte.niveau-1 .etat {
    background: #5295bd;
    position: relative;
}
.tpl-alerte .etat::before {
    content: "";
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    margin-bottom: 5px;
}
.tpl-alerte.niveau-1 .etat::before {
    background: url("../images/niveau-1-alerte.png") no-repeat center top;
    width: 33px;
    height: 35px;
}
.tpl-alerte.niveau-2 .etat { background: #ff6600 }
.tpl-alerte.niveau-3 .etat { background: #ee2e24; }

.tpl-alerte.niveau-2 .etat::before,
.tpl-alerte.niveau-3 .etat::before {
    background: url("../images/niveau-2-3-alerte.png") no-repeat center top;
    width: 44px;
    height: 38px;
}
.tpl-alerte .texte {
    font-size: 0.889em; /* 16px */
    line-height: 1.875em; /* 30px */
    color: #000;
    padding: 10px 28px;
    vertical-align: middle;
}
.tpl-alerte .texte p { margin: 0; }
.tpl-alerte .texte a { color: #0075bb; }
.tpl-alerte.niveau-1 .texte { border: 2px solid #5295bd; }
.tpl-alerte.niveau-2 .texte { border: 2px solid #ff6600; }
.tpl-alerte.niveau-3 .texte { border: 2px solid #ee2e24; }

/* En direct */
.tpl-direct { overflow: hidden; }
.tpl-direct > div {
    float: left;
    width: 22.93%; /* 282px */
    margin-left: 2.6%; /* 32px */
    font-size: 0.778em; /* 14px */
    line-height: 1.429em; /* 20px */
    text-align: center;
    position: relative;
}
.tpl-direct > div:first-child { margin-left: 0; }
.tpl-direct .border {
    border: 1px solid #e6e6e6;
    padding: 15px;
    margin-top: 5px;
}
.tpl-direct .aujourdhui::before { content: url("../images/tpl-direct-aujourdhui.png"); }
.tpl-direct .aujourdhui .today {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
    color: #ee2e24;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}
.tpl-direct .aujourdhui .titre {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
    color: #ee2e24;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}
.tpl-direct .aujourdhui .date-jour { font-size: 1.286em; /* 18px */ }
.tpl-direct .meteo .temp {
    font-family: 'Ubuntu', sans-serif;
    letter-spacing: 0.2em;
}
.tpl-direct .meteo strong { font-weight: 600; }
.tpl-direct .webcam::before { content: url("../images/tpl-direct-webcam.png"); }
.tpl-direct .webcam .titre {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
    letter-spacing: 0.2em;
}
.tpl-direct .video { margin-top: 20px; }
.tpl-direct .video .titre {
    color: #0075ba;
    font-family: 'Pacifico', cursive;
    font-size: 1.929em; /* 27px */
    line-height: 0.63em; /* 17px */
    letter-spacing: 0.05em;
    margin-bottom: 10px;
}
.tpl-direct .acces-page a {
    color: #0075bb;
    text-decoration: none;
    position: relative;
}
.tpl-direct .acces-page a:hover { text-decoration: underline; }
.tpl-direct .acces-page::before {
    font-family: 'FontAwesome';
    content: "\f054";
    color: #0075bb;
    font-size: 0.858em;
    display: inline-block;
    margin-right: 5px;
}

/* Actualités à la une & Agenda à ne pas manquer */
.tpl-actuagenda { overflow: hidden; }
.tpl-actuagenda > div {
    color: #fff;
    font-family: 'Ubuntu', sans-serif;
    text-align: center;
}
.tpl-actuagenda .inner a { color: #fff; }
.tpl-actuagenda .more-link a { display: none; }
.tpl-actuagenda .inner a:hover { text-decoration: none; }
.tpl-actuagenda img { display: block; margin: 0 auto; }
.tpl-actuagenda .mise-en-avant .views-row {
    float: left;
    position: relative;
}
.tpl-actuagenda .slider .view-content,
.tpl-actuagenda .portrait .view-content { position: relative; }
.tpl-actuagenda .views-field-field-visuel-actu:hover,
.tpl-actuagenda .contenu:hover { cursor: pointer; }
.tpl-actuagenda .views-field-field-visuel-actu::after {
    content: "";
    width: 100%;
    height: 80%;
    display: block;
    background: transparent;
    background: -webkit-linear-gradient(bottom, rgba(34,34,34,1), rgba(34,34,34,0));
    background: -o-linear-gradient(bottom, rgba(34,34,34,1), rgba(34,34,34,0));
    background: -moz-linear-gradient(bottom, rgba(34,34,34,1), rgba(34,34,34,0));
    background: linear-gradient(to top, rgba(34,34,34,1), rgba(34,34,34,0));
    position: absolute;
    bottom: 0;
    z-index: 5;
}
.tpl-actuagenda .owl-carousel  .views-field-field-visuel-actu::after{
    bottom: -1px;
}
.tpl-actuagenda .portrait .views-row:hover .views-field-field-visuel-actu::after,
.tpl-actuagenda .mise-en-avant .views-row:hover .views-field-field-visuel-actu::after {
    background: rgba(19,19,19,0.9);
    height: 100%;
}
.tpl-actuagenda .contenu {
    position: absolute;
    left: 5%;
    bottom: 15px;
    width: 90%;
    z-index: 10;
}
.tpl-actuagenda .titre {
    font-weight: 300;
    font-size: 1.425em; /* 23px */
    line-height: 0.834em; /* 20px */
}
.tpl-actuagenda .titre a { color: #fff; }
.tpl-actuagenda .titre a:hover { text-decoration: none; }
.tpl-actuagenda .thematique,
.tpl-actuagenda .dates {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    min-height: 20px;
    position: relative;
}
.tpl-actuagenda .dates span {
    font-weight: 300;
}
.tpl-actuagenda .thematique {
    font-size: 0.778em; /* 14px */
    line-height: 1.429em; /* 20px */
    margin-top: 10px;
    padding-top: 7px;
}
.tpl-actuagenda .dates {
    font-size: 0.667em; /* 12px */
    line-height: 1.667em; /* 20px */
    margin-top: 20px;
    padding-top: 16px;
}
.tpl-actuagenda .thematique::before,
.tpl-actuagenda .dates::before {
    content: "";
    width: 130px;
    height: 2px;
    background: #fff;
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.tpl-actuagenda .owl-nav { margin: 0; }
.tpl-actuagenda .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 */
.tpl-actuagenda .owl-carousel .owl-nav > div {
    background-color: transparent;
    margin: 0;
    padding: 0;
}
.tpl-actuagenda .owl-carousel .owl-nav > .owl-prev {
    background: url("../images/previous-slider.png") no-repeat center center;
    left: -60px;
    height: 100%;
    width: 200px;
}
.tpl-actuagenda .owl-carousel .owl-nav > .owl-next {
    background: url("../images/next-slider.png") no-repeat center center;
    right: -60px;
    height: 100%;
    width: 200px;
}

/* Actualités à la une */
.tpl-alaune > .inner {
    overflow: hidden;
    padding: 0;
}
.tpl-alaune > .inner > div {
    width: 50%;
    float: left;
}
.tpl-alaune .mise-en-avant .views-row { width: 50%; }
.tpl-alaune .mise-en-avant .views-row.views-row-odd { clear: left; }
.tpl-alaune .slider .contenu { bottom: 25px; }
.tpl-alaune .slider .thematique {
    margin-top: 20px;
    padding-top: 18px;
}
.tpl-alaune .lien-tous {
    float: right;
    margin-top: 15px;
}

/* En un clic */
.tpl-accueil-clic { font-family: 'Ubuntu', sans-serif; }
.tpl-accueil-clic .liste { text-transform: uppercase ;}
.tpl-accueil-clic .liste .item {
     display: block;
     float: left;
     width: 16.6%;
}
.tpl-accueil-clic .liste li .titre span { border-bottom: 2px solid transparent; }
.tpl-accueil-clic .liste li:hover .titre span { border-bottom: 2px solid #2376C4; }
.tpl-accueil-clic .liste .item a {
    text-decoration: none;
    font-size: 0.7em;
    font-weight: 700;
    display: block;
    text-align: center;
}
.tpl-accueil-clic .liste .item a  div { display: inline-block; }
.tpl-accueil-clic .liste .item p {
    text-align: center;
    line-height: 1.5em;
    margin: 0 2%;
}

/* A ne pas manquer */
.tpl-anepasmanquer {
    background: url('../images/fond-anepasmanquer.jpg') no-repeat 0 0;
    background-size: cover;
    padding-bottom: 38px;
}
.tpl-anepasmanquer .slider,
.tpl-anepasmanquer .portrait { float: left; }
.tpl-anepasmanquer .slider { width: 74.4%; }
.tpl-anepasmanquer .portrait { width: 25.6%; }
.tpl-anepasmanquer .mise-en-avant { clear: both; }
.tpl-anepasmanquer .mise-en-avant .views-row { width: 33.3%; }
.tpl-anepasmanquer .contenu { bottom: 25px; }
.tpl-anepasmanquer .filtres {
    clear: both;
    padding-top: 30px;
}
.tpl-anepasmanquer .filtres a { margin: 0 3px 10px; }
.tpl-anepasmanquer .lien-tous {
    color: #fff;
    margin-top: 10px;
    display: inline-block;
}
.tpl-anepasmanquer .lien-tous:hover { text-decoration: underline; }

/* Vidéos et magazines */
.tpl-videosmagazines { overflow: hidden; }
.tpl-videosmagazines .video {
    width: 65.9%;
    display: inline-block;
    float: left;
    overflow: hidden;
}
.tpl-videosmagazines .video-wrapper {
    overflow: hidden;
    height: 455px;
}
.tpl-videosmagazines .video-wrapper #img-overlay { margin-top: -9.5%; }
.tpl-videosmagazines .video iframe { display: block; }
.tpl-videosmagazines .video .titre {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300;
    font-size: 1.434em;
    line-height: 0.834em;
    color: #fff;
    background: #151515;
    padding: 32px 65px 32px 30px;
    position: relative;
}
.tpl-videosmagazines .video .play {
    position: absolute;
    top: 50%;
    right: 18px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    color: #fff;
    background: #0075BA;
    padding: 9px 12px;
    display: inline-block;
    font-size: 0.6em;
}
.tpl-videosmagazines .lien-tous {
    float: right;
    margin-top: 15px;
}
.tpl-videosmagazines .magazine {
    width: 31.7%;
    float: right;
}
.tpl-videosmagazines .magazine > .clearfix > div {
    position: relative;
    background: #151515;
    text-align: center;
    min-height: 540px;
}
.tpl-videosmagazines .magazine > .clearfix > div img { float:left; }
.tpl-videosmagazines .magazine > .clearfix > div:nth-child(n+2) { display: none; }
.tpl-videosmagazines .ombre::after { height: 80%; }
.tpl-videosmagazines .magazine > div > img {
    display: block;
    border: 1px solid #d9d9d9;
    margin: 0 auto;
}
.tpl-videosmagazines .magazine .bouton {
    position: absolute;
    bottom: 20px;
    left: 50%;
    -ms-transform: translate(-50%, 0px); /* IE 9 */
    -webkit-transform: translate(-50%, 0px); /* Chrome, Safari, Opera */
    transform: translate(-50%, 0px);
    z-index: 2;
    white-space: nowrap;
}

/* Accueil - Espaces associations et professionnels */
#block-narbonne-parametrage-narbonne-accueil-espace-asso-pro { margin-bottom: 55px; }
.tpl-espaces-accueil {
    table-layout: fixed;
    width: 100%;
    display: table;
}
.tpl-espaces-accueil > div  {
    width: 50%;
    padding: 0 0 20px;
    display: table-cell;
    color: #fff;
    font-weight: 300;
    text-align: justify;
    vertical-align: top;
}
.tpl-espace-associations { background: #0077be; }
.tpl-espace-professionnels { background: #0069a7; }
.tpl-espaces-accueil .field-img {
    position: relative;
    overflow: hidden;
    background: #151515;
}
.tpl-espaces-accueil .field-img::before {
    content: "";
    position: absolute;
    left: 12.2%;
    bottom: -102px;
    width: 195px;
    height: 195px;
    border-radius: 100px;
}
.tpl-espace-associations .field-img::before {
    background: #0077be url(../images/espace-association.png) no-repeat center 42px;
}
.tpl-espace-professionnels .field-img::before {
    background: #0069a7 url(../images/espace-professionnel.png) no-repeat center 42px;
}
.tpl-espaces-accueil .field-img img {
    display: block;
    margin: 0 auto;
}
.tpl-espaces-accueil .field-txt { padding: 25px 17.07% 0; }
.tpl-espaces-accueil .field-txt .titre {
    font-family: 'Ubuntu', sans-serif;
    font-size: 1.278em; /* 23px */
    line-height: 0.87em; /* 20px */
    letter-spacing: 0.2em;
    font-weight: 400;
    margin: 5px 0 39px;
}
.tpl-espaces-accueil a {
    color: #fff;
    font-size: 0.778em; /* 14px */
    line-height: 1.286em; /* 18px */
    font-weight: 700;
    text-decoration: none;
    display: inline-block;
    position: relative;
    text-align: left;
}
.tpl-espaces-accueil a:hover { text-decoration: underline; }
.tpl-espaces-accueil ul { margin: 38px 0 0 30px; }
.tpl-espaces-accueil li a::before {
    content: "\f105";
    font-family: 'FontAwesome';
    margin-right: 7px;
    font-weight: normal;
    display: inline-block;
    float: left;
}

/* Restez connect� */
.block-narbonne-social { clear: both; }
.tpl-restezconnecte .facebook {
    width: 48.8%;
    float: left;
    display: inline-block;
    border: 1px solid #e6e6e6;
}
.tpl-restezconnecte .facebook a {
    display: block;
}
.tpl-restezconnecte .facebook a:not(:last-child) {
    border-bottom: 1px solid #e6e6e6;
}
.tpl-restezconnecte .facebook a:hover {
    background: #F8F7F7;
    text-decoration: none;
}
.tpl-restezconnecte .facebook img {
    position: absolute;
    left: 25px;
    top: 28px;
}
.tpl-restezconnecte img + .post { margin-left: 100px; }
.tpl-restezconnecte .reseau {
    font-size: 0.667em; /* 12px */
    line-height: 1.667em; /* 20px */
    font-family: 'Ubuntu', sans-serif;
    font-weight: bold;
    color: #0068af;
    text-transform: uppercase;
}
.tpl-restezconnecte .actu {
    padding: 28px 25px;
    position: relative;
}
.tpl-restezconnecte .actu p {
    font-size: 0.778em; /* 14px */
    line-height: 1.286em; /* 18px */
    font-weight: 300;
    color: #181818;
}
.tpl-restezconnecte .actu:not(:first-child) { border-top: 0; }
.tpl-restezconnecte .facebook p { margin: 0; }
.tpl-restezconnecte .instagram {
    width: 48.8%;
    float: right;
    clear: right;
}
.tpl-restezconnecte .instagram > img {
    margin: 17px 0 35px;
    display: block;
}
.tpl-restezconnecte .wall { overflow: hidden; }
.tpl-restezconnecte .wall a {
    float: left;
    width: 31.2%;
    max-height: 101px;
    overflow: hidden;
    margin: 0 0 3.2% 3.2%;
}
.tpl-restezconnecte .wall img {
    display: block;
    transform: translateY(-25%);
    -moz-transform: translateY(-25%);
    -webkit-transform: translateY(-25%);
    -o-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
}
.tpl-restezconnecte .wall a:nth-child(3n+1) {
    margin-left: 0;
    clear: left;
}

/*  > generique hover  */
.view-content > div .contenu {
    transition: 0.5s cubic-bezier(0.15, 0, 0.06, 0.96);
}
.view-content > div:hover .contenu {
    transform: translate(0, -38px);    /* IE 10, Fx 16+, Op 12.1+ */
    -webkit-transform: translate(0, -38px);    /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
    -ms-transform: translate(0, -38px);    /* IE 9 */
}

/* ===================================================================
 * > FOOTER
 * =================================================================*/
#footer {
    background: #282828;
    color: #fff;
}
#footer .coordonnee a , #bandeauBas a {
    color: #fff;
    text-decoration: none;
}
#footer .coordonnee a:hover,
#bandeauBas a:hover { text-decoration: underline; }
#footer .menu  {
    display: table;
    width: 100%;
    margin: auto;
}
#footer .menu li , #bandeauBas .menu li {
    float: left;
    text-align: center;
}
#footer .topfooter::before {
    content: "";
    position: absolute;
    left: -150%;
    top: 0;
    background: #2f2f2f;
    width: 150%;
    height: 100%;
}
#footer .inner {
    margin: 0 auto;
    max-width: 1230px;
}
.topfooter {
    display: table;
    margin: 0 auto;
    max-width: 1440px;
    width: 100%;
    position: relative;
}
.topfooter > div {
    display: table-cell;
    vertical-align: middle;
    padding: 20px 0;
}
.topfooter .titre {
    font-family: 'Ubuntu', sans-serif;
    font-size: 0.778em; /* 14px */
    line-height: 1.429em; /* 20px */
    letter-spacing: 0.2em;
    text-transform: uppercase;
    background: #2f2f2f;
    padding-right: 10px;
    padding-left: 97px;
    width: 19.7%;
    box-sizing: border-box;
}
.topfooter .titre > div {
    display: inline-block;
    background: url('../images/topfooter-titre.png') no-repeat left center #2f2f2f;
    padding: 0 0 0 55px;
    text-align: left;
}
.topfooter .titre span {
    display: block;
    font-weight: 700;
}
.topfooter .inner-menu { padding: 7px 6% 7px 0; }
.topfooter .menu li {
    width: 20%;
    padding: 0 10px;
    box-sizing: border-box;
    position: relative;
}
.topfooter .menu li:not(:last-child) a::after {
    content: url('../images/topfooter-separateur.png');
    position: absolute;
    right: -20px;
    top: -7px;
}
.topfooter .menu li a {
    font-size: 0.667em; /* 12px */
    line-height: 1.25em; /* 20px */
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: #c0c0c0;
    text-transform: uppercase;
    position: relative;
    display: block;
    text-decoration: none;
}
.topfooter .menu li a::before {
    content: "";
    border: 2px solid #8c8d8c;
    width: 36px;
    height: 36px;
    display: inline-block;
    border-radius: 25px;
    margin-right: 20px;
    vertical-align: middle;
}
.topfooter li.newsletter a::before {
    background: url('../images/topfooter-newsletter.png') no-repeat center center;
}
.topfooter li.sms-flash a::before {
    background: url('../images/topfooter-sms.png') no-repeat center center;
}
.topfooter li.twitter a::before {
    background: url('../images/topfooter-twitter.png') no-repeat center center;
}
.topfooter li.facebook a::before {
    background: url('../images/topfooter-facebook.png') no-repeat center center;
}
.topfooter li.instagram a::before {
    background: url('../images/topfooter-instagram.png') no-repeat center center;
}
.topfooter .menu li a:hover {
    opacity: 0.7;
    transition: all 300ms ease-in;
}
#footer .coordonnee {
    background: url('../images/texture-footer.png') no-repeat center top;
    background-size: cover;
    padding: 25px 0;
}
#footer .coordonnee .left {
    width: 40%;
    text-align: left;
}
#footer .coordonnee .right {
    margin-right: 10%;
    width: 37%;
}
#footer .coordonnee .content { margin-left: 13%; }
#footer .coordonnee .content .block {
    padding-left: 13%;
    position:relative;
}
#footer .coordonnee .content .block::before {
    content: "";
    background: url("../images/plot-footer.png") no-repeat 0 0;
    position:absolute;
    left: -5px;
    top: 10px;
    width: 30px;
    height: 60px;
    display: block;
}
#footer .logo-titre { margin-top: 58px; }
#footer .coordonnee p {
    font-size: 100%;
    line-height: 1.278em;
    margin: 20px 0;
}
#footer .coordonnee p strong {
    font-family: 'Ubuntu', sans-serif;
    letter-spacing: 0.2em;
    font-weight: 700;
    margin-bottom: 7px;
    display: inline-block;
}
#footer .coordonnee .tel {
    position: relative;
    display: inline-block;
    font-size: 0.889em;
    margin-bottom: 0;
}
#footer .coordonnee .tel::before {
    content: "";
    background: url("../images/ico-telephone.png") 0 0 no-repeat;
    margin: 0 13px 0 0;
    position: relative;
    left: 0;
    top: 4px;
    width: 17px;
    height: 24px;
    display: inline-block;
}
#footer .coordonnee .bouton-rouge {
    text-align: center;
    position: relative;
    margin-left: 40px;
    font-family: 'Ubuntu', sans-serif;
    font-size: 0.889em;
    line-height: 1.25em;
    text-decoration: none;
    border-radius: 3px;
    padding: 18px 0px;
    display: inline-block;
    border: none;
    min-width: 145px;
    background: #EB3011;
    color: #fff;
}
#footer .coordonnee .bouton-rouge::after {
    border-left: 8px solid transparent;
    border-top: 6px solid #EB3011;
    border-right: 8px solid transparent;
    border-bottom: 6px solid transparent;
    content: " ";
    display: block;
    left: 50%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
    top: 100%;
}
#footer .coordonnee .bouton-rouge:hover {
    opacity: 0.8;
    cursor: pointer;
    text-decoration: none;
    transition: all 300ms ease-in;
}
#footer .coordonnee .bouton-rouge a:hover { text-decoration: none; }
#bandeauBas {
    background: #131313;
    color: #fff;
}
#bandeauBas .menu {
    text-align: center;
    margin: 0 auto;
    padding: 19px 0;
    line-height: 1.167em;
    font-size: 0.667em;
    font-weight: 300;
}
#bandeauBas > .menu { display: none;}
#bandeauBas .menu li {
    float: none;
    display: inline-block;
    padding: 5px 10px;
}

/* ===================================================================
 * > FIL ARIANE + PARTAGE
 * =================================================================*/
.breadcrumb { margin: 0 0 32px 0; }
.no-img-acc .breadcrumb { margin: 68px 0 54px 0; }
.breadcrumb ol {
    min-height: 1.8em;
    font-size: 0.667em; /* 12px */
    line-height: 1.167em; /* 14px */
    overflow: hidden;
}
.breadcrumb ol li {
    color: #4d4d4d;
    padding: 3px 10px;
    display: inline-block;
    position: relative;
    margin-right: 4px;
}
.breadcrumb ol a { color: #4d4d4d; }
.breadcrumb li:first-child::before {
    width: 110%;
    left: -10%;
}
.breadcrumb ol li::before {
    content: "";
    border: 1px solid #e9e9e9;
    background: #e9e9e9;
    bottom: 0;
    content: "";
    display: block;
    min-height: 1.6em;
    position: absolute;
    left: 0;
    transform: skewX(160deg);
    width: 100%;
    z-index: -1;
    top: 0px;
}
.breadcrumb li:last-child::before {
    background: #fff;
}

/* Barre de partage */
.block-sharethis {
    overflow: hidden;
    min-height: 70px;
    /*background-image: url(../images/back_sharethis.png);*/
    background-position: 1px 76px;
    background-repeat: no-repeat;
}
.block-sharethis .sharethis-wrapper {
    margin-bottom: 30px;
    float: right;
}
.no-img-acc .sharethis-wrapper {
    margin-top: 76px;
    min-height: 35px;
}
.sharethis-wrapper .stButton {
    width: auto !important;
    display: block !important;
    float: left;
    margin: 0;
}
.sharethis-wrapper .stButton > span {
    width: 36px;
    height: 36px;
    border: 2px solid #cd3d36;
    border-radius: 25px;
    background-position: center center;
    background-size: auto;
    display: block;
    margin-left: 10px;
    padding: 0;
}
.sharethis-wrapper .stButton .facebook { background-image: url(../images/sharethis-facebook.png); }
.sharethis-wrapper .stButton .twitter { background-image: url(../images/sharethis-twitter.png); }
.sharethis-wrapper .stButton .email { background-image: url(../images/sharethis-email.png); }
.sharethis-wrapper .stButton .print { background-image: url(../images/sharethis-print.png); }
.sharethis-wrapper .stButton > span:hover { transition: all 300ms ease-in; }

/* ===================================================================
 * > PAGINATION
 * =================================================================*/
.pager {
    color: #555;
    margin: 15px 0;
    font-style: normal;
    font-weight: normal;
}
.pager li {
    position: relative;
    line-height: 20px;
    display: inline-block;
    vertical-align: text-bottom;
    padding: 0 15px;
}
.pager li.pager-current::before,
.pager li.pager-item::before {
    content: "";
    height: 15px;
    width: 1px;
    background: #0073b8;
    display: block;
    position: absolute;
    left: -4px;
    bottom: 2px;
}
.pager li.pager-current.first::before,
.pager li.pager-item.first::before,
.pager li.pager-previous + .pager-item::before { content: none; }
.pager a { color: #555; }
.pager a:hover {
    text-decoration: none;
    opacity: 0.7;
    transition: all 300ms ease-in;
}
.pager-current {
    font-size: 1.389em; /* 25px */
    font-weight: 400;
    color: #131313;
}
.pager li.pager-previous a,
.pager li.pager-next a { position: relative; }
.pager li.pager-previous a::before {
    content: "\f053";
    font-family: 'FontAwesome';
    color: #0071b5;
}
.pager li.pager-next a::before {
    content: "\f054";
    font-family: 'FontAwesome';
    color: #0071b5;
}
.pager .pager-first, .pager .pager-last { display: none; }

/* ===================================================================
 * > PAGE TYPE
 * =================================================================*/
/* Image accroche*/
.front .image-accroche { min-height: 610px; }
.image-accroche {
    padding: 20px;
    min-height: 498px;
    margin-bottom: 30px;
}


.image-accroche.video .image-dimension-video {
    width: 100%;
    position: relative;
    z-index: -101;
    display: block;
}

.tpl-accueil-slide .image-accroche.video video#accueil_slider_video {
    top: 0;
    left: 0;
    right: auto;
    bottom: auto;
    width: 100%;
    min-width: 0;
    min-height: 0;
}

.tpl-accueil-slide .image-accroche.video {
    padding: 0;
    min-height: 0;
}
.tpl-accueil-slide .image-accroche.video .infos {
    left: 0;
    top: 0;
    transform: initial;
    -moz-transform: initial;
    -webkit-transform: initial;
    -o-transform: initial;
    -ms-transform: initial;
    width: 100%;
    margin-bottom: 30px;
}
.tpl-accueil-slide .home-video-content {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    margin: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
}

.tpl-accueil-slide .views-exposed-form.views-exposed-form-video {
    position: absolute;
    width: 100%;
}

@media screen and (max-width: 1024px) {
    .tpl-accueil-slide .views-exposed-form.views-exposed-form-video {

    }
}
@media screen and (max-width: 767px) {
    .tpl-accueil-slide .image-accroche.video {
        min-height: 320px;
    }
}



body:not(.front) .image-accroche > div:first-child {
    background-color: rgba(255, 255, 255, 0.69);
    max-width: 800px;
    box-sizing: border-box;
    position: absolute;
}
body.front .image-accroche > div:first-child {
    background-color: transparent;
    margin-top: 310px;
    margin-bottom: 108px;
    margin-left: 0;
}
.image-accroche > div:first-child {
    display: inline-block;
    margin-left: 4.6%;
    margin-top: 112px;
    padding: 12px 18px;
}
.image-accroche.thematique > div {}
.image-accroche.recherche > div:first-child { padding: 18px 18px; }
.image-accroche  h1 { display: inline-block;}
.image-accroche.thematique h1 { //min-height: 132px;}
.image-accroche.recherche  h1 { min-height:inherit;}
.image-accroche .field-name-field-thematiques,
.image-accroche .field-name-field-tags {
    font-size: 0.778em;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    display: inline;
    margin-top: 0;
    position: relative;
    line-height: 1.429em;
}
.image-accroche .field-name-field-thematiques a { font-size: 100%; }

.image-accroche .field-name-field-tags,
.image-accroche .field-name-field-tags a { color: #c63535; }

.image-accroche .field-name-field-thematiques,
.image-accroche .field-name-field-thematiques a,
.image-accroche .field-name-field-thematiques .field-item::before {
    color: #a0189b;
    cursor: text;
    text-decoration: none;
}
.image-accroche .field-name-field-thematiques .field-item,
.image-accroche .field-name-field-tags .field-item {
    display: inline;
    float: left;
    margin-top: 5px;
    position: relative;
}
.image-accroche .field-name-field-tags .field-items .field-item ~ div::before,
.image-accroche .field-name-field-thematiques .field-items .field-item ~ div::before {
    content: "/";
    margin: 0 8px;
    font-weight: 400;
    padding: 0;
    float: left;
}

.image-accroche .field-name-field-tags + div  > .field-items::before {
    content: "/";
    margin: 0 8px;
    font-weight: 400;
    padding: 0;
    color: #a0189b;
    float: left;
    margin-top: 5px;
}

/* Contenu central */
.node-type-page-type h2,
.node-type-webform h2
 {
    font-size: 1.334em; /* 24px */
    font-family: 'Ubuntu', sans-serif;
    color: #0072b6;
    border-bottom: 2px solid #dadada;
    margin: 20px 0;
    padding-bottom: 15px;
    position: relative;
}
.node-type-page-type h2::after,
.node-type-webform h2::after {
    content: url(../images/decoration-titre.png);
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%) translateY(50%);
    -moz-transform: translateX(-50%) translateY(50%);
    -webkit-transform: translateX(-50%) translateY(50%);
    -o-transform: translateX(-50%) translateY(50%);
    -ms-transform: translateX(-50%) translateY(50%);
}
.node-type-page-type .field-name-field-accroche {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
    font-style: italic;
    clear: both;
}
.node-type-page-type .field-name-field-bloc-en-savoir-plus,
.node-type-actualite-agenda .field-name-field-bloc-en-savoir-plus {
    background: #3a4349;
    color: #fff;
    padding: 20px 30px;
    margin-bottom: 30px;
}
.node-type-page-type .field-name-field-bloc-en-savoir-plus a,
.node-type-actualite-agenda .field-name-field-bloc-en-savoir-plus a
{ color: #fff; }
.node-type-page-type .group-localisation {
    margin-bottom: 48px;
    clear: both;
}
.geo-container { position: relative; }
.geo-container .btn-localiser-googlemap {
    display: none;
    position: absolute;
    bottom: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}


/* Colonne droite */
.sidebars .block-narbonne-page {
    border: 1px solid #e6e6e6;
    margin-bottom: 30px;
}
.sidebars .block-narbonne-page h3 {
    font-size: 0.667em; /* 12px */
    line-height: 3.917em; /* 47px */
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #131313;
    letter-spacing: 0.1em;
    border-bottom: 1px solid #e6e6e6;
    padding: 12px 12px 12px 78px;
    margin: 0;
    overflow: hidden;
    position: relative;
    background-color: #fff;
    background: -webkit-linear-gradient(top, #fff 50%, #f2f2f2 90%);
    background: -moz-linear-gradient(top, #fff 50%, #f2f2f2 90%);
    background: -ms-linear-gradient(top, #fff 50%, #f2f2f2 90%);
    background: -o-linear-gradient(top, #fff 50%, #f2f2f2 90%);
    background: linear-gradient(to bottom, #fff 50%, #f2f2f2 90%);
}
.sidebars .block-narbonne-page h3::after {
    content: "";
    width: 43px;
    height: 43px;
    border: 2px solid #d9d9d9;
    border-radius: 30px;
    display: block;
    position: absolute;
    left: 12px;
    top: 12px;
}
#block-narbonne-page-narbonne-page-contact h3::after {
    background: url(../images/sidebar-contact.png) center center no-repeat;
}
#block-narbonne-page-narbonne-page-elu h3::after {
    background: url(../images/sidebar-elu-ref.png) center center no-repeat;
}
#block-narbonne-page-narbonne-page-kiosque h3::after {
    background: url(../images/sidebar-infos.png) center center no-repeat;
}
#block-narbonne-page-narbonne-page-liens-utiles h3::after {
    background: url(../images/sidebar-infos.png) center center no-repeat;
}
#block-narbonne-page-narbonne-page-faq h3::after {
    background: url(../images/sidebar-faq.png) center center no-repeat;
}
.sidebars .block-narbonne-page h3 > span {
    display: inline-block;
    line-height: 1.5em; /* 18px */
    vertical-align: middle;
}
.sidebars .block-narbonne-page .contenu {
    padding: 20px 28px;
    font-size: 0.778em; /* 14px */
    line-height: 1.286em; /* 18px */
    word-break: normal;
}
#block-narbonne-page-narbonne-page-contact .titre { word-break: normal; }
#block-narbonne-page-narbonne-page-contact .contenu > div,
#block-narbonne-page-narbonne-page-elu .contenu > div {
    margin-top: 15px;
    border-top: 1px solid #e6e6e6;
    padding-top: 15px;
}
#block-narbonne-page-narbonne-page-contact .contenu > div:first-child,
#block-narbonne-page-narbonne-page-elu .contenu > div:first-child,
#block-narbonne-page-narbonne-page-contact .contenu > .contextual-links-wrapper + div,
#block-narbonne-page-narbonne-page-elu .contenu > .contextual-links-wrapper + div {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}
.sidebars .block-narbonne-page .contenu .email a,
#block-narbonne-page-narbonne-page-kiosque a,
#block-narbonne-page-narbonne-page-liens-utiles a {
    color: #cd3d36;
    font-weight: bold;
    position: relative;
}
.block-narbonne-page .contenu .email a {
    clear: both;
    margin-top: 10px;
    display: inline-block;
}
.sidebars .block-narbonne-page .contenu .email a::before,
#block-narbonne-page-narbonne-page-kiosque a::before,
#block-narbonne-page-narbonne-page-liens-utiles a::before {
    content: "\f105";
    font-family: 'FontAwesome';
    font-weight: 400;
    margin-right: 7px;
    display: inline-block;
}
#block-narbonne-page-narbonne-page-faq ul li a { color: #cd3d36; }
#block-narbonne-page-narbonne-page-faq ul li a::before {
    content: "\f059";
    font-family: 'FontAwesome';
    font-weight: 400;
    margin-right: 7px;
    display: inline-block;
}
.sidebars .block-narbonne-page p {
    margin: 0;
}
.sidebars .block-narbonne-page p.e-mail-elu,
.sidebars .block-narbonne-page p.e-mail-annu{
    margin-top: 10px;
}

/* > contact , block elu , contact asso */
.sidebars .block-narbonne-page .contenu .e-mail-annu a,
.sidebars .block-narbonne-page .contenu .telephone-annu,
.sidebars .block-narbonne-page .contenu .e-mail-elu a,
.sidebars .block-narbonne-page .contenu .telephone-elu {
    color: #cd3d36;
    position: relative;
}
.sidebars .block-narbonne-page .e-mail-asso-contact::before,
.sidebars .block-narbonne-page .e-mail-annu a::before,
.sidebars .block-narbonne-page .e-mail-elu a::before {
    content: "\f0e0";
    font-family: 'FontAwesome';
    display: inline-block;
    float: left;
    margin-right: 5px;
}
.sidebars .block-narbonne-page  .telephone-asso-contact::before,
.sidebars .block-narbonne-page  .telephone-annu::before,
.sidebars .block-narbonne-page  .telephone-elu::before {
    content: "\f095";
    font-family: 'FontAwesome';
    display: inline-block;
    float: left;
    margin-right: 5px;
}

/* Contact */
.sidebars .block-narbonne-page .titre {
    margin-bottom: 5px;
}

/*  bloc asso vos contacts */
 #block-views-vue-asso-contacts-block h3::after {
    background: url(../images/sidebar-vos-contact.png) center center no-repeat;
}
.sidebars .block-narbonne-page .nom,
.sidebars .block-narbonne-page .prenom {
    font-weight: bold;
    display: inline-block;
}
.sidebars .block-narbonne-page .nom { margin-left: 6px;}
.sidebars .block-narbonne-page .fonction {
    margin-bottom: 25px;
}
.sidebars .block-narbonne-page .view-content > div:not(:last-child) .e-mail-asso-contact::after {
    content: "";
    display: block;
    border-top: 1px solid #3C63B0;
    margin: 16px 0;
}

/* Elu référent */
#block-narbonne-page-narbonne-page-elu img {
    float: left;
    margin: 0 10px 10px 0;
    border-radius: 50%;
}
#block-narbonne-page-narbonne-page-elu .contenu { word-break: normal; }
#block-narbonne-page-narbonne-page-elu .e-mail-elu a { display: inline-block; }
#block-narbonne-page-narbonne-page-elu .e-mail-elu a::before { display: inline; float: none; }

/* Infos */
.sidebars .block-narbonne-page .file-icon { display: none; }
.sidebars .block-narbonne-page li span { display: inline-block; }
.sidebars .block-narbonne-page .file { margin-right: 8px; }
.sidebars .block-narbonne-page li:not(:first-child) { margin-top: 5px; }

/* Accordeon page type */
.page-type-accordeon .submenu-indicator { display: none;}
.page-type-accordeon h2 { margin: 0; border: none; }
.page-type-accordeon ul li { margin: 0;}
.page-type-accordeon ul li::before,
.page-type-accordeon h2::after { display: none;}
.page-type-accordeon  .menu__link {
    font-size: 1.3em;
    font-weight: 600;
    padding: 11px 0 11px 10px;
    display: block;
    border-bottom: solid 1px #cacaca;
    position: relative;
    text-decoration: none;
}
.page-type-accordeon .menu__link:hover {    text-decoration: none; }
.page-type-accordeon .menu__link::before {
    content: "\f0da";
    font-family: 'FontAwesome';
    position: absolute;
    left: -10px;
}
.page-type-accordeon .menu__link.submenu-indicator-minus::before {
    content: "\f0d7";
    font-family: 'FontAwesome';
}
.page-type-accordeon img {
    margin: 0 10px;
    clear: both;
}

.page-type-accordeon .menu__item .submenu ul li {
    position: relative;
    padding-left: 12px;
}
.page-type-accordeon .menu__item .submenu ul li::before {
    content: "\f0da";
    font-family: 'FontAwesome';
    position: absolute;
    left: 0;
    top: 0;
    color: #3C63B0;
    font-size: 15px;
    display: inline-block;
}


/* ===================================================================
 * > ACTUALITES /AGENDA LIES
 * =================================================================*/
.block-actuagenda-lies .titre-custom { margin-bottom: 0;}
.block-actuagenda-lies .titre-custom::before { background-image: url("../images/titre-alaune.png"); }
.tpl-actuagenda-lies > div {
    float: left;
    width: 33.290%;
    position: relative;
}
.tpl-actuagenda-lies .thematique {
    font-size: 0.667em;
    line-height: 1.167em;
}
.tpl-actuagenda-lies .dates {
    margin-top: 10px;
    padding-top: 7px;
}
.tpl-actuagenda-lies .views-row:hover .views-field-field-visuel-actu::after {
    background: rgba(19,19,19,0.9);
    height: 100%;
}

/* ===================================================================
 * > LISTE (GENERAL)
 * =================================================================*/
.view-header {
    color: #000;
}

.nb-resultats, .view-header {
    font-family: 'Ubuntu', sans-serif;
    line-height: 1.112em; /* 20px */
    color: #0072b6;
    font-weight: 700;
    font-style: italic;
    margin-bottom: 20px;
}
header h2.node-title { display: none; }

/* > generique resultat et pager*/

.view-header::after {
    content: ".";
    height: 0;
    display: block;
    clear: both;
    overflow: hidden;
}
.view-header .resultat {
    float: left;
}
.view-content {
    clear: both;
}
.views-row { overflow: hidden; }
.lien-all { text-align: center; }

.tpl-liste .views-row {
    border-top: 1px solid #dadada;
    padding-top: 20px;
    margin-bottom: 20px;
    overflow: hidden;
}
.tpl-liste .views-row:first-child {
    border: none;
    padding-top: 0;
}
.tpl-recherche-globale .field-name-field-image-accroche,
.tpl-liste .visuel-global {
    float: left;
    width: 25.5%;
    padding-right: 30px;
    box-sizing: border-box;
}
.tpl-liste .visuel-global img {
    display: block;
    border: 1px solid #d9d9d9;
}
.tpl-liste .field-titre {
    color: #1b1b1b;
    font-size: 1.667em; /* 30px */
    display: block;
    font-family: 'Ubuntu', sans-serif;
    margin-bottom: 10px;
}
.tpl-liste .field-name-body { margin-top: -10px; overflow: hidden; }
.tpl-liste .field-name-field-telephone,
.tpl-liste .field-name-field-e-mail,
.tpl-liste .field-name-field-site-web-annuaire,
.tpl-liste .field-name-field-site-web-link {
    color: #000;
    font-family: 'Ubuntu', sans-serif;
    font-size: 0.667em; /* 12px */
    line-height: 1.084em; /* 13px */
    font-weight: 700;
    letter-spacing: 0.2em;
    margin-top: 5px;
    position: relative;
}
.tpl-liste .field-name-field-telephone::before,
.tpl-liste .field-name-field-e-mail .field-label::before,
.tpl-liste .field-name-field-site-web-annuaire::before,
.tpl-liste .field-name-field-site-web-link::before {
    float: left;
    font-family: "FontAwesome";
    font-weight: normal;
    margin-right: 5px;
    font-weight: 400;
}
.tpl-liste .field-name-field-telephone { margin-top: 8px; }
.tpl-liste .field-name-field-site-web-annuaire { margin-bottom: 5px; }
.tpl-liste .field-name-field-telephone::before { content: "\f095"; }
.tpl-liste .field-name-field-e-mail .field-label::before { content: "\f003"; }
.tpl-liste .field-name-field-site-web-annuaire::before,
.tpl-liste .field-name-field-site-web-link::before { content: "\f0ac"; }
.tpl-liste .bouton-bordure-rouge a {
    display: inline-block;
    margin: 5px 0;
}
.tpl-liste .bouton-telecharger-pdf .file-icon { display: none; }
.tpl-liste .bouton { margin: 0 15px 10px 0; }
.tpl-liste.view-vue-bloc-note .bouton { margin: 0 0 10px ; }

.bouton-telecharger-pdf, .bouton-ouvrir-lien {
    display: inline-block;
    margin-right: 10px;
}

.bouton-ouvrir-lien a::before {
    content: "\f0c1";
    font-family: 'FontAwesome';
    margin-right: 4px;
    display: inline-block;
}

/* ===================================================================
 * > LISTES AGENDA/ACTUALITES/ASSOCIATIONS/FAQ ( EN VIGNETTE )
 * =================================================================*/
.tpl-mosaique { overflow: hidden; }
.tpl-mosaique .views-row {
    float: left;
    margin: 0 0 2.45% 2.45%;
    padding-bottom: 20px;
    position: relative;
    font-family: 'Ubuntu', sans-serif;
    line-height: normal;
}
.tpl-mosaique.tpl-liste-faq .views-row {
    box-sizing: border-box;
    box-shadow: 1px 1px 1px rgba(209, 209, 209, 0.57);
    padding: 9px;
    border: 1px solid #D1D1D1;
}
.tpl-mosaique.tpl-liste-faq .views-row .wrapper-faq {
    min-height: 80px;
    background: #e6e6e6;
    padding: 0.7em 1em 1.5em;
}
.tpl-mosaique.tpl-liste-faq .views-row::after { display: none;}
.tpl-mosaique .views-row::after {
    content: "";
    background: #000;
    height: 2px;
    width: 30px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
}

/* > col 3 default*/
.tpl-mosaique .views-row {
    width: 31.7%;
}
.tpl-mosaique .views-row:nth-child(3n+1) {
    clear: left;
    margin-left: 0;
}

/* > col 4 */
.tpl-mosaique.col-4 .views-row { width: 23.125%; }
.tpl-mosaique.col-4 .views-row:nth-child(3n+1) {
    clear: none;
    margin: 0 0 2.45% 2.45%;
}
.tpl-mosaique.col-4 .views-row:nth-child(4n+1) {
    clear: left;
    margin-left: 0;
}

.tpl-mosaique .visuel-global { margin-bottom: 10px; }
.tpl-mosaique .visuel-global img { display: block; }
.tpl-mosaique .visuel-global a {
    position: relative;
    display: block;
}
.tpl-mosaique .visuel-global a:hover::after {
    content: "";
    background: rgba(59,99,175,0.5);
    border: 10px solid #d9d9d9;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    box-sizing: border-box;
}
.thematique-global,
.profil-global,
.tpl-mosaique .thematique{
    font-weight: 700;
    font-size: 0.778em; /* 14px */
    line-height: 1em; /* 14px */
    color: #cd3d36;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    display: inline-block;
    margin-top: 11px;
}
.thematique-profil > div {
    display: inline;
    position: relative;
}
.thematique-profil > div::before {
    content: " / ";
    font-weight: 400;
}
.thematique-profil > div:first-child::before { content: none; }
.tpl-mosaique .field-titre {
    font-family: 'Ubuntu', sans-serif;
    color: #1b1b1b;
    font-size: 1.112em; /* 20px */
    line-height: 1em; /* 20px */
    margin-top: 5px;
    margin-bottom: 15px;
    clear: both;
}
.tpl-mosaique .field-titre a { color: #1b1b1b; }
.tpl-mosaique .field-titre + div { margin-top: 13px; }
.tpl-mosaique .dates,
.tpl-mosaique .field-name-field-dates-evenement,
.tpl-mosaique .field-name-field-adresse-actu,
.tpl-mosaique .lieu-global {
    font-weight: 700;
    font-size: 0.667em; /* 12px */
    line-height: 1.084em; /* 13px */
    color: #000;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    position: relative;
    margin-top: 5px;
}
.tpl-mosaique .field-name-field-adresse-actu {
    font-weight: 400;
}
/* > champ date "le" "du au" */
.tpl-tdb .date-display-range ,
.tpl-mosaique .node-actualite-agenda .date-display-range { color:#fff; }
.tpl-tdb .date-display-range ,
.tpl-mosaique .node-actualite-agenda .date-display-end {
    margin: -10px;
    display: inline-block;
}

.tpl-tdb .date-display-single span ,
.tpl-mosaique .date-display-single span { font-weight: 100;}

.tpl-tdb span[class*="date-display-"],
.tpl-tdb span[class*="date-display-"]::before,
.tpl-mosaique span[class*="date-display-"],
.tpl-mosaique span[class*="date-display-"]::before {color: #000;}

.tpl-tdb  span[class*="date-display-"]::before,
.tpl-mosaique  span[class*="date-display-"]::before {
    font-weight: 100;
    display: inline-block;
    margin-right: 6px;
}

.tpl-tdb  span.date-display-single::before,
.tpl-mosaique  span.date-display-single::before { content:"Le";}

.tpl-tdb  span.date-display-start { margin-left: 10px;}
.tpl-tdb  span.date-display-start::before,
.tpl-mosaique  span.date-display-start::before { content:"Du";}

.tpl-tdb span.date-display-end::before,
.tpl-mosaique  span.date-display-end::before { content:"Au";}


.tpl-mosaique .lieu-global::before {
    content: "\f041";
    font-family: 'FontAwesome';
    font-size: 0.917em;
    font-weight: normal;
    float: left;
    margin-right: 5px;
}
.tpl-mosaique .telephone,
.tpl-mosaique .email,
.tpl-mosaique .site {
    color: #000;
    font-size: 0.667em; /* 12px */
    line-height: 1.084em; /* 13px */
    font-weight: 700;
    letter-spacing: 0.2em;
    margin-top: 5px;
    position: relative;
}
.tpl-mosaique .telephone::before,
.tpl-mosaique .email::before,
.tpl-mosaique .site::before {
    float: left;
    font-family: "FontAwesome";
    font-weight: normal;
    margin-right: 5px;
    font-weight: 400;
}
.tpl-mosaique .telephone { margin-top: 18px; }
.tpl-mosaique .site { margin-bottom: 5px; }
.tpl-mosaique .telephone::before { content: "\f095"; }
.tpl-mosaique .email::before { content: "\f003"; }
.tpl-mosaique .site::before { content: "\f054"; }
.tpl-mosaique .bouton-bordure-rouge {
    float: left;
    margin: 10px 10px 0 0;
}

/* > specifique */
.view-recherche-annuaires.tpl-mosaique .views-row,
.view-vue-annuaire-des-assocation.tpl-mosaique .views-row {
    min-height: 350px;
    padding-bottom: 80px;
}
.view-recherche-annuaires.tpl-mosaique .barre-bouton,
.view-vue-annuaire-des-assocation.tpl-mosaique .barre-bouton {
    position: absolute;
    bottom: 20px;
}
.view-vue-annuaire-des-assocation.tpl-mosaique .views-row .coordonnees {
    min-height: 58px ;
}
.view-vue-annuaire-des-assocation.tpl-mosaique .telephone { margin-top: 0; }
.view-vue-annuaire-des-assocation.tpl-mosaique .site  { margin-bottom: 0; }

/* ===================================================================
 * > LISTE DE MAGAZINES
 * =================================================================*/
.tpl-liste .group-infos { margin-top: 15px; }
.tpl-liste .field-name-field-categorie-magazine {
    color: #0072b6;
    font-size: 0.778em; /* 14px */
    line-height: 1.215em; /* 17px */
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    margin-bottom: 7px;
}
.tpl-liste .field-name-field-date-du-magazine {
    color: #000;
    font-size: 0.667em; /* 12px */
    line-height: 1.167em; /* 14px */
    font-family: 'Ubuntu', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 10px;
}
.tpl-liste .field-name-field-calameo, .tpl-liste .field-name-field-magazine { display: inline-block; margin-right: 20px;}

/* ===================================================================
 * > LISTE DES ELUS
 * =================================================================*/
.tpl-liste-elus { overflow: hidden; }
.tpl-liste-elus .view-content { overflow: hidden; }
.tpl-liste-elus .views-row {
    width: 31.7%;
    float: left;
    margin: 0 0 2.45% 2.45%;
    padding: 9px;
    border: 1px solid #dbdbdb;
    box-sizing: border-box;
}
.tpl-liste-elus .views-row:nth-child(3n+1) {
    clear: left;
    margin-left: 0;
}
.tpl-liste-elus .views-row .wrapper-elus {
    background: #e6e6e6;
    padding: 40px 20px 58px;
    min-height: 370px;
    position: relative;
}
.tpl-liste-elus .field-name-field-visuel-elu {
    text-align: center;
    margin-bottom: 23px;
}
.tpl-liste-elus .group-nom-prenom > div {
    display: inline-block;
    margin-right: 5px;
}
.tpl-liste-elus .field-name-field-nom,
.tpl-liste-elus .field-name-field-prenom {
    color: #1b1b1b;
    font-family: 'Ubuntu', sans-serif;
    font-size: 1.112em; /* 20px */
}
.tpl-liste-elus .field-name-field-fct {
    margin-top: 3px;
}
.tpl-liste-elus .group-email-tel {
    position: absolute;
    bottom: 22px;
}
.tpl-liste-elus .field-name-field-e-mail-elu,
.tpl-liste-elus .field-name-field-telephone-elu {
    color: #cf4942;
    font-weight: 500;
    font-size: 0.778em; /* 14px */
    line-height: 1.429em; /* 20px */
}
.tpl-liste-elus .field-name-field-e-mail-elu a,
.tpl-liste-elus .field-name-field-telephone-elu a { color: #cf4942; }
.tpl-liste-elus .field-name-field-e-mail-elu a,
.tpl-liste-elus .field-name-field-telephone-elu .field-item { position: relative; }

.tpl-liste-elus .field-name-field-e-mail-elu a::before {
    content: "\f0e0";
    font-family: 'FontAwesome';
    display: inline-block;
    float: left;
    margin-right: 5px;
}
.tpl-liste-elus .field-name-field-telephone-elu::before {
    content: "\f095";
    font-family: 'FontAwesome';
    display: inline-block;
    float: left;
    margin-right: 5px;
}

/* ===================================================================
 * > LISTE/FICHE FAQ
 * =================================================================*/
 /* > liste faq */
 .tpl-liste-faq .field-question {
     font-size: 1.112em;
 }

 .tpl-liste-faq .views-more-link {
     display: block;
 }
 /* > fiche detail */
 .node-type-faq .submitted {
    font-size: 0.8em;
    font-style: italic;
    background: #f8f8f8;
    padding-left: 10px;
}
.node-type-faq  .thematique-global{ font-size: 1em;}
.node-type-faq .filter-wrapper { display: none;}
.node-type-faq .field-name-body {
    padding-left: 22px;
    background: url(../images/stripe.png) left center repeat-y;
}
.node-type-faq form  label[for*="edit-author"]{
    display: inline-block;
}
.node-type-faq form  label[for*="edit-author"]::after{ content:":"}

.node-type-faq .comments > .title { margin-top: 50px;}

/* ===================================================================
 * > AGENDA/ACTUALITE/ANNUAIRE/ELU DETAIL
 * =================================================================*/
.node-actualite-agenda.view-mode-full .field-name-field-accroche-actu,
.node-agenda-association .field-name-field-accroche-asso {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
    font-style: italic;
    margin: 40px 0 20px;
}
.node-actualite-agenda.view-mode-full .thematique-global { color: #a0189b; }
.node-actualite-agenda .field-name-field-thematiques-actu,
.node-actualite-agenda .field-name-field-profil-actu,
.node-agenda-association .field-name-field-thematique-asso,
.node-agenda-association .field-name-field-profil-asso {
    text-transform: uppercase;
    font-family: 'Ubuntu', sans-serif;
    font-size: 0.778em; /* 14px */
    line-height: 1.125em; /* 17px */
    font-weight: 700;
    letter-spacing: 0.2em;
    display: inline-block;
    position: relative;
}
.node-actualite-agenda .field-name-field-thematiques-actu,
.node-agenda-association .field-name-field-thematique-asso  { color: #c63535; }
.node-actualite-agenda .field-name-field-profil-actu,
.node-agenda-association .field-name-field-profil-asso { color: #a0189b; }
.node-actualite-agenda .field-name-field-thematiques-actu .field-items,
.node-actualite-agenda .field-name-field-profil-actu .field-items,
.node-actualite-agenda .field-name-field-thematiques-actu .field-item,
.node-actualite-agenda .field-name-field-profil-actu .field-item,
.node-agenda-association .field-name-field-thematique-asso .field-items,
.node-agenda-association .field-name-field-profil-asso .field-items,
.node-agenda-association .field-name-field-thematique-asso .field-item,
.node-agenda-association .field-name-field-profil-asso .field-item {
    display: inline;
    position: relative;
}
.node-actualite-agenda .field-name-field-thematiques-actu + .field-name-field-profil-actu::before,
.node-actualite-agenda .field-name-field-thematiques-actu .field-item::after,
.node-actualite-agenda .field-name-field-profil-actu .field-item::after,
.node-agenda-association .field-name-field-thematique-asso + .field-name-field-profil-asso::before,
.node-agenda-association .field-name-field-thematique-asso .field-item::after,
.node-agenda-association .field-name-field-profil-asso .field-item::after {
    content: "/";
    margin: 0 5px;
    font-weight: normal;
}
.node-actualite-agenda .field-name-field-thematiques-actu .field-item:last-child::after,
.node-actualite-agenda .field-name-field-profil-actu .field-item:last-child::after,
.node-agenda-association .field-name-field-thematique-asso .field-item:last-child::after,
.node-agenda-association .field-name-field-profil-asso .field-item:last-child::after { content: none; }
.node-actualite-agenda.view-mode-full .field-name-field-visuel-actu img,
.node-agenda-association .field-name-field-visuel-asso img {
    border: 1px solid #dbdbdb;
    padding: 9px;
    float: left;
    width: 54.2%;
    margin: 0 30px 20px 0;
    box-sizing: border-box;
}
.node-actualite-agenda.view-mode-full .field-name-field-visuel-actu,
.node-actualite-agenda.view-mode-full .field-name-field-dates-evenement,
.node-agenda-association .field-name-field-visuel-asso,
.node-agenda-association .field-name-field-date-evenement  {
    margin-top: 40px;
}
.node-actualite-agenda.view-mode-full .field-name-field-dates-evenement,
.node-actualite-agenda.view-mode-full .field-name-field-horaires-actu,
.node-agenda-association.view-mode-full .field-name-field-horaires-asso,
.node-actualite-agenda.view-mode-full .field-name-field-lieu-actu,
.node-actualite-agenda.view-mode-full .field-name-field-adresse-actu,
.node-agenda-association .field-name-field-date-evenement,
.node-agenda-association .field-name-field-lieu-asso {
    color: #0072b6;
    text-transform: uppercase;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
    letter-spacing: 0.2em;
}
.node-agenda-association.view-mode-full .field-name-field-horaires-asso {
    display: table;
    padding-left: 21px;
}
.node-actualite-agenda.view-mode-full .group-coordonnee {
    margin-top: 40px;
    overflow: hidden;
}
.node-actualite-agenda.view-mode-full .field-name-field-dates-evenement,
.node-agenda-association .field-name-field-date-evenement
 {
    font-size: 1.112em; /* 20px */
    line-height: 1.15em; /* 23px */
    margin-bottom: 5px;
    display: inline-block;
    margin-top: 0;
}
.node-actualite-agenda.view-mode-full .field-name-field-adresse-actu,
.node-actualite-agenda.view-mode-search_result .field-name-field-adresse-actu,
.node-agenda-association.view-mode-search_result .field-name-field-adresse-assoc,
.node-actualite-agenda.view-mode-full .field-name-field-horaires-actu,
.node-agenda-association.view-mode-full .field-name-field-horaires-asso {
    position: relative;
    margin-left: 19px;
}
.node-actualite-agenda.view-mode-full .field-name-field-horaires-actu::before,
.node-agenda-association.view-mode-full .field-name-field-horaires-asso::before {
    content: "\f017";
    font-family: 'FontAwesome';
    position: absolute;
    left: -19px;
    font-size: 0.878em;
    top: 0;
    font-weight: 100;
}
.node-agenda-association.view-mode-full .field-name-field-horaires-asso::before {
    left: 0;
}
.node-actualite-agenda.view-mode-full .field-name-field-adresse-actu::before,
.node-actualite-agenda.view-mode-search_result .field-name-field-adresse-actu::before,
.node-agenda-association.view-mode-search_result .field-name-field-adresse-assoc::before {
    position: absolute;
    left: -19px;
}


.node-actualite-agenda.view-mode-full .field-name-field-adresse-actu  .field-item > span > span,
.node-actualite-agenda.view-mode-full .field-name-field-dates-evenement .field-item > span > span,
.node-agenda-association .field-name-field-date-evenement .field-item > span > span {
    font-weight: 300;
}
.node-actualite-agenda.view-mode-full .field-name-field-horaires-actu,
.node-actualite-agenda.view-mode-full .field-name-field-adresse-actu ,
.node-actualite-agenda.view-mode-full .field-name-field-lieu-actu,
.node-agenda-association .field-name-field-lieu-asso {
    font-size: 0.889em; /* 16px */
    line-height: 1.188em; /* 19px */
    position: relative;
}
.node-actualite-agenda.view-mode-full .field-name-field-adresse-actu::before,
.node-actualite-agenda.view-mode-full .field-name-field-lieu-actu::before,
.node-actualite-agenda.view-mode-search_result .field-name-field-adresse-actu::before,
.node-agenda-association.view-mode-search_result .field-name-field-adresse-assoc::before,
.node-actualite-agenda.view-mode-search_result .field-name-field-lieu-actu::before,
.node-agenda-association .field-name-field-lieu-asso::before {
    content: "\f041";
    font-family: 'FontAwesome';
    font-weight: normal;
    float: left;
    margin-right: 8px;
}
.node-actualite-agenda.view-mode-full .field-name-field-adresse-actu .locality-block,
.node-actualite-agenda.view-mode-search_result .field-name-field-adresse-actu .locality-block,
.node-agenda-association.view-mode-search_result .field-name-field-adresse-assoc .locality-block {
    display: none;
}
.node-actualite-agenda.view-mode-full .field-name-body,
.node-agenda-association .field-name-body {
    clear: both;
    margin-top: 20px;
}
.node-actualite-agenda.view-mode-full .group-localisation,
.node-agenda-association .group-localisation {
    margin-bottom: 30px;
    clear: both;
}
.node-actualite-agenda.view-mode-full .field-name-field-dates-evenement .field-item{
    display: inline-block;
    margin-right: 20px;
}
.node-agenda-association .field-name-body,
.node-agenda-association .field-name-field-accroche-asso { word-wrap: break-word; }

.node-agenda-association a.see-more {
    text-decoration: none;
    color: #0075bb;
}

/* >> annuaires */
.node-annuaire-des-elus.view-mode-full .field-name-field-visuel-elu img ,
.node-annuaire.view-mode-full .field-name-field-visuel-annuaire img {
    border: 1px solid #dbdbdb;
    padding: 9px;
    float: left;
    margin: 20px 30px 20px 0;
    box-sizing: border-box;
}
.node-annuaire.view-mode-full .field-name-field-categorie,
.node-annuaire.view-mode-full .field-name-field-plan-interactif {
    color: #cd3d36;
    font-family: 'Ubuntu', sans-serif;
    font-size: 0.778em;
    font-weight: 700;
    letter-spacing: 0.2em;
    line-height: 1em;
    text-transform: uppercase;
    display: inline-block;
}
.node-annuaire.view-mode-full span.categorie + span::before,
.node-annuaire.view-mode-full span.categorie .field-item + .field-item::before,
.node-annuaire.view-mode-full span.plan-interactif .field-item + .field-item::before {
    content: "/";
    font-weight: 400;
    color: #cd3d36;
    margin: 0 11px;
}
.node-annuaire.view-mode-full span.categorie div,
.node-annuaire.view-mode-full span.plan-interactif div { display: inline; }
.node-annuaire.view-mode-full .field-name-field-site-web-link::before,
.node-annuaire.view-mode-full .field-name-field-site-web-annuaire::before {
    content: "\f0ac";
    font-family: 'FontAwesome';
    font-weight: normal;
    float: left;
    margin-right: 8px;
}
.node-annuaire-des-elus.view-mode-full .field-name-field-e-mail-elu::before,
.node-annuaire.view-mode-full .field-name-field-e-mail::before {
    content: "\f003";
    font-family: 'FontAwesome';
    font-weight: normal;
    float: left;
    margin-right: 8px;
}
.node-annuaire-des-elus.view-mode-full .field-name-field-telephone-elu::before,
.node-annuaire.view-mode-full .field-name-field-telephone::before {
    content: "\f095";
    font-family: 'FontAwesome';
    font-weight: normal;
    float: left;
    margin-right: 8px;
}
.node-annuaire.view-mode-full .field-name-field-adresse-annu::before {
    content: "\f041";
    font-family: 'FontAwesome';
    font-weight: normal;
    float: left;
    margin-right: 8px;
}
.node-annuaire-des-elus.view-mode-full .group-coordonnee,
.node-annuaire.view-mode-full .group-coordonnee {
    margin-top: 40px;
    overflow: hidden;
}
.node-annuaire-des-elus.view-mode-full .group-coordonnee > div,
.node-annuaire.view-mode-full .group-coordonnee > div {
    font-size: 0.889em;
    line-height: 1.188em;
    position: relative;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 10px;
}
.node-annuaire-des-elus.view-mode-full .group-coordonnee div.field-name-field-fct { font-weight: 100; }
.node-annuaire.view-mode-full .group-localisation { clear: both;}

.node-annuaire-des-elus.view-mode-full .field-name-field-prenom,
.node-annuaire-des-elus.view-mode-full .field-name-field-nom {
    display: inline-block;
}
.node-annuaire-des-elus.view-mode-full .field-name-field-nom { margin-left: 10px; }

/* ===================================================================
 * > AGENDA/ACTUALITES SUR LA MEME PERIODE
 * =================================================================*/
.tpl-meme-theme-periode h3::after {
    background: url(../images/sidebar-meme-periode.png) center center no-repeat;
}
.tpl-meme-theme-periode .row {
    overflow: hidden;
    border-top: 1px solid #dadada;
    margin-top: 20px;
    padding-top: 20px;
}
.tpl-meme-theme-periode .row:first-child {
    border: none;
    margin-top: 0;
    padding-top: 0;
}
.tpl-meme-theme-periode .img-actu {
    max-width: 42%;
    float: left;
    margin-right: 10px;
    box-sizing: border-box;
}
.tpl-meme-theme-periode .img-actu img { display: block; }
.tpl-meme-theme-periode .titre-actu {
    font-weight: 700;
     margin-bottom: 7px;
}
.tpl-meme-theme-periode .date-actu {
    font-size: 0.858em; /* 12px */
    line-height: 1.334em; /* 16px */
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}
.tpl-meme-theme-periode .date-actu span { font-weight: 300; }

/* ===================================================================
 * ANNUAIRE RECHERCHE LISTES
 * =================================================================*/
ul.liste.annuaire li h2 {
    font-size: 1.667em;
    border: none;
    color: #1b1b1b;
    font-weight: normal;
    margin: 0;
    padding: 0;
}
ul.liste.annuaire li h2 ~ div { line-height: normal;}
ul.liste.annuaire li h2:after { content: none; }
ul.liste.annuaire li .img {
    float: left;
    overflow: hidden;
    width: 25.5%;
    padding-right: 30px;
    box-sizing: border-box;
}
ul.liste.annuaire li img { display: block; }
ul.liste.annuaire li .categorie,
ul.liste.annuaire li .plan-interactif {
    color: #cd3d36;
    font-family: 'Ubuntu', sans-serif;
    font-size: 0.778em;
    font-weight: 700;
    letter-spacing: 0.2em;
    line-height: 1em;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    padding-top: 14px;
}
ul.liste.annuaire li .plan-interactif span {
    font-weight: 400;
    margin: 6px;
}

ul.liste.annuaire li .categorie:not(.categorie:first-child())::before {
    content: "/";
    font-weight: 100;
    position: relative;
    right: 2px;
    top: -1px;
}
ul.liste.annuaire .lieu { margin-top: 15px; }
ul.liste.annuaire .lieu,
ul.liste.annuaire .telephone,
ul.liste.annuaire .web {
    font-size: 0.667em;
    font-family: 'Ubuntu';
    font-weight: 700;
    letter-spacing: 0.2em;
    margin-bottom: 5px;
    margin-top: 5px;
}
ul.liste.annuaire .lieu  > div {
    display: inline-block;
    margin-right: 8px;
}
ul.liste.annuaire li .lieu::before,
ul.liste.annuaire li .tel::before,
ul.liste.annuaire li .web::before {
    font-family: 'FontAwesome';
    font-weight: normal;
    float: left;
    margin-right: 8px;
}
ul.liste.annuaire li .lieu::before {
    content: "\f041";
    font-size: 1.084em;
}
ul.liste.annuaire li .tel::before {
    content: "\f095";
    font-size: 1.084em;
    margin-top: 2px;
}
ul.liste.annuaire li .web::before {
    content: "\f054";
    margin-top: 2px;
}
ul.liste.annuaire li  span .categorie,
ul.liste.annuaire li  span .plan-interactif {
    font-style: italic;
}
ul.liste.annuaire li .categorie + span::before {
    content: "/ ";
    font-weight: 400;
}

/* ===================================================================
 * > VIDEOS
 * =================================================================*/
#block-narbonne-parametrage-narbonne-youtube-video-une,
.tpl-liste-videos { margin-top: 40px;}
.tpl-liste-videos .video_une_description { margin-bottom: 50px; }
.tpl-liste-videos .titreH2 {
    color: #0075ba;
    font-family: 'Pacifico', cursive;
    font-size: 1.929em;
    line-height: 40px;
    letter-spacing: 0.05em;
    margin-bottom: 20px;
}
.tpl-liste-videos .titreH2::before {
    content: url(../images-source/video.png);
    float: left;
    margin: 0 20px 2px 0;
}
.tpl-liste-videos .titreH2::after { bottom: 4px; }
.tpl-liste-videos .pager li.pager-previous a::before,
.tpl-liste-videos .pager li.pager-next a::before { margin-right: 8px; }
.liste-videos { overflow: hidden; }
.liste-videos .row {
    width: 31.7%;
    float: left;
    margin: 0 0 2.45% 2.45%;
    position: relative;
    font-family: 'Ubuntu', sans-serif;
}
.liste-videos .row:nth-child(3n+1) {
    margin-left: 0;
    clear: left;
}
.liste-videos .row a { position: relative; }
.liste-videos .row a::after {
    content: "\f144";
    font-family: 'FontAwesome';
    font-size: 3.889em; /* 70px */
    opacity: 0.7;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
}
.tpl-liste-videos:not(.tpl-all-videos) .row:hover { cursor: pointer; }
.liste-videos a,
.liste-videos img { display: block; }
.liste-videos .titre-video {
    display: none;
    background: rgba(19,19,19,0.9);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    font-size: 1.334em; /* 24px */
    line-height: 1em; /* 24px */
    color: #fff;
}
.liste-videos .titre-video > div {
    padding: 20px 30px;
    position: absolute;
    width: 100%;
    box-sizing: border-box;

    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
}

/* Liste de toutes les vidéos */
.tpl-all-videos .titre-video {
    display: block;
    position: relative;
    background: none;
    transform: none;
    color: #131313;
    margin: 10px 0;
    font-size: 1.112em; /* 20px */
    font-weight: 700;
}
.tpl-all-videos .description {
    font-family: 'Work Sans', sans-serif;
}

.tpl-liste-videos .video-une-wrapper,
.tpl-video-une .video-une-wrapper {
    background: #131313;
    text-align: center;
    padding: 22px 0;
    margin-bottom: 40px;
}
.tpl-liste-videos .video-une-wrapper iframe,
.tpl-video-une .video-une-wrapper iframe {
    display: block;
    margin: auto;
}

 .tpl-liste-videos .clearfix > div:nth-child(n+4) {
    display : none ;
 }

/* ===================================================================
 * > FORMULAIRES
 * =================================================================*/
.form-item {
    margin: 12px 0;
    line-height: 20px;
}
.form-item::before, .form-item::after {
    content: '';
    display: block;
    clear: both;
    height: 0;
}


.webform-component-checkboxes .form-item::before,
.webform-component-checkboxes .form-item::after,
.webform-component-time .form-item::before,
.webform-component-time .form-item::after,
.webform-component-date .form-item::before,
.webform-component-date .form-item::after,
.webform-component-radios .form-item::before,
.webform-component-radios .form-item::after {
    display: none;
}
fieldset {
    border: none;
    padding: 20px 0 0;
}
fieldset legend {
    font-family: 'Ubuntu', sans-serif;
    font-size: 1.112em;
    font-weight: 700;
    margin-top: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid #dadada;
    width: 100%;
}
.filter-wrapper.form-wrapper {
    background: #eee;
    font-size: 0.778em;
    margin-bottom: 15px;
}
.filter-wrapper.form-wrapper .customSelect { line-height: 15px; }
.filter-wrapper.form-wrapper .tips { line-height: normal; }
.form-item > label:not(.option) {
    color: #0073b8;
    display: block;
    margin-bottom: 5px;
}
.form-item > label > .field-edit-link a { color: #0073b8; }
.form-item select,
.form-item .customSelect,
.form-item textarea,
.form-item input.form-text {
    border: 1px solid #cdcdcd;
    padding: 8px 10px;
    border-radius: 3px;
    max-width: 100%;
    box-sizing: border-box;
    background: #fff;
}
.webform-client-form .form-item select,
.form-item .customSelect,
.form-item textarea,
.form-item input.form-text {
    line-height: 12px;
}
.form-item textarea {
    line-height: normal;
}
.form-item .customSelect {padding: 8px 30px 8px 10px;}
.form-item select {
    z-index: 3;
}
.form-item .customSelect {
    position: relative;
    line-height: 22px;
    z-index: 2;
}
.form-item .customSelectInner {
    white-space: nowrap;
    overflow: hidden;
    position: relative;
}
.form-item .customSelect::after {
    content: "\f078";
    font-family: 'FontAwesome';
    position: absolute;
    top: 9px;
    right: 14px;
    font-size: 0.778em; /* 14px */
}
.form-item .form-type-radio,
.form-item .form-type-checkbox {
    display: inline;
    margin-right: 10px;
}
.form-item .description {
    font-size: 0.778em;
    font-style: italic;
}
.form-item.form-type-radio .description,
.form-item.form-type-checkbox .description { margin-left: 25px; }
.form-actions { text-align: center; }
.form-actions .form-submit { margin: 10px 8px 0; }
.webform-submit {
    padding-right: 43px;
    background: url(../images/ico-webform-submit.png) no-repeat right center, -webkit-linear-gradient(top, #0077bd, #006eaf);
    background: url(../images/ico-webform-submit.png) no-repeat right center, -moz-linear-gradient(top, #0077bd, #006eaf);
    background: url(../images/ico-webform-submit.png) no-repeat right center, -ms-linear-gradient(top, #0077bd, #006eaf);
    background: url(../images/ico-webform-submit.png) no-repeat right center, -o-linear-gradient(top, #0077bd, #006eaf);
    background: url(../images/ico-webform-submit.png) no-repeat right center, linear-gradient(to bottom, #0077bd, #006eaf);
}
.form-item .form-managed-file {
    max-width: 100%;
    overflow: hidden;
}
.form-item .form-managed-file input[type="file"] {
    border: 1px solid #cdcdcd;
    padding: 4px 10px;
    border-radius: 3px;
    display: inline-block;
    margin-right: 10px;
    position: relative;
    top: 1px;
    max-width: 100%;
    box-sizing: border-box;
    text-overflow: ellipsis;
}
.form-item .form-managed-file input[type="submit"] {
    background: #e9e9e9;
    color: #131313;
}
.form-item input[type="checkbox"],
.form-item input[type="radio"] { display: none; }
.form-item input[type="checkbox"] + label::before,
.form-item input[type="radio"] + label::before {
    font-family: 'FontAwesome';
    font-size: 1.278em; /* 23px */
    display: inline-block;
    position: relative;
    top: 2px;
    margin-right: 7px;
    color: #cdcdcd;
    transition: all 300ms ease-in;
}
.form-item input[type="checkbox"]:checked + label::before,
.form-item input[type="radio"]:checked + label::before { color: #cd3d36; }
.form-item input[type="checkbox"]:disabled + label::before,
.form-item input[type="radio"]:disabled + label::before { color: #cdcdcd; }
.form-item input[type="checkbox"] + label::before { content: "\f096"; }
.form-item input[type="checkbox"]:checked + label::before { content: "\f14a"; }
.form-item input[type="checkbox"]:disabled + label::before { content: "\f0c8"; }
.form-item input[type="radio"] + label::before { content: "\f10c"; }
.form-item input[type="radio"]:checked + label::before { content: "\f192"; }
.form-item input[type="radio"]:disabled + label::before { content: "\f111"; }
.container-inline-date .date-padding { padding: 10px 0; }
.container-inline-date > .form-item > label { color: #131313; }

/* > WEBFORM */

.webform-client-form  { font-size: 0.945em; }
.webform-client-form  fieldset { /* margin-bottom: 40px; */ padding: 5px 0 0; }
.webform-client-form .fieldset-legend { font-size: 1.112em; }
.webform-client-form .field-name-field-h2-webform {
    font-size: 1.6em;
}
.webform-client-form fieldset:not(.acte-souhait) .fieldset-wrapper {
    background-color: #F8F8F8;
    padding: 20px;
}
.webform-client-form fieldset.acte-souhait .fieldset-wrapper .fieldset-wrapper {
    padding: 0 20px 20px 20px;
}
.webform-client-form .form-item select {
    padding: 7px 30px 7px 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url(../images/custom-select.png) no-repeat 95% center;
    line-height: 20px;
}
.webform-client-form .form-item select::-ms-expand {
    display: none;
}

.webform-client-form .form-item .customSelect::after {
    top: 6px;
    right: 8px;
}
.webform-client-form .form-item .customSelect {
    line-height: 18px;
    padding: 5px 30px 5px 10px;
}
.webform-client-form .form-item .customSelect span { vertical-align: middle;}
.webform-client-form .form-item input.form-text {
    padding: 7px 10px;
}
.renseignements-acte .form-item > label {
    width: 79%;
    float: left;
}
.renseignements-acte .form-item input {
    width: 20%;
    float: right;
}
.webform-component-fieldset .form-number { width: 20% ;}
.webform-client-form  fieldset.acte_de_naissance_group ,
.webform-client-form  fieldset.acte_de_mariage_group ,
.webform-client-form  fieldset.acte_de_deces_group {
    font-size: 0.8em;
    background-color: #F8F8F8;
    border-bottom: 4px solid #ffffff;
    padding-top: 0;
    margin: 0;
}
.webform-client-form  .ecrire-a { width: 100%; }
.webform-client-form .webform-submit {position: relative; top: -25px;}

.acte_de_naissance_group  .form-item  ,
.acte_de_mariage_group  .form-item  ,
.acte_de_deces_group .form-item  {
    display: table-cell;
    vertical-align: bottom;
    padding-right: 15px;
}

.acte_de_naissance_group  .form-item:first-child  ,
.acte_de_mariage_group  .form-item:first-child  ,
.acte_de_deces_group .form-item:first-child  {
    width: 200px;
}

.acte_de_naissance_group  .form-item label+br  ,
.acte_de_mariage_group  .form-item label+br  ,
.acte_de_deces_group .form-item label+br  {
    display: none;
}

.acte_de_naissance_group .col1,
.acte_de_mariage_group .col1,
.acte_de_deces_group .col1
{
    width: 22%;
    margin-left: 2%;
    margin-right: 0;
}
.acte_de_naissance_group .col3,
.acte_de_mariage_group .col3,
.acte_de_deces_group .col3 {
    width: 36%;
    margin-right: 0;
}

/* ===================================================================
 * > MOTEUR DE RECHERCHE
 * =================================================================*/

/* >> recherche default [region] visual */
.visual .views-exposed-form  .views-widget-filter-search_api_views_fulltext {
    width: 93.4%;
}
.visual  .image-accroche .block-views {
    width: 73.4%;
    margin: 0 auto;
}
.page-liste-des-agendas .visual  .image-accroche .block-views {
    width: 84%;
    margin: 0 auto;
}
.visual .views-exposed-form {
     position: relative;
     top: 416px;
 }
.block-views .views-exposed-widget { padding: 0; }
.block-views .views-exposed-widget input[type="text"]
 {
    border: none;
    width: 100%;
    padding: 19px 30px;
    border-radius: 3px 0 0 3px;
    box-sizing: border-box;
    line-height: 22px;
}
.block-views .views-submit-button { width: 6%; }
.block-views .views-exposed-widget .form-submit {
    margin-top: 0;
    width: 100%;
    border-radius: 0 3px 3px 0;
    padding: 1.4em 10px;
    box-sizing: border-box;
    text-indent: -9999px;
}
.block-views .views-exposed-widget .form-submit:not(#edit-submit-recherche-actu-agenda):not(#edit-submit-recherche-agenda-asso):not(#edit-submit-recherche-globale):not(#edit-submit-recherche-magazine):not(#edit-reset) {
    background: #007BBE url(../images/btn-filters.png) 50% 50% no-repeat;
    height: 60px;
}
.block-views .views-submit-button { position: relative; }

/*  > exposed form dans region visual default / custom select bleu avec fleche vers le bas] */
.filter-type-input-select-search .views-exposed-form div > .views-exposed-widget:nth-child(1) {
    width: 69%;
}
.filter-type-input-select-search .views-exposed-form div > .views-exposed-widget:nth-child(2) {
    width: 25%;
}
.region-visual .views-exposed-form .form-item select,
.region-visual .views-exposed-form .form-item .customSelect {
    border: 0px solid;
    padding: 0.42em 10px;
    border-radius: 0;
    background: #E1F3FF;
    line-height: 13px;
    color: #007BBE;
    width: 100%;
    height: 60px;
}
.views-exposed-form .form-item select[multiple="multiple"] {
    height: auto;
}
.filter-type-input-select-search .views-exposed-form .customSelectInner {
    line-height: 2.45em;
}
.filter-type-input-select-search .views-exposed-form .block-views {
    width: 73%;
    margin: auto;
}
.filter-type-input-select-search .views-exposed-form .customSelect::after {
    content: "";
}
.filter-type-input-select-search .views-exposed-form .customSelectInner::after {
    border-color: #007BBE transparent transparent;
    border-top: 8px solid #007BBE;
    border-style: solid;
    border-width: 6px;
    content: " ";
    display: block;
    right: 1px;
    position: absolute;
    text-align: left;
    top: 20px;
}

/*  > exposed form dans div.content  default pas d image d accroche*/
.no-img-acc .content .views-exposed-form {
    border: 1px solid #DADADA;
    padding: 10px;
    font-size: 0.9em;
}
.no-img-acc .content .views-exposed-widgets {
    background-color: #DADADA;
    padding: 40px 4%;
    margin: 0;
}
.no-img-acc .content  .views-exposed-widget {
    padding:0;
    margin-right: 1.6%;
    width: 34.9%;
}
.no-img-acc .content .views-exposed-widget.views-submit-button {
        margin-right: 0;
        width: auto;
}
.no-img-acc .content .views-exposed-form .form-submit {
    margin: 0;
    padding: 0 55px 0 35px;
    font-size: 0.78em;
    line-height: 2.8em;
    box-sizing: border-box;
}
.no-img-acc .content .views-exposed-form .views-submit-button span {  position: relative; }
.no-img-acc .content .views-exposed-form .views-submit-button span::after{
    content: "\f061";
    font-family: 'FontAwesome';
    position: absolute;
    right: 34px;
    font-size: 0.7em;
    top: -5px;
    color: #fff;
}
.no-img-acc .content .form-item .customSelect,
.no-img-acc .content .form-item .customSelectInner {
    width: 100%!important;
    line-height: 15px;
}
.no-img-acc .content .form-item input.form-text {
    padding: 7px 10px;
    line-height: 16px;
    width: 100%;
}
.no-img-acc .content {
    display: inline-block;
    width: 100%;
}

/*  > Generique Recherche liste Magazine, Agenda, Actu  */
.page-liste-des-magazines .views-exposed-form,
.page-liste-des-actualites .views-exposed-form,
.page-liste-des-agendas .views-exposed-form {
     top: 332px;
 }
.page-liste-des-magazines .block-views .views-widget-filter-search_api_views_fulltext input,
.page-liste-des-actualites .block-views .views-widget-filter-search_api_views_fulltext input,
.page-liste-des-agendas .block-views .views-widget-filter-search_api_views_fulltext input{
    border-radius: 3px;
}
.page-liste-des-agendas .block-views .views-submit-button::after,
.page-liste-des-actualites .block-views .views-submit-button::after,
.page-liste-des-magazines .block-views .views-submit-button::after {
    display: none;
}
.page-liste-des-agendas .block-views .form-submit,
.page-liste-des-actualites .block-views .form-submit,
.page-liste-des-magazines .block-views .form-submit {
    text-indent: 0px;
    padding: 10px;
    width: 274px;
    border-radius: 3px;
}

.page-liste-des-agendas .block-views .views-submit-button,
.page-liste-des-actualites .block-views .views-submit-button,
.page-liste-des-magazines .block-views .views-submit-button {
    float: none;
    width: inherit;
    clear: both;
    text-align: center;
    line-height: 4.2em;
 }
.front .views-exposed-form {
    bottom: 60px;
    top: auto;
}

/* n1 js */
.views-exposed-widget .form-select  option.n1 { font-weight: 600;}

/* @tmp */
.page-liste-des-associations .views-exposed-form  .description { display: none;}


/*  > Magazine liste recherche*/
.page-liste-des-magazines .block-views {
    width: 72%;
    margin: 0 auto;
}
.page-liste-des-magazines .block-views .views-widget-filter-search_api_views_fulltext {
    width: 64%;
    margin-right: 1%;
}

.page-liste-des-magazines .block-views .views-widget-filter-field_categorie_magazine { width: 34%;}

.page-liste-des-magazines .block-views select{
    width: 100%;
    padding: 17px 10px;
    line-height: 57px;
}

.page-liste-des-magazines .block-views .form-item .customSelect {
    line-height: 22px;
    line-height: 0.85em;
    border: none;
    padding-left: 21px;
    padding-right: 0;
    background: #fff;
    border: 2px solid #448ccb;
    color: #000;
}
.page-liste-des-magazines .block-views .form-item .customSelect::after { top: 21px; }
.page-liste-des-magazines .block-views .form-item .customSelect .customSelectInner{
    line-height: 2.3em;
}

/*  > Agenda , Actu, liste recherche */
.page-liste-des-actualites .block-views,
.page-liste-des-agendas .block-views {
    width: 88.2%;
    margin: 0 auto;
}

.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: auto;
    margin-right: 0;
}

@media screen and (min-width: 1280px)  {
    .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: 40%;
        margin-right: 0;
    }
}
@media screen and (min-width: 1500px)  {
    .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: 50%;
        margin-right: 0;
    }
}

/*
.page-liste-des-agendas .facetapi-facet-field-thematiques-actu,
.page-liste-des-actualites .facetapi-facet-field-thematiques-actu {
    width: 29%;
}
.page-liste-des-agendas .facetapi-facet-field-profil-actu,
.page-liste-des-actualites .facetapi-facet-field-profil-actu {
    width: 18%;
}
.page-liste-des-agendas .facetapi-facet-field-facet-when,
.page-liste-des-actualites .facetapi-facet-field-facet-when {
    width: 20%;
}*/






/*  > facette */
.recherche .wrapper-facet + .views-submit-button { margin-top: 36px;}
.recherche .wrapper-facet .item-list {
    display: inline-block;
    background-color: #FFFFFF;
    border-radius: 3px;
    position: relative;
}
.recherche .wrapper-facet .item-list:not(:first-child)  { margin-left: 0.8%;}
.recherche .wrapper-facet .item-list h3 {
    display: table-cell;
    font-weight: 100;
    font-size: 1em;
    padding: 0 44px;
    line-height: 3.2em;
    cursor: pointer;
    position: relative;
    z-index: 1;
    height: 57px;
}
.recherche .wrapper-facet .item-list ul {
    display: none;
    position: absolute;
    z-index: 101;
    background: #fff;
    padding: 10px;
    border: 1px solid #5E72A7;
    top: 59px;
    box-sizing: border-box;
}
.recherche .wrapper-facet .item-list ul li {
    white-space: nowrap;
    color: #b5b3b3;
}
.recherche .wrapper-facet .item-list .num-selected {
    border: 1px solid;
    border-radius: 10px;
    position: absolute;
    font-weight: bold;
    background: #fff;
    display: inline-block;
    top: -15px;
    right: -2px;
    font-size: 0.8em;
    line-height: 1.3em;
    min-width: 18px;
    text-align: center;
}
.recherche .wrapper-facet .item-list { border: 2px solid; }

/*  > facette item selected */
.recherche .current-search-item {
    min-height: 30px;
    margin-top: 5px;
}
.recherche .current-search-item .item-list li {
    display: inline-block;
    background: #fff;
    border-radius: 3px;
    font-size: 0.8em;
    padding: 8px 25px 8px 8px;
    color: #666;
    line-height: 1em;
}
.recherche .current-search-item .item-list li a {
    float: right;
    display: block;
    color: #fff;
    position: relative;
    }
.recherche .current-search-item .item-list li a::after {
    content: "\f00d";
    color: #666;
    font-family: 'FontAwesome';
    font-size: 0.917em;
    font-weight: normal;
    position: absolute;
    top: 0;
    right: -17px;
    z-index: 1;
}
.recherche .wrapper-facet .item-list::after {
    content: "\f078";
    font-family: 'FontAwesome';
    position: absolute;
    right: 14px;
    font-size: 0.778em;
    top: 12px;
    color: #000;
}
.recherche .wrapper-facet .item-list.open::after {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

/*  > f.a.q */
.page-liste-des-faq .views-exposed-form .views-exposed-widget {}
.page-liste-des-faq .views-exposed-form .views-submit-button input { margin: 0; }
.page-liste-des-faq .form-type-select { width: 100%; }
.page-liste-des-faq .description { display: none; }
.page-liste-des-faq .views-exposed-widget .form-select option.n1 { font-weight: 400; }

/*  > facette icon, color */
.recherche .wrapper-facet { position: relative; white-space: nowrap;}

/*  > thematiques */
.recherche .wrapper-facet div[class*='thematiques-actu']::before {
    content: "\f02b";
    font-family: 'FontAwesome';
    position: absolute;
    left: 23px;
    font-size: 0.978em;
    top: 12px;
    color: #000;
}

/*  > profil */
.recherche .wrapper-facet div[class*='profil-actu']::before {
    content: "\f007";
    font-family: 'FontAwesome';
    position: absolute;
    left: 23px;
    font-size: 0.978em;
    top: 12px;
    color: #000;
}

/*  > facettes open  */
.recherche .wrapper-facet div[class*='thematiques-actu'].open {
    background-color: #9F0AA2;
}
.recherche .wrapper-facet div[class*='profil-actu'].open {
    background-color: #AC332B;
}
.recherche .wrapper-facet div[class*='evenementvalue'].open {
    background: #2D9AD1;
}
.recherche .wrapper-facet div[class*='facetapi-facet-search-api-combined-5'].open {
  background: #2D9AD1;
}
.recherche .wrapper-facet .item-list::after,
.recherche .wrapper-facet .item-list::before,
.recherche .wrapper-facet .item-list h3 { color: #000;}

.recherche .wrapper-facet .item-list.open::after,
.recherche .wrapper-facet .item-list.open::before,
.recherche .wrapper-facet .item-list.open h3 {
    color: #fff;
}

/*  > facettes close  */
.recherche .wrapper-facet div[class*='thematiques-actu'],
.recherche .wrapper-facet div[class*='thematiques-actu'] .num-selected {
    border-color: #9F0AA2;
    color: #9F0AA2;
}
.recherche .wrapper-facet div[class*='profil-actu'],
.recherche .wrapper-facet div[class*='profil-actu'] .num-selected {
    border-color: #AC332B;
    color: #AC332B;
}
.recherche .wrapper-facet  div[class*='evenementvalue'] {
    border-color: #2D9AD1;
    color: #2D9AD1;
}
.recherche .wrapper-facet  div[class*='facetapi-facet-search-api-combined-5'] {
  border-color: #2D9AD1;
  color: #2D9AD1;
}

.recherche .wrapper-facet ul.facetapi-eolas-date-range.facetapi-facet-search-api-combined-5 li.leaf.aujourd-hui.first {
  margin-right: 2.5%;
}
.recherche .wrapper-facet .submit-date {
  width: 6%;
  text-align: center;
}

.current-search-item.current-search-item-active.current-search-item-active-items ul li {
  margin-right: 15px;
}

/*  > dates evenement */
.recherche .wrapper-facet #wrapper-facet-when::before {
    content: "\f017";
    font-family: 'FontAwesome';
    position: absolute;
    left: 23px;
    font-size: 0.978em;
    top: 12px;
}
.recherche .wrapper-facet #wrapper-facet-when.open span {
    display: inline-block;
    position: absolute;
    bottom: -23px;
}
.recherche .wrapper-facet  #wrapper-facet-when.open span {
    content: " ";
    height: 34px;
    display: inline-block;
    border-bottom: 20px solid #2D9AD1;
    margin-bottom: 6px;
    width: 102.5%;
    margin-left: -2px;
}
.recherche .wrapper-facet  #wrapper-facet-when .num-selected {
    border-color: #2D9AD1;
    color: #2D9AD1;
}
.recherche .wrapper-facet #wrapper-facet-when h3 {}

/* > panel facet when */
.recherche .wrapper-facet-when-panel {
    background: #fff;
    position: absolute;
    width: 93.2%;
    z-index: 10;
    top: 71px;
    padding: 20px;
    border-radius: 0 0 3px 3px;
}
/*  date widgets buttons*/
.recherche .wrapper-facet-when-panel ul.facetapi-eolas-date-range {
    float: left;
    display: inline-block;
    font-size: 0.7em;
    font-weight: 600;
    width: 60%;
}
.recherche .wrapper-facet-when-panel ul.facetapi-eolas-date-range li{
    float: left;
    display: inline-block;
}
.recherche .wrapper-facet-when-panel ul.facetapi-eolas-date-range li:not(.first){
        margin-left: 2%;
 }
.recherche .wrapper-facet-when-panel ul.facetapi-eolas-date-range li a {
    display: block;
    border: 1px solid;
    border-radius: 3px;
    padding: 2px 29px;
    text-decoration: none;
}
.recherche .wrapper-facet-when-panel ul.facetapi-eolas-date-range li a:hover{
    color: #fff;
    background-color: #9E9E9E;
}
.recherche .wrapper-facet-when-panel ul.facetapi-eolas-date-range li.active {
    background-color: #9E9E9E;
    border: 1px solid;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    padding: 2px 29px;
}
.recherche .wrapper-facet-when-panel ul.facetapi-eolas-date-range li.active a {
    background-color: transparent;
    float: right;
    border: none;
    color: #fff;
    padding: 0;
    margin-left: 12px;
}

/*  date widgets date pickers */
.recherche .wrapper-facet-when-panel .views-exposed-widget label[for*='datepicker-popup'],
.recherche .wrapper-facet-when-panel .views-exposed-widget .description { display: none;}
.recherche .wrapper-facet-when-panel .views-exposed-widget input[type="text"] {
    border: none;
    padding: 0;
    border-radius: 0;
    box-sizing: border-box;
    line-height: 1.6em;
    display: inline-block;
}
.recherche .wrapper-facet-when-panel label {
    float: left;
    font-weight: 600;
}
.recherche .wrapper-facet-when-panel .container-inline-date {
    display: inline-block;
    width: 50%;
}
.container-inline-date .form-type-textfield {
    border-bottom: 1px solid;
    margin: 2px 0 0 25px;
    width: 100%;
    padding-right: 18px;
    position: relative;
}
.container-inline-date .form-type-textfield::after{
    content: "\f073";
    font-family: 'FontAwesome';
    font-weight: normal;
    position: absolute;
    top: 1px;
    right: 2px;
}
.recherche .wrapper-facet-when-panel .inner-dates-evenements {
    float: left;
    border: 1px solid #000;
    border-radius: 3px;
    width: 30%;
    font-size: 0.7em;
    padding: 4px 16px;
    box-sizing: border-box;
    line-height: 2.2em;
}
.recherche .wrapper-facet-when-panel .views-exposed-widget { width: 50%; }
.recherche .wrapper-facet-when-panel .submit-date {
    float: right;
    font-size: 0.7em;
    font-weight: 600;
}
.recherche .wrapper-facet-when-panel .submit-date a {
    display: block;
    border: 1px solid;
    border-radius: 3px;
    padding: 2px 10px;
    text-decoration: none;
}
/* > init */
#views-exposed-form-recherche-actu-agenda-recherche-agenda,
#views-exposed-form-recherche-agenda-asso-recherche-agenda-asso,
.recherche .wrapper-facet .wrapper-facet-when-panel{ display: none;}

/* > systheme override */
html.js input.form-autocomplete {
    background-position: 98% center;
    background-repeat: no-repeat;
    background-size: 1.5%;
}
/* > date piker*/
#ui-datepicker-div {
    font-size: 67.6%;
}
.ui-datepicker td {
    border: 0;
    padding: 2px;
    line-height: 2em;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    /* border: 1px solid #aaa; */
    background: #fff;
    font-weight: 400;
    color: #212121;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    /* border: 1px solid #d3d3d3; */
    background: #2d9ad1;
    font-weight: 400;
    color: #fff;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: none;
    background: #d2eaf6;
    color: #363636;
}
.ui-widget-header {
     border: 0px solid;
    background: #eeeeee;
    color: #222;
    font-weight: 700;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
#ui-datepicker-div,
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border: none;
}

/* ===================================================================
 * > ASSOCIATIONS
 * =================================================================*/
/* Connexion */
#user-pass ,
#user-login ,
#user-login-form {
    border: 1px solid #dbdbdb;
    padding: 9px;
    margin-bottom: 40px;
}
#user-pass > div,
#user-login > div,
#user-login-form > div {
    background: #0077be;
    overflow: hidden;
    padding: 20px 20px 60px;
    position: relative;
}
#user-pass .form-item,
#user-login .form-item,
#user-login-form .form-item {
    width: 36.31%;
    margin: 15px auto;
}
#user-pass .form-item label,
#user-login .form-item label ,
#user-login-form .form-item label { color: #fff; }
#user-pass .form-item input,
#user-login .form-item input,
#user-login-form .form-item input {
    width: 100%;
    box-sizing: border-box;
}
#user-pass .form-actions,
#user-login .form-actions,
#user-login-form .form-actions { clear: both; }
#user-pass .item-list,
#user-login .item-list,
#user-login-form .item-list {
    position: absolute;
    bottom: 20px;
    right: 20px;
}
#user-pass .item-list a,
#user-login .item-list a,
#user-login-form .item-list a {
    font-size: 0.667em; /* 12px */
    line-height: 1.25em; /* 15px */
    color: #fff;
    font-weight: 600;
    text-decoration: underline;
    float: right;
    clear: right;
}
#user-pass .form-submit ,
#user-login .form-submit,
#user-login-form .form-submit {
    margin-top: 15px;
    padding: 10px 60px 10px 45px;
    background: url(../images/ico-webform-submit.png) no-repeat 85% center #262626;
}
#user-pass .form-submit {
    background-position : 98% center ;
}

/* Colonne de droite */
.block-col-droite-assoc {
    overflow: hidden;
    margin-bottom: 30px;
}
.block-col-droite-assoc a {
    color: #fff;
    text-decoration: none;
}
.block-col-droite-assoc a:hover { text-decoration: none; }
.block-col-droite-assoc.creer-assoc { background: #f26522; }
.block-col-droite-assoc.acceder-espace-assoc { background: #f23a22; }
.block-col-droite-assoc.guide-demarches { background: #3b63af; }
.block-col-droite-assoc .titre {
    font-family: 'Ubuntu', sans-serif;
    font-size: 1.112em; /* 20px */
    line-height: 1.25em; /* 25px */
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0.1em;
    padding: 10px 25px 20px;
    margin-top: -13px;
    display: block;
    color: #fff;
    position: relative;
    z-index: 2;
}
.block-col-droite-assoc .img-assoc {
    position: relative;
    overflow: hidden;
    display: block;
    background: #151515;
}
.block-col-droite-assoc .img-assoc img {
    display: block;
    margin: 0 auto;
}
.block-col-droite-assoc .img-assoc::before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 70px 290px;
    border-color: transparent transparent #007bff transparent;
    position: absolute;
    bottom: 0;
    left: 0;

}
.block-col-droite-assoc .img-assoc::after {
    content: "";
    width: 106px;
    height: 106px;
    border-radius: 100px;
    position: absolute;
    left: 50%;
    bottom: -15px;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.block-col-droite-assoc.creer-assoc .img-assoc::before { border-bottom-color: #f26522; }
.block-col-droite-assoc.creer-assoc .img-assoc::after {
    background: #f26522 url(../images/creer-association.png) no-repeat center 22px;
}
.block-col-droite-assoc.acceder-espace-assoc .img-assoc::before { border-bottom-color: #f23a22; }
.block-col-droite-assoc.acceder-espace-assoc .img-assoc::after {
    background: #f23a22 url(../images/acceder-espace-association.png) no-repeat center 17px;
}
.block-col-droite-assoc.guide-demarches .img-assoc::before { border-bottom-color: #3b63af; }
.block-col-droite-assoc.guide-demarches .img-assoc::after {
    background: #3b63af url(../images/guide-demarches.png) no-repeat center 30px;
}

/* Tableau de bord */
.block-narbonne-association h2 {
    color: #1b1b1b;
    margin-bottom: 20px;
}
.block-narbonne-association .actions { padding: 15px 0 35px; }
.block-narbonne-association .actions > div { display: inline; }
.block-narbonne-association .bouton-bordure-rouge {
    margin: 5px 5px 5px 0;
    display: inline-block;
}
.tpl-tdb .row {
    overflow: hidden;
    margin: 0 0 40px 0;
}
.tpl-tdb .row:first-child { margin-top: 20px; }
.tpl-tdb .infos-content { overflow: hidden; }
.tpl-tdb .visuel {
    width: 37.6%;
    padding-right: 30px;
    padding-bottom: 20px;
    float: left;
    box-sizing: border-box;
}
.tpl-tdb .visuel img { display: block; }
.tpl-tdb .thematique,
.tpl-tdb .profil {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
    font-size: 0.778em; /* 14px */
    line-height: 1em; /* 14px */
    letter-spacing: 0.2em;
    text-transform: uppercase;
}
.tpl-tdb .thematique {
    background: #8428da;
    color: #fff;
    border-radius: 3px;
    padding: 2px 3px 2px 4px;
    display: inline-block;
}
.tpl-tdb .thematique + .profil { margin-left: 5px; }
.tpl-tdb .profil { color: #c63535; }
.tpl-tdb .profil span {
    display: inline-block;
    position: relative;
}
.tpl-tdb .profil span:first-child::before { content: none; }
.tpl-tdb .thematique span,
.tpl-tdb .profil span {
    padding: 0 3px;
    font-size: 0.8em;
    position: relative;
    top: -1px;
}
.tpl-tdb .titre {
    font-family: 'Ubuntu', sans-serif;
    font-size: 1.667em; /* 30px */
    line-height: 1.1em; /* 33px */
    color: #1b1b1b;
    margin-bottom: 10px;
}
.tpl-tdb .titre a {  color: #1b1b1b; }
.tpl-tdb .date,
.tpl-tdb .lieu {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
    font-size: 0.667em; /* 12px */
    line-height: 1.167em; /* 14px */
    letter-spacing: 0.2em;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.tpl-tdb .lieu::before {
    content: "\f041";
    font-family: 'FontAwesome';
    font-size: 0.917em;
    font-weight: normal;
    float: left;
    margin-right: 5px;
}
.tpl-tdb .statut {
    background: #dadada;
    padding: 10px 10px 10px 30px;
    margin-top: 20px;
    display: table;
    width: 100%;
    box-sizing: border-box;
}
.tpl-tdb .statut > div {
    display: table-cell;
    vertical-align: middle;
}
.tpl-tdb .type {
    color: #505050;
    font-style: italic;
    font-size: 0.778em; /* 14px */
    line-height: 1.215em; /* 17px */
    position: relative;
    width: 56.64%;
}
.tpl-tdb .type::before {
    content: "";
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 7px;
    margin-right: 10px;
}
.tpl-tdb .type-0::before,
.tpl-tdb .type-0 .type::before { background: #f7941d; }
.tpl-tdb .type-1::before,
.tpl-tdb .type-1 .type::before { background: #00ac8a; }
.tpl-tdb .depublication {
    color: #505050;
    font-size: 0.667em; /* 12px */
    line-height: 1.25em; /* 15px */
    width: 22.65%;
    padding-right: 10px;
    box-sizing: border-box;
}
.tpl-tdb .depublication a {
    color: #0072b6;
    font-weight: 500;
    text-decoration: underline;
}
.tpl-tdb .bouton-bleu {
    display: block;
    text-align: center;
}

/* Gestion du profil */
.form-gestion-compte { margin-bottom: 20px;}
.form-gestion-compte .form-item { box-sizing: border-box; }
.form-gestion-compte .form-item input,
.form-gestion-compte .form-item textarea { width: 100%; }
.form-gestion-compte .form-item-association-adresse-siege {
    float: left;
    width: 100%;
    margin: 6px 0;
}
.form-gestion-compte .form-item-association-identifiant {
    width: 50%;
    float: left;
    padding-right: 10px;
}
.form-gestion-compte .form-item-association-email,
.form-gestion-compte .form-item-association-telephone,
.form-gestion-compte .form-item-association-cgu { clear: both; }
.form-gestion-compte .form-item-association-mdp,
.form-gestion-compte .form-item-association-mdp-confirm,
.form-gestion-compte .form-item-association-nom,
.form-gestion-compte .form-item-association-prenom {
    width: 50%;
    float: left;
    margin: 6px 0;
}
.form-gestion-compte .form-item-association-mdp,
.form-gestion-compte .form-item-association-nom { padding-right: 10px; }
.form-gestion-compte .form-item-association-mdp-confirm,
.form-gestion-compte .form-item-association-prenom { padding-left: 10px; }
.form-gestion-compte .form-item-association-code-postal {
    width: 20%;
    padding-right: 20px;
    float: left;
}
.form-gestion-compte .form-item-association-ville {
    width: 80%;
    float: left;
}
.form-gestion-compte .form-item-association-email,
.form-gestion-compte .form-item-association-telephone,
.form-gestion-compte .form-item-association-nom-association {
    width: 50%;
    padding-right: 10px;
}
.form-gestion-compte .form-item-association-identifiant + .form-item-association-nom-association {
    padding-right: 0;
    padding-left: 10px;
    float: left;
}

/* Fiche association */
#views_slideshow_cycle_main_vue_slide_asso-block {
    border: 1px solid #dbdbdb;
    padding: 9px;
    text-align: center;
}
.slide-association img { display: block; }
.slide-association .owl-stage-outer {
    border: 1px solid #dbdbdb;
    margin-bottom: 9px;
}
.slide-association .owl-item > div { margin: 9px 11px 9px 9px; }
.slide-association .owl-item img { display: block; }
.slide-association .views-slideshow-pager-fields > div:hover { cursor: pointer; }
.slide-association .views-slideshow-pager-fields > div.active {
    background: #717171;
    border-color: #717171;
}
.slide-association .owl-dots { display: none; }
.slide-association .owl-thumbs { text-align: center; }
.slide-association .owl-thumb-item {
    border-radius: 0;
    background: #fff;
    padding: 9px;
    border: 1px solid #dbdbdb;
    margin: 0 5px;
    max-width: 22%;
}
.slide-association .owl-thumb-item.active {
    border-color: #717171;
    background: #717171;
}
.node-association .group-infos {
    background: #3a4349;
    color: #fff;
    padding: 20px 30px;
    font-size: 0.889em;
    overflow: hidden;
}
.node-association .group-infos a {
    color: #fff;
}
.node-association .group-infos .data-type-telephone:before {
    float: left;
    font-family: "FontAwesome";
    font-weight: normal;
    margin-right: 5px;
    font-weight: 400;
}
.node-association .group-infos .telephone:before {
    content: "\f095";
}
.node-association .group-infos .fax:before {
    content: "\f1ac";
}
.node-association .group-infos .mail:before {
    content: "\f0e0";
    font-family: "FontAwesome";
    margin-right: 5px;
}
.node-association .group-infos h3 {
    font-size: 1.125em;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
    margin: 5px 0 12px;
}
.node-association .group-localiser {
    margin-bottom: 20px;
}
.node-association .group-col-gauche {
    width: 37%;
    float: left;
}
.node-association .group-col-gauche + .field-name-field-horaires {
    border-left: 1px solid #fff;
    float: left;
    padding-left: 20px;
    padding-bottom: 10px;
    width: 60%;
}
.node-association .field-name-field-horaires p { margin: 0; }
.node-association .bouton-modifier {
    margin-top: 30px;
    margin-right: 15px;
    height: 20px;
}
.node-association .accroche {
    font-weight: 700;
    font-style: italic;
    margin-top: 20px;
}
.node-association .field-item.even { word-wrap: break-word; }

/* Liste agenda des associations */
.tpl-tdb.tpl-liste .visuel { padding-bottom: 0; }
.page-liste-des-associations .view-content { overflow: hidden; }

/* Création/modification d'un agenda association - Modification d'une association */
#agenda-association-node-form .vertical-tabs-panes { width: 70%; margin-left: 30%; }
.node-agenda_association-form { margin-bottom: 20px;}
.node-association-form .vertical-tabs .fieldset-wrapper legend,
.node-association-form #field-contact-values th {
    border-bottom: 2px solid #dadada;
    color: #0072b6;
    font-family: "Ubuntu",sans-serif;
    font-size: 1.334em;
    margin: 20px 0;
    padding-bottom: 15px;
    position: relative;
}
.node-association-form .vertical-tabs .fieldset-wrapper legend::after,
.node-association-form #field-contact-values th::after {
    content: url(../images/decoration-titre.png);
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%) translateY(50%);
    -moz-transform: translateX(-50%) translateY(50%);
    -webkit-transform: translateX(-50%) translateY(50%);
    -o-transform: translateX(-50%) translateY(50%);
    -ms-transform: translateX(-50%) translateY(50%);
}
.node-agenda_association-form .vertical-tabs,
.node-association-form .vertical-tabs { margin-left: 0; }
.node-agenda_association-form .vertical-tabs ul.vertical-tabs-list,
.node-association-form .vertical-tabs ul.vertical-tabs-list {
    width: 30%;
    margin-left: 0;
}
.node-agenda_association-form .vertical-tabs,
.node-agenda_association-form .vertical-tabs ul.vertical-tabs-list,
.node-association-form .vertical-tabs,
.node-association-form .vertical-tabs ul.vertical-tabs-list {
    border: none;
}
.node-agenda_association-form ul.vertical-tabs-list li,
.node-association-form ul.vertical-tabs-list li {
    border: none;
    background: #e6e6e6;
    font-size: 0.778em;
    font-weight: 700;
}
.node-agenda_association-form ul.vertical-tabs-list li a,
.node-association-form ul.vertical-tabs-list li a {
    background: #d9d9d9;
    position: relative;
    padding: 11px 30px;
    color: #131313;
    display: block;
    line-height: normal;
}
.node-agenda_association-form ul.vertical-tabs-list li a:hover,
.node-agenda_association-form ul.vertical-tabs-list li.selected a,
.node-agenda_association-form ul.vertical-tabs-list li a:hover strong,
.node-association-form ul.vertical-tabs-list li a:hover,
.node-association-form ul.vertical-tabs-list li.selected a,
.node-association-form ul.vertical-tabs-list li a:hover strong {
    background: #fff;
    color: #3b63af;
    outline: none;
    text-decoration: none;
}
.node-agenda_association-form ul.vertical-tabs-list li a::after,
.node-association-form ul.vertical-tabs-list li a::after {
    background: #e6e6e6;
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 78%;
}
.node-agenda_association-form ul.vertical-tabs-list li.first a::after,
.node-association-form ul.vertical-tabs-list li.first a::after { content: none; }
.node-agenda_association-form ul.vertical-tabs-list li.selected a::before,
.node-association-form ul.vertical-tabs-list li.selected a::before {
    background: #3b63af;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 10px;
}
.node-agenda_association-form .form-item .form-managed-file input[type="file"],
.node-association-form .form-item .form-managed-file input[type="file"] {
    width: 63%;
}
.node-association-form .fieldset-wrapper,
.node-agenda_association-form .fieldset-wrapper { position: relative; }
.node-association-form .customSelect,
.node-association-form select,
.node-association-form .customSelectInner,
.node-agenda_association-form .customSelect,
.node-agenda_association-form select,
.node-agenda_association-form .customSelectInner  {
    min-width: 100%;
    max-width: 100%;
    width: 100% !important;
}
.node-association-form #edit-body .customSelect,
.node-association-form #edit-body select,
.node-association-form #edit-body .customSelectInner,
.node-association-form #edit-field-horaires .customSelect,
.node-association-form #edit-field-horaires select,
.node-association-form #edit-field-horaires .customSelectInner,
.node-agenda_association-form #edit-body .customSelect,
.node-agenda_association-form #edit-body select,
.node-agenda_association-form #edit-body .customSelectInner {
    width: 250px !important;
    min-width: inherit;
}
.node-association-form #edit-body select,
.node-agenda_association-form #edit-body select { min-height: 33px; }
.node-association-form select,
.node-agenda_association-form select { min-height: 40px; }
.node-association-form .form-item textarea,
.node-agenda_association-form .form-item textarea { line-height: 20px; }
.page-node-edit.node-type-agenda-association #block-narbonne-association-narbonne-asso-depu-fiche { display: none; }
.node-association-form #edit-field-visuel-association-und-table,
.node-association-form #field-contact-values { width: 100%; }
.node-association-form tr.even,
.node-association-form tr.odd { background: none; }
.node-association-form #edit-field-visuel-association-und-table th,
.node-association-form #field-contact-values th{ border-width: 1px; }
.node-association-form #edit-field-visuel-association-und-table td,
.node-association-form #field-contact-values td,
.node-association-form #edit-field-contact td { padding: 10px 5px; }
.node-association-form #edit-field-visuel-association-und-table td:last-child,
.node-association-form #edit-field-visuel-association-und-table th:last-child { text-align: center; }
.node-association-form #edit-field-visuel-association-und-table .image-preview {
    padding-bottom: 0;
    width: 25%;
}
.node-association-form #edit-field-visuel-association-und-table .image-widget-data { width: 65%; }
.node-association-form #edit-field-visuel-association-und-table .tabledrag-handle,
.node-association-form #field-contact-values .tabledrag-handle,
.node-association-form #edit-field-contact .tabledrag-handle { margin-left: 0; }
.node-association-form #edit-field-visuel-association-und-table .handle,
.node-association-form #field-contact-values .handle,
.node-association-form #edit-field-contact .handle {
    padding: 0;
    margin: 10px;
    background-position: 0 0;
    overflow: hidden;
}
.node-association-form #edit-field-visuel-association-und-table .tabledrag-handle-hover .handle,
.node-association-form #field-contact-values .tabledrag-handle-hover .handle,
.node-association-form #edit-field-contact .tabledrag-handle-hover .handle { background-position: 0 -20px; }
.node-association-form #field-contact-values .field-type-text,
.node-association-form #edit-field-contact .field-type-text { margin: 5px 0; }
.node-association-form #field-contact-values .form-submit,
.node-association-form #edit-field-contact .form-submit {
    margin: 10px 0 0;
    float: right;
}

/* ===================================================================
 * > BLOC NOTES
 * =================================================================*/
.page-bloc-note .view-vue-bloc-note .btn-bloc-note {
    float: right;
    margin: 0 0 15px 20px;
}

/* ===================================================================
 * > WECAMS
 * =================================================================*/
.tpl-webcam { clear: both;}
.tpl-webcam .webcam {
    width: 30%;
    float: left;
    background: #eaeaea;
    padding: 10px;
}
.tpl-webcam > .webcam:nth-child(3) { margin: 0 2%; }
.tpl-webcam .webcam h3 {
    font-size: 1em;
    color: #0075bb;
}

/* ===================================================================
 * > RECHERCHE GLOBALE
 * =================================================================*/

.tpl-recherche-globale.tpl-liste .group-infos {
    margin-top: 0;
    overflow: hidden;
}
.page-recherche .breadcrumb { display: none; }

/* > Moteur de recherche */
.recherche .form-global { top: 318px; }
.form-global .block-facetapi { margin: 0; }
.form-global .block-facetapi .block-title {
    font-family: 'Pacifico', cursive;
    color: #fff;
    float: left;
    margin: 5px 23px 0 0;
}
.recherche .form-global .item-list {
    background: none;
    border: none;
    display: block;
    margin: 20px 0 0 0;
}
.recherche .form-global .item-list:not(:first-child) { margin-left: 0; }
.recherche .form-global .item-list::after { content: none; }
.recherche .form-global .item-list ul {
    display: block;
    background: none;
    border: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    top: auto;
    font-size: 0.778em;
    font-weight: 500;
}
.recherche .form-global ul.facetapi-facetapi-links li.tous-les-profils {
    padding: 4px 30px;
    margin-right: 1.8%;
}
.recherche .form-global ul.facetapi-facetapi-links  li {
    display: inline-block;
    color: #fff;
    margin: 0 1.2% 10px 0;
    padding: 4px 10px;
    min-width: 84px;
    border: 1px solid #fff;
    border-radius: 2px;
    text-align: center;
}

/*.recherche .form-global .item-list ul li.last { margin-right: 0; }*/
.recherche .form-global .item-list ul a {
    color: #fff;
    display: inline-block;
}
.recherche .form-global .item-list ul li:hover {
    border-color: #0072b6;
    cursor: pointer;
}
.recherche .form-global .item-list ul li:hover a {
    text-decoration: none;
}
.recherche .form-global .item-list ul a.facetapi-active { display: none; }
.recherche .form-global .item-list ul li.actif {
    background: #0072b6;
    border-color: #0072b6;
}
.recherche .form-global .item-list ul li.actif,
.recherche .form-global .item-list ul li.actif a { color: #fff; }
.form-global .views-widget-filter-search_api_views_fulltext {
    float: none;
    width: 100%;
}
.form-global .views-widget-filter-search_api_views_fulltext input[type="text"] { border-radius: 3px; }

.recherche .form-global .wrapper-button,
.page-liste-des-agendas .wrapper-button,
.page-liste-des-actualites .wrapper-button { text-align: center; }

.recherche .form-global .views-submit-button,
.recherche .form-global .views-reset-button,
.page-liste-des-agendas .views-submit-button,
.page-liste-des-agendas .views-reset-button,
.page-liste-des-actualites .views-submit-button,
.page-liste-des-actualites .views-reset-button {
    display: inline-block;
    float: none;
    margin-top: 10px;
    width: auto;
}
.recherche .form-global .views-submit-button::after { content: none; }
.recherche .form-global .views-exposed-widget .form-submit {
    width: auto;
    text-indent: 0;
    padding: 10px 60px;
    border-radius: 3px;
}

/* Filtre sur les types de contenu */
#facetapi-facet-search-apiglobal-block-type {
    font-size: 0.778em;
    font-weight: 500;
    text-align: center;
}
#facetapi-facet-search-apiglobal-block-type li {
    display: inline-block;
    margin: 0 5px 10px 0;
    padding: 0 10px;
    border: 1px solid #000;
    border-radius: 2px;
    text-align: center;
    line-height: 28px;
}
#facetapi-facet-search-apiglobal-block-type li:hover {
    cursor: pointer;
    opacity: 0.7;
    transition: all 300ms ease-in;
}
#facetapi-facet-search-apiglobal-block-type a.facetapi-active { display: none; }
#facetapi-facet-search-apiglobal-block-type a { text-decoration: none; }
#facetapi-facet-search-apiglobal-block-type .pages { border-color: #2f9d3e; color: #2f9d3e; }
#facetapi-facet-search-apiglobal-block-type .pages a { color: #2f9d3e; }
#facetapi-facet-search-apiglobal-block-type .pages.actif { background: #2f9d3e; }
#facetapi-facet-search-apiglobal-block-type .associations { border-color: #136568; }
#facetapi-facet-search-apiglobal-block-type .associations a { color: #136568; }
#facetapi-facet-search-apiglobal-block-type .associations.actif { background: #136568; }
#facetapi-facet-search-apiglobal-block-type .actualit-agenda { border-color: #ff9000; }
#facetapi-facet-search-apiglobal-block-type .actualit-agenda a { color: #ff9000; }
#facetapi-facet-search-apiglobal-block-type .actualit-agenda.actif { background: #ff9000; }
#facetapi-facet-search-apiglobal-block-type .publications { border-color: #bc1600; }
#facetapi-facet-search-apiglobal-block-type .publications a { color: #bc1600; }
#facetapi-facet-search-apiglobal-block-type .publications.actif { background: #bc1600; }
#facetapi-facet-search-apiglobal-block-type .annuaire-lieux { border-color: #ec008c; }
#facetapi-facet-search-apiglobal-block-type .annuaire-lieux a { color: #ec008c; }
#facetapi-facet-search-apiglobal-block-type .annuaire-lieux.actif { background: #ec008c; }
#facetapi-facet-search-apiglobal-block-type .agenda-association { border-color: #8428da; }
#facetapi-facet-search-apiglobal-block-type .agenda-association a { color: #8428da; }
#facetapi-facet-search-apiglobal-block-type .agenda-association.actif { background: #8428da; }
#facetapi-facet-search-apiglobal-block-type .tous-les-r-sultats { border-color: #c63535; color: #c63535; }
#facetapi-facet-search-apiglobal-block-type .tous-les-r-sultats a { color: #c63535; }
#facetapi-facet-search-apiglobal-block-type .tous-les-r-sultats.actif { background: #c63535; }
#facetapi-facet-search-apiglobal-block-type li.actif,
#facetapi-facet-search-apiglobal-block-type li.actif a { color: #fff; }
#facetapi-facet-search-apiglobal-block-type > li > a span { font-weight: 700; margin-left: 5px; }

/* Liste de recherche */
.page-recherche .btn-bloc-note { display: none; }
.tpl-recherche-globale .field-facet-type {
    font-family: 'Ubuntu', sans-serif;
    color: #fff;
    font-size: 0.778em;
    font-weight: 700;
    line-height: 16px;
    text-transform: uppercase;
    padding: 0 3px 1px 5px;
    letter-spacing: 0.2em;
    display: inline-block;
    border-radius: 3px;
}
.tpl-recherche-globale .field-facet-type + .thematique-profil {
    display: inline-block;
    margin-left: 10px;
}
.field-facet-type.page-type { background: #2f9d3e; }
.field-facet-type.association { background: #136568; }
.field-facet-type.news-agenda { background: #ff9000; }
.field-facet-type.publication { background: #bc1600; }
.field-facet-type.annuaire { background: #ec008c; }
.field-facet-type.agenda-association { background: #8428da; }

/* > Actu/agenda */
.tpl-recherche-globale .thematique-profil { font-family: 'Ubuntu', sans-serif; }
.tpl-recherche-globale .thematique-global { color: #8428da; }
.tpl-recherche-globale .field-name-field-dates-evenement,
.tpl-recherche-globale .field-name-field-lieu-actu {
    font-family: 'Ubuntu', sans-serif;
    font-size: 0.667em;
    line-height: normal;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 5px;
}
.tpl-recherche-globale .field-name-field-dates-evenement .field-item {
    display: inline;
    /*margin-right: 10px;*/
}
.tpl-recherche-globale .field-name-field-lieu-actu::before {
    content: "\f041";
    font-family: 'FontAwesome';
    font-weight: normal;
    float: left;
    margin-right: 8px;
}

/* > Publication */
.tpl-recherche-globale .field-name-field-categorie-magazine {
    display: inline-block;
    margin-left: 10px;
    color: #c63535;
}
.tpl-recherche-globale .field-name-field-magazine a,
.tpl-recherche-globale .field-name-field-calameo a {
    position: relative;
    font-size: 0.778em; /* 14px */
    line-height: 1.429em; /* 20px */
    color: #cd3d36;
    font-weight: 500;
    border: 1px solid #cd3d36;
    background: #fff;
    padding: 9px 20px;
    text-decoration: none;
    border-radius: 3px;
    margin: 5px 0;
    display: inline-block;
    max-width: 300px;
}
.tpl-recherche-globale .field-name-field-magazine img { display: none; }
.tpl-recherche-globale .field-name-field-magazine a::before {
    content: "\f1c1";
    font-family: 'FontAwesome';
    margin-right: 3px;
    display: inline-block;
}
.tpl-recherche-globale .field-name-field-calameo a::before {
    content: "\f02d";
    font-family: 'FontAwesome';
    margin-right: 3px;
    display: inline-block;
}

/* Page type */
.tpl-recherche-globale .field-name-field-tags {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
    font-size: 0.778em; /* 14px */
    line-height: 1em; /* 14px */
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #c63535;
    margin-top: 11px;
}
.tpl-recherche-globale .thematique-profil .field-items { display: inline; }
.tpl-recherche-globale .field-name-field-tags .field-item {
    display: inline-block;
    position: relative;
}
.tpl-recherche-globale .field-name-field-tags .field-item::before {
    content: "/";
    font-weight: normal;
    padding: 0 7px;
}
.tpl-recherche-globale .field-name-field-thematiques .field-item:not(:first-child)::before { padding: 0 7px; }
.tpl-recherche-globale .field-name-field-tags .field-item:first-child::before { content: none; }
.tpl-recherche-globale .field-name-field-thematiques .field-item { color: #8428da; }

/* Association */
.tpl-recherche-globale .field-name-field-categorie-association {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
    font-size: 0.778em; /* 14px */
    line-height: 1em; /* 14px */
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #c63535;
    margin-top: 11px;
    margin-left: 10px;
    display: inline-block;
}
.tpl-recherche-globale .asso-page,
.tpl-recherche-globale .link-to-gmap,
.hidden-telephone {
    position: relative;
    font-size: 0.778em; /* 14px */
    line-height: 1.429em; /* 20px */
    color: #cd3d36;
    font-weight: 500;
    border: 1px solid #cd3d36;
    background: #fff;
    padding: 9px 20px;
    text-decoration: none;
    border-radius: 3px;
    display: inline-block;
    margin: 10px 10px 0 0;
    float: left;
}
.hidden-telephone { cursor: pointer; }
.hidden-telephone > div > span::before {
    content: "\f095";
    font-family: 'FontAwesome';
    margin-right: 4px;
    display: inline-block;
}
.hidden-telephone .clic-to-see {
    display: none;
    position: absolute;
    top: -1px;
    right: -146px;
    padding: 10px 15px;
    box-sizing: border-box;
    background: #cd3d36;
    color: #fff;
}
.hidden-telephone .clic-to-see::before {
     border-right: 6px solid #cd3d36;
    border-left: 6px solid transparent;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    content: " ";
    display: block;
    left: -11px;
    position: absolute;
    text-align: left;
    top: 15px;
}
.hidden-telephone .clic-to-see >  a { color: #fff; }
.tpl-recherche-globale .asso-page:hover,
.tpl-recherche-globale .link-to-gmap:hover{
    opacity: 0.8;
    cursor: pointer;
    text-decoration: none;
    transition: all 300ms ease-in;
}
/* > Clic to see tel popin default*/
.tpl-recherche-globale .hidden-telephone .field-name-field-telephone-elu,
.tpl-recherche-globale .hidden-telephone .field-name-field-telephone
 {
    font-size: inherit;
    border: 0;
    padding: 0;
    margin: 0;
    position: static;
}
.tpl-recherche-globale .hidden-telephone .field-name-field-telephone-elu::before,
.tpl-recherche-globale .hidden-telephone .field-name-field-telephone::before { display: none;}
.tpl-recherche-globale .asso-page::before {
    content: "\f0c6";
    font-family: 'FontAwesome';
    margin-right: 4px;
    display: inline-block;
}
.tpl-recherche-globale .link-to-gmap::before {
    content: "\f041";
    font-family: 'FontAwesome';
    margin-right: 4px;
    display: inline-block;
}

.tpl-recherche-globale .field-name-field-localisation {
    font-family: 'Ubuntu', sans-serif;
    font-size: 0.667em;
    line-height: normal;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 5px;
}
.tpl-recherche-globale .field-name-field-localisation div { display: inline-block; }
.tpl-recherche-globale .field-name-field-localisation .field-item > div + div { margin-left: 8px; }
.tpl-recherche-globale .field-name-body p:last-child { margin-bottom: 0; }
.tpl-recherche-globale .field-name-field-accroche { overflow: hidden;}
/* > Annuaire */
.tpl-recherche-globale .field-type-addressfield,
.tpl-recherche-globale .field-name-field-e-mail-elu {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
    color: #000;
    font-size: 0.667em;
    letter-spacing: 0.2em;
    line-height: 13px;
    margin: 10px 0;
}
.tpl-recherche-globale .field-name-field-site-web-annuaire,
.tpl-recherche-globale .field-name-field-e-mail { margin: 10px 0; }
.tpl-recherche-globale .field-type-addressfield .field-item div {
    display: inline;
    margin-right: 3px;
}
.tpl-recherche-globale .field-type-addressfield .field-item::before {
    content: "\f041";
    font-family: 'FontAwesome';
    font-weight: normal;
    float: left;
    margin-right: 8px;
}
.tpl-recherche-globale .field-name-field-e-mail .field-item::before,
.tpl-recherche-globale .field-name-field-e-mail-elu .field-item::before {
    content: "\f003";
    font-family: 'FontAwesome';
    font-weight: 400;
    margin-right: 3px;
    display: inline-block;
}
.tpl-recherche-globale .field-name-field-fct { margin-bottom: 10px; }
.tpl-recherche-globale .field-name-field-e-mail-elu { margin-bottom: 10px; }
.tpl-recherche-globale .annuaire-page,
.tpl-recherche-globale .link-to-gmap,
.tpl-recherche-globale .field-name-field-telephone,
.tpl-recherche-globale .field-name-field-telephone-elu {
    position: relative;
    font-size: 0.778em; /* 14px */
    line-height: 1.429em; /* 20px */
    color: #cd3d36;
    font-weight: 500;
    border: 1px solid #cd3d36;
    background: #fff;
    padding: 9px 20px;
    text-decoration: none;
    border-radius: 3px;
    display: inline-block;
    margin: 10px 10px 0 0;
    letter-spacing: 0;
    font-family: 'Work Sans', sans-serif;
    float: left;
}

.tpl-recherche-globale .annuaire-page:hover,
.tpl-recherche-globale .link-to-gmap:hover{
    opacity: 0.8;
    cursor: pointer;
    text-decoration: none;
    transition: all 300ms ease-in;
}
.tpl-recherche-globale .annuaire-page::before {
    content: "\f0c6";
    font-family: 'FontAwesome';
    margin-right: 4px;
    display: inline-block;
}
.tpl-recherche-globale .node-annuaire-des-elus .annuaire-page::before { content: "\f007"; }
.tpl-recherche-globale .link-to-gmap::before {
    content: "\f041";
    font-family: 'FontAwesome';
    margin-right: 4px;
    display: inline-block;
}
.tpl-recherche-globale .field-name-field-telephone::before,
.tpl-recherche-globale .field-name-field-telephone-elu::before {
    content: "\f095";
    font-family: 'FontAwesome';
    margin-right: 4px;
    display: inline-block;
}
.tpl-recherche-globale .group-nom-prenom {
    color: #1b1b1b;
    display: block;
    font-family: "Ubuntu",sans-serif;
    font-size: 1.667em;
    margin-bottom: 10px;
}
.tpl-recherche-globale .group-nom-prenom div { display: inline; }
.tpl-recherche-globale .group-nom-prenom > div { margin-right: 5px; }

/* > Actu & agenda */
.tpl-recherche-globale  .field-name-field-accroche-actu { overflow: hidden; }
.tpl-recherche-globale .node-actualite-agenda span[class*="date-display-"] {color: #000;}
.tpl-recherche-globale .node-actualite-agenda .date-display-range {
    color: #fff;
}
/* >> Actu & agenda "le du" date */

.tpl-recherche-globale .node-actualite-agenda span.date-display-single::before {
    content: "Le";
}

.tpl-recherche-globale .node-actualite-agenda span.date-display-start::before {
    content: "Du";
}
.tpl-recherche-globale .node-actualite-agenda span.date-display-end::before {
    content: "Au";
}
.tpl-recherche-globale .node-actualite-agenda span[class*="date-display-"]::before {
    font-weight: 100;
    display: inline-block;
    margin-right: 6px;
}

/* > Agenda association */
.tpl-recherche-globale .visuel-global { margin: 0; }
.tpl-recherche-globale .field-name-field-visuel-asso img {
    width: 100%;
    float: none;
    padding: 0;
    border: 0;
    margin: 0;
}
.tpl-recherche-globale .field-name-field-date-evenement,
.tpl-recherche-globale .field-name-field-lieu-asso {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
    color: #000;
    font-size: 0.667em;
    letter-spacing: 0.2em;
    line-height: 13px;
    margin-bottom: 7px;
    overflow: hidden;
}
.tpl-recherche-globale .field-name-field-accroche-asso {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 400;
    margin: 0;
    overflow: hidden;
}
.tpl-recherche-globale .node-agenda-association .field-name-field-date-evenement {
    margin-top: 0;
}
.tpl-recherche-globale .group-boutons { margin-left: 25.5% ; }

#block-lang-dropdown-language-content,
.role-association-connected .form-item.form-type-select.form-item-field-localisation-und-0-country,
.role-association-connected .form-item.form-type-select.form-item-field-adresse-assoc-und-0-country,
.role-association-connected .filter-wrapper.form-wrapper,
.role-association-connected .field-edit-link,
.role-association-connected .tabs-primary,
.page-user-password .tabs-primary ,
.role-association-connected .field-edit-link
.role-association-connected .tabs-primary,
.page-user .tabs-primary,
.geofield-gmap-marker,
.geofield-gmap-center { display:none ; }

/* > Article */
.tpl-recherche-globale .field-facet-type.page-type  + .profil-global {
    display: inline-block;
    margin-left: 10px;
}
/* > Annuaire */

/* > Info + type documant elements utiles */
.tpl-recherche-globale .node-elements-utiles .field-name-field-tags{
    display: inline-block;
    margin-left: 10px;
}

/* ===================================================================
 * > ENQUETE
 * =================================================================*/
.node-sondage {
    background: #f1f1f1;
    padding: 20px 30px;
}
.node-sondage .form-item {
    margin-bottom: 5px;
    display: block;
}
.block-narbonne-enquete .text { line-height: 20px; }
.block-narbonne-enquete .bar {
    background: #e9e9e9;
    height: 25px;
    margin: 3px 0 0;
}
.block-narbonne-enquete .foreground {
    background-color: #0072b6;
    float: left;
    height: 25px;
}
.block-narbonne-enquete .percent {
    font-size: 0.834em;
    font-style: italic;
    font-weight: 300;
    text-align: right;
}

/* ===================================================================
 * > AGENDA ASSO
 * =================================================================*/
.page-agenda-de-mon-assocation .actions {
    padding: 30px 0 0 0;
}

/* ===================================================================
 * > PLAN INTERACTIF
 * =================================================================*/
/* Recherche et facettes */
#catalog-narbonne-mapping {
    background: #131313;
    color: #fff;
    padding: 5px 5px 0;
    width: 27%;
    float: left;
    box-sizing: border-box;
    height: 100%;
    overflow-y: auto;
}
#catalog-narbonne-mapping .btn-fermer {
    font-family: 'Ubuntu', sans-serif;
    font-weight: bold;
    font-size: 0.667em;
    position: relative;
    margin: 2px 0 0 9px;
    curseur: pointer;
    display: inline-block;
}
#catalog-narbonne-mapping .btn-fermer::before {
    content: url(../images/btn-fermer.png);
    margin-right: 10px;
    position: relative;
    top: 3px;
}
#catalog-narbonne-mapping .btn-fermer:hover {
    cursor: pointer;
    opacity: 0.8;
    transition: opacity 300ms ease-in;
}
#catalog-narbonne-mapping .vues {
    float: right;
}
#catalog-narbonne-mapping .vues span {
    background: #9a9a9a;
    border-radius: 3px;
    width: 40px;
    height: 40px;
    text-align: center;
    display: inline-block;
    position: relative;
}
#catalog-narbonne-mapping .vues span::after {
    content: "";
    background: url(../images/sprites-vues.png) no-repeat 0 0;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
}
#catalog-narbonne-mapping .vues .actif {
    background-color: #fff;
}
#catalog-narbonne-mapping .vues .vue-plan::after {
    background-position: -28px -27px;
    width: 17px;
    height: 33px;
    margin: -16.5px 0 0 -8.5px;
}
#catalog-narbonne-mapping .vues .vue-plan.actif::after {
    background-position: 0 -27px;
}
#catalog-narbonne-mapping .vues .vue-liste::after {
    background-position: -28px 0;
    width: 23px;
    height: 20px;
    margin: -10px 0 0 -11.5px;
}
#catalog-narbonne-mapping .vues .vue-liste.actif::after {
    background-position: 0 0;
}
#catalog-narbonne-mapping .vues span:not(.actif):hover {
    cursor: pointer;
    opacity: 0.8;
    transition: opacity 300ms ease-in;
}
#catalog-narbonne-mapping .logo {
    margin: 7px 0 38px;
    text-align: center;
    clear: both;
}
#catalog-narbonne-mapping .search-catalog {
    clear: both;
}
#catalog-narbonne-mapping .btn-show-recherche,
#catalog-narbonne-mapping .field label,
#catalog-narbonne-mapping .btn-hide-recherche {
    display: none;
}
#catalog-narbonne-mapping .field {
    margin-bottom: 40px;
    text-align: center;
}
#catalog-narbonne-mapping .field input {
    color: #131313;
    padding: 19px 10px 19px 30px;
    border-radius: 3px 0 0 3px;
    border: none;
    width: 70%;
    max-width: 249px;
    box-sizing: border-box;
}
#catalog-narbonne-mapping .field .input-submit {
    background: url(../images/btn-filters.png) no-repeat center center #0076bd;
    border-radius: 0 3px 3px 0;
    text-indent: -9999px;
    overflow: hidden;
    width: 60px;
    height: 60px;
    border: none;
    margin-left: -7px;
}
#catalog-narbonne-mapping .filtres {
    background: #1f1f1f;
    margin: 0 -5px;
    padding: 15px 16px 42px;
}
#catalog-narbonne-mapping .filterN1 {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.667em;
    letter-spacing: 0.2em;
    line-height: normal;
    padding: 6px 0;
}
#catalog-narbonne-mapping .filterN1 > label {
    position: relative;
    display: block;
    padding: 6px 15px 6px 25px;
}
#catalog-narbonne-mapping .filterN1 > label:hover {
    cursor: pointer;
}
#catalog-narbonne-mapping .filterN1 label img {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
/*
#catalog-narbonne-mapping .filterN1 > label::before {
    content: "";
    background-image: url(../images/plan-interactif/sprites-facettes.png);
    background-repeat: no-repeat;
    background-color: transparent;
    display: inline-block;
    vertical-align: middle;
}
.filterN1 label.filtre-6::before {
    background-position: 0 0;
    width: 14px;
    height: 11px;
    margin-right: 11px;
}
.filterN1 label.filtre-30::before {
    background-position: -19px 0;
    width: 14px;
    height: 14px;
    margin-right: 11px;
}
.filterN1 label.filtre-33::before {
    background-position: -38px 0;
    width: 10px;
    height: 15px;
    margin-right: 15px;
}
.filterN1 label.filtre-40::before {
    background-position: -53px 0;
    width: 16px;
    height: 16px;
    margin-right: 9px;
}
.filterN1 label.filtre-47::before {
    background-position: -74px 0;
    width: 16px;
    height: 16px;
    margin-right: 9px;
}
.filterN1 label::before {
    background-position: 0 0;
}
.filterN1 label.filtre-55::before {
    background-position: -112px 0;
    width: 17px;
    height: 10px;
    margin-right: 8px;
}
.filterN1 label.filtre-60::before {
    background-position: -135px 0;
    width: 12px;
    height: 15px;
    margin-right: 13px;
}
.filterN1.vie-associative::before {
    background-position: 0 0;
}
.filterN1.vie-economique::before {
    background-position: 0 0;
}
.filterN1.urbanisme-logement::before {
    background-position: 0 0;
}
*/
#catalog-narbonne-mapping .filterN1 > label::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 6px 0 6px;
    border-color: #007bff transparent transparent transparent;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
#catalog-narbonne-mapping .filterN1 > label.closed::after {
    border-width: 6px 0 6px 5px;
    border-color: transparent transparent transparent #0077be;
}
#catalog-narbonne-mapping .filtresN2 {
    display: none;
    margin: 0 0 0 25px;
}
#catalog-narbonne-mapping .filterN2 {
    padding: 4px 0;
}
#catalog-narbonne-mapping .filterN2 label {
    font-family: 'Work Sans', sans-serif;
    font-weight: 300;
    text-transform: none;
    position: relative;
    letter-spacing: 0;
}
#catalog-narbonne-mapping .filterN2 input[type="checkbox"] { display: none; }
#catalog-narbonne-mapping .filterN2 input[type="checkbox"] + label::before {
    content: "";
    background: #fff;
    height: 19px;
    width: 19px;
    border: 1px solid #cdcdcd;
    border-radius: 3px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin-right: 10px;
    transition: all 300ms ease-in;
}
#catalog-narbonne-mapping .filterN2 input:checked + label::before {
    background: #cd3d36;
    border-color: #cd3d36;
}
#catalog-narbonne-mapping .filterN2 input[type="checkbox"] + label::after {
    content: "";
    font-family: 'FontAwesome';
    font-size: 1.417em;
    position: absolute;
    left: 2px;
    top: 0;
}
#catalog-narbonne-mapping .filterN2 input:checked + label::after {
    content: "\f00c";
    color: #fff;
}

/* Liste */
#catalog_narbonne_mapping_results {
    width: 73%;
    height: 100%;
    display: inline-block;
    overflow-y: auto;
}
#catalog_narbonne_mapping_results .wrap-result {
    display: none;
    background: #fff;
}
.list-mapping .item {
    padding: 30px;
}
.list-mapping .item:not(first-child) {
    border-top: 1px solid #dadada;
}
.list-mapping .field-type {
    font-family: 'Ubuntu', sans-serif;
    color: #fff;
    font-size: 0.778em;
    font-weight: 700;
    line-height: 16px;
    text-transform: uppercase;
    padding: 1px 3px 2px 5px;
    letter-spacing: 0.2em;
    display: inline-block;
    border-radius: 3px;
    background: #0077be;
    margin-bottom: 8px;
}
.list-mapping .field-visuel {
    width: 21.2%;
    float: left;
    padding-right: 30px;
    box-sizing: border-box;
}
.list-mapping .field-visuel img {
    border: 1px solid #d9d9d9;
}
.list-mapping .field-visuel + .field-infos {
    width: 78.8%;
    display: inline-block;
}
.list-mapping .field-titre {
    color: #1b1b1b;
    font-size: 1.667em; /* 30px */
    font-family: 'Ubuntu', sans-serif;
}
.list-mapping .field-adresse,
.list-mapping .field-email,
.list-mapping .field-website {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
    color: #000;
    font-size: 0.667em;
    letter-spacing: 0.2em;
    line-height: 13px;
    margin: 15px 0;
}
.list-mapping .field-adresse::before,
.list-mapping .field-email::before,
.list-mapping .field-website::before {
    font-family: 'FontAwesome';
    font-weight: normal;
    float: left;
    margin-right: 8px;
}
.list-mapping .field-adresse::before {
    content: "\f041";
}
.list-mapping .field-email::before {
    content: "\f003";
}
.list-mapping .field-website::before {
    content: "\f054";
}
.list-mapping .actions { margin-top: 25px; }
.list-mapping .actions a { margin-right: 5px; color: #cd3d36; }
.list-mapping .actions a:hover { text-decoration: none; }
.list-mapping .hidden-telephone {
    float: none;
    margin-top: 0;
}

/* > Map */
.wrap-map {
    background: #e5e3df url(../images/ajax-loader.gif) no-repeat center center;
    /*#@todo: ebug de la carto*/
    position: absolute!important;
    width: 73%!important;
    top: 0;
    right: 0;
}
.wrap-map .gm-style,
.wrap-map .gm-style-iw {
    font-family: 'Work Sans', sans-serif;
    font-size: 1em;
    line-height: normal;
}
.wrap-map .gm-style-iw {
   max-width: 300px;
}
.wrap-map .titre-lieu {
    font-family: 'Ubuntu', sans-serif;
    font-weight: bold;
    font-size: 1.334em;
}
.wrap-map p {
    margin: 10px 0 15px;
}
.wrap-map .bouton-bleu {
    min-width: 166px;
    box-sizing: border-box;
}
/* Map fetures */
.overlay-narbonne-mapping {
    z-index: 2;
    position: fixed;
    right: 0;
    top: 48%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.overlay-bouton-narbonne-mapping {
    background-position: 50%;
    height: 230px;
    width: 40px;
    background-image: url('../images/plan_interactif.png');
    background-repeat: no-repeat;
    background-color: #fff;
    border-radius: 3px 0 0 3px;
    background-size: 40%;
    box-shadow: 0px 0px 6px #d3d3d3;
}
.overlay-bouton-narbonne-mapping:hover {
    cursor: pointer;
    opacity: 0.8;
    transition: opacity 300ms ease-in;
}
/* > map close  */
#block-narbonne-mapping-narbonne-mapping-block {
    background: #fff;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 100%;
    margin-bottom: 0;
    display: none;
    z-index: 1000;
}
.field_reset {
    display: none;
}
.field_reset a {
    color: #ffffff;
}

/* ===================================================================
 * COOKIE CNIL
 * =================================================================*/
#cccwr .ccc-widget {
    position: fixed;
    right: 0;
    z-index: 9999;
    width: 30%;
    bottom: 0;
    left: initial;
    opacity: 0.8;
}
#cccwr.ccc-dark #ccc-state .ccc-outer {
    background: #121212;
    border: none;
    border-radius: 0;
    color: #fff;
    left: 0;
    width: 100%;
}
#cccwr.ccc-dark .ccc-inner h2 {
    display: none;
}
#cccwr .ccc-triangle,
#cccwr .ccc-about,
#cccwr .ccc-expand {
    display: none!important;
}
#cccwr .ccc-close {
    top: 10px;
    position: absolute;
}
#cccwr .ccc-intro {
    padding: 10px;
    font-size: 1.3em;
    color: #b4b4b4;
    padding-right: 20px;
}
#cccwr .ccc-inner .ccc-accept {
    background-color: #0074b9;
    border: none;
    width: 100px;
    margin: auto;
    line-height: 2em;
}

/* ===================================================================
 * CARD HANDICAP
 * =================================================================*/
#footer .card-handicap {
  width: 320px;
  padding: 10px;
  gap: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  font-family: "Ubuntu", sans-serif;
  background-color: #ffffff;
  -webkit-box-shadow: 1px 1px 5px 0 #00000038;
  box-shadow: 1px 1px 5px 0 #00000038;
}
#footer .card-handicap:hover u, #footer .card-handicap:focus u {
  text-decoration: none;
}
#footer .card-handicap p {
  margin: 0;
  text-align: center;
}
#footer .card-handicap p strong {
  font-size: 18px;
  color: #ff6600;
  letter-spacing: 0;
  margin: 0;
}
#footer .card-handicap img {
  max-width: 100%;
}
#footer .card-handicap a {
  text-decoration: none;
  color: #000;
}
#footer .card-handicap a:hover {
  text-decoration: none;
}
#footer .card-handicap__left img {
  width: 76px;
}
#footer .card-handicap__right {
  -ms-flex-negative: 1;
  flex-shrink: 1;
}
#footer .card-handicap__right p + p {
  margin-bottom: 10px;
}
#footer .card-handicap__logos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 10px;
}
#footer .card-handicap__logos img {
  width: 40px;
}
#footer .card-handicap__call {
  font-size: 16px;
}
#footer .card-handicap__call:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
@media (max-width: 767px) {
  #footer .card-handicap__wrap {
    width: 100vw;
    display: flex;
    justify-content: center;
    transform: translateX(-31.5%);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  #footer .card-handicap__wrap {
    margin-left: -28%;
  }
}