Lieux – Sortir à Niort

Caf’conc’ / Bars

L'Alternateur

l-alternateur

L’Alternateur

Bar des cultures locales et alternatives Place Denfert Rochereau, proche de la place Chanzy
05 49 09 11 68
L’Alternateur est un nouveau concept de bar sur Niort visant à favoriser l’expression locale artistique et culturelle. L’idée de ce projet, regrouper les associations, les acteurs et les animateurs locaux pour leur offrir un lieu d’expression régulier. Piloté par quatre trentenaires convaincus qu’il y a de l’espace pour un autre espace. D’expression. De réflexion. De passion. De déraison. De bar. De restaurant. De scène. De rock. De reggae. De pop. De rap. De musette. De toutes. De tous. Pour tous.

Aller sur le site

Le 11 Bis

11bis-niort

11 Bis

Quai Constradt, face au parking du Moulin du milieu
05 49 17 31 14
Horaires : du lundi au dimanche de 16h à 2h
Bar lounge où il est très agréable de boire un verre aussi bien l’après-midi qu’à la tombée de la nuit. Leurs soirées sont aussi originales que déjantées grâce à la diversité des thèmes proposés : soirées moustaches, goûters d’après-midi, djs, soirées déguisées… Il est possible de danser au rez de chaussée et de profiter des grandes méridiennes sous la terrasse couverte (ou non) à l’étage. En quelques années, le 11 bis a su se démarquer et offrir un lieu de qualité où tout le monde a plaisir de s’y retrouver.

L'Arrosoir

l arrosoir niort

L’Arrosoir

13 rue Brisson
05 49 35 87 55
Horaires : lundi et mardi de 9 à 16h et du jeudi au samedi de 9h à 2h
Ambiance vintage et conviviale assurée à l’Arrosoir grâce à une déco stylée et très orientée « accessoires des années 60 ». Vous serez séduits par les gérantes et leurs plats faits maison issus des produits frais du marché qui peuvent être dégustés en terrasse. Des concerts live, soirées à thème avec djs ou encore soirées « burger party » sont souvent organisées. PS : goûtez au « pineaujito » star de la maison.

Le Bistroquet

le-bistroquet-niort

Le Bistroquet

4 et 6 rue du Rabot
05 49 24 54 71

Un lieu convivial et accueillant pour tous les amateurs de tapas et de bon crus. Une sélection faite par Sandy qui vous aidera avec plaisir à faire votre choix et vous fera découvrir l’histoire de sa sélection. Le tout à déguster en admirant les expositions ou bien, juste pour vous retrouver entre amis. Des concerts sont organisés certains soirs.

Le Vintage

le-vintage-bar-niort

Le Vintage

9 rue Baugier face au Chamboul’tout
05 49 32 01 56
Horaires : Mercredi au dimanche de 17h à 02h
Adresse sympa pour se retrouver entre amis dans une ambiance cosy et conviviale. Cocktails et mises en bouches qui s’apprécient aussi bien sur les canapés ou en terrasse. Ce bar organise souvent des concerts live ou des soirées à thèmes comme des soirées déguisées ou disco.

Le Chamboul'Tou

L'Entr'acte

l-entracte-niort

L’Entr’Acte

9 Boulevard Main, à côté du Moulin du Roc
05 49 26 31 07
Horaires : mardi et mercredi de 11h à 00h et du jeudi au samedi de 11h à 2h
Cadre sympa face aux jardins du CAC où les concerts des jeudis niortais ont lieu durant l’été. Ce cadre verdoyant est aussi propice à la détente qu’à la fête lors des soirées concerts qui y sont organisées. L’ambiance y est rock, jazz, soul, funk, salsa ou encore chansons françaises.

Le St Gelais

V&B

vandb-niort

V & B

17 rue Jean Couzinet (zone Mendes France, proche du magasin Gifi)
05 49 24 04 98
Horaires : lundi de 15h à 20h, mardi, mercredi et samedi : de 10h à 20h et jeudi et vendredi : de 10h à 21h
Un lieu convivial pour se retrouver entre collègues, entre amis, pour partager un moment agréable autour d’un verre sirupeux de raisin délicat ou d’un peu d’orge brassé dans une maison de renom ! Vous y trouverez des saveurs exotiques qui pourraient réveiller en vous des envies de voyages, ainsi que de nombreux autres elyxirs. N’oubliez pas votre amie « Modération », il serait fort dommageable de se présenter ou de repartir sans elle. Bref, tout est dans le nom ! 50% Cave 50% Bar 100% VandB

Aller sur le site

L'Agape

l-agape

L’Agape Café Contemporain

365 Avenue La Rochelle, Niort
05 49 78 07 61
Horaires: lundi et mercredi de 8h à 16h, mardi et jeudi de 8h à 20h, et le vendredi de 8h à minuit.
Chaleureux et très déco, cet univers très nouveau pour Niort, accueille un fleuriste, un coiffeur, un bar à vins et bientôt une bibliothèque. On peut également y déjeuner. Un snack propose des salades et des sandwiches variés mais également des assiettes de charcuteries et de fromages à volonté.Les quatre entrepreneurs, des Vendéens et des Niortais, ont voulu créer, à l’images des villages d’autrefois, une oasis de convivialité.

La Minute Blonde

minute-blonde

La Minute Blonde

Zone commerciale de La Mude (proche d’Electro Dépôt) à Bessines
05 49 06 21 57
Horaires: lundi de 14h30 à 19h30, mardi et mercredi de 10h30 à 19h30, jeudi, vendredi et samedi de 10h30 à 20h00
La Minute Blonde, c’est une cave, mais pas n’importe laquelle. Une cave à houblon, orge, froment, seigle, et tutti quanti. Vous êtes plus houblon Tchèque ? Slovène ? On repère tout de suite les connaisseurs. Avec plus de 400 références, la Minute Blonde ravira votre soif de découverte en matière de cervoiserie !

Aller sur le site

Le Temple Bar

le-temple-bar-niort

Le Temple Bar

Esplanade de la Brèche
05 49 05 11 56
Horaires: tous les jours de 15h00 à 02h00
Ambiance pub dans une déco originale où les événements sportifs sont diffusés. Lieu très apprécié des étudiants avec des soirées étudiantes organisées le animées le jeudi de 22h à 4h. La grande terrasse est aussi très prisée pour boire en verre en profitant d’une avec vue agréable sur les jardins de La Brèche.

Aller sur le site

Les Remparts

les-remparts-niort

Les Remparts

3 Esplanade de la Brèche
05 49 24 10 33
Horaires: tous les jours de 09h00 à 02h00
Bar restaurant ambiance situé en plein cœur du centre ville sur l’incontournable place de La Brèche. Le bar dispose d’une grande terrasse en extérieure où vous pouvez goûter à un des sept cafés d’origines différentes. Vous pourrez aussi regarder les retransmissions d’évènements sportifs. La plupart des soirées étudiantes et infirmières s’y passent également le jeudi soir.

Aller sur le site

Le Magazinc

le-magazinc-niort

Le Magazinc

256 bis route de Coulonges
05 49 25 64 78
Horaires: uniquement le soir : jeudi de 18h à minuit, vendredi et samedi de 18h à 2h.
Adresse gourmande et musicale, le lieu parfait pour allier plaisir gustatif et ambiance festive. Vous pouvez y manger de bons plats cuisinés grâce à des produits frais et en profiter pour danser lors des différentes soirées à thèmes organisées. Retrouvez notamment les soirées karaoké tous les jeudis soirs à partir de 21h et des concerts quasiment tous les samedis soirs.

Aller sur le site

L'As qui court

Le One Shot

Le Kilim Bar

kilimbar

Le Kilim Bar

1 Rue Pierre Antoine Baugier
05 49 79 24 27
Horaires: Lundi – Vendredi de 07:45 à 02:00 / Samedi de 18:00 à 02:00 (ouverture 19:00 en été).
Bar à l’ambiance musicale propose des concerts (pop, rock, blues, ska ou reggae) une fois par mois, ainsi que des soirées à thèmes le vendredi (soirée mexicaine, halloween..). Des compétitions de fléchettes ont lieu régulièrement. Les étudiants, chanceux, bénéficient d’une carte de fidélité.

La Détente

Lieux publics / Autres

Hôtel de Ville

Patronage Laïque de Niort

Parc des expositions de Niort-Noron

Centre Du Guesclin

centre du guesclin

Centre Du Guesclin

Place Chanzy, 79000 Niorte
Tél. : 05 49 78 71 73 Bureau d’accueil ouvert du lundi au vendredi de 7h45 à 18h. En dehors de ce créneau et pendant les horaires d’ouverture au public du centre Du Guesclin (du lundi au vendredi de 7h45 à 22h45, le samedi de 9h à 17h15), téléphoner au 06 78 00 34 43

Implanté sur le site de l’ancien quartier militaire, le Centre Du Guesclin occupe trois bâtiments en U, appartenant à la Ville.
Le bâtiment A, qui fait face à la place Chanzy, accueille principalement des espaces de pratiques artistiques (arts visuels et danse) et des organismes de formation.
Le bâtiment B (à gauche de l’entrée principale) est entièrement réservé au Conservatoire à rayonnement départemental de danse et musique Auguste-Tolbecque, établissement contrôlé par l’Etat et rattaché à la Communauté d’agglomération du Niortais.
Le bâtiment C (à droite de l’entrée principale) abrite l’école d’arts plastiques Pablo Picasso et la médialudothèque, gérées par la Communauté d’agglomération du Niortais. Un studio de répétition musicale y a également été aménagé au rez-de-chaussée.

Aller sur le site

Les Centres Socioculturels

CSC Centre-Ville

CSC Champclairot-Champommier

CSC De Part et d'Autre

CSC Grand Nord

CSC Les Chemins Blancs

CSC Sainte-Pezenne

CSC Souché

CSC du Parc

Autres lieux

Bloom

Music Play

Salles de spectacle

L'Acclameur

acclameur

L’Acclameur

Salle de spectacle, centre d’affaires et espace sportif. Rue Charles Darwin 79000 Niort
L’Acclameur est un nouvel espace de vie et d’animation caractérisé par la richesse de son offre. Le site offre d’excellentes prestations sur le plan technique et fonctionnel – grâce à ses espaces parfaitement adaptés, des installations scéniques et acoustiques de qualité – ainsi qu’une gamme complète d’activités et services disponibles sur place.

Aller sur le site

Le Camji

camji

Le Camji

Salle de diffusion/Bar 3, rue de l’ancien musée 79000 Niort
Situé au cœur du centre ville de Niort, Le Camji est un espace dédié aux musiques actuelles depuis 2000. Il comprend une salle de diffusion, une régie video, un bar ouvert tous les soirs de concerts, un espace ressource documentaire, ainsi que 2 studios de répétition situés dans le quartier St-Florent.

Aller sur le site

LMDR

LMDR

Le Moulin du Roc

9 boulevard Main CS 18555 79025 Niort Cedex
Infos/Réservations : 05 49 77 32 32
Fondé en 1986, le Centre d’Action Culturel du Moulin Roc est composé de deux salles de spectacles. Scène nationale, il présente tout au long de l’année du théâtre, des ballets, des concerts et des films (Arts vivants comme le théâtre classique et contemporain, l’humour, le jeune public, la danse classique et contemporaine mais aussi des concerts de musique ancienne et actuelle. Ses galeries exposent des œuvres singulières (peinture, photographie…).

Aller sur le site

Espace Culturel E.Leclerc

espace culturel lecler

Espace culturel E.Leclerc

Zone Mendès France 37 Rue Jean Couzinet 79000 Niort
L’Espace culturel E.Leclerc est une salle de spectacles et d’événements qui propose au cours de l’année des événements culturels variés. Avec des artistes locaux et nationaux, de bons moments en perspective dans une salle qui peut accueillir 280 personnes assises et 950 personnes debout. Y sont déjà passés : Yelle, Miossec, Dionysos, Arno, Hushpuppies, Dub Inc, Abd Al Malik…

Aller sur le site

Théâtre Jean Richard

Musées / Lieux d’expos

Musée Bernard D'Agesci

musee bernard d agesci niort

Musée Bernard D’Agesci

28 avenue de Limoges 79000 Niort
05 49 78 72 04
Ouverture du mardi au dimanche de 10h à 18h du 1er mai au 15 septembre de 10h à 17h du 16 septembre au 30 avril
L’entrée au Donjon et au musée Bernard d’Agesci est gratuite chaque 1er dimanche du mois Le Musée Bernard d’Agesci peut se définir comme un véritable cabinet de curiosité, constitué de trois collections : la collection des Beaux Arts, celle du Museum d’Histoire Naturelle et le Conservatoire des l’Education. Agesci c’est aussi un atelier de restauration d’œuvres, des expositions, des animations. Agesci, un musée qui vit.

Aller sur le site

CACP - Villa Pérochon

CACP – Villa Pérochon

64, rue Paul-François Proust 79000 Niort Du mardi au samedi de 13h30 à 18h30 – Entrée gratuite
LaVilla Pérochon est le Centre d’Art Contemporain Photographique de Niort. Expositions, résidence d’artistes, stages, workshop, soutiens aux projets.. Mais surtout, les Rencontres de la jeune photographie internationale, clé de voûte de son programme annuel. Ainsi, le CACP permet au public mais aussi aux artistes en résidence de découvrir et de surprendre. C’est le lieu des échanges, des expérimentations, des confrontations intergénérationnelles.

Aller sur le site

Le Pilori

pilori

Le Pilori

Place du Pilori, 79000 Niort
05 49 28 51 73

Le Pilori accueille des expositions d’artistes contemporains qui ont fait le choix de créer à titre professionnel. La programmation est concertée entre la Ville et des représentants du secteur des arts visuels niortais Artistes de garde, le Centre d’art contemporain photographique Villa Pérochon et Winterlong Galerie.

Aller sur le site

Donjon

donjon niort agglomeration de niort

Donjon

Rue du Guesclin, 79000 Niort
05 49 28 14 28
Ouvert du mardi au dimanche
De 10h à 12h30 et de 14h à 17h (16 sept. – 30 avril)
De 10h à 12h30 et de 14h à 18h (1er mai – 15 sept.)
L’entrée au Donjon et au musée Bernard d’Agesci est gratuite chaque 1er dimanche du mois. L’exposition permanente « Donjon, 1000 ans d’Histoire » vous accueille à Niort. Les collections archéologiques des musées de la Communauté d’Agglomération du Niortais connaissent un regain de vitalité.

Aller sur le site

Apivia

apivia mutuelle ville de niort

Apivia

13 Rue de l’Hôtel de Ville, 79000 Niort
09 70 82 08 88
Ouvert du lundi au samedi
du lundi au jeudi : 9h-18h
vendredi : 9h-17h
samedi : 9h30-12h30
“Nos agences de Niort et de Saintes disposent chacune d’un espace consacré à l’exposition d’œuvres d’artistes du Poitou-Charentes et régions limitrophes, que nous nous attachons à soutenir dans une démarche d’aide au développement et à l’accessibilité de la vie culturelle…”

Aller sur le site

Lieux sportifs

Stade René-Gaillard

Stade Espinassou

La patinoire

Complexe sportif Henri Barbusse

Salles de diffusion / Ciné

Méga CGR

LMDR

LMDR

Le Moulin du Roc

9 boulevard Main CS 18555 79025 Niort Cedex
Infos/Réservations : 05 49 77 32 32
Côté cinéma, le Moulin du Roc propose une programmation à la fois qualitative et attractive animations pédagogiques pour les collégiens, la Fête du Cinéma…
Cinéma intégré au Centre Municipal d’Action Culturelle François Mitterand 2 salles classées Art et essai, et recherche Son dolby digital. Accessible aux personnes handicapées.

Aller sur le site

Global

All posts

This post

/* VARIABLES */
@bleu: #3FE4F4;
@gris-fonce: #333333;
/* fonts */
@slabo: 'Slabo 27px', serif;
@droid: 'Droid Serif', serif;
@raleway: 'Raleway', sans-serif;
@yellowtail: 'Yellowtail', cursive;
@montserrat: 'Montserrat', sans-serif;
@opensans: 'Open Sans', sans-serif;
.text-center {
    text-align: center!important;
}
#content {
    /*border: 20px solid #3FE4F4;
    border-top: 20px solid #16BDCD;*/
}
body {
    color: #000;
    h1, h2, h3, h4, h5, h6 {
        font-family: @montserrat!important;
    }
    font-family: @montserrat!important;
    p {
        color: #000;
        font-family: @opensans!important;
        font-weight: 400;
    }
    a{
        &:hover {
            text-decoration: none!important;
        }
    }
    .btn {
        text-shadow: none;
        box-shadow: none;
    }
}
blockquote {
    clear: both;
    margin: 20px 0;
    padding: 1em;
    background: #f7f7f7;
    border-left: 2px solid @bleu;
    line-height: 1.2;
}
input[type=reset],
input[type=submit],
input[type=submit],
.nav-links a:hover,
.btn-theme-primary,
.btn-theme-primary-outline:hover,
.card-theme-primary,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce button.button.alt {
    border-radius: 2em!important;
}
a.um-button.um-alt {
    border-radius: 2em!important;
}
/*CONTENT */
#page {
    background: #fff;
    #main-content, #content-inside {
        background: #fff;
        /*border-left: 5px solid #000;
        border-right: 5px solid #000;*/
    }
}

/* MENU PRINCIPAL */
.site-header {
    border-bottom: 5px solid #eaeaea;
}
.onepress-menu {
    a {
        color: #000;
        font-weight: 600;
    }
}
@media screen and (min-width: 1141px){
    .onepress-menu ul.sub-menu {
        border: 5px solid #eaeaea;
        li {
            line-height:1.9em;
            border: none;
            a {
                border-top: 0;
                padding: 10px 20px;
                color: #000;
                font-size: 0.8em;
                text-transform: uppercase;
                background: #ffffff;
                letter-spacing: 0;
                &:hover {
                    color: @bleu;
                    background: #1f1f1f;
                }
            }
        }
    }
}
span.byline {
    display: none;
}
#main-content h1 {
    text-align: center;
    text-transform: uppercase;
    padding: 60px 0 10px 0;
    letter-spacing: 2px;
}
.page-header {
    padding: 60px 0px;
    border: none;
    background-color: #333333;
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#30e8f2+0,ef3e85+80 */
    background: rgb(48,232,242); /* Old browsers */
    background: -moz-linear-gradient(45deg,  rgba(48,232,242,1) 0%, rgba(0,0,255,1) 80%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg,  rgba(48,232,242,1) 0%,rgba(0,0,255,1) 80%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg,  rgba(48,232,242,1) 0%,rgba(0,0,255,1) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30e8f2', endColorstr='#0000ff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */    background-repeat: repeat;
    background-attachment: fixed;
    /*border-right: 3vh solid transparent;
    border-top: 0vh solid #fff;
    border-bottom: 2vh solid #fff;
    border-left: 3vh solid #3FE4F4;*/
    .entry-title, .page-title{
        color: #ffffff;
        text-align: center;
        font-size: 2em;
        letter-spacing: 0.5em;
        /*text-shadow: 0 2px 13px #0B5960;
        -webkit-text-shadow: 0 2px 13px #0B5960;*/
    }
    .taxonomy-description p {
    color: #fff;
    font-weight: 300!important;
    text-align: center;
    font-family: @opensans;
    font-style: normal;
    font-size: 0.9em;
    letter-spacing: 2px;
    padding-top: 20px;
    }
}
.hero-content-style1 h2 {
    font-size: 3em;
    letter-spacing: 4px;
    font-weight: 200;
    line-height: 1em;
    margin-bottom: 30px;
    text-shadow:none;
}
.section-title-area {
    margin-bottom: 30px;
    text-align: center;
    .section-title {
        font-weight: bold;
        color: #000;
    }
}

/* CTA */
.btn-theme-primary-outline,
.mec-fes-sub-button {
    border: 2px solid @bleu;
    padding: 10px 20px;
}
.btn-secondary-outline {
    box-shadow: none;
    border: 2px solid #fff;
    color: #fff;
}
.btn, .btn-lg,
.mec-event-footer .mec-booking-button,
.mec-event-share,
.mec-fes-sub-button{
    border-radius: 2em;
    -webkit-border-radius: 2em;
    box-shadow: none;
}
.mec-map-get-direction-btn-cnt {
    padding: 0!important;
    background-color: transparent!important;
    border:none!important;
    box-shadow: none;
}
.mec-load-more-button,
.mec-event-share,
.mec-fes-sub-button{
    color: @bleu;
    border: 2px solid @bleu;
    background: #fff;
    width: auto;
    &:hover {
        color: #ffffff;
        background: @bleu;
        border: 2px solid @bleu;
    }
}
.mec-load-more-button {
    margin-bottom: 40px;
}
.mec-event-footer .mec-booking-button {
    border: 2px solid #000;
    color: #fff;
    background: #000;
    &:hover {
        background: @bleu;
        color: #fff;
        border: 2px solid @bleu;
    }
    
}
.mec-event-grid-clean .mec-booking-button {
    border-radius: 2em!important;
}

/* HOME PAGE */

.home {
    #hero {
        .hero-content-style1 p {
            font-size: 1em;
            font-weight: lighter!important;
            font-family: 'Open Sans';
        }
    }
    section#categories {
        background: url("http://sortiraniort.fr/san2016/wp-content/themes/SortiraNiort/assets/images/home-search-bg.png") repeat;
        background-attachment: fixed;
        .feature-item {
            position: relative;
            h4 {
                display: none;
            }
        }
    }
    section#agenda {
        background-color: @gris-fonce;
        /*background-image: url("http://sortiraniort.fr/san2016/wp-content/themes/SortiraNiort/assets/images/home-agenda-bg.png");*/
        background-repeat: repeat;
        background-attachment: fixed;
        background-position: bottom center;
        h2.section-title {
            color: @bleu;
        }
        .section-subtitle {
            color: #fff;
        }
        .row {
            h3 {
                display: none;
            }
        }
        .js-rotating {
            color: @bleu;
        }
    }
    section#selection {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#30e8f2+0,ef3e85+80 */
    background: rgb(48,232,242); /* Old browsers */
    background: -moz-linear-gradient(45deg,  rgba(48,232,242,1) 0%, rgba(0,0,255,1) 80%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg,  rgba(48,232,242,1) 0%,rgba(0,0,255,1) 80%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg,  rgba(48,232,242,1) 0%,rgba(0,0,255,1) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30e8f2', endColorstr='#0000ff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
        background-attachment: fixed;
        .wow {
            display: none;
        }
        .section-subtitle {
            color: #fff;
        }
        .section-title {
            color: #000;
        }
        .section-desc {
            margin-top: 10px;
        }
        .mec-event-cover-clean {
            position: relative;
            border: 0;
            padding: 8px;
            height: 300px;
            overflow: hidden;
            margin-top: 20px;
            .mec-event-content {
                color: #fff;
                position: absolute;
                bottom: 0;
                padding: 22% 1em;
                transition: all 0.5s ease-in-out;
                left: 0;
                right: 0;
                height: 100%;
                .mec-event-title {
                    color: #fff;
                    font-weight: 700;
                    margin: 1.2em 0;
                    font-size: 29px;
                    text-transform: uppercase;
                    text-shadow: none;
                    padding: 10px;
                    background: transparent;
                }

}
            .mec-event-date {
                position: absolute;
                top: 0;
                right: 0;
                color: #fff;
                width: 60px;
                padding: 14px 10px;
                z-index: 1;
            }
            .mec-event-image img {
                width: 100%;
                object-fit: cover!important;
                height: 100%;
                position: absolute;
                left: 0;
                transition: all 0.5s ease;

}
            .mec-event-overlay {
                /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+27,000000+100&0+27,0.65+100 */
                background: -moz-linear-gradient(top,  rgba(0,0,0,0) 27%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
                background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 27%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
                background: linear-gradient(to bottom,  rgba(0,0,0,0) 27%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
                -webkit-transition: all 0.5s ease;
                -moz-transition: all 0.5s ease;
                -ms-transition: all 0.5s ease;
                -o-transition: all 0.5s ease;
                transition: all 0.5s ease;

}
            &:hover {
                .mec-event-overlay {
                    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+41&0+0,0.65+41 */
                    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 41%); /* FF3.6-15 */
                    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 41%); /* Chrome10-25,Safari5.1-6 */
                    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 41%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
                    -webkit-transition: all 0.5s ease;
                    -moz-transition: all 0.5s ease;
                    -ms-transition: all 0.5s ease;
                    -o-transition: all 0.5s ease;
                    transition: all 0.5s ease;
                }
                .mec-event-title a{
                    color: @bleu!important;
                }
                .mec-event-image img {
                    -moz-transform: scale(1.05);
                    -webkit-transform: scale(1.05);
                    -o-transform: scale(1.05);
                    -ms-transform: scale(1.05);
                    transform: scale(1.05);
                    transition: all 0.5s ease;

}
                
            }
        }
    }
    
    section#bonsplans {
        .section-title {
        }
        .list-article {
            border: 0;
            padding: 1em;
            margin-bottom: 50px;
            -webkit-transition: all 0.35s ease;
            -moz-transition: all 0.35s ease;
            -ms-transition: all 0.35s ease;
            -o-transition: all 0.35s ease;
            transition: all 0.35s ease;
            &:hover {
                -webkit-transition: all 0.35s ease;
                -moz-transition: all 0.35s ease;
                -ms-transition: all 0.35s ease;
                -o-transition: all 0.35s ease;
                transition: all 0.35s ease;
                .list-article-thumb{
                    img{
                        opacity: 0.5;
                    }
                }
            }
            .list-article-thumb {
                float: none;
                margin: 0 0 10px 0;
                width: 100%;
                background: @bleu;
                overflow: hidden;
                border-radius: 0.5em;
                a {
                    img {
                    object-fit: cover;
                    height: 200px;
                    object-position: 50%;
                    width: 100%;
                    }
                }
            }
        }
        .all-news {
            margin-top: 40px;
            display: block;
            width: 280px;
            float: none;
            text-align: center;
            margin: 0 auto;
        }
    }
       .section-news .entry-title {
            font-size: 20px;
            line-height: 1.5;
        }
        .section-news .entry-excerpt p {
            font-weight: normal;
            font-family: 'Open Sans';
        }
        
    section#home-projet {
        background-image :url("https://www.sortiraniort.fr/san2016/wp-content/themes/SortiraNiort/assets/images/sortir-a-niort_city3.png");
        background-position: bottom center;
        background-attachment: scroll;
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-color: #fafafa;
        min-height: 500px;
        .section-subtitle {
            color: #fff;
            background: #000;
            padding: 5px;
        }
        .btn-theme-secondary {
            color: #fff;
            border: 1px solid #000;
            background: #000;
            
        }
        .btn-lg {
            font-size: 1em;
            margin: 10px;
            &:hover {
                color: #000;
                background: #fff;
                border: 1px solid #fff;
            }
        }
    }
    @media screen and (max-width: 768px){
        section#home-projet{
            background-image: none;
            
        }
    }
}

/* EVENT CALENDAR */
.mec-calendar .mec-event-article .mec-event-image {
    float: left;
    margin-right: 20px;
    width: 65px;
    height: auto;
    border-radius: 50%!important;
    overflow: hidden;
}
section#agenda .mec-calendar .mec-event-article .mec-event-time {
    font-size: 14px;
    line-height: 1.1;
    margin: 0;
    font-weight: bold;
}

/* EVENT-COLOR */
#mec-event-color {
    display:none;
}
/* Single Event */
body.single {
    #page {
        
    }
}
.mec-single-event {
    .mec-event-content .mec-single-title {
    margin-top: 0;
    margin-bottom: 30px;
    font-weight: 700;
    font-size: 33px;
    padding: 0 0 0 20px!important;
    border-left: 5px solid #3FE4F4;
    text-align: left!important;
    }
    .mec-event-social h3 {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    border-bottom: 0;
    width: 100%;
    display: block;
    padding: 10px;
    position: relative;
    background: #000;
    border-radius: 2em;
    }
    .mec-event-social li.mec-event-social-icon a {
        border-radius: 2em;
    }
}
.mec-single-event-date,
.mec-single-event-time,
.mec-single-event-location,
.mec-single-event-category,
.mec-single-event-label,
.mec-single-event-organizer,
.mec-events-meta-date,
.mec-event-cost,
.mec-event-website,
.mec-event-more-info {
    border: none;
    margin: 0 0 2px 0;
    padding: 10px 25px;
    /*background: #1f1f1f;*/
}
.mec-single-event-date {
}
.mec-container [class*="col-"] img {
    width: 100%;
    object-fit: cover;
    object-position: center;
    margin-top: 20px;
}
.mec-single-event .mec-wrap, #comments {
    padding-bottom: 60px;
}
#comments {
    margin-top: 60px;
}
.mec-single-event .mec-frontbox {
    /*background: #1f1f1f;*/
    padding: 20px 0!important;
    margin-bottom: 0!important;
}
.mec-single-event.mec-frontbox-title{
    border-bottom: 0px solid transparent!important;
}
ul.mec-event-sharing {
    padding-left: 0!important;
    margin: 10px 0!important;
    ul {
    padding: 0;
    }
}
.mec-single-event .mec-frontbox-title:before, .mec-single-event .mec-events-meta-group-booking form > h4:before {
display: none;
}

/* MEC Titles */
.mec-month-divider span {
    text-transform: uppercase;
    font-size: 2em;
    letter-spacing: 2px;
    font-weight: bold;
    border-bottom: none;
    width: 100%;
    display: block;
    padding-bottom: 10px;
    position: relative;
    /* background: #3FE4F4; */
    color: #3FE4F4;
    padding: 20px;
    /* border-radius: 2em; */
    border-bottom: 1px solid #3FE4F4;
    border-top: 1px solid #3FE4F4;
    &:before {
        display: none;
    }
}
/* Soumission post */
.mec-fes-form-top-actions {
    display: none;
}
#mec-tags {
    .mec-form-row button {
        font-size: 14px;
        line-height: 1.7;
        color: #fff;
        border: none;
        padding: 10px 20px;
        border-radius: 2em;
        background: #3FE4F4;
        &:hover{
            background:#000;
        }
    }
}

/* SORTIES CALENDAR */
.mec-event-grid-clean .mec-event-article {
    margin-bottom: 30px;
    position: relative;
    border: 2px solid #eaeaea;
    text-align: center;
    padding: 10px;
    background: #fff;
    box-shadow: none;
    border-radius: 3px;
    .mec-event-detail {
        line-height: 14px;
    }
    img {
        height: 150px!important;
        object-fit: cover!important;
    }
}
.mec-wrap .mec-totalcal-box i {
    float: left;
    margin: 0;
    width: 36px;
    height: 36px;
    background: transparent;
    border: 0;
    text-align: center;
    padding: 10px 0;
    font-size: 20px;
    color: #000;
    line-height: 18px;
    font-weight: 900;
}

/* Mounthly Calendar */

.mec-calendar .mec-calendar-events-side {
    padding: 20px 0;
}
.mec-calendar .mec-event-article {
    padding: 20px;
}

.mec-event-cover-modern{
    .mec-event-detail {
        padding: 40px 20px;
        position: relative;
    }
    .mec-event-title {
        font-size: 1.2em!important;
    }
}
.mec-event-grid-clean {
        .mec-event-title {
        font-size: 1.2em!important;
    }
}
.mec-single-event .mec-frontbox, .mec-single-event .mec-events-meta-group-booking {
    margin-bottom: 30px;
    padding: 20px 10px;
    background: #fff;
    border: 0;
    box-shadow: none;
    .mec-single-event-date {
        background: @bleu;
        color: #000;
        abbr, h3 {
            color: #000;
        }
    }

}
    .mec-event-meta i:before {
        color: #000!important;
    }

.mec-fes-list-top-actions a, .mec-fes-form-top-actions a {
    position: relative;
    border: 2px solid #000;
    border-radius: 3px;
    color: #000!important;
    background: #fff;
    -webkit-transition: all 0.21s ease;
    -moz-transition: all 0.21s ease;
    transition: all 0.21s ease;
    &:hover {
        background: #000;
        color: #fff!important;
        text-decoration: none;
    }
}
.mec-event-list-standard {
    .mec-event-article {
        position: relative;
        display: block;
        margin-bottom: 25px;
        border: 3px solid #eaeaea;
        box-shadow: none;
        border-radius: 3px;
    }
    .mec-col-table-c.mec-event-meta-wrap {
        padding-top: 15px;
    }
    .mec-event-footer {
        border-radius: 0 0 3px 3px;
        border:none;
    }
}
.mec-event-grid-clean{
        .mec-event-sharing-wrap {
            left: -20px;
            & > li {
                border: 1px solid #d9d9d9;
                border-radius: 50%;
            }
            .mec-event-sharing {
                left: 14px;
                top: 40px;
            }
        }
        .mec-booking-button {
            right: 0;
            border-radius: 3px;
        }
}

.mec-fes-message {
    display: none;
}
.mec-container [class*="col-"] img {
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.mec-event-content {
    .mec-single-event-description {
        p {
            color: #000;
        }
        iframe {
            width: 100%!important;
            min-height: 400px!important;
        }
        a {
            border: 2px solid @bleu;
            padding: 5px 10px;
            border-radius: 2em 2em;
            color: @bleu;
            font-weight: 800!important;
        }
    }
}

.lity-opened {
    .lity-content {
        overflow: scroll;
        max-height: 100vh;
        height: auto;
    }
}

/* EVENT COLOR */
.event-color {
    display: none!important;
}

/* ADRESS */
address.mec-events-address {
    margin-top: 0;
}

/* BLOG */
.blog, .archive, .category {
    .list-article {
        border: 3px solid #eaeaea!important;
        border-radius: 3px;
        padding: 25px 0px;
        display: flex;
        min-height: 250px;
        align-items: center;
        padding: 20px!important;
        margin-bottom: 30px;
        &:hover {
            border:3px solid #777!important;
        }
        .list-article-thumb {
        float: left;
        margin-right: 30px;
        /*width: 50%;*/
        height: 100%;
        min-height: 100%;
            img {
                height: 100%;
                /* max-width: 100%; */
                vertical-align: middle;
                object-fit: cover;
                min-height: 200px;
                max-width: 300px;
            }
        }
    }
    .nav-links a {
    background: #1f1f1f;
    color: #FFFFFF;
    padding: 12px 20px;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 2em;
    &:hover {
        background: @bleu;
    }
    }
}

.sidebar .widget .widget-title {
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 13px;
    font-weight: 700;
    text-align: center;
    background: #000;
    color: #fff;
    padding: 10px;
    border-radius: 2em;
}

/* ACF */
.acf-fields {
    display: none;
}
.category-expositions {
    .acf-fields {
        padding: 30px 30px 20px;
        border-radius: 3px;
        background: #eaeaea;
        display: block!important;
        margin: 30px 0;
        hr {
            border-top: 1px solid #fff;
        }
    }
    .entry-content a {
        border: 2px solid #3FE4F4;
        padding: 5px 10px;
        border-radius: 2em 2em;
        color: #3FE4F4;
        font-weight: 800!important;
    }
    
}

/* LIEUX */
.page-id-265 {
    .lieux-grid {
        display: inherit;
    }
    .lieux-title {
        font-weight: 100!important;
        text-transform: uppercase;
        font-size: 22px;
        color: @bleu;
    }
    h4.lieux-title {
            margin: 30px 0 20px;
            border-bottom: 0px solid;
            border-left: 2px solid #000;
            padding-left: 20px;
        }
    @media screen and (min-width: 950px) {
    .site-content {
       /* background-image: url('https://www.sortiraniort.fr/san2016/wp-content/uploads/2016/11/sortir-a-niort_bg.png');
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: auto 90vh;
        background-position: bottom left;*/
    }
}
}

/*ACCORDIONS */
.accordion {
    margin-bottom: 60px;
    .accordion-title {
        cursor: pointer;
        line-height: 0;
        font-size: 1em;
        margin: 0;
        padding: 0.25em;
        text-transform: uppercase;
        &.open {
            font-style: italic;
            padding: 1em!important;
            background: #000;
            color: #fff;
            border-radius: 3px 3px 0 0;
        }
        &:hover {
            color: @bleu;
        }
        }
    .accordion-content {
        display: block;
        padding: 20px;
        border: 3px solid #efefef;
        border-top: 0px solid transparent;
        border-radius: 3px;
        background: #fff;
        .picto-acces {
            margin-bottom: 20px;
            i {
                width: 30px;
                height: 30px;
                margin-right: 10px;
                border-radius: 3px;
                background: #efefef;
                color: #333;
                display: inline-block;
                text-align: center;
                vertical-align: middle;
                line-height: 30px;
            }
        }
        span.infos-lieux {
            background: #efefef;
            padding: 20px;
            font-size: 0.9em;
            display: flex;
            border-left: 3px solid @bleu;
            border-radius: 3px;
        }
        .readmore {
            padding:0 10px 0 0;
        }
    }
}

/* SIDEBAR */
@media screen and (min-width: 940px) {
    .right-sidebar{
        .sidebar {
        padding-left: 39px;
        border-left: 0;
        margin: 0;
        }
        .content-area {
            border: 0;
        }
    }
}
/* LOGIN */
.um-login.um-logout {
    max-width: 300px!important;
    text-align: center;
    padding: 2em;
    background: #fff;
    border: 5px solid #dadada;
    color: #000!important;
    .um-misc-ul {
        list-style: none;
        padding: 0;
        li {
            margin: 25px 0;
            a {
                color: #000;
                background: #fff;
                border: 3px solid #000;
                padding: 10px;
                border-radius: 2em;
                &:hover {
                    color: #fff;
                    background: #000;
                    
                }
            }
        }
    }
}

/* ARTICLES */
.single.single-post {
    img.wp-post-image {
        margin-bottom: 30px;
    }
    article {
        header {
            h1 {
                border-left: 5px solid @bleu;
                padding-left: 20px;
            }
        }
    }
}

/* SLIDER */
.bx-wrapper img {
    max-width: 100%;
    display: inline-block;
    object-fit: cover;
    width: 100%;
    align-items: center;
}

/* FOOTER */
.site-footer {
    background: #000;
    color: #f1f1f1;
    font-size: 14px;
    .site-info {
        font-size: 12px;
    }
    .btt a {
    border-radius: 50%;
    }
}
@media screen and (max-width: 720px){
    .blog, .archive, .category {
        .list-article {
            display: block!important;
            min-height: 250px;
        }
    }
    .section-news .list-article-thumb,
    .archive .list-article-thumb,
    .blog .list-article-thumb {
        display: none;
    }
}
@media screen and (max-width: 479px){
    .mec-container {
        width: 100%;
    }
}

Save

Write CSS OR LESS and hit save. CTRL + SPACE for auto-complete. Made by wpion.com