Spectacles

juillet 2019

Festival de Cirque d’été

Nouvelle édition du festival de Cirque d’été du 23 au ...

23 Juil

Centre Du Guesclin

Place Chanzy, 79000 Niort

Voir plus

Festival de Cirque d’été

Nouvelle édition du festival de Cirque d’été du 23 au ...

24 Juil

Centre Du Guesclin

Place Chanzy, 79000 Niort

Voir plus

Festival de Cirque d’été

Nouvelle édition du festival de Cirque d’été du 23 au ...

25 Juil

Centre Du Guesclin

Place Chanzy, 79000 Niort

Voir plus

Festival de Cirque d’été

Nouvelle édition du festival de Cirque d’été du 23 au ...

26 Juil

Centre Du Guesclin

Place Chanzy, 79000 Niort

Voir plus

Festival de Cirque d’été

Nouvelle édition du festival de Cirque d’été du 23 au ...

27 Juil

Centre Du Guesclin

Place Chanzy, 79000 Niort

Voir plus

septembre 2019

Japaniort

Le festival des arts japonais et des cultures imaginaires Japaniort ...

28 Sep

10:00 - 19:00

Parc des Expositions

6 Rue Archimède, 79000 Niort

Voir plus

Japaniort

Le festival des arts japonais et des cultures imaginaires Japaniort ...

29 Sep

10:00 - 18:00

Parc des Expositions

6 Rue Archimède, 79000 Niort

Voir plus

novembre 2019

Forever – The Best show about the King of Pop

Après une tournée triomphale en Europe et plus de 500 000 ...

26 Nov

20:00

L'Acclameur

50, Rue Charles Darwin, 79000 Niort

Voir plus

Celtic Legends

Celtic Legends vous apporte la danse, la musique et les ...

30 Nov

20:30

L'Acclameur

50, Rue Charles Darwin, 79000 Niort

Voir plus

décembre 2019

Ahmed Sylla

Découvrez "Différent", le tout nouveau spectacle d’Ahmed Sylla ! Après ...

04 Déc

20:00

L'Acclameur

50, Rue Charles Darwin, 79000 Niort

Voir plus

Aladin

Tout le monde connait Aladin. Cet ouvrage ajouté aux Contes ...

07 Déc

15:30

L'Acclameur

50, Rue Charles Darwin, 79000 Niort

Voir plus

Michèle Bernier – Vive Demain !

« Le premier qui me dit que c’était mieux avant, je ...

12 Déc

20:30

L'Acclameur

50, Rue Charles Darwin, 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