Divers

janvier 2020

Happy New Scène(s) avec Rubin Steiner

Rendez-vous le vendredi 24 janvier au Vintage Bar de 22h00 ...

24 Jan

22:00

Le Vintage

9 Rue Pierre Antoine Baugier, 79000 Niort

Voir plus

Happy New Year Brunch

Brunch de la Nouvelle Année dimanche 26 janvier 2020 à ...

26 Jan

10:30 - 13:00

Natur'home

3 Rue Brisson, 79000 Niort

Voir plus

Thé folk

Thé folk de Folk'Avoine et des Virounoux dau bief au Parc ...

26 Jan

14:30

Parc des Expositions

6 Rue Archimède, 79000 Niort

Voir plus

février 2020

Vernissage Pascal Audin & Lecture par Denis Montebello

Lecture & Vernissage La GaLLery Grand Nord a le plaisir de ...

06 Fév

18:30

GaLLery Grand-Nord

1 Place de Strasbourg, 79000 Niort

Voir plus

Vide-grenier chantant

L'Ensemble Vocal et Instrumental Chante-Pezenne organise son vide grenier chantant ...

09 Fév

08:30 - 17:00

Parc des Expositions

6 Rue Archimède, 79000 Niort

Voir plus

Repair Café

Le Repair Café est un événement citoyen collaboratif visant à ...

15 Fév

09:00 - 13:00

CSC du Parc

Rue de la Tour Chabot, 79000 Niort

Voir plus

Café dansant

Deuxième dimanche dansant de la saison le 16 février ! Le ...

16 Fév

14:00

Le Prestige

373 Avenue de Paris, 79000 Niort

Voir plus

mars 2020

Bal folk

Bal folk avec Badegoule au Parc des Expos (Pavillon des ...

07 Mar

21:00

Parc des Expositions

6 Rue Archimède, 79000 Niort

Voir plus

Puces Moto 2020

Les 35e Puces moto de Niort, organisées par le MCP ...

21 Mar

Parc des Expositions

6 Rue Archimède, 79000 Niort

Voir plus

Repair Café

Le Repair Café est un événement citoyen collaboratif visant à ...

21 Mar

09:00 - 13:00

CSC du Parc

Rue de la Tour Chabot, 79000 Niort

Voir plus

Puces Moto 2020

Les 35e Puces moto de Niort, organisées par le MCP ...

22 Mar

Parc des Expositions

6 Rue Archimède, 79000 Niort

Voir plus

avril 2020

Repair Café

Le Repair Café est un événement citoyen collaboratif visant à ...

18 Avr

09:00 - 13:00

CSC du Parc

Rue de la Tour Chabot, 79000 Niort

Voir plus

Aucun événement trouvé!

Afficher plus

Global

/* 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