Expositions – Sortir à Niort

Expositions
30 mars 2018 - 27 avril 2018
Centre Hospitalier de Niort

Exposition : Art et architecture (espace Jean-Burguet)

L’Ecole d’arts plastiques vous invite à une exposition sur le thème « Art et architecture », du 30 mars au 27 avril à l’espace lumineux Jean-Burguet, à l’hôpital de Niort. …

Expositions
7 mars 2018 - 26 mai 2018
Divers lieux

Rencontres de la jeune photographie internationale

Invitée d’honneur : Corinne Mercadier Expositions du 7 mars au 26 mai 2018 Temps forts : les 13 et 14 avril Résidence de création du 29 mars au 15 avril …

Expositions / Expositions permanentes
17 juin 2017 - 31 décembre 2018
Donjon

Exposition : Moulin du Milieu – Niort

Découvrez l’histoire du moulin du Milieu, autrefois situé sur un îlot de la Sèvre niortaise, au pied des remparts de la ville et du Donjon du XIIe siècle, en face …

Expositions
5 mars 2018 - 5 mai 2018
Les Résidentiels

Exposition peintures de LIAO An-Yu TIJOU

Arrivée en France en 1994, Liao An-Yu est née à Taïwan en 1972 où elle a suivi des études d’arts plastiques aux Beaux-arts avant d’y donner des cours. Aujourd’hui, elle …

Expositions
14 mars 2018 - 3 juin 2018
Musée Bernard d'Agesci

Exposition : “Art de faire, faire de l’Art”, les métiers d’art

Les métiers d’art représentent 281 métiers inscrits dans les univers de la création et du patrimoine : décoration, mode et textile, métal verre, cuir, céramique, etc. Une quinzaine d’artisans d’art …

Expositions / Expositions permanentes

Le Mobilier Poitevin – Donjon

DONJON

Nouvelle exposition permanente

Reconstitution d’un intérieur Poitevin.

Le mobilier rustique régional propose une grande variété de modèles correspondant à des provenances, à des usages ou aux matériaux utilisés.

Expositions / Expositions permanentes

Donjon, 1000 ans d’histoire

DONJON

Exposition permanente.

Édifice emblématique de la ville de Niort et de sa région, classé monument historique depuis 1840 et labellisé Musée de France, le Donjon est le dernier témoin du vaste château édifié à la fin du XIIe siècle par les comtes de Poitou et rois d’Angleterre (Plantagenêts).

Global

This category

/* 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("http://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('http://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