/**
 * References:
 * http://lesscss.org/
 * http://leafo.net/lessphp/docs/
 * See also less_examples.less
 *
 */

.hidden{
    display: none;
}

.rounded-corners (@r: 5px) {
    -webkit-border-radius: @r;
    -moz-border-radius: @r;
    -ms-border-radius: @r;
    -o-border-radius: @r;
    border-radius: @r;
}

.box-shadow (@left: 0, @top: 0, @blur:1px, @size: 1px, @r: 0, @v: 0, @b: 0, @a: 1) {
    box-shadow: @left @top @blur @size rgb(@r,@v,@b);
    -webkit-box-shadow: @left @top @blur @size rgba(@r,@v,@b,@a);
    -moz-box-shadow: @left @top @blur @size rgba(@r,@v,@b,@a);
    -ms-box-shadow: @left @top @blur @size rgba(@r,@v,@b,@a);
    -o-box-shadow: @left @top @blur @size rgba(@r,@v,@b,@a);
    box-shadow: @left @top @blur @size rgba(@r,@v,@b,@a);
}

.transition (@prop: all .5s ease 0) {
    -webkit-transition: @prop;
    -moz-transition: @prop;
    -ms-transition: @prop;
    -o-transition: @prop;
    transition: @prop;
}

.transform (@prop) {
    -webkit-transform: @prop;
    -moz-transform: @prop;
    -ms-transform: @prop;
    -o-transform: @prop;
    transform: @prop;
}

.linear-gradient (@top: #000, @bottom: #333) {
    background: @top;
    background: -webkit-linear-gradient(top, @top, @bottom);
    background: -moz-linear-gradient(top, @top, @bottom);
    background: -ms-linear-gradient(top, @top, @bottom);
    background: -o-linear-gradient(top, @top, @bottom);
    background: linear-gradient(to bottom, @top, @bottom);
}
/* Global */
@page-width: 960px;
@font-family: Georgia, Arial, sans-serif;
@dosis-light: 'DExtraLight';
@dosis-book: 'DBook';
@dosis-bold: 'DBold';
@ibc: 'IBC';
@font-size: 1.4em;
@line-height: 1.5;
@text-color: #63625f;
@red-color: #df3f1d;
@green-color: #008c19;
/* BASE */
html {
    height: 100%;
    font-size: 62.5%;
}

body {
    height: 100%;
    color: @text-color;
    font-family: @font-family;
    font-size: @font-size;
    line-height: @line-height;
    background: url("../images/fd-rp.jpg");
}

#page-wrapper {
    position: relative;
    min-height: 100%;
    min-width: 980px;
}

.section {
    position: relative;
}

.limiter {
    position: relative;
    width: @page-width;
    margin: 0 auto;
}

.footer-bottom {
    position: absolute;
    bottom: 0;
    border-bottom: 5px solid #dd3f19;
    height: 40px;
    width: 100%;
    z-index: 3;
    background: #222;
    clear: both;
    text-align: right;
}

header.section {
    border-top: 5px solid #e9e6d7;
    height: 130px;
    z-index: 3;
}

.footer-top {
    background-color: rgb(51, 51, 51);
    color: #fff;
    padding: 4.5rem 0 8rem;
    text-transform: uppercase;

    img {
        margin-right: 1rem;
    }

    h3 {
        font-size: 18px;
        letter-spacing: -0.5px;
        line-height: 24px;
        display: flex;
        align-items: center;
        border-bottom: 0.1rem solid rgba(255, 255, 255,0.2);
        font-family: @ibc;
        margin-bottom: 0.9rem;
        padding-bottom: 0.9rem;
    }

    a {
        color: #FFF;
        text-decoration: none;
    }

    .footer-top__content {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        column-gap: 2rem;
    }

    li {
        font-size: 16px;
        font-weight: 300;
        line-height: 18px;
        font-family: @dosis-book;
        margin-bottom: 0.9rem;
    }
}
/* HEADER */
#pnrm-logo {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    height: 64px;
    width: 50px;
    background: url("../images/logo-parc-naturel-morvan.png");
}

#ecomusee-logo {
    display: block;
    position: absolute;
    top: 10px;
    right: 70px;
    height: 64px;
    width: 63px;
    background: url("../images/logo-ecomusee.svg");
}

.site-info {
    margin: 0 10px;
    padding: 30px 0;
}

#logo {
    display: inline-block;
    vertical-align: middle;

    img {
        display: block;
        margin: 0;
    }
}

#site-slogan {
    display: inline-block;
    vertical-align: middle;
    background: url("../images/pre-slogan.png") no-repeat left center;
    padding-left: 30px;
    margin-left: 15px;
    font-family: @dosis-light;
    font-size: 2rem;
    line-height: 0.7826em;
}

#main-menu {
    position: relative;
    z-index: 5;
    height: 62px;
    background: url("../images/nav-rp.png") left top;

    .menu {
        height: 100%;
        font-family: @dosis-bold;
        margin: 0;
        text-align: center;

        li {
            display: inline-block;
            height: 100%;
            border-left: 1px solid #333;
            border-right: 1px solid #000;
        }

        .first {
            border-left: 0;
        }

        .last {
            border-right: 0;
        }

        li > a {
            display: block;
            font-size: 16px;
            font-size: 1.6rem;
            line-height: 18px;
            text-transform: uppercase;
            text-decoration: none;
            color: white;
            margin: 15px 5px;
            padding: 7px 5px;
            .rounded-corners(5px);
            background: transparent;
        }

        li.active-trail > a,
        li:hover > a {
            .linear-gradient(#dd3f19,#c32b16);
        }
    }

    .expanded {
        position: relative;

        .menu {
            display: none;
            min-width: 100%;
            height: auto;
            position: absolute;
            z-index: 10000;
            left: 15px;
            top: 52px;
            .linear-gradient(#323232,#3d3d3d);
            .rounded-corners(5px);
            text-align: left;
        }

        li {
            display: block;
            border: none;

            a {
                font-family: @dosis-book;
                margin: 0;
                padding: 6px 10px;
                .rounded-corners(0);
                background: transparent;
                background-position: 0;
                .transition();
                white-space: nowrap;
            }

            a:before {
                content: '>';
                margin-right: 5px;
            }

            a:hover {
                background: #dd3f19;
            }
        }

        li.first a {
            .rounded-corners(5px 5px 0 0);
        }

        li.last a {
            .rounded-corners(0 0 5px 5px);
        }
    }

    .expanded:hover {
        .menu {
            display: block;
        }
    }
}

#main-menu:after,
#main-menu:before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    z-index: -1;
    height: 62px;
    width: 10px;
}

#main-menu:before {
    left: -10px;
    background: url("../images/nav-l.png") no-repeat left top;
}

#main-menu:after {
    right: -10px;
    background: url("../images/nav-r.png") no-repeat left top;
}

#main-content {
    overflow: hidden;
    padding-bottom: 75px;
}

#banner {
    position: relative;
    min-height: 30px;
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
    &:before{
        display: block;
        content: '';
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.2);
        position: absolute;
        top:0;
        left:0;
    }

    img {
        display: block;
        margin: 0 auto;
        width: 100%;
        height: auto;
        vertical-align: middle;
    }

    .page-title {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        text-align: center;
        font-size: 1px;
        letter-spacing: -1px;
        word-spacing: -1px;

        h1 {
            display: inline-block;
            vertical-align: middle;
            color: white;
            letter-spacing: normal;
            word-spacing: normal;
            margin-top: 30px;
            font-size: 48px;
            font-size: 4.8rem;
            line-height: 54px;
            font-family: @ibc;
        }
    }

    .center {
        display: inline-block;
        vertical-align: middle;
        width: 0;
        height: 100%;
    }
}

.field-home-slideshow {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 210px;

    li {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .field-slideshow-txtgras {
        position: absolute;
        top: 100px;
        width: 100%;
        text-align: center;
        font-size: 48px;
        color: #fff;
        line-height: 54px;
        font-family: @ibc;
        font-weight: normal;
    }

    .field-slideshow-txtfin {
        position: absolute;
        top: 50px;
        width: 100%;
        text-align: center;
        font-size: 24px;
        line-height: 54px;
        color: #fff;
        font-weight: normal;
        font-family: @dosis-book;
        text-transform: uppercase;
    }
}

.slideshow-thumbs {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    text-align: center;

    li {
        display: inline-block;
        margin: 20px 3px;
        height: 10px;
        width: 10px;
        background: #fff;
        opacity: 0.5;
        cursor: pointer;
        .rounded-corners(5px);
        .transition(opacity .3s linear);
    }

    .survol,
    li:hover {
        opacity: 1;
    }
}

.slideshow-fleches-container {
    position: absolute;
    z-index: 1;
    top: 65px;
    left: 0;
    width: 100%;
    height: 80px;
}

.slideshow-fleches {
    position: relative;
    max-width: 1280px;
    margin: 0 auto;
}

.slideshow-fleche {
    position: absolute;
    top: 0;
    height: 80px;
    width: 30px;
    cursor: pointer;
    opacity: 0.7;
    .transition(opacity .3s linear);
}

.slideshow-fleche:hover {
    opacity: 1;
}

#slideshow-fleche-left {
    left: 0;
    background: url("../images/slide-fleche-g.png") no-repeat;
}

#slideshow-fleche-right {
    right: 0;
    background: url("../images/slide-fleche-d.png") no-repeat;
}
/* CONTENT */
#ariane {
    width: 1000px;
    margin: 0 auto;
    height: 20px;
    padding: 15px 0;
    background: white;
    .box-shadow(0,1px,3px,1px,23,23,23,.15);

    .breadcrumb {
        margin: 0 0 0 10px;

        a,
        span {
            font-size: 1.1429em;
            line-height: 1.125em;
            color: #333;
            font-family: @dosis-book;
            text-transform: uppercase;
            color: #333;
            text-transform: uppercase;
            text-decoration: none;
        }

        .crumbs-current-page {
            font-family: @dosis-bold;
        }
    }

    #search-block-form {
        position: absolute;
        right: 10px;
        top: 0;
    }
}

#main {
    position: relative;
    float: left;
    margin: 0 10px;
    width: 690px;
}

#content {
    position: relative;
}

.messages {
    background: white;
    padding: 15px 20px;
    margin: 30px 0 0;
    .rounded-corners(5px);
    .box-shadow(0,1px,3px,0,23,23,23,.15);
    overflow: hidden;
}

.node-type-objets .messages {
    display: none;
}

#block-morvanblocks-home-map {
    position: relative;
    z-index: 2;
    margin-top: 30px;
    background: white;
    padding: 15px 10px;
    .rounded-corners(5px);
    .box-shadow(0,1px,3px,0,23,23,23,.15);

    h2 {
        margin: 5px 10px 0;
        font-family: @ibc;
        font-size: 1.7857em;
        line-height: 1.12em;
        color: #222;
        padding-left: 40px;
        height: 28px;
        background: url("../images/picto-carte.png") no-repeat left top;
    }

    .content-sp {
        border-top: 1px solid #e9e6d7;
        margin: 25px 10px 0;
    }

    .content-section {
        margin: 25px 10px 0;
        overflow: hidden;
    }

    .carte-link {
        position: relative;
        display: block;

        img {
            margin: 0;
            display: block;
        }

        .carte-hover {
            position: absolute;
            z-index: 2;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
            .rounded-corners(50%);

            .carte-hover-plus {
                position: absolute;
                top: 50%;
                left: 50%;
                width: 100px;
                height: 100px;
                margin: -50px 0 0 -50px;
                .rounded-corners(50%);
                background: @text-color url('../images/loupe.png') no-repeat center center;
                background: rgba(34,34,34,0.9) url("../images/loupe.png") no-repeat center center;
                opacity: 0;
                .transform(scale(1.6));
                .transition(all 0.5s ease 0);
            }
        }
    }

    .carte-link:hover {
        .carte-hover-plus {
            .transform(scale(1));
            opacity: 1;
        }
    }
}

#user-login,
.fiche-patrimoine-pro,
.node-full,
.profile {
    position: relative;
    z-index: 2;
    margin-top: 30px;
    background: white;
    padding: 15px 10px;
    .rounded-corners(5px);
    .box-shadow(0,1px,3px,0,23,23,23,.15);
    overflow: hidden;

    h1 {
        margin: 5px 10px 0;
        font-family: @ibc;
        font-size: 1.7857em;
        line-height: 1.12em;
        color: #222;
    }
}

.front .title {
    padding-left: 40px;
    height: 28px;
    background: url("../images/titre-home.png") no-repeat left top;
}

.fiche-patrimoine-pro,
.node-fiche-arbre.node-full,
.node-fiche-commune.node-full,
.node-fiche-patrimoine.node-full,
.node-fiche-spirale.node-full,
.node-fiche.node-full {
    margin-top: 0;
    .rounded-corners(0 0 5px 5px);
}

.node-full {
    .field-latin {
        margin: 5px 10px 0;
        font-family: @dosis-book;
        font-size: 1.1428em;
        line-height: 1.3125em;
        color: @red-color;
        text-transform: uppercase;
    }

    h3.field-label {
        margin: 5px 0 0;
        font-family: @ibc;
        font-size: 1.7857em;
        line-height: 1.12em;
        color: #222;
    }

    .field-group-div {
        h2 {
            margin: 25px 0 0;
            font-family: @ibc;
            font-size: 1.7857em;
            line-height: 1.12em;
            color: #222;
        }

        h3 {
            margin-top: 15px;
            color: #63625f;
            font-family: 'DBook';
            font-size: 1.1429em;
            line-height: 1.125em;
        }
    }

    .content-sp {
        border-top: 1px solid #e9e6d7;
        margin: 25px 10px 0;
    }

    .content-section {
        margin: 25px 10px 0;
        overflow: hidden;
    }

    .field-infos {
        float: left;
    }

    .no-margin-side {
        margin: 25px 0 0;

        .field-label {
            margin: 5px 10px 0;
        }
    }

    .content-section-galerie .field-label {
        padding-left: 40px;
        height: 28px;
        background: url("../images/titre-galerie.png") no-repeat left top;
    }

    .field-contrib-image,
    .field-elt-ill,
    .field-galerie {
        overflow: hidden;
        margin-top: 25px;

        li {
            float: left;
            margin: 0 0 10px 10px;
        }

        img {
            display: block;
            margin: 0;
        }
    }

    .field-illustration {
        float: left;
        margin: 0 20px 5px 0;

        img {
            display: block;
            margin: 0;
        }
    }
}

.node-fiche-patrimoine {
    header {
        overflow: hidden;
    }

    h1 {
        /*float:left;
		width: 500px;*/
    }
}

.field-body,
.term-description {
    :first-child {
        margin-top: 0;
    }

    h2 {
        margin: 20px 0 0;
        font-family: @dosis-bold;
        font-size: 1.142857142857143em;
        text-transform: uppercase;
    }

    ul {
        list-style-type: disc;
        list-style-position: outside;
        list-style-image: none;
        padding-left: 20px;
    }

    ol {
        list-style-type: lower-alpha;
        list-style-position: outside;
        list-style-image: none;
        padding-left: 20px;
    }

    p {
        margin-top: 10px;
    }

    b,
    strong {
        font-weight: bolder;
    }

    em,
    i {
        font-style: italic;
    }

    a {
        color: @green-color;
        text-decoration: none;
    }
}

#page-tabs {
    position: absolute;
    bottom: 100%;
    right: 20px;
    z-index: 3;

    .tabs {
        padding: 2px 5px;
        background: @red-color;
        .rounded-corners(5px 5px 0 0);
        .box-shadow(0,0,2px,0,23,23,23,.3);
        font-family: @dosis-book;
    }

    li {
        display: inline;
        margin: 0 5px;
    }

    a {
        color: #333;
        text-decoration: none;
    }

    a.active,
    a:hover {
        color: white;
    }
}
/* FOOTER */
#ft-logo {
    display: block;
    position: absolute;
    top: 11px;
    left: 10px;
    height: 17px;
    width: 218px;
    background: url("../images/ft-logo.png");
}

#main-footer-items {
    font-family: @dosis-book;
    margin: 0 10px;

    li {
        display: inline;
        text-transform: uppercase;
        color: white;
        font-size: 14px;
        line-height: 40px;
    }

    a {
        color: white;
        text-decoration: none;
    }
}
/* SIDEBAR */
#sidebar {
    float: left;
    margin: 0 10px 0 20px;
    width: 220px;

    .block {
        margin-top: 30px;
        padding: 30px 0 0;
        background: url("../images/side-top.png") repeat-x left top;

        h2 {
            display: block;
            vertical-align: middle;
            font-family: @ibc;
            font-size: 1.4286em;
            line-height: 1.4em;
            color: #222;
            padding-bottom: 15px;
            border-bottom: 1px solid #e9e6d7;
            min-height: 28px;
        }

        ul.menu {
            border-top: 1px solid white;

            li {
                display: block;
                padding: 15px 0 0;
                font-family: @dosis-book;
                font-size: 1.1429em;
                line-height: 1.125em;
            }

            a {
                color: @text-color;
                font-family: @dosis-book;
                font-size: 1.1429em;
                line-height: 1.125em;
                text-transform: uppercase;
                text-decoration: none;
            }

            a:before {
                content: '>';
                margin-right: 5px;
            }

            a.active {
                font-family: @dosis-bold;
            }

            ul.menu {
                border-top: none;
                padding-top: 5px;
                padding-bottom: 10px;

                li {
                    padding-top: 5px;
                }

                li a {
                    text-transform: none;
                    font-size: 0.9em;
                    margin-left: 10px;
                }

                li a:before {
                    content: '>>';
                    margin-right: 5px;
                }
            }
        }

        .content-bloc {
            border-top: 1px solid white;
            padding: 10px 0 0;
        }

        .link-bloc {
            position: relative;
            display: block;
            margin-top: 15px;
            height: 18px;
            padding: 7px 0 6px;
            text-align: center;
            text-decoration: none;
            color: white;
            text-transform: uppercase;
            font-family: @dosis-book;
            font-size: 1.1429em;
            line-height: 1.125em;
            background: @green-color;
        }

        .link-bloc:after,
        .link-bloc:before {
            content: '';
            position: absolute;
            display: block;
            top: 0;
            z-index: 2;
            height: 31px;
            width: 10px;
        }

        .link-bloc:before {
            left: 0;
            background: url("../images/bloc-link-l.png") no-repeat left top;
        }

        .link-bloc:after {
            right: 0;
            background: url("../images/bloc-link-r.png") no-repeat left top;
        }
    }

    #search-block-form {
        margin-top: 30px;
    }
}

.page #sidebar .block:first-child {
    padding: 0;
    background: none;
}

#block-menu-menu-more {
    h2 {
        padding-left: 40px;
        background: url("../images/picto-info.png") no-repeat 1px top;
    }
}

#block-morvanblocks-side-obs {
    h2 {
        padding-left: 40px;
        background: url("../images/icon-eobs.png") no-repeat 1px top;
    }
}

#block-morvanblocks-spiral-trail,
#block-morvanblocks-taxonomy-trail {
    h2 {
        padding-left: 40px;
        background: url("../images/side-more.png") no-repeat 1px top;
    }
}
/* SEARCH */
#search-block-form {
    display: block;
    border: 5px solid #c6c2b0;
    background: #c6c2b0;
    height: 30px;
    .rounded-corners(2px);

    .form-type-searchfield {
        width: 175px;
        float: left;

        input {
            display: block;
            border: 0;
            width: 175px;
            padding: 0 4px;
            -webkit-box-sizing: border-box;
            /* Safari/Chrome, other WebKit */
            -moz-box-sizing: border-box;
            /* Firefox, other Gecko */
            box-sizing: border-box;
            /* Opera/IE 8+ */
            height: 30px;
        }
    }

    .form-actions {
        float: left;
        margin-left: 5px;
        width: 30px;

        input {
            display: block;
            background: #c6c2b0 url("../images/search.png") no-repeat center center;
            text-indent: -9999px;
            border: 0;
            height: 30px;
            width: 30px;
            cursor: pointer;
        }
    }
}
/* Pager */
.pager {
    position: relative;
    z-index: 2;
    margin-top: 10px;
    background: white;
    .rounded-corners(5px);
    .box-shadow(0,1px,3px,0,23,23,23,.15);
    text-align: center;

    li {
        display: inline-block;
        font-size: 16px;
        padding: 10px 5px;
        font-family: @dosis-book;
    }

    .pager-previous {
        float: left;
        padding: 10px 20px;
        border-right: 1px solid #e9e6d7;
    }

    .pager-next {
        float: right;
        padding: 10px 20px;
        border-left: 1px solid #e9e6d7;
    }

    .pager-first {
        display: none;
    }

    .pager-last {
        display: none;
    }

    a {
        text-decoration: none;
        color: #222;
    }

    .pager-current,
    a:hover {
        color: @red-color;
    }
}
/* Fiche Navigation Links */
.fiche-navigation-links {
    position: relative;
    overflow: hidden;
    margin-top: 30px;
    z-index: 1;
    background: black;
    .rounded-corners(5px 5px 0 0);
    .box-shadow(0,1px,3px,0,23,23,23,.15);
    padding: 10px 20px;
    text-align: center;

    li {
        display: inline;
    }

    .first {
        float: left;
    }

    .last {
        float: right;
    }

    a {
        font-family: @dosis-book;
        text-transform: uppercase;
        color: white;
        text-decoration: none;
    }

    .active,
    a:hover {
        color: @red-color;
    }
}
/* Glossary */
.glossary-links {
    position: relative;
    margin-top: 30px;
    z-index: 1;
    background: black;
    .rounded-corners(5px 5px 0 0);
    .box-shadow(0,1px,3px,0,23,23,23,.15);
    padding: 10px 20px;

    li {
        display: inline;
        margin: 0 5px;
    }

    .first {
        margin-right: 20px;
    }

    a {
        font-family: @dosis-book;
        text-transform: uppercase;
        color: white;
        text-decoration: none;
    }

    .active {
        color: @red-color;
    }
}

.glossary-links-memo {
    margin-top: 20px;
    .box-shadow(0,1px,3px,0,23,23,23,.15);
}
/* Term list */
.no-result {
    position: relative;
    z-index: 2;
    margin-top: 0;
    .rounded-corners(0 0 5px 5px);
    background: white;
    padding: 20px;
    .box-shadow(0,1px,3px,0,23,23,23,.15);
}

.term-description,
.term-listing {
    position: relative;
    z-index: 2;
    margin-top: 30px;
    background: white;
    .rounded-corners(5px);
    .box-shadow(0,1px,3px,0,23,23,23,.15);
}

.term-description {
    padding: 20px;
}

.term-listing-commune {
    padding: 20px;
    font-family: @dosis-bold;
    font-size: 32px;
    line-height: 1;
    color: #222;
    background: #ddd;
}

.term-listing-with-form,
.term-listing-with-glossary {
    margin-top: 0;
    border-top: 1px solid @text-color;
    .rounded-corners(0 0 5px 5px);
}

.taxonomy-term-line {
    font-size: 1px;
    letter-spacing: -1px;
    word-spacing: -1px;
    background: url("../images/term-line.png") no-repeat center top;

    .taxonomy-term-teaser {
        background: url("../images/term-sp.png") no-repeat left 20px;
    }

    .taxonomy-term-teaser:first-child {
        background: none;
    }
}

.term-listing .taxonomy-term-line:first-child,
.term-listing article:first-child {
    background: none !important;
}

.taxonomy-term-teaser {
    display: inline-block;
    vertical-align: top;
    padding: 10px;
    width: 210px;
    text-align: center;
    letter-spacing: normal;
    word-spacing: normal;

    .taxonomy-term-link {
        display: block;
        padding: 10px;
        text-decoration: none;
        position: relative;
        .rounded-corners(3px);

        img {
            display: block;
            margin: 0 auto 10px;
        }

        h1 {
            font-family: @ibc;
            font-size: 18px;
            font-size: 1.8rem;
            line-height: 24px;
            color: #222;
        }

        span {
            font-family: @dosis-book;
            font-size: 16px;
            font-size: 1.6rem;
            line-height: 18px;
            text-transform: uppercase;
            color: @red-color;
        }
    }

    .taxonomy-term-hover {
        position: absolute;
        top: 10px;
        left: 25px;
        width: 160px;
        height: 160px;
        overflow: hidden;
        .rounded-corners(50%);

        .taxonomy-term-plus {
            position: absolute;
            top: 30px;
            left: 30px;
            width: 100px;
            height: 100px;
            .rounded-corners(50%);
            background: @red-color url('../images/plus.png') no-repeat center center;
            background: rgba(223,63,29,0.9) url("../images/plus.png") no-repeat center center;
            opacity: 0;
            .transform(scale(1.6));
            .transition(all 0.5s ease 0);
        }
    }

    .taxonomy-term-link:hover {
        background: #f8f6e9;

        .taxonomy-term-plus {
            .transform(scale(1));
            opacity: 1;
        }
    }
}

.term-form-header {
    position: relative;
    margin-top: 30px;
    z-index: 1;
    background: white;
    .rounded-corners(5px);
    .box-shadow(0,1px,3px,0,23,23,23,.15);
    padding: 20px;
}

.term-form {
    position: relative;
    margin-top: 30px;
    z-index: 1;
    background: white;
    .rounded-corners(5px);
    .box-shadow(0,1px,3px,0,23,23,23,.15);
    padding: 20px;
}

.term-actions {
    position: relative;
    z-index: 1;
    background: #f8f6e9;
    margin-top: 20px;
    .rounded-corners(5px);
    .box-shadow(0,1px,3px,0,23,23,23,.15);
    padding: 20px;

    a {
        display: inline-block;
        text-decoration: none;
        background: @red-color;
        color: white;
        border: 0;
        padding: 5px;
        margin-right: 20px;
        font-family: @dosis-book;
        .rounded-corners(3px);
        text-transform: uppercase;
        cursor: pointer;
        font-size: 1.1429em;
    }

    a.link-download-csv {
        margin-top: 10px;
    }
}
/*  TABLE */
table {
    background: white;
    .rounded-corners(5px);
    .box-shadow(0,1px,3px,0,23,23,23,.15);
    border-collapse: collapse;
    width: 100%;

    th {
        padding: 5px;
        background: #e3e3e3;
        font-weight: bold;
    }

    td {
        border-top: thin solid #ccc;
        padding: 5px;
        text-align: center;
    }

    a {
        color: @text-color;
    }
}
/* TEASER FICHE */
.objets-teaser {
    display: block;
    color: #63625f;
    text-decoration: none;
    padding: 8px 20px;
}

.objets-teaser-odd {
    background: #ececec;
}

.objets-teaser-even {
    background: #d2d2d2;
}

.formulaire-recherche-objet {
    padding: 20px;
    background-color: #FFF;
    box-shadow: 0 1px 3px rgba(23, 23, 23, 0.15);
    border-radius: 5px;
    margin-top: 30px;

    .term-form {
        margin-top: 0;
    }

    .total-results {
        margin-bottom: 15px;
    }
}

.objets-list {
    margin-top: 30px;
    background-color: #FFF;
    box-shadow: 0 1px 3px rgba(23, 23, 23, 0.15);
    border-radius: 5px;
}

.entete-liste-pro {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
}

.total-results {
    display: flex;
    align-items: center;
    color: rgb(34, 34, 34);
    font-family: "Intro ";
    font-size: 18px;
    letter-spacing: -0.5px;
    line-height: 24px;
    text-transform: uppercase;
    font-family: @ibc;

    img {
        margin-right: 10px;
    }
}

.entete-term-actions {
    > a {
        color: rgb(0, 0, 0);
        font-family: @dosis-book;
        font-size: 18px;
        font-weight: 300;
        line-height: 24px;
        text-transform: uppercase;
        display: inline-block;
        margin: 0 15px;
        text-decoration: none;

        &:before {
            content: url("../images/icone-imprimer.svg");
            padding-right: 10px;
        }
    }
}

.node-fiche-arbre.node-teaser,
.node-fiche-commune.node-teaser,
.node-fiche-patrimoine.node-teaser,
.node-fiche.node-teaser{
    padding: 10px;
    background: url("../images/term-line.png") no-repeat center top;
}

.node-fiche-arbre.node-teaser,
.node-fiche-commune.node-teaser,
.node-fiche-patrimoine.node-teaser,
.node-fiche.node-teaser,
.page-incontournable .node-teaser {

    .fiche-node-link {
        display: block;
        padding: 10px;
        text-decoration: none;
        position: relative;
        .rounded-corners(3px);
    }

    .fiche-node-image {
        height: 100px;
        width: 100px;
        position: relative;
        display: inline-block;
        vertical-align: middle;
        margin-right: 20px;

        img {
            position: relative;
            z-index: 1;
            display: block;
            width: 100%;
            height: auto;
            margin: 0;
        }
    }

    .fiche-node-texte {
        display: inline-block;
        vertical-align: middle;

        h1 {
            font-family: @ibc;
            font-size: 18px;
            font-size: 1.8rem;
            line-height: 24px;
            margin-bottom: 5px;
            color: #222;
        }

        span {
            font-family: @dosis-book;
            font-size: 16px;
            font-size: 1.6rem;
            line-height: 21px;
            text-transform: uppercase;
            color: @red-color;
        }
    }

    .fiche-node-hover {
        position: absolute;
        z-index: 2;
        top: 0;
        left: 0;
        width: 100px;
        height: 100px;
        overflow: hidden;
        .rounded-corners(50%);

        .fiche-node-plus {
            position: absolute;
            top: 20px;
            left: 20px;
            width: 60px;
            height: 60px;
            .rounded-corners(50%);
            background: @red-color url('../images/plus.png') no-repeat center center;
            background: rgba(223,63,29,0.9) url("../images/plus.png") no-repeat center center;
            opacity: 0;
            .transform(scale(1.6));
            .transition(all 0.5s ease 0);
        }
    }

    .fiche-node-link:hover {
        background: #f8f6e9;

        .fiche-node-plus {
            .transform(scale(1));
            opacity: 1;
        }
    }
}
/* MAPS LEAFLET */
#morvan-maps {
    .info {
        font: 14px/16px Arial, Helvetica, sans-serif;
        background: white;
        background: rgba(255,255,255,0.8);
        box-shadow: 0 0 15px rgba(0,0,0,0.2);
        border-radius: 5px;
    }

    .info p {
        padding: 6px 8px;
        font-family: @ibc;
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 24px;
        color: #222;
    }
}

.content-section-contribution {
    .field-label {
        padding-left: 40px;
        height: 28px;
        background: url("../images/titre-contrib.png") no-repeat left top;
    }

    .submitted {
        margin: 20px 10px 0;
        padding: 10px 0 0;
        font-size: 0.8571428571428571em;
        border-top: 1px dotted #e9e6d7;
        font-style: italic;
    }

    .field-contrib-texte {
        margin-top: 20px;
        padding: 0 10px;
    }
}

#block-morvanblocks-contrib-scientifique,
#block-morvanblocks-side-arbres,
#block-morvanblocks-side-contribuer-inventaire {
    h2 {
        padding-left: 40px;
        background: url("../images/side-contrib.png") no-repeat left top;
    }

    .content-bloc p {
        padding-top: 10px;
        padding-bottom: 5px;
        font-family: 'DBook';
        font-size: 1.1429em;
        line-height: 1.125em;
    }

    .content-bloc p a {
        text-decoration: none;
        color: #63625f;
        font-family: 'DBook';
        font-size: 1.1429em;
        line-height: 1.125em;
        text-transform: uppercase;
        text-decoration: none;
    }
}

#block-morvanbiblio-bibliotheque-assosiee,
#block-morvancontrib-last-contribution {
    h2 {
        padding-left: 40px;
        background: url("../images/side-contrib.png") no-repeat left top;
    }

    .item-list {
        li {
            border-bottom: 1px solid #e9e6d7;
            padding: 10px;
        }

        .last {
            border-bottom: 0;
            padding: 10px 10px 0;
        }

        a {
            color: @red-color;
            text-decoration: none;
        }

        a:hover {
            text-decoration: underline;
        }
    }
}

#block-morvancontrib-contribuer {
    background: white;
    padding: 15px 20px;
    margin: 30px 0 0;
    .rounded-corners(5px);
    .box-shadow(0,1px,3px,0,23,23,23,.15);
    overflow: hidden;

    h2 {
        margin: 5px 0 0;
        font-family: @ibc;
        font-size: 1.7857em;
        line-height: 1.12em;
        color: #222;
    }

    label {
        display: block;
    }

    .description {
        font-size: 0.8571428571428571em;
        font-style: italic;
    }

    .form-item {
        margin-top: 20px;

        input,
        textarea {
            display: block;
            border: 1px solid #c6c2b0;
            padding: 2px 4px;
            -webkit-box-sizing: border-box;
            /* Safari/Chrome, other WebKit */
            -moz-box-sizing: border-box;
            /* Firefox, other Gecko */
            box-sizing: border-box;
            /* Opera/IE 8+ */
            resize: none;
        }
    }

    #edit-envoyer {
        margin-top: 20px;
        display: block;
        border: 0;
        cursor: pointer;
        height: 30px;
        background: #c6c2b0;
        color: #ffffff;
    }
}

#search-form {
    background: white;
    padding: 15px 20px;
    margin: 30px 0 0;
    .rounded-corners(5px);
    .box-shadow(0,1px,3px,0,23,23,23,.15);
    overflow: hidden;

    #edit-submit,
    .form-item {
        display: inline-block;
    }
}

.search-results-container {
    background: white;
    padding: 15px 20px;
    margin: 30px 0 0;
    .rounded-corners(5px);
    .box-shadow(0,1px,3px,0,23,23,23,.15);
    overflow: hidden;

    h2 {
        margin: 5px 0 10px;
        font-family: @ibc;
        font-size: 1.7857em;
        line-height: 1.12em;
        color: #222;
    }

    li {
        padding: 10px;
        background: url("../images/term-line.png") no-repeat center top;

        a {
            color: @red-color;
        }

        strong {
            font-weight: bolder;
        }
    }
}

.biblio-listing {
    background: white;
    padding: 15px 10px;
    margin: 30px 0 0;
    .rounded-corners(5px);
    .box-shadow(0,1px,3px,0,23,23,23,.15);
    overflow: hidden;

    .page-title {
        margin: 5px 10px 10px;
        font-family: @ibc;
        font-size: 1.7857em;
        line-height: 1.12em;
        color: #222;
    }

    h3 {
        margin: 20px 0 0;
        font-family: @dosis-bold;
        font-size: 1.142857142857143em;
        text-transform: uppercase;
    }

    .content-sp {
        border-top: 1px solid #e9e6d7;
        margin: 25px 10px 0;
    }

    .content-section {
        margin: 0 10px;
        overflow: hidden;

        a {
            color: @red-color;
        }
    }
}
/* INVENTAIRE */
.term-form-memo,
.term-form-patpro {
    .form-type-checkboxes {
        margin: 0 0 15px;

        .form-checkboxes {
            padding: 5px;
            .rounded-corners(3px);
            overflow: hidden;
        }

        .form-item {
            display: inline-block;
            margin-right: 10px;
        }
    }

    label {
        display: block;
        font-family: @dosis-book;
        color: rgb(51, 51, 51);
        font-size: 18px;
        line-height: 24px;
        text-transform: uppercase;
        margin-bottom: 10px;
    }

    .form-type-checkbox {
        label {
            display: inline-block;
            margin-left: 10px;
        }
    }

    #morvanobjets-objets-form .form-type-checkbox {
        label {
            display: inline-block;
            margin-left: 10px;
        }
    }

    select {
        background: #FFF;
        color: black;
        border: 1px solid rgb(233, 230, 216);
        height: 30px;
        font-family: @dosis-book;
        .rounded-corners(3px);
        cursor: pointer;
        margin: 0 0 15px;
        font-size: 1.1429em;
    }

    option[value="148"],
    option[value="149"],
    option[value="105"],
    option[value="106"],
    option[value="107"],
    option[value="534"],
    option[value="540"],
    option[value="535"],
    option[value="533"],
    option[value="537"],
    option[value="538"],
    option[value="536"],
    option[value="539"] {
        background: @red-color;
        color: #f8f6e9;
    }

    input[type=text] {
        background: #FFF;
        color: black;
        border-radius: 5px;
        border: 1px solid rgb(233, 230, 216);
        padding: 4px;
        font-family: @dosis-book;
        .rounded-corners(5px);
        margin: 0 0 15px;
        font-size: 1.1429em;
    }

    input[type=submit] {
        background: @red-color;
        color: white;
        border: 0;
        padding: 8px 10px;
        font-family: @dosis-book;
        .rounded-corners(3px);
        text-transform: uppercase;
        cursor: pointer;
        margin: 15px 10px 0 0;
        font-size: 1.1429em;
    }

    .reset-btn {
        color: @red-color;
        font-size: 1.1429em;
        font-family: @dosis-book;
    }

    .form-item {
        .description {
            margin: 0 0 10px;
            font-size: small;
            font-style: italic;
        }
    }

    .fieldset-description {
        font-size: small;
        font-style: italic;
        margin: 5px 0;
    }

    .form-submit {
        clear: both;
    }
}

.term-form-memo,
.term-form-patpro {
    background: rgb(233, 230, 216);
    position: relative;

    .total-results {
        position: absolute;
        bottom: 20px;
        right: 20px;
        color: @text-color;
        font-family: @dosis-bold;
        font-size: 1.1429em;
    }

    .alignleft {
        .form-type-checkbox,
        .form-type-checkboxes,
        .form-type-select,
        .form-type-textfield {
            float: left;
            margin-right: 20px;
        }

        .form-type-textfield input {
            width: 250px;
        }

        .form-type-checkbox {
            display: block;
        }
    }

    .clearleft .form-item {
        clear: left;
    }

    .longlimit input {
        width: 250px;
    }
}

.inv-wrapper {
    box-shadow: 0 1px 3px rgba(23, 23, 23, 0.15);
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    padding: 30px;
    margin-top: 30px;
    .rounded-corners(5px);
    overflow: hidden;
}

#morvanobjets-objets-form,
#morvanpat-page-memo-form,
.inv-accesgeo,
.inv-thematique {
    label {
        display: block;
        font-family: @dosis-book;
        color: rgb(51, 51, 51);
        font-size: 18px;
        font-weight: 300;
        line-height: 24px;
        text-transform: uppercase;
        margin-bottom: 10px;
    }

    select {
        border-radius: 5px;
        border: 1px solid rgb(233, 230, 216);
        background-color: rgb(255, 255, 255);
        color: black;
        height: 30px;
        font-family: @dosis-book;
        .rounded-corners(3px);
        cursor: pointer;
        margin: 0 0 15px;
        font-size: 1.1429em;
    }

    option[value="148"],
    option[value="149"],
    option[value="105"],
    option[value="106"],
    option[value="107"] {
        background: @red-color;
        color: #f8f6e9;
    }

    input[type=submit] {
        background: @red-color;
        color: white;
        border: 0;
        height: 40px;
        font-family: @dosis-book;
        .rounded-corners(3px);
        text-transform: uppercase;
        cursor: pointer;
        margin: 15px 0 0;
        font-size: 1.1429em;
    }

    .form-submit {
        clear: both;
    }
}

.inv-accesgeo,
.inv-thematique {
    float: left;
    width: 300px;
    margin: 0;
    background: rgb(233, 230, 216);
    .rounded-corners(5px);
    .box-shadow(0,1px,3px,0,23,23,23,.15);

    .inv-acces-title {
        background: black;
        font-family: @ibc;
        color: white;
        padding: 10px 20px;
        text-transform: uppercase;
        .rounded-corners(3px 3px 0 0);
    }

    form {
        padding: 20px;
    }

    select {
        width: 100%;
    }
}

.inv-thematique.full-width {
    float: none;
    width: 100%;
}

.inv-accesgeo {
    margin: 0 0 0 30px;
}

.inv-advance {
    float: left;
    width: 190px;
    margin: 30px 0 0 30px;

    a {
        font-family: @ibc;
        color: white;
        padding: 20px 10px;
        text-align: center;
        background: black;
        display: block;
        text-decoration: none;
        .rounded-corners(3px);
        .box-shadow(0,1px,3px,0,23,23,23,.15);
    }

    a:hover {
        background: @red-color;
    }
}

.inv-advance.inv-advance-objets {
    width: 100%;

    a {
        width: 300px;
        margin: 0 auto;
    }
}

.region-sidebar {
    .inv-advance {
        margin: 0 0 20px;

        &.inv-advance-objets a {
            width: inherit;
            padding: 20px 0;
        }
    }
}

.inv-advance-pro {
    margin: 15px 0 0;
    float: none;
    width: 100%;
}

.inv-advance-first {
    margin: 30px 0 0;
}

.liste-communes,
.morvan-maps,
.spiraledutemps {
    margin-top: 30px;
    position: relative;
    z-index: 1;
}

#block-morvanpat-morvanpat-description {
    p {
        margin-top: 15px;
    }
}
/**
 * PRO
 */
.node-fiche-patrimoine {
    background: #ffde7b;
    overflow: hidden;

    h3.field-label {
        margin: 5px 0 0;
        font-family: @ibc;
        font-size: 1.7857em;
        line-height: 1.12em;
        color: #222;
    }

    .field-wrapper {
        margin-top: 5px;

        .field-label {
            margin-top: 15px;
            color: #63625f;
            font-family: 'DBook';
            font-size: 1.1429em;
            line-height: 1.125em;
        }

        .inline {
            font-weight: bolder;
        }
    }

    .field-theme,
    .term-tree-list,
    .term-tree-list .term,
    .term-tree-list .term li {
        display: inline;
    }

    .term-tree-list .term li.unselected ul {
        display: block;
        margin-top: 5px;
    }

    .term-tree-list .term li .selected:before {
        content: 'Sous thème: ';
        font-weight: normal;
        color: #63625f;
        font-family: 'DBook';
        font-size: 1.1429em;
        line-height: 1.125em;
    }

    .term-tree-list .term li a {
        pointer-events: none;
        cursor: default;
        color: #63625f;
        text-decoration: none;
        font-weight: bold;
    }

    .field-dat-orig.inline,
    .field-dat-rem.inline {
        display: inline;

        .container-inline {
            display: inline;

            div {
                display: inline;
            }
        }
    }

    .field-elt-res {
        margin-bottom: 5px;
        padding-bottom: 5px;
        border-bottom: 1px solid #e9e6d7;

        .field-wrapper {
            display: inline-block;
            margin-right: 20px;
        }

        h3 {
            font-size: 1.1429em;
            line-height: 1.125em;
            font-weight: bolder;
        }
    }

    .field-group-div {
        background: #ffffff;
        .rounded-corners(5px);
        padding: 20px;
        margin-top: 20px;

        h2 {
            margin: 0;
            font-family: @ibc;
            font-size: 1.2857em;
            line-height: 1.12em;
            color: #222;
        }
    }

    .group-localisation {}

    .group-loc-dat {
        float: left;
        width: 345px;
        margin: 0 20px 0 0;
        overflow: hidden;
    }

    .group-contexte {
        float: left;
        width: 245px;
    }

    .group-ressources {
        clear: both;
    }

    .content-sp {
        border-top: 1px solid #666;
        margin: 20px 10px 0;
    }

    .content-section {
        margin: 0 10px;
        overflow: hidden;
    }

    .no-margin-side {
        margin: 0;

        .field-label {
            margin: 5px 10px 0;
        }
    }

    .content-section-galerie,
    .field-photosobj {
        padding-top: 10px;

        a {
            overflow: hidden;
            padding-top: 10px;
            float: left;
            margin: 0 0 10px 10px;

            img {
                display: block;
                margin: 0;
            }
        }
    }

    .field-illustration {
        float: left;
        margin: 0 20px 5px 0;

        img {
            display: block;
            margin: 0;
        }
    }
}

.wrapper-visuel-div {
    border-bottom: 1px solid #666;
    padding: 15px 0 10px;
}

.node-fiche-arbre.node-full {
    h3.field-label {
        margin: 5px 0 0;
        font-family: @ibc;
        font-size: 1.7857em;
        line-height: 1.12em;
        color: #222;
    }

    .field-wrapper {
        margin-top: 5px;

        .field-label {
            margin-top: 15px;
            color: #63625f;
            font-family: 'DBold';
            font-size: 1.1429em;
            line-height: 1.125em;
        }
    }

    .group-infos {
        border-top: 1px solid #e9e6d7;
        margin: 25px 10px 0;
        clear: both;
    }

    .field-group-div {
        h2 {
            margin: 25px 0 0;
            font-family: @ibc;
            font-size: 1.7857em;
            line-height: 1.12em;
            color: #222;
        }
    }

    .content-sp {
        border-top: 1px solid #e9e6d7;
        margin: 25px 10px 0;
    }

    .content-section {
        margin: 25px 10px 0;
        overflow: hidden;
    }

    .no-margin-side {
        margin: 25px 0 0;

        .field-label {
            margin: 5px 10px 0;
        }
    }

    .content-section-galerie .field-label {
        padding-left: 40px;
        height: 28px;
        background: url("../images/titre-galerie.png") no-repeat left top;
    }

    .field-illustration {
        float: left;
        margin: 0 20px 20px 0;

        img {
            display: block;
            margin: 0;
        }
    }
}
/**
 * Override of misc/vertical-tabs.css.
 */
/**
  Transforming vertical tabs into a normal horizontal tabs
  We need this because color and region area plugin works
  better in a full width environment
  **/
div.vertical-tabs .vertical-tabs-list {
    width: 100%;
    margin: 0;
    clear: both;
    border-bottom: none;
}

div.vertical-tabs {
    border: none;
    border-radius: none;
    -moz-border-radius: none;
    -webkit-border-radius: none;
    -o-border-radius: none;
    margin: 10px 0;
    position: relative;
}

div.vertical-tabs .fieldset-legend {
    display: none;
}

div.vertical-tabs .vertical-tabs-panes {
    margin: 0;
    padding: 10px 15px;
    clear: both;
    border: 1px solid @text-color;
}

div.vertical-tabs ul li.vertical-tab-button {
    float: left;
    margin: 0 3px 0 0;
    border: 1px solid @text-color;
    .rounded-corners(3px 3px 0 0);
    background: @text-color;
}

div.vertical-tabs ul li.vertical-tab-button a {
    border-top: medium none;
    font-size: 0.917em;
    line-height: 120%;
    padding: 5px 9px 3px;
    text-decoration: none;
    color: white;
}

div.vertical-tabs ul li.vertical-tab-button a:hover {
    background: none;
}

div.vertical-tabs ul li.selected {
    border: 1px solid @text-color;
    background: #f8f6e9;
}

div.vertical-tabs ul li.selected a {
    color: @text-color;
}

div.vertical-tabs ul li.selected a,
div.vertical-tabs ul li.selected a:active,
div.vertical-tabs ul li.selected a:focus,
div.vertical-tabs ul li.selected a:hover {
    background: none;
    border: none;
    text-decoration: none;
}

.node-type-fiche-commune .banner {
    display: none !important;
}

#link-commune a {
    float: right;
    padding: 5px 10px;
    background: #df3f1d;
    width: 110px;
    margin-right: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 0 2px 0 #171717;
    -webkit-box-shadow: 0 0 2px 0 rgba(23,23,23,0.3);
    -moz-box-shadow: 0 0 2px 0 rgba(23,23,23,0.3);
    -ms-box-shadow: 0 0 2px 0 rgba(23,23,23,0.3);
    -o-box-shadow: 0 0 2px 0 rgba(23,23,23,0.3);
    box-shadow: 0 0 2px 0 rgba(23,23,23,0.3);
    font-family: 'DBook';
    text-decoration: none;
    color: white;
}

.clear {
    clear: both;
}
@media screen and (max-width: 1150px) {
    #site-slogan {
        margin-left: 5px;
        font-size: 1.2em;
    }
}

.page-objets-du-patrimoine .reset-btn {
    display: none;
}

.page-objets-du-patrimoine-recherche .reset-btn,
.page-objets-du-patrimoine-recherche-professionnelle .active {
    display: inline;
}

.fiche-link {
    padding-top: 25px;
    overflow: hidden;
    margin-bottom: -10px;
}

.fiche-prev-link {
    float: left;
    color: black;
    text-decoration: none;
}

.fiche-next-link {
    float: right;
    color: black;
    text-decoration: none;
}


.page-objets-du-patrimoine-recherche-professionnelle {
    .term-actions {
        display: flex;
        justify-content: center;
    }
}

.page-objets-du-patrimoine .form-item-pa,
.page-objets-du-patrimoine .form-item-t {
    width: 260px;
}

.block-from {
    transition-duration: 0.5s;

    h2 {
        color: rgb(34, 34, 34);
        font-family: @ibc;
        font-size: 18px;
        letter-spacing: -0.5px;
        line-height: 24px;
        text-transform: uppercase;
        display: block;
        margin-bottom: 15px;
        padding-bottom: 15px;
        margin-top: 15px;
        border-bottom: 1px solid rgba(34, 34, 34, 0.1);
        position: relative;
        cursor: pointer;

        &:after {
            content: '<';
            position: absolute;
            right: 0;
            top: 5px;
            transform: rotate(90deg);
            transition-duration: 0.5s;
        }
    }

    .block-from__detail {
        display: flex;
        flex-flow: wrap;
        justify-content: space-between;
        opacity: 1;
        transition-duration: 0.8s;
        visibility: visible;

        > div {
            width: ~"calc(50% - 20px)";
        }

        input,
        select {
            width: 100%;
            border-radius: 5px;
        }

        .form-item-nv {
            width: 100%;
        }
    }

    .form-type-checkbox {
        display: flex!important;
        align-items: center;

        input {
            width: auto;
            position: relative;
            top: -5px;
            right: -5px;
        }

        label {
            color: rgb(51, 51, 51);
            font-family: @font-family;
            font-size: 14px;
            line-height: 21px;
            text-transform: none;
        }
    }

    &.close {
        h2 {
            &:after {
                transform: rotate(-90deg);
            }
        }

        .block-from__detail {
            visibility: hidden;
            opacity: 0;
            transition-duration: 0.8s;
            height: 0;
            overflow: hidden;
        }
    }
}

.node-incontournable,
.node-page-d-tail-collection-objet {
    h1 {
        font-size: 18px;
        letter-spacing: -0.5px;
        line-height: 24px;
        display: block;
        border-bottom: 1px solid rgb(233, 230, 216);
        padding-bottom: 15px;
    }

    .field-body {
        padding: 15px;

        p {
            margin-bottom: 30px;

            &:last-child {
                margin-bottom: 0;
            }
        }

        strong {
            color: rgb(51, 51, 51);
        }
    }

    .title {
        display: flex;
        align-items: center;

        img {
            margin-right: 10px;
        }
    }

    .field-illustration-page {
        margin: 40px 15px 0;

        img {
            max-width: 100%;
        }
    }

    .colonne-image {
        display: flex;
        justify-content: space-between;

        > div {
            width: ~"calc(50% - 15px)";
        }
    }

    .field-illustration-cote {
        margin-top: 15px;
    }
}

#block-views-block-collection-outil-block {
    .view-content {
        display: flex;
        flex-flow: column-reverse;
    }

    .views-row {
        &:first-child {
            &:before {
                content: '';
                display: block;
                height: 5px;
                width: 100%;
                background-image: url("../images/side-top.png");
                margin: 30px 0;
            }
        }
    }
    text-align: center;

    h2 {
        display: none!important;
    }

    .views-field-title {
        color: rgb(34, 34, 34);
        font-family: @ibc;
        font-size: 18px;
        letter-spacing: -0.5px;
        line-height: 24px;
        text-transform: uppercase;
        margin-top: 10px;
    }

    .field-soustitre-block-gauche {
        color: rgb(51, 51, 51);
        font-family: @dosis-book;
        font-size: 18px;
        font-weight: 300;
        line-height: 24px;
        text-transform: uppercase;
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid rgb(233, 230, 216);
    }

    .field-introduction-block-gauche {
        color: rgb(51, 51, 51);
        font-family: @font-family;
        font-size: 14px;
        line-height: 21px;
        margin-bottom: 20px;
    }

    a {
        color: rgb(18, 139, 35);
        font-family: @dosis-book;
        font-size: 16px;
        font-weight: 300;
        line-height: 18px;
        text-transform: uppercase;
        text-decoration: none;
    }
}

.footer-page-collection-objet {
    box-shadow: 0 1px 3px rgba(23, 23, 23, 0.15);
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    margin-top: 20px;
    padding: 0 20px;

    .footer-page-collection-objet__row {
        padding: 20px 0;
        border-bottom: 1px solid rgb(233, 230, 216);
        display: flex;
        align-items: center;

        .footer-page-collection-objet__row__left {
            width: 120px;
        }

        .footer-page-collection-objet__row__right {
            flex: 1;

            h3 {
                color: rgb(34, 34, 34);
                font-family: @ibc;
                font-size: 18px;
                letter-spacing: -0.5px;
                line-height: 24px;
                text-transform: uppercase;
                padding-bottom: 5px;
            }

            a {
                color: rgb(223, 63, 29);
                font-family: @dosis-book;
                font-size: 16px;
                font-weight: 300;
                line-height: 18px;
                text-transform: uppercase;
                text-decoration: none;
            }
        }
    }
}

.page-incontournable {
    padding: 20px;

    > h1 {
        font-size: 18px;
        letter-spacing: -0.5px;
        line-height: 24px;
        display: block;
        border-bottom: 1px solid rgb(233, 230, 216);
        padding-bottom: 15px;
    }

    .title {
        display: flex;
        align-items: center;
        margin-bottom: 15px;
        img {
            margin-right: 10px;
        }
    }
}

.node-teaser.page-incontournable{
    .field-illustration{
        margin: 0!important;
    }
    .fiche-node-texte{
        h1{
            margin-left: 0!important;
        }
    }
}

.liste-incontournable {

    padding-top: 15px;

    li {
        padding: 0 0 0 15px;
    }
    img {
        width: 130px;
        height: auto;
    }
    a{
        display: flex;
        align-items: center;
        color:#222;
        text-decoration: none;
        font-family: 'IBC';
        .liste-incontournable__texte{
            flex:1;
            padding-left: 30px;
        }
        .liste-incontournable__image{
            width:130px;
        }
    }
}

.liste-objet-emblematique {
    > .field-wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
        column-gap: 10px;
        row-gap: 20px;
        padding: 20px 10px 0;

        img {
            max-width: 100%;
        }
    }
}

.field-paragraphe {
    display: flex;
    justify-content: space-between;
    margin-bottom: 45px;
    padding: 10px 10px 0;

    &:last-child {
        margin-bottom: 0;
    }

    &:nth-child(2n+2) {
        flex-flow: row-reverse;
    }

    > div {
        width: ~"calc(50% - 10px)";
    }

    .field-illustration-paragraphe{
        a {
            position: relative;
            &:after{
                content: url(../images/lien-lightbox.svg);
                position: absolute;
                right:0;
                bottom:-2px;
                z-index: 10;
            }
        }
    }

}

.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: 25px;
    cursor: pointer;
}

.swiper-button-prev {
    left:10px;
}

.swiper-button-next {
    top: 30px;
}

.swiper-button-prev.swiper-button-disabled,
 .swiper-button-next.swiper-button-disabled {
    opacity: 0!important;
}


.swiper-slide-thumb-active {
    position: relative;

    &:after {
        content: '';
        display: block;
        width: 100%;
        height: ~"calc(100% - 6px)";
        background-image: url("../images/thumb-active.svg");
        z-index: 10;
        background-size: cover;
        background-position: center center;
        position: absolute;
        top: 0;
        left: 0;
    }
}

.gallery-top{
    margin-bottom: 20px;
}

.swiper-slide{
    img{
        width: 100%;
        height: auto;
    }
}

.swiper-slide__titre{
    text-transform: uppercase;
    display: flex;
    justify-content: space-between;
    display: flex;
    align-items: center;
    position: absolute;
    width: 610px;
    left: 20px;
    top: 20px;
    background-color: #dd3f19;
    h2{
            background-color: #000;
            flex: 1;
            padding: 10px 20px;
            color: rgba(255, 255, 255,0.9);
            font-family: @ibc;
            font-size: 18px;
            letter-spacing: -0.5px;
            line-height: 24px;
    }
    span{
        color: rgb(255, 255, 255);
        font-family: @dosis-book;
        font-size: 16px;
        font-weight: 300;
        line-height: 24px;
        text-transform: uppercase;
        width: 190px;
        background-color: rgb(221, 63, 25);
        padding: 10px 20px;
        text-decoration: none;
        text-align: center;
        position: relative;
    }
}

.swiper-navigation{
    position: relative;
}

.gallery-thumbs {
    position: relative;
    cursor: pointer;
    margin: 0 50px;
    .swiper-button-prev {
        position: absolute;
        top: 30px;
        left: -50px;
        z-index: 10;
    }

    .swiper-button-next {
        position: absolute;
        top: 30px;
        right: -50px;
        z-index: 10;
    }

    .swiper-wrapper {
        /* padding: 0 40px; */
    }
}

#morvanpat-page-memo-form{
    > div {
        display: flex;
        justify-content: space-between;
        flex-flow: wrap;
        align-items: flex-end;
        > div {
            width:~"calc(50% - 20px)";
        }
        input,
        select{
            width: 100%;
        }
    }
}

#container-end{
    width: 100%;
}

.ajax-progress{
    position: absolute;
}

#cboxTitle{
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'IBC';
}

.views-exposed-widget{
    padding: 2em 1em 0 0;
    float: none;
}