Sortir à Niort – Agenda culturel de la ville de Niort

Sortir à Niort
Rassemble | Partage | Informe

L'association Les Collecteurs a créé pour vous l'agenda pluri-culturel de la ville de Niort.
Retrouvez-ici gratuitement toutes les sorties, les événements et tous les bons plans !

Aller à l'agenda Proposer un événement

Sélection

Coups de coeur

Festival En Vie Urbaine #11

Association En Vie Urbaine

16

Mai

2019

Mardi d’Aline – Spécial Animaux

Aline & Compagnie

21

Mai

2019

Daniel Romano

Le Hangar

22

Mai

2019

Sortir à niort

L'agenda

Agenda

avril

mai 2019

juin

LUN.
MAR.
MER.
JEU.
VEN.
SAM.
DIM.

29
30
1
2
3
4
5

6
7
8
9
10
11
12

13
14
15
16
17
18
19

20
21
22
23
24
25
26

27
28
29
30
31
1
2

Événements pour mai

1

Niort Expo : Village Bien-être

Parc des expositions

10:00 - 18:00

Niort Expo 2019

Parc des expositions

Fête foraine de Niort

Parc des expositions

14:00 - 19:00

Smash At 79%

Continuum CyberCafé

Événements pour mai

2

Fête foraine de Niort

Parc des expositions

19:00

Soirée Karaoké

Le MagaZinc

20:30

Laissé au bord – Le Rafiot amateur

Chapiteau de la cie La Chaloupe

21:00

Soirée Karaoké

Kilim Bar

22:00

Salomon

L'Entr'Acte

Événements pour mai

3

Festival Takavoir

Divers lieux

Fête foraine de Niort

Parc des expositions

18:00

Djiklaï Trio

La Java

18:30 - 20:00

Causerie Ornitho : « L’illustration Naturaliste »

Groupe Ornithologique des Deux-Sèvres

20:00

Dream Campus

L'Entr'Acte

20:00

DJ Set Rodwell

Le MagaZinc

20:30

Laissé au bord – Le Rafiot amateur

Chapiteau de la cie La Chaloupe

21:00

Koyaanisqatsi / Ciné-concert de Cercueil

Le Camji

22:00

Paul Eika

La Bulle

Événements pour mai

4

Festival Takavoir

Divers lieux

09:30 - 13:00

Repair Café

CSC Souché

Fête foraine de Niort

Parc des expositions

15:00

Les Minuscules

CSC Les Chemins Blancs

20:30

Match d’Impro Amateur Alinéa / Pau

Salle des fêtes Ste-Pezenne

20:30

Laissé au bord – Le Rafiot amateur

Chapiteau de la cie La Chaloupe

21:30

Culture DuB Sound & Lawrence Breeze Hard

L'Alternateur

21:30

Soirée I Love Salsa

Le Prestige

22:00

Soirée spéciale anniversaire Ludo

Salle Les 3 Roses

22:00

Carpe Diem

L'Entr'Acte

Événements pour mai

5

12:00 - 18:00

Birthday Party ! – Le 5 Mai

Le 5 Mai - Bar à Vins

Fête foraine de Niort

Parc des expositions

15:00

Milonga de mai

Théâtre Jean Richard

Événements pour mai

6

20:45

Foot (L2) : Chamois Niortais FC – FC Lorient

Stade René-Gaillard

Événements pour mai

7

18:00

Soirée Mix on the container

La Java

Événements pour mai

8

Aucun événement

Événements pour mai

9

19:00

Soirée Karaoké

Le MagaZinc

20:30

Orchestre de Chambre Nouvelle-Aquitaine

Le Moulin du Roc

21:00

Soirée Karaoké

Kilim Bar

22:00

Soirée España

Le Temple Bar

Événements pour mai

10

18:00

Trio Valdes

La Java

20:30

Arsène et Coquelicot & Mamamé

Patronage Laïque

21:00

Dirty Old Mat

L'Entr'Acte

21:00

B’Aladin

Kilim Bar

22:00

Franck Bombard

La Bulle

22:00

Soirée dansante avec Virevolte

Salle des fêtes Ste-Pezenne

Événements pour mai

11

10:00 - 19:00

So Vintage – Le Salon

Parc des expositions

14:30

Carnaval brésilien

Parvis des Halles

15:00 - 17:00

Ciné-Concert par Uriel Valadeau

Musée Bernard d'Agesci

15:00

Arsène et Coquelicot & Mamamé

Patronage Laïque

20:00

Gala de fin d’année – Danse Africaine

Salle du Clou-Bouchet

20:00

Excès d’Rock #14

Le Camji

20:00

Jeff Panacloc

L'Acclameur

20:30

Soirée Funk and Go

Théâtre Jean Richard

20:30

Arsène et Coquelicot & Mamamé

Patronage Laïque

22:00

Many

L'Entr'Acte

Événements pour mai

12

09:00 - 18:00

Vide Bibliothèque

Ferme communale de Chey

09:00 - 18:00

Vide Grenier – Tour-Chabot Gavacherie

Place Louis-Jouvet

10:00 - 19:00

So Vintage – Le Salon

Parc des expositions

Événements pour mai

13

Le Printemps des Visibilités – 4ème édition

Divers lieux

Événements pour mai

14

Le Printemps des Visibilités – 4ème édition

Divers lieux

20:30

Mama Tekno

Le Moulin du Roc

Événements pour mai

15

Le Printemps des Visibilités – 4ème édition

Divers lieux

18:00

Rencontre avec Emmanuel Ruben

Librairie des Halles

20:00

Festival Culturissimo : Michel Vuillermoz

Le Moulin du Roc

21:00

CEM – École de Musique

L'Entr'Acte

Événements pour mai

16

Le Printemps des Visibilités – 4ème édition

Divers lieux

Festival En Vie Urbaine #11

Divers lieux

19:00

Soirée Karaoké

Le MagaZinc

19:00

Swing Pot

Le Patio

20:30

Les JOK’s

Au Bureau

20:30

Chantal Ladesou

L'Acclameur

20:30

Sals’acte

L'Entr'Acte

21:00

Soirée Karaoké

Kilim Bar

Événements pour mai

17

Le Printemps des Visibilités – 4ème édition

Divers lieux

Festival En Vie Urbaine #11

Divers lieux

17:00 - 20:00

Apéro mix Au Bureau

Au Bureau

18:00

Band Of Souls

La Java

20:30

Salina – Rafiot 15 -18 ans

Patronage Laïque

20:45

Foot (L2) : Chamois Niortais FC – Red Star

Stade René-Gaillard

21:00

Skin and Wire

Kilim Bar

22:00

Fab’Ily Crew

L'Entr'Acte

22:00

DJ Cottron

La Bulle

Événements pour mai

18

Le Printemps des Visibilités – 4ème édition

Divers lieux

Festival En Vie Urbaine #11

Divers lieux

09:00 - 13:00

Repair Café

CSC du Parc

09:00 - 17:00

Marché aux Tissus

Parc des expositions

10:00 - 16:00

14e Rallye Classic Val de Sèvre 2019

Place de la Brèche

15:00 - 19:00

Roule Baugier, Roule

Rue Baugier

15:00 - 19:00

Ouverture des ateliers d’artistes à l’usine de la Roussille

Ateliers d'artistes de la Roussille

16:00

Rencontre avec Blandine Clémot

Librairie des Halles

19:00 - 23:55

Nuit européenne des musées

Musée Bernard d'Agesci

19:00 - 23:55

Nuit européenne des musées

Donjon

19:00 - 22:00

Soirée 100% Filles

V&B

20:30

Salina – Rafiot 15 -18 ans

Patronage Laïque

Événements pour mai

19

Festival En Vie Urbaine #11

Divers lieux

09:00 - 17:00

Vide-Grenier Champommier

Rue de Champommier

15:00 - 19:00

Ouverture des ateliers d’artistes à l’usine de la Roussille

Ateliers d'artistes de la Roussille

17:00

Brahms – Un Requiem Allemand

Église Saint-Étienne du Port

Événements pour mai

20

Festival En Vie Urbaine #11

Divers lieux

17:00

Vernissage et concert de Kora avec Demba et Awa Diarra

Kilim Bar

Événements pour mai

21

Festival En Vie Urbaine #11

Divers lieux

20:00

Ciné débat : Le Cercle des petits philosophes

Méga CGR

20:15

Mardi d’Aline – Spécial Animaux

Patronage Laïque

Événements pour mai

22

Festival En Vie Urbaine #11

Divers lieux

19:00

Les confs à 2 balles : Le rôle de la Banque de France

Medef Deux Sèvres

20:30

Melanie de Biasio

Le Moulin du Roc

21:00

Daniel Romano

Le Hangar

Événements pour mai

23

Festival En Vie Urbaine #11

Divers lieux

18:00

Jueves Salsa Fiebre

La Java

19:00

Soirée Karaoké

Le MagaZinc

19:00

Concert surprise

La Bulle

19:30

Ciné-Débat autour du film “Debout” de Stéphane Haskell

Méga CGR

20:00

Judith Charron & Benjamin Kahn : In Heaven’s River

Temple

20:30

Trio Patatra

Salle des fêtes Ste-Pezenne

20:30

(Les) Knock(s)

Théâtre Jean Richard

21:00

Soirée Karaoké

Kilim Bar

Événements pour mai

24

Basket : Tournoi Open + Super League

Place du Donjon

Festival En Vie Urbaine #11

Divers lieux

18:00

Galère

La Java

19:30

Soirée Salsa

Douc'Heure Du Maroc

19:30

Scène ouverte SLAM

Kilim Bar

20:00

The Black Vault

L'Entr'Acte

20:00

Feu vert aux Beatles

Salle des fêtes Ste-Pezenne

20:15

KizAmKa Party

Le MagaZinc

20:30

Alex Lutz

Le Moulin du Roc

20:30

Spectacle de NiortGlace

Patinoire

Événements pour mai

25

Coupes de France d’escalade

L'Acclameur

Basket : Tournoi Open + Super League

Place du Donjon

AmericaNiort

Parc des expositions

Festival En Vie Urbaine #11

Divers lieux

08:30 - 16:30

Braderie du Secours Catholique

Secours Catholique du Poitou - Niort

10:00 - 18:30

Championnat de France Ultimate Outdoor Open N3

Stade Grand Croix

10:00 - 19:00

Pink Day

Parc des expositions

15:30 - 16:00

Les filles de Niort 2019

L'Acclameur

19:00

Alex Lutz

Le Moulin du Roc

20:30

(Les) Knock(s)

Théâtre Jean Richard

20:30

Spectacle de NiortGlace

Patinoire

22:00

Fast Emotion

L'Entr'Acte

Événements pour mai

26

Coupes de France d’escalade

L'Acclameur

AmericaNiort

Parc des expositions

09:00 - 16:00

Championnat de France Ultimate Outdoor Open N3

Stade Grand Croix

10:00 - 19:00

Pink Day

Parc des expositions

14:00

Hippisme : Réunion de Trot – Trophée Vert

Hippodrome de Romagné

17:30

(Les) Knock(s)

Théâtre Jean Richard

18:30

Improvisation théâtrale : Les Manchuels

Théâtre Jean Richard

Événements pour mai

27

Aucun événement

Événements pour mai

28

20:30

Café Philo

Kilim Bar

20:30

Avant-première : Roxane

Méga CGR

Événements pour mai

29

18:00

Soirée brésilienne avec Baccara

La Java

18:00

Soirée Brésilienne – Concert Baccara

La Java

18:00

Sélections Départementales FFJV de Football Virtuel et de Versus Fighting

Locaux NiortTech

21:00

Little Triggers

Le Hangar

Événements pour mai

30

Championnat de France de roller slalom et de Skatecross

Parc des expositions

Festival du Roller

Parc des expositions

19:00

Soirée Karaoké

Le MagaZinc

19:30

Imperial Quartet

La rOUSSe

19:30

ApéroSwing

Le Vintage

21:00

Soirée Karaoké

Kilim Bar

Événements pour mai

31

Championnat de France de roller slalom et de Skatecross

Parc des expositions

Festival du Roller

Parc des expositions

18:00

Mighty Brothers

La Java

21:00

Mad Sin / Octopus King / Celtix

Le Camji

22:00

Kube

L'Entr'Acte

Les derniers

Bons plans

Bons plans
16 mai 2019 - 26 mai 2019
L'Acclameur

Promotion : Forever – The Best show about the King of Pop

Du 16 au 26 mai 2019, profitez d’une promotion concernant le spectacle “Forever – The Best show about the King of Pop” qui aura lieu à L’Acclameur de Niort le …

Bons plans
5 juin 2019 - 23 juin 2019
Stade Espinassou

Tournoi OPEN du Stade Niortais Tennis

Le Stade Niortais Tennis organise son tournoi Open annuel du 05 au 23 juin 2019 au Stade Espinassou de Niort. Cliquez-ici pour vous inscrire directement en ligne

Bons plans
13 janvier 2019 - 30 juin 2019
Halles de Niort

Le Stade fait son footing

Le Stade Niortais Tennis organise tous les dimanches matins un footing sur les quais de la Sèvre à Niort ! Rendez-vous est pris aux Halles de Niort à 10h30 le …

Voir tous les bons plans

En savoir plus sur

Le projet ?

Pour savoir qui nous sommes et soutenir le projet

+ sur le projet Devenir collecteur
Faire un don

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