/* font-family: 'Cinzel', serif; */
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

a.preview {
    cursor: default;
}

a.lienActif, a.lienAttente {
    cursor: pointer;
}

#preview {
    position: absolute;
    border: 1px solid #ccc;
    background: #333;
    padding: 5px;
    display: none;
    color: #fff;
    border-radius: 4px;
}

.calendrier {
    width: 55px;
    height: 70px;
    position: relative;
    /*float: left;*/
    margin-right: 15px;
    background-image: url('../images/calendrier.png');
    font-family: 'PT Sans', sans-serif;
    vertical-align: top;
    display: inline-block;
}

    .calendrier span {
        position: absolute;
        width: 100%;
        left: 0px;
        text-align: center;
    }

        .calendrier span.annee {
            color: white;
            font-size: 12px;
            line-height: 20px;
            font-weight: bold;
        }

        .calendrier span.mois {
            top: 25px;
            color: black;
            font-size: 16px;
        }

        .calendrier span.jour {
            top: 40px;
            font-size: 20px;
            color: black;
            font-weight: bold;
        }

.infobox-calendrier {
    text-decoration: none;
    /*height:110px;*/
    background-color: #fafafa;
    margin-top: 10px;
    padding: 15px;
    border-radius: 3px;
    font-family: 'Cinzel', serif;
    line-height: 16px;
}

    .infobox-calendrier div.description {
        width: calc(100% - 71px);
        color: black;
        font-size: 16px;
        display: inline-block;
    }

    .infobox-calendrier div.temps {
        font-size: 12px;
    }

    .infobox-calendrier div.endroit {
        font-size: 13px;
        font-weight: bold;
    }

    .infobox-calendrier div.adresse {
        font-size: 13px;
    }

.table-valeur {
    width: 100%;
    border: 1px solid black;
    font-size: 1em;
}

    .table-valeur tr td {
        border: 1px solid black;
        padding: 0px 10px 0px 10px;
    }

        .table-valeur tr td:first-child {
            width: 1%;
        }

            .table-valeur tr td:first-child + td, .table-valeur tr td:last-child {
                width: 20%;
            }

.testament-prf {
    display: inline-block;
}

    .testament-prf img {
        width: 168px;
        height: 168px;
        float: left;
        margin-right: 15px;
    }

.testament-rite {
    display: inline-block;
    width: 100%;
    margin: 15px 0px 15px 0px;
}

    .testament-rite img {
        width: calc(50% - 3px);
        display: inline-block;
    }

.pgwSlideshow .ps-current > ul > li img {
    max-width: none;
    width: 100%;
}

.ps-fullscreenIcon {
    position: absolute;
    width: 25px;
    max-width: 25px;
    height: 25px;
    top: 10px;
    right: 10px;
    background-image: url("../images/ico-fullscreen.png");
    background-size: contain;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.will_anim {
    opacity: 0;
    -webkit-transition: opacity .7s .1s, -webkit-transform .7s .1s;
    transition: opacity .7s .1s, -webkit-transform .7s .1s;
    -o-transition: transform .7s .1s, opacity .7s .1s;
    transition: transform .7s .1s, opacity .7s .1s;
    transition: transform .7s .1s, opacity .7s .1s, -webkit-transform .7s .1s;
}

    .will_anim.first {
        -webkit-transition: opacity .7s .1s, -webkit-transform .7s .1s;
        transition: opacity .7s .1s, -webkit-transform .7s .1s;
        -o-transition: transform .7s .1s, opacity .7s .1s;
        transition: transform .7s .1s, opacity .7s .1s;
        transition: transform .7s .1s, opacity .7s .1s, -webkit-transform .7s .1s;
    }

    .will_anim.sec {
        -webkit-transition: opacity .7s .2s, -webkit-transform .7s .2s;
        transition: opacity .7s .2s, -webkit-transform .7s .2s;
        -o-transition: transform .7s .2s, opacity .7s .2s;
        transition: transform .7s .2s, opacity .7s .2s;
        transition: transform .7s .2s, opacity .7s .2s, -webkit-transform .7s .2s;
    }

    .will_anim.third {
        -webkit-transition: opacity .7s .3s, -webkit-transform .7s .3s;
        transition: opacity .7s .3s, -webkit-transform .7s .3s;
        -o-transition: transform .7s .3s, opacity .7s .3s;
        transition: transform .7s .3s, opacity .7s .3s;
        transition: transform .7s .3s, opacity .7s .3s, -webkit-transform .7s .3s;
    }

    .will_anim.last {
        -webkit-transition: opacity .7s .4s, -webkit-transform .7s .4s;
        transition: opacity .7s .4s, -webkit-transform .7s .4s;
        -o-transition: transform .7s .4s, opacity .7s .4s;
        transition: transform .7s .4s, opacity .7s .4s;
        transition: transform .7s .4s, opacity .7s .4s, -webkit-transform .7s .4s;
    }

.from_right {
    -webkit-transform: translateX(150px);
    -ms-transform: translateX(150px);
    transform: translateX(150px);
}

.from_left {
    -webkit-transform: translateX(-150px);
    -ms-transform: translateX(-150px);
    transform: translateX(-150px);
}

.from_bottom {
    -webkit-transform: translateY(150px);
    -ms-transform: translateY(150px);
    transform: translateY(150px);
}

.will_anim.animated {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

/* FIN Anim onLoad */

body {
    font-family: 'PT Sans', sans-serif;
    font-size: 16px;
    color: #000;
    -webkit-transition: padding .4s;
    -o-transition: padding .4s;
    transition: padding .4s;
    overflow-x: hidden;
}

    body.open-menu {
        overflow: hidden;
        max-height: 100vh;
    }

.wrap {
    width: 1300px;
    max-width: 95%;
    margin: 0 auto;
    font-size: 0px;
}

    .wrap > * {
        font-size: 16px
    }

header.main {
    text-align: center;
    padding: 15px 0;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #fff;
    z-index: 10;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    z-index: 200;
}

.scrolled header.main {
    padding: 15px 0;
    border-bottom: 1px solid #aeaeae;
}

.scrolled.open-menu header.main {
    border-bottom: 1px solid #fff;
}

header.main .wrap {
    width: 1400px;
    position: relative;
}

header.main a.logo {
    display: block;
    margin: 0 auto;
    text-indent: -9999px;
    width: 259px;
    height: 76px;
    background-image: url(../images/fournier/head-logo.png);
    background-size: 100%;
    background-repeat: no-repeat;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

header.main div.logos-container {
    display: block;
    margin: 0 auto;
    text-indent: -9999px;
    width: 500px;
    height: 76px;
    background-size: 100%;
    background-repeat: no-repeat;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.scrolled header.main a.logos-container {
    width: 335px;
    height: 76px;
}

.scrolled header.main a.logo {
    width: 259px;
    height: 76px;
}

header.main a:first-of-type {
    display: inline-block;
    float: left;
}

header.main a:nth-of-type(2) {
    display: inline-block;
    float: left;
    margin-top: 25px;
    margin-left: 20px;
}


header.main a:not(.logo) {
    display: block;
    margin-top: 0;
    height: 60px;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

header.main a.bnq {
    display: block;
    text-indent: -9999px;
    width: 76px;
    height: 76px;
    background-image: url(../images/fournier/bnq.png);
    background-size: 100%;
    background-repeat: no-repeat;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    margin-left: 0px;
}


header.main a:not(.logo):nth-child(3) {
    height: 64px;
}

header.main a:not(.logo) img {
    display: block;
    height: 80%;
}

header.main a:nth-of-type(3) {
    display: inline-block;
    float: right;
    margin-left: 20px;
}

a.pphome {
    display: inline-block;
    text-align: center;
    padding-top: 10px;
    vertical-align: middle;
    width: 33%;
}

.scrolled header.main a:not(.logo,.bnq) {
    margin-top: 0;
    height: 60px;
    margin-left: 110px;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.scrolled header.main a:not(.logo):nth-child(3) {
    height: 45px;
    margin-top: 14px;
    margin-left: 0;
    margin-right: 110px;
}

.scrolled.scrolled-large header.main {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}


nav.main {
    border-bottom: 1px solid #aeaeae;
    font-family: 'Cinzel', serif;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 20px;
    position: fixed;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 9;
    -webkit-transition: all .4s, top 0s;
    -o-transition: all .4s, top 0s;
    transition: all .4s, top 0s;
    z-index: 299;
}

.faq {
    border-top: 1px solid #fff;
    background: #f3efe9;
    padding: 100px 0;
    text-align: center;
}

    .faq h2 {
        font-family: 'Cinzel', serif;
        text-transform: uppercase;
        font-weight: 400;
        font-size: 30px;
        letter-spacing: 2px;
        line-height: 1;
        margin-bottom: 80px;
    }

    .faq h3 {
        font-family: 'Cinzel', serif;
        text-transform: uppercase;
        font-weight: 400;
        font-size: 20px;
        letter-spacing: 2px;
        line-height: 1;
        margin-bottom: 25px;
        cursor: pointer;
    }

    .faq article a {
        display: block;
        text-decoration: none;
        color: #000;
    }

    .faq article {
        width: calc(100% / 3 - 50px);
        display: inline-block;
        vertical-align: top;
        text-align: left;
    }

        .faq article:not(:first-of-type) {
            margin-left: 75px;
        }

        .faq article img {
            display: block;
            width: 100%;
            margin-bottom: 15px;
        }

        .faq article div {
            padding-left: 40px;
            position: relative;
        }

            .faq article div:before {
                content: "";
                display: block;
                position: absolute;
                left: 0;
                top: 10%;
                height: 80%;
                width: 2px;
                background: #ccc;
            }

            .faq article div:after {
                content: "";
                width: 0;
                height: 1px;
                background: #000;
                display: block;
                position: absolute;
                bottom: -15px;
                left: 40px;
                -webkit-transition: all .4s;
                -o-transition: all .4s;
                transition: all .4s;
            }

        .faq article a:hover div:after {
            width: calc(100% - 40px);
        }

    .faq h4 {
        font-size: 26px;
        font-weight: 400;
        font-family: 'Cormorant Infant', serif;
        line-height: 1;
        margin-bottom: 15px;
    }

        .faq h4 span {
            display: block;
            font-weight: 700;
        }

    .faq p {
        margin-bottom: 25px;
        letter-spacing: 1px;
    }

        .faq p.date {
            font-weight: 700;
        }

    .faq .wrap .faq-content {
        text-align: left;
        margin: 0px 120px 0px 120px;
    }

        .faq .wrap .faq-content ul {
            margin-bottom: 25px;
            list-style-position: inside;
            font-family: 'PT Sans', sans-serif;
            letter-spacing: 1px;
        }

@media screen and (max-width: 1041px) {

    .scrolled nav.main {
        opacity: 0;
        -webkit-transform: translateY(-130%);
        -ms-transform: translateY(-130%);
        transform: translateY(-130%);
    }

    .open-menu nav.main {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

nav.main div.wrap div {
    cursor: default;
}

nav.main .sublink {
    display: none;
}

    nav.main .sublink.active {
        display: inline-block;
    }

a.policy {
    font-weight: 700;
    color: #758490;
    text-decoration: none;
}

@media screen and (max-width: 1024px) {

    nav.main {
        max-height: calc(100vh - 86px);
        overflow: auto;
        padding-bottom: 0px !important;
    }

        nav.main.lfournier {
            max-height: calc(100vh - 126px);
        }

        nav.main .deploynav {
            background-image: url(../images/cordeon.png);
            background-size: auto 100px;
            background-repeat: no-repeat;
            background-position: 98% -49px;
        }

            nav.main .deploynav.active {
                background-position: 98% 28px;
                background-color: #a1a1a1;
                color: #fff !important;
            }

        nav.main .linkcontrol {
            max-width: calc(100% - 0px);
        }

        nav.main a {
            margin-right: 0px !important;
            padding: 0px 10px !important;
            height: 80px !important;
            font-weight: 700;
            border-top: 1px solid #000;
        }

            nav.main a:before {
                content: "";
                display: inline-block;
                height: 100%;
                width: 0px;
                vertical-align: middle;
            }

            nav.main a span {
                display: inline-block;
                line-height: 1em;
                vertical-align: middle;
            }

        nav.main .linkcontrol > a.selected {
            background-color: #000;
            color: #fff !important;
        }

            nav.main .linkcontrol > a.selected.deploynav:not(.active) {
                background-image: url(../images/rcordeon.png);
            }

        nav.main .deploynav.active + .sublink {
            display: inline-block;
        }

        nav.main .sublink {
            width: 100%;
            background-color: #f8f8f8;
        }

            nav.main .sublink a {
                margin-right: 0px;
            }

                nav.main .sublink a + a {
                    border-top: 1px solid rgba(0,0,0,0.1);
                }
}


@media screen and (min-width: 1025px) {
    nav.main .sublink {
        display: none !important;
    }
}

nav.main a, nav.main div.wrap div:not(.sublink) {
    display: inline-block;
    text-align: left;
    text-decoration: none;
    color: #020303;
    margin-right: 40px;
    padding: 10px 10px;
    line-height: 1;
    vertical-align: middle;
    position: relative;
    height: 52px;
    -webkit-transition: color .4s;
    -o-transition: color .4s;
    transition: color .4s;
}

    nav.main a.single, nav.main div.wrap div.single {
        line-height: 32px;
    }

    nav.main a.selected, nav.main div.wrap div.selected {
        color: #000;
        //letter-spacing: 1px;
        //text-shadow: 0 0 1px #000;
        font-weight: 700;
    }

    nav.main a:hover, nav.main div.wrap div:hover {
        color: #000;
        //text-shadow: 0 0 1px #000;
    }

    nav.main a:after, nav.main div.wrap div:after {
        content: "";
        display: block;
        width: 0%;
        height: 3px;
        background: #000;
        position: absolute;
        left: 0%;
        //left: 50%;
        //transform: translateX(-50%);
        bottom: -20px;
        -webkit-transition: all .4s;
        -o-transition: all .4s;
        transition: all .4s;
    }

    nav.main a:not(.selected):hover:after, nav.main div.wrap div:not(.selected):hover:after {
        width: 100%;
    }

    nav.main a.selected:after, nav.main div.wrap div.selected:after {
        width: 100%;
        height: 4px;
        bottom: -20px;
    }

.menu-ico {
    position: absolute;
    top: 15px;
    left: 15px;
    width: 50px;
    height: 50px;
    opacity: 0;
    z-index: 500;
    background: #fff;
    -webkit-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
    cursor: pointer;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.scrolled .menu-ico {
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
}


.scrolled-large .menu-ico {
    -webkit-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
}

.menu-ico span {
    display: block;
    position: absolute;
    width: 100%;
    height: 3px;
    background: #000;
    top: 0;
    left: 0;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

    .menu-ico span:nth-of-type(2) {
        top: 10px;
    }

    .menu-ico span:nth-of-type(3) {
        top: 21px;
    }
.home_menu_link {
    width: 50%;
    height: 100px;
    background-color: #CEBEA6;
    opacity: 0.9;
    color: white;
    position:absolute;
    bottom: 0;
    text-align: center;
    font-weight:bolder;
    line-height:100px;
    font-size: 1.2em;
    text-decoration: none;
    transition:200ms opacity ease-out;
}

#home_menu_link_1 {
    border-right: 1px solid black;
}

#home_menu_link_2{
    left:50%;
}

.home_menu_link_m {
    display:block;
    width: 100%;
    height: 75px;
    background-color: #CEBEA6;
    color: white;
    text-align: center;
    font-weight: bolder;
    line-height: 75px;
    text-decoration: none;
}

#home_menu_link_m_1 {
    border-bottom: 1px solid black;
}

.home_menu_link:hover {
    opacity: 1;
}

.ici_pour_servir_banniere{
    position: relative;
    height: 60vh;
    width: 100%;
    margin: 50px 0 75px 0;
    background-image:url(../images/ici_pour_servir_banniere.png);
    background-size: cover;
    background-position: center center;
}

#icipourlacommunaute{
    width: 20%;
    height: auto;
    position: absolute;
    left: 10%;
    top:50%;
    transform:translateY(-50%);
}

.infolettre .infos-top-menu{
    width:100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.infolettre .infos-top-menu p{
    font-size: 20px;
    margin-left: 0;
}

.open-menu .menu-ico span:nth-of-type(1) {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg);
    top: 12px;
}

.open-menu .menu-ico span:nth-of-type(3) {
    -webkit-transform: rotate(-210deg);
    -ms-transform: rotate(-210deg);
    transform: rotate(-210deg);
    top: 12px;
}

.open-menu .menu-ico span:nth-of-type(2) {
    height: 1px;
    top: 50px;
}

.menu-ico div {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 30px;
    font-family: 'Cinzel', serif;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.banner {
    position: relative;
}

    .banner:not(.home) img {
        display: block;
        width: 100%;
        -webkit-filter: brightness(60%);
        filter: brightness(60%);
    }

    .banner:not(.home) img.places {
        -webkit-filter: brightness(100%);
        filter: brightness(100%);
    }

.infolettre article {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    margin-top: 25px;
}

    .infolettre article + article {
        text-align: right;
    }

.infolettre h2 {
    font-family: 'Cinzel', serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 24px;
    letter-spacing: 2px;
    margin-bottom: 20px;
}

.infolettre p {
    margin-bottom: 20px;
}

.infolettre input:not([type=submit]) {
    display: inline-block;
    padding: 15px 10px;
    width: 275px;
    border-radius: 0;
    font-size: 16px;
    border: 1px solid #999;
}

.infolettre input[type=submit] {
    margin-left: 25px;
    background: #fff;
    border: none;
    font-size: 16px;
    text-decoration: underline;
    color: #6e6e6e;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

    .infolettre input[type=submit]:hover {
        text-decoration: none;
        color: #000;
    }

.infolettre article + article * {
    display: inline-block;
    vertical-align: middle;
    margin: 0px 6px;
}

.infolettre article a {
    letter-spacing: 2px;
    color: #000;
    font-weight: 400;
    text-decoration: none;
}

    .infolettre article a:not(.joinus) {
        font-size: 24px;
        font-weight: 700;
        letter-spacing: 3px;
    }

.infolettre a.joinus {
    margin-right: 0;
    margin-left: 30px;
    padding-left: 30px;
    position: relative;
}

.infolettre .infolettre_form{
    display:block;
    margin: 0 auto 100px auto;
    width:100%;
    text-align:center;
}

.infolettre .infolettre_form form{
    display:flex;
    justify-content: center;
    align-items:center;
}

.infolettre a.joinus:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 20px;
    background-image: url(../images/marker.png);
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
}

    .infolettre a.joinus:after {
        content: "";
        display: block;
        position: absolute;
        bottom: -5px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 0;
        height: 1px;
        background: #000;
        -webkit-transition: all .4s;
        -o-transition: all .4s;
        transition: all .4s;
    }

    .infolettre a.joinus:hover:after {
        width: 100%;
    }

.infolettre a.facebook-logo {
    margin: 13px 0px 0px 0px;
}

    .infolettre a.facebook-logo img {
        width: 32px;
    }

.liste-avis {
    text-align: center;
    /*margin-bottom: 160px;
    border-bottom: 1px solid #b5b5b5;*/
    font-size: 0px;
}

    .liste-avis div.padding {
        margin-bottom: 160px;
        border-bottom: 1px solid #b5b5b5;
    }

    .liste-avis.page_addf {
        border-bottom: 0px;
        margin-bottom: 0;
    }

    .liste-avis.rituels {
        text-align: center;
        margin-bottom: 160px;
        border-bottom: 1px solid #b5b5b5;
        font-size: 0px;
        padding-bottom: 50px;
    }

        .liste-avis.rituels h2 {
            font-family: 'Cinzel', serif;
            text-transform: uppercase;
            font-weight: 400;
            font-size: 30px;
            letter-spacing: 1px;
            line-height: 1;
            margin-bottom: 50px;
        }

.content.jardin {
    padding: 0px 0px 0px 0px;
}

    .content.jardin label {
        width: 100%;
    }

        .content.jardin label span {
            padding-left: 0px !important;
        }

        .content.jardin label select {
            padding: 21px 20px;
            border-radius: 0px;
            border: 1px solid #a1a1a1;
            color: #585858;
            background-color: #fff;
            font-size: 16px;
            display: inline-block;
            vertical-align: bottom;
            width: 100%;
        }

    .content.jardin input {
        background: #cebea6;
        color: #fff;
        display: inline-block;
        text-align: center;
        width: 100%;
        font-size: 20px;
        margin-top: 40px;
        padding: 21px;
        border: none;
    }

.avis-header {
    display: block;
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    margin-bottom: 30px;
    text-align: left;
    position: relative;
}

    .avis-header .communaute {
        position: absolute;
        left: calc(50% - 100px);
        width: 200px;
        top: -75px;
        z-index: -99;
    }

    .avis-header .img-left {
        display: inline-block;
        vertical-align: middle;
        width: 133px;
        pointer-events: none
    }

    .avis-header .text {
        text-align: center;
        letter-spacing: 3px;
        width: calc(100% - 275px);
        font-family: 'Cinzel', serif;
        text-transform: uppercase;
        font-size: 30px;
        line-height: 192px;
        display: inline-block;
    }

        .avis-header .text.no-logo {
            width: 100%;
        }

    .avis-header .img-right {
        width: 133px;
        display: inline-block;
        vertical-align: middle;
        pointer-events: none
    }

.preh1 {
    display: block;
    margin: 0 auto;
}

h1.avis {
    font-family: 'Cinzel', serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 30px;
    letter-spacing: 3px;
    margin-bottom: 100px;
    margin-top: 20px;
    text-align: center;
    position: relative;
}

div.logos {
    position: relative;
    height: 200px;
    margin-bottom: 40px;
}

.liste-avis article {
    width: calc(50% - 5px);
    display: inline-block;
    vertical-align: middle;
    background: #fafafa;
    margin-bottom: 10px;
    text-align: right;
    font-size: 16px;
}

    .liste-avis article:nth-of-type(even) {
        margin-left: 10px;
        text-align: left;
    }

    .liste-avis article a {
        color: #000;
        text-decoration: none;
    }

    .liste-avis article img {
        display: inline-block;
        vertical-align: middle;
        max-width: 215px;
        max-height: 215px;
    }

    .liste-avis article div .article-infobox {
        display: inline-block;
        padding: 0px 0px 0px 0px;
        width: 435px;
    }

    .liste-avis article div.article-wrap {
        width: 100%;
    }

    .liste-avis article div .article-infobox {
        display: inline-block;
        vertical-align: middle;
        padding: 10px 30px;
    }

    .liste-avis article div.article-wrap {
        display: inline-block;
        text-align: center;
        width: 650px;
        color: #000;
        text-decoration: none;
        padding: 0px 0px 0px 0px;
    }

    .liste-avis article h3 {
        font-family: 'Cormorant Infant', serif;
        font-weight: 400;
        font-size: 26px;
        letter-spacing: 1px;
        text-transform: none;
        line-height: 1;
        margin-bottom: 10px;
    }

        .liste-avis article h3 span {
            font-weight: 700;
            display: block;
        }

    .liste-avis article p {
        margin-bottom: 20px;
    }

        .liste-avis article p.date {
            font-weight: 700;
        }

        .liste-avis article p.fakelink, .listing a:last-child {
            font-size: 18px;
            position: relative;
            display: inline-block;
            margin: 0 auto 20px;
            border-bottom: 1px solid #fafafa;
            text-decoration: none;
            color: #000;
            -webkit-transition: all .4s;
            -o-transition: all .4s;
            transition: all .4s;
        }

    .liste-avis article a:hover p.fakelink, .listing a:hover:last-child {
        border-bottom: 1px solid #000;
    }

    .liste-avis article p.fakelink:before, .listing a:last-child:before {
        content: ">";
        display: inline-block;
        margin-right: 10px;
        -webkit-transform: scaleY(1.5);
        -ms-transform: scaleY(1.5);
        transform: scaleY(1.5);
        font-size: 14px;
        vertical-align: text-top;
    }

    .liste-avis article hr {
        height: 2px;
        border: none;
        background: #8697a4;
    }

    .liste-avis article.logo-2 hr {
        background: #cebea6;
    }

    .liste-avis article .imgwrap.haveafragment a:before {
        content: "";
        height: 40px;
        width: 100%;
        position: absolute;
        bottom: 0px;
        left: 0px;
        background-color: rgba(0,0,0,0.3);
    }

.liste-avis a.btn {
    display: inline-block;
    margin: 0 auto;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    background: #cebea6;
    padding: 15px 50px;
    text-decoration: none;
    letter-spacing: 1px;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

    .liste-avis a.btn:hover {
        background: #000;
    }

.listing {
    margin-bottom: 70px;
    position: relative;
}

    .listing.type2:first-of-type {
        margin-top: 70px;
    }

    .listing:not(.type2) .wrap > img, .listing.type2 .img {
        display: inline-block;
        vertical-align: middle;
        width: calc(50% - 5px);
    }

    .listing.type2 .img {
        position: relative;
    }

        .listing.type2 .img img {
            display: block;
            width: 100%;
        }

    .listing:not(.type2) .wrap > div, .listing.type2 div:not(.img) {
        display: inline-block;
        vertical-align: middle;
        width: calc(50% - 5px);
        margin-left: 10px;
        padding-right: 60px;
        padding-left: 120px;
    }

    .listing.type2 div:not(.img) {
        margin-left: 0;
    }

    .listing.type2 div + .img {
        margin-left: 10px;
    }

    .listing.type2 .img + div {
        margin-left: 10px;
    }

    .listing:not(.type2) .wrap > div:after {
        content: "";
        height: 1px;
        width: calc(50% + 5px);
        background: #b5b5b5;
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .listing:not(.type2) .wrap > img + div:after {
        left: calc(50% - 5px);
    }

    .listing h2 {
        font-family: 'Cinzel', serif;
        text-transform: uppercase;
        font-weight: 400;
        font-size: 30px;
        letter-spacing: 1px;
        line-height: 1;
        margin-bottom: 50px;
    }

    .listing.type2 h2 {
        position: absolute;
        top: 50px;
        left: 50px;
    }

    .listing.type2 .dark h2 {
        color: #fff;
        left: auto;
        right: 50px;
    }

    .listing a:not(:last-child) {
        text-decoration: none;
        color: #6e6e6e;
        margin-bottom: 30px;
        display: block;
        position: relative;
        -webkit-transition: all .4s;
        -o-transition: all .4s;
        transition: all .4s;
    }

    .listing.type2 a:not(:last-child) {
        margin-bottom: 40px;
    }

        .listing.type2 a:not(:last-child):after {
            content: "";
            display: block;
            position: absolute;
            width: 0%;
            height: 1px;
            background: #000;
            bottom: -10px;
            left: 0;
            -webkit-transition: all .4s;
            -o-transition: all .4s;
            transition: all .4s;
        }

        .listing.type2 a:not(:last-child):hover:after {
            width: 270px;
        }

    .listing a:not(:last-child):hover {
        color: #000;
    }

    .listing h4 {
        font-family: 'Cormorant Infant', serif;
        font-weight: 400;
        font-size: 26px;
        letter-spacing: 1px;
        margin-bottom: 5px;
    }

    .listing.type2 h4 {
        margin-bottom: 15px;
    }

    .listing h4 span {
        font-weight: 700;
    }

    .listing p {
        margin-bottom: 5px;
    }

        .listing p.date {
            font-weight: 700;
        }

    .listing hr {
        background: #8697a4;
        height: 2px;
        width: 100px;
        border: 0px;
        margin-top: 15px;
        max-width: 270px;
        -webkit-transition: all .4s;
        -o-transition: all .4s;
        transition: all .4s;
    }

    .listing a:hover hr {
        width: 270px;
    }

    .listing a:last-child {
        color: #6e6e6e;
        margin-top: 50px;
    }

        .listing a:last-child:hover {
            color: #000;
        }

    .listing .preh4 {
        display: block;
        text-transform: uppercase;
        font-weight: 400;
    }

    .listing.type2:last-of-type {
        margin-bottom: 0;
    }

        .listing.type2:last-of-type .img + div {
            padding-right: 0;
        }

            .listing.type2:last-of-type .img + div img {
                display: block;
                width: 100%;
                margin-bottom: 40px;
            }

            .listing.type2:last-of-type .img + div p {
                padding: 0px 70px;
            }

        .listing.type2:last-of-type a:last-child {
            margin-left: 0px;
        }

.banner-sep {
    background-image: url(../images/sep-banner2.jpg);
    background-size: cover;
    background-attachment: fixed;
    color: #fff;
    text-align: right;
}

    .banner-sep .wrap {
        position: relative;
        height: 680px;
    }

        .banner-sep .wrap div {
            text-align: center;
            display: inline-block;
            position: absolute;
            right: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

    .banner-sep img {
        width: 318px;
        display: block;
        margin: 0 auto 30px;
    }

    .banner-sep h2 {
        font-family: 'Cinzel', serif;
        text-transform: uppercase;
        font-weight: 400;
        font-size: 30px;
        letter-spacing: 2px;
        line-height: 1;
        margin-bottom: 30px;
    }

    .banner-sep p {
        font-size: 24px;
        margin-bottom: 30px;
        font-weight: 300;
        letter-spacing: 2px;
    }

    .banner-sep hr {
        background: #bfbebe;
        height: 1px;
        width: 275px;
        border: 0px;
        margin: 0 auto;
    }

.hommages {
    border-top: 1px solid #fff;
    background: #f3efe9;
    padding: 100px 0;
    text-align: center;
}

    .hommages h2 {
        font-family: 'Cinzel', serif;
        text-transform: uppercase;
        font-weight: 400;
        font-size: 30px;
        letter-spacing: 2px;
        line-height: 1;
        margin-bottom: 80px;
    }

    .hommages article a {
        display: block;
        text-decoration: none;
        color: #000;
    }

    .hommages article {
        width: calc(100% / 3 - 50px);
        display: inline-block;
        vertical-align: top;
        text-align: left;
    }

        .hommages article:not(:first-of-type) {
            margin-left: 75px;
        }

        .hommages article img {
            display: block;
            width: 100%;
            margin-bottom: 15px;
        }

        .hommages article div {
            padding-left: 40px;
            position: relative;
        }

            .hommages article div:before {
                content: "";
                display: block;
                position: absolute;
                left: 0;
                top: 10%;
                height: 80%;
                width: 2px;
                background: #ccc;
            }

            .hommages article div:after {
                content: "";
                width: 0;
                height: 1px;
                background: #000;
                display: block;
                position: absolute;
                bottom: -15px;
                left: 40px;
                -webkit-transition: all .4s;
                -o-transition: all .4s;
                transition: all .4s;
            }

        .hommages article a:hover div:after {
            width: calc(100% - 40px);
        }

    .hommages h4 {
        font-size: 26px;
        font-weight: 400;
        font-family: 'Cormorant Infant', serif;
        line-height: 1;
        margin-bottom: 15px;
    }

        .hommages h4 span {
            display: block;
            font-weight: 700;
        }

    .hommages p {
        margin-bottom: 15px;
        letter-spacing: 1px;
    }

        .hommages p.date {
            font-weight: 700;
        }

.resultat-avis + footer.main, .page_addf + footer.main {
    padding-top: 150px;
}

footer.main {
    background: #fff;
    padding-top: 60px;
    border-top: 1px solid #b5b5b5;
    text-align: center;
}

    footer.main a.logo {
        text-indent: -9999px;
        display: block;
        margin: 0 auto 40px;
        width: 314px;
        height: 93px;
        background-image: url(../images/fournier/head-logo.png);
        background-size: 100%;
        background-repeat: no-repeat;
    }

    footer.main h2 {
        font-family: 'Cinzel', serif;
        text-transform: uppercase;
        font-weight: 400;
        font-size: 24px;
        letter-spacing: 3px;
        line-height: 1;
        margin-bottom: 35px;
    }

    footer.main hr {
        width: 260px;
        height: 1px;
        background: #000;
        border: 0px;
        margin: 0 auto;
        -webkit-transform: translateY(1px);
        -ms-transform: translateY(1px);
        transform: translateY(1px);
    }

footer .infos div {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 0px 25px 60px;
    text-align: right;
    color: #6e6e6e;
}

    footer .infos div + div {
        text-align: left;
    }

    footer .infos div a {
        color: #000;
        text-decoration: none;
        position: relative;
    }

        footer .infos div a.mailto {
            border-bottom: 1px solid #fff;
            padding-bottom: 3px;
            -webkit-transition: all .4s;
            -o-transition: all .4s;
            transition: all .4s;
        }

            footer .infos div a.mailto:hover {
                border-bottom: 1px solid #000;
                text-decoration: none;
            }

            footer .infos div a.mailto:before {
                content: ">";
                display: inline-block;
                margin-right: 10px;
                -webkit-transform: scaleY(1.5);
                -ms-transform: scaleY(1.5);
                transform: scaleY(1.5);
                font-size: 14px;
                vertical-align: text-top;
            }

        footer .infos div a:hover {
            text-decoration: underline;
        }

p.copy {
    background: #faf8f6;
    padding-top: 45px;
    padding-bottom: 35px;
    color: #999;
    font-size: 14px;
    letter-spacing: 3px;
    line-height: 1;
}

/* Content */

.banner h1 {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 5px;
    font-size: 24px;
    font-family: 'Cinzel', serif;
    font-weight: 400;
    text-align: center;
    z-index: 1;
}

    .banner h1:after {
        content: "";
        display: block;
        height: 1px;
        width: 280px;
        background: #bfbebe;
        position: absolute;
        bottom: -25px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

section.content {
    padding-top: 90px;
    display: inline-block;
    vertical-align: top;
    width: 67%;
    padding-left: 90px;
    padding-right: 110px;
    padding-bottom: 90px;
}

    /* unique content */
    section.content.content-full {
        display: block;
        width: 100%;
    }

    /* unique content */
    section.content.content-tight {
        padding-top: 40px;
        padding-bottom: 40px;
    }

aside.content_side {
    padding-top: 90px;
    display: inline-block;
    vertical-align: top;
    width: 33%;
    padding-left: 35px;
    padding-right: 70px;
    position: relative;
}

    aside.content_side:before {
        content: "";
        width: 1px;
        height: 100%;
        position: absolute;
        display: block;
        left: 0;
        top: 0px;
        background: #cebea6;
    }

    /* unique content */
    aside.content_side.content-tight {
        padding-top: 25px;
        padding-bottom: 25px;
    }

.content article {
    margin-bottom: 25px;
    border-bottom: 1px solid #aaa;
}

    .content article:last-child {
        border-bottom: none;
    }

    .content article img, .blogpost img {
        float: left;
        margin-right: 12px;
    }

.blogpost {
    display: inline-block;
    margin-bottom: 25px;
}

    .blogpost p {
        white-space: pre-wrap;
        margin-bottom: 0px;
    }

    .blogpost div.pgwSlideshow {
        width: 300px;
        float: left;
        margin-right: 15px;
    }

    .blogpost div#video {
        float: left;
        width: 300px;
        height: 300px;
        border: 1px solid black;
        padding: 10px;
        margin-right: 12px;
        position: relative;
    }

        .blogpost div#video div.flash {
            width: 300px;
            position: absolute;
            top: 50%;
            padding: 0px 10px 0px 10px;
            left: 0px;
            -webkit-transform: translateY(-30px);
            -ms-transform: translateY(-30px);
            transform: translateY(-30px);
        }

.content h1 {
    color: #758490;
    text-transform: uppercase;
    font-family: 'Cormorant Infant', serif;
    font-size: 32px;
    font-weight: 400;
    letter-spacing: 1px;
    margin-top: 35px;
    margin-bottom: 20px;
}

    .content h1.maisons {
        margin-top: 20px;
    }

.content h2 {
    color: #000;
    text-transform: uppercase;
    font-family: 'Cormorant Infant', serif;
    font-size: 22px;
    font-weight: 400;
    letter-spacing: 2px;
    margin-bottom: 10px;
    margin-top: 40px;
}

.content h3 {
    color: #758490;
    font-family: 'Cormorant Infant', serif;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 0px;
    margin-top: 31px;
}

.content h4 {
    color: #000;
    font-family: 'Cormorant Infant', serif;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

.content h5 {
    color: #000;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 19px;
}

.content h6 {
    color: #758490;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 18px;
}

.content p {
    margin-bottom: 15px;
    line-height: 1.5;
    letter-spacing: 1px;
}

    .content p a, .content a {
        font-weight: 700;
        color: #758490;
        text-decoration: none;
    }

        .content p a:hover, .content a {
            text-decoration: underline;
        }

            .content a + h2 {
                margin-top: 40px;
            }

            .content a.btn, aside a.btn, .avis-top a.btn {
                margin-top: 20px;
                margin-bottom: 20px;
                display: inline-block;
                padding: 15px 30px 15px 50px;
                border: 1px solid #8697a4;
                font-size: 16px;
                color: #8697a4;
                letter-spacing: 2px;
                text-decoration: none;
                line-height: 1;
                position: relative;
                z-index: 2;
                -webkit-transition: all .4s;
                -o-transition: all .4s;
                transition: all .4s;
            }

                .content a.btn:hover, aside a.btn:hover, .avis-top a.btn:hover {
                    color: #fff;
                }

                .content a.btn:before, aside a.btn:before, .avis-top a.btn:before {
                    content: ">";
                    position: absolute;
                    left: 30px;
                    top: 50%;
                    font-size: 12px;
                    -webkit-transform: translateY(-50%) scaleY(1.7);
                    -ms-transform: translateY(-50%) scaleY(1.7);
                    transform: translateY(-50%) scaleY(1.7);
                    display: block;
                }

                .content a.btn:after, aside a.btn:after, .avis-top a.btn:after {
                    content: "";
                    display: block;
                    background: #8697a4;
                    position: absolute;
                    top: 0;
                    left: 0;
                    height: 100%;
                    width: 0;
                    z-index: -1;
                    -webkit-transition: all .4s;
                    -o-transition: all .4s;
                    transition: all .4s;
                }

                .content a.btn:hover:after, aside a.btn:hover:after, .avis-top a.btn:hover:after {
                    width: 100%;
                }

aside.content_side.blocflower div.img {
    position: relative;
}

aside.content_side.blocflower div.img {
    position: relative;
}

.content a.submit, .bloc-avis a.submit, .col-3 a.btn, .col-2 a.btn, .col-1 a.btn {
    margin-top: 20px;
    margin-bottom: 20px;
    display: inline-block;
    position: relative;
    text-decoration: none;
    border-radius: 0px;
    border: 1px solid #8697a4;
    color: #fff;
    font-size: 16px;
    letter-spacing: 2px;
    padding: 15px 70px 15px 80px;
    z-index: 2;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

    .col-3 a.btn.beige, .col-2 a.btn.beige, .col-1 a.btn.beige {
        border: 1px solid #cebea6;
    }

    .content a.submit:hover, .bloc-avis a.submit:hover, .col-3 a.btn:hover {
        color: #8697a4;
    }

    .col-3 a.btn.beige:hover, .col-2 a.btn.beige:hover, .col-1 a.btn.beige:hover {
        color: #cebea6;
    }

    .content a.submit:before, .bloc-avis a.submit:before, .col-3 a.btn:before, .col-1 a.btn:before, .col-2 a.btn:before {
        content: ">";
        position: absolute;
        left: 60px;
        top: 50%;
        font-size: 12px;
        transform: translateY(-50%) scaleY(1.7);
        -ms-transform: translateY(-50%) scaleY(1.7);
        -webkit-transform: translateY(-50%) scaleY(1.7);
        -moz-transform: translateY(-50%) scaleY(1.7);
        -o-transform: translateY(-50%) scaleY(1.7);
        display: block;
    }

    .content a.submit:after, .bloc-avis a.submit:after, .col-3 a.btn:after, .col-1 a.btn:after, .col-2 a.btn:after {
        content: "";
        display: block;
        background: #8697a4;
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 100%;
        z-index: -1;
        -webkit-transition: all .4s;
        -o-transition: all .4s;
        transition: all .4s;
    }

    .col-3 a.btn.beige:after {
        background: #cebea6;
    }

    .content a.submit:hover:after, .bloc-avis a.submit:hover:after, .col-3 a.btn:hover:after, .col-2 a.btn:hover:after, .col-1 a.btn:hover:after {
        width: 0;
    }

.col-3 a.btn, .col-2 a.btn, .col-1 a.btn {
    margin: 0px 20px;
}

    .col-3 a.btn.b_voeux {
        position: relative;
        left: 50%;
        margin: 0;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }

.content ul, .bloc-avis ul {
    margin-top: 20px;
    margin-bottom: 20px;
}

    .content ul li, .bloc-avis li {
        font-size: 15px;
        margin-bottom: 5px;
        list-style-type: none;
        padding-left: 10px;
        letter-spacing: 1px;
    }

        .content li:before, .bloc-avis li:before {
            content: "";
            display: inline-block;
            vertical-align: middle;
            background: #000;
            width: 4px;
            height: 4px;
            border-radius: 50%;
            margin-left: -10px;
            margin-right: 6px;
        }

.content .pgwSlideshow ul {
    margin: 0px 0px 0px 0px;
}

    .content .pgwSlideshow ul li {
        margin: 0px 0px 0px 0px;
        padding: 0 0 0 0;
    }

.content .pgwSlideshow li:before {
    display: none;
}

.content ul.people {
    text-align: center;
}

    .content ul.people li:before {
        display: none;
    }

    .content ul.people li {
        width: 187px;
        display: inline-block;
        vertical-align: top;
        margin-bottom: 25px;
    }

        .content ul.people li span.name {
            font-weight: bold;
        }

        .content ul.people li span.job {
            font-size: 14px;
        }

        .content ul.people li span.courriel a {
            font-size: 14px;
            text-decoration: none;
        }

.content blockquote {
    border-bottom: 1px solid #8697a4;
    padding-top: 35px;
    padding-bottom: 35px;
    font-size: 18px;
    margin-bottom: 40px;
}

    .content blockquote:last-of-type {
        border-bottom: none;
    }

.bloc-col blockquote {
    text-align: center;
    padding: 20px;
}

    .bloc-col blockquote span {
        font-weight: bold;
    }

        .bloc-col blockquote span span {
            display: block;
            font-weight: normal;
        }

    .content blockquote p, .bloc-col blockquote p {
        font-style: italic;
    }

        .content blockquote p:first-of-type:before, .bloc-col blockquote p:first-of-type:before {
            content: "";
            display: inline-block;
            vertical-align: middle;
            width: 14px;
            height: 20px;
            background-image: url(../images/guillemet.png);
            background-size: 100%;
            background-position: bottom center;
            background-repeat: no-repeat;
            margin-right: 14px;
            -webkit-transform: scale(-1);
            -ms-transform: scale(-1);
            transform: scale(-1);
        }

        .content blockquote p:last-of-type:after, .bloc-col blockquote p:last-of-type:after {
            content: "";
            display: inline-block;
            vertical-align: middle;
            width: 14px;
            height: 20px;
            background-image: url(../images/guillemet.png);
            background-size: 100%;
            background-position: center;
            background-repeat: no-repeat;
            margin-left: 14px;
        }

.content blockquote span {
    font-weight: 700;
    display: block;
}

.blockquote-image {
    border: 1px solid #8697a4;
    display: inline-block;
}

.content label span {
    margin-top: 30px;
    text-transform: uppercase;
    color: #758490;
    letter-spacing: 1px;
    display: block;
    margin-bottom: 10px;
}

.content label ~ label span {
    margin-top: 30px;
}

.content label textarea {
    background-position: -1000px 50%;
}

.content label input:not([type=checkbox]) {
    width: calc(100% - 15px);
    padding: 20px;
    border-radius: 0px;
    border: 1px solid #a1a1a1;
    color: #585858;
    font-size: 16px;
    background-position: -1000px 50%;
}

.content label input.tel {
    background-image: url(../images/telbg.jpg);
    background-repeat: no-repeat;
    background-size: auto 97%;
    background-position: left 1px center;
}

    .content label input.tel:focus {
        background-image: none;
    }

.content label input:not([type=checkbox]):not([type=radio]).input-validation-error,
.content label textarea.input-validation-error {
    background-image: url('../images/inputcheck2.png') !important;
    background-repeat: no-repeat !important;
    padding-left: 60px !important;
    background-position: top left;
}

.content label input:not([type=checkbox]).valid {
    padding-left: 20px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

input[type="hidden"] {
    display: none;
}

input[type="checkbox"] {
    border: 1px solid #a1a1a1;
    width: 30px;
    height: 30px;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
}

    input[type="checkbox"]:checked:after {
        //background-color: #a1a1a1;
        content: "";
        position: absolute;
        background-image: url(../images/checkmark_black.png);
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 30px auto;
        display: block;
        margin-left: 5px;
        margin-top: -10px;
        width: 34px;
        height: 34px;
    }

    input[type="checkbox"] + input[type="hidden"] + span {
        padding-left: 15px;
        display: inline-block;
        vertical-align: middle;
        margin: 0;
        width: calc(100% - 35px);
    }

input[type="radio"] + span {
    padding-left: 15px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 !important;
}

.pointer {
    cursor: pointer;
}

.content label {
    display: inline-block;
    vertical-align: top;
    width: 50%;
}

    .content label:nth-of-type(even) input:not([type=checkbox]) {
        margin-left: 15px;
    }

    .content label:nth-of-type(even) span {
        padding-left: 15px;
    }

    .content label:nth-of-type(even).skip-even span:not(.checkboxText) {
        padding-left: 0px;
    }

    .content label:nth-of-type(even).skip-even input:not([type=checkbox]) {
        margin-left: 0px;
    }

div.radio {
    margin-bottom: 10px;
}

.content label input[type=radio] {
    -webkit-appearance: none;
    border: 1px solid #a1a1a1;
    padding: 15px;
    width: auto;
    border-radius: 15px;
    vertical-align: middle;
}

    .content label input[type=radio]:checked {
        background-color: #a1a1a1;
    }

.content label input[type=submit] {
    background-color: #8697a4;
    border: 1px solid #8697a4;
    letter-spacing: 1px;
    font-size: 18px;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    color: white;
}

    .content label input[type=submit]:hover {
        background-color: #fff;
        border: 1px solid #8697a4;
        color: #8697a4;
        cursor: pointer;
    }

.select {
    color: #585858;
    width: calc(100% - 15px);
    margin-left: 15px;
    border: 1px solid #a1a1a1;
    padding-left: 10px;
    position: relative;
    pointer-events: none;
}

    .select:nth-of-type(even) {
        margin-left: 15px;
    }

    .select:after {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        background-color: #fff;
        background-image: url(../images/selectarrow.png);
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 16px auto;
        display: block;
        width: 34px;
        height: 100%;
    }

    .select select {
        -webkit-appearance: none;
        color: #585858;
        width: 100%;
        height: 60px;
        display: block;
        font-size: 16px;
        border-radius: 0px;
        border: 0px;
        background: transparent;
        pointer-events: all;
    }

    .select.nomargin {
        margin-left: 0px;
    }

*:focus {
    outline: none;
}

label.textarea {
    width: 100%;
}

textarea {
    display: block;
    width: 100%;
    border: 1px solid #a1a1a1;
    padding: 10px;
    resize: vertical;
    height: 270px;
    font-size: 16px;
    font-family: 'PT Sans', sans-serif;
}

.content_side h2 {
    font-size: 24px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-family: 'Cinzel', serif;
    margin-top: 25px;
    margin-bottom: 25px;
    font-weight: 400;
    padding-left: 20px;
}

.content_side ul {
    padding-bottom: 150px;
    position: relative;
}


.content_side li {
    list-style-type: none;
}

.content_side ul a {
    display: block;
    text-decoration: none;
    font-size: 15px;
    color: #748491;
    padding: 20px 70px 20px 50px;
    position: relative;
    border-top: 1px solid #d9d6d6;
}

    .content_side ul a:before {
        content: ">";
        display: block;
        position: absolute;
        top: 50%;
        left: 20px;
        -webkit-transform: translateY(-50%) scaleY(1.7);
        -ms-transform: translateY(-50%) scaleY(1.7);
        transform: translateY(-50%) scaleY(1.7);
        font-size: 12px;
        -webkit-transition: all .4s;
        -o-transition: all .4s;
        transition: all .4s;
    }

    .content_side ul a:hover:before {
        left: 30px;
    }

.bottom_side {
    padding-bottom: 150px;
}

    .bottom_side .teaser {
        position: relative;
        text-align: center;
        margin-top: 50px;
    }

    .bottom_side img {
        display: block;
        width: 100%;
    }

    .bottom_side .teaser h3 {
        color: #000;
        text-transform: uppercase;
        letter-spacing: 3px;
        font-family: 'Cinzel', serif;
        position: absolute;
        top: 45px;
        left: 0;
        width: 100%;
        text-align: center;
        font-weight: 400;
        font-size: 24px;
    }

    .bottom_side .teaser a.btn {
        position: absolute;
        bottom: -5px;
        color: #fff;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 80%;
        padding-left: 30px;
    }

        .bottom_side .teaser a.btn:before {
            font-size: 10px;
            -webkit-transform: scaleY(1.7);
            -ms-transform: scaleY(1.7);
            transform: scaleY(1.7);
            display: inline-block;
            padding-right: 10px;
            vertical-align: middle;
            position: relative;
            left: 0;
        }

        .bottom_side .teaser a.btn:hover {
            color: #8697a4;
        }

        .bottom_side .teaser a.btn:after {
            width: 100%;
            left: auto;
            right: 0;
        }

        .bottom_side .teaser a.btn:hover:after {
            width: 0%;
        }

    .bottom_side p {
        padding: 25px 30px;
        line-height: 1.8;
        font-size: 14px;
    }

.banner-avis .wrap {
    padding-bottom: 0px;
    position: relative;
}

.banner-avis img.ban, .overlayimg > img {
    display: block;
    width: 100%;
    opacity: .5;
}

.overlayimg {
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.99) 75%,rgba(0,0,0,1) 76%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)),color-stop(75%, rgba(0,0,0,0.99)),color-stop(76%, rgba(0,0,0,1)));
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.99) 75%,rgba(0,0,0,1) 76%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.99) 75%,rgba(0,0,0,1) 76%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
    position: relative;
    z-index: -1;
}

.banner-avis p.stat {
    text-align: right;
    color: #6b6b6b;
    letter-spacing: 1px;
    font-size: 14px;
    line-height: 1;
    padding-top: 25px;
    //font-family: 'Cormorant Infant', serif;
    font-family: 'PT Sans', sans-serif;
}

.banner-avis article {
    position: absolute;
    bottom: 0;
    left: 40px;
    width: calc(100% - 80px);
}

    .banner-avis article img {
        display: inline-block;
        border: 5px solid #fff;
        width: 380px;
        vertical-align: top;
    }

        /*.banner-avis article img:before {
            content: ' ';
            display: block;
            position: absolute;
            top: -359px;
            height: 380px;
            width: 370px;
            left:-1px;
            background-color: white;
            border: 5px solid #fff;
            background-image: url('../images/i_placeholder_m.png');
        }*/

        .banner-avis article img + div {
            display: inline-block;
            width: calc(100% - 380px);
            vertical-align: top;
            color: #fff;
            padding-left: 40px;
        }

.banner-avis h1 {
    text-transform: uppercase;
    font-size: 36px;
    letter-spacing: 4px;
    font-weight: 400;
    line-height: 1;
    font-family: 'Cinzel', serif;
    //padding-top: 40px;
}

    .banner-avis h1 span {
        font-weight: 700;
        display: block;
    }

.banner-avis hr {
    width: 130px;
    height: 1px;
    border: 0px;
    background: #bfbebe;
    margin: 20px 0;
}

.banner-avis img + div p {
    color: #ffffff;
    font-size: 22px;
    font-family: 'Cormorant Infant', serif;
    font-weight: 400;
}

.avis-top {
    padding: 5px 40px 0;
    /*border-bottom: 1px solid #cebea6;*/
    border-bottom: none;
}

    .avis-top h2 {
        color: #758490;
        font-family: 'Cormorant Infant', serif;
        font-weight: 400;
        font-size: 24px;
        margin-bottom: 25px;
    }

    .avis-top .bloc-avis h2 {
        color: #000;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-size: 24px;
        padding: 25px;
        padding-bottom: 0;
    }

.bloc-avis hr.eventsep {
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: -40px;
    width: calc(100% + 40px);
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cebea6;
}

.avis-top h3 {
    color: #758490;
    font-family: 'Cormorant Infant', serif;
    font-weight: 400;
    margin-bottom: 25px;
    font-size: 20px;
}

.infos-service {
    color: #758490;
}

.infos-avis > div {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    padding-right: 40px;
    padding-left: 22px;
    padding-top: 30px;
}

    .infos-avis > div:first-child {
        padding-right: 60px;
        padding-left: 0;
    }

.infos-avis {
    display: inline-block;
    vertical-align: top;
    width: calc((100% + 20px) / 3 * 2);
    border-right: 1px solid #cebea6;
    padding-bottom: 40px;
}

a.dons {
    color: #8797A6;
    display: block;
    margin-top: 16px;
}

.bloc-avis {
    width: calc((100% - 40px) / 3);
    display: inline-block;
    vertical-align: top;
    padding-left: 40px;
    padding-top: 30px;
}

    .bloc-avis.sendwishes {
        vertical-align: bottom;
    }

        .bloc-avis.sendwishes div.info-hommage {
            margin-bottom: 20px;
        }

            .bloc-avis.sendwishes div.info-hommage hr {
                position: relative;
                left: -41px;
                width: calc(100% + 41px);
                color: #cebea6;
                background-color: #cebea6;
                border: none;
                height: 1px;
            }

    .bloc-avis img {
        display: block;
        width: 100%;
        margin-bottom: 20px;
    }

    .bloc-avis p {
        font-size: 16px;
        padding: 0px 25px;
    }

    .bloc-avis ul {
        padding-left: 25px;
        padding-right: 25px;
    }

    .bloc-avis li + li {
        margin-top: 20px;
    }

    .bloc-avis a {
        margin: 0px 25px;
    }


.col-1 {
    display: inline-block;
    vertical-align: top;
    width: calc(100% / 3);
    padding: 0 40px;
    border-left: 1px solid #cebea6;
    border-top: 1px solid #cebea6;
}

    .col-1.col-webdiffusion{
        border-left:none;
    }



.col-2 {
    display: inline-block;
    vertical-align: top;
    width: calc((100% / 3)*2);
    padding: 0 40px;
    height: 100%;
    border-top: 1px solid #cebea6;
}

    .col-2 + .col-2 + .col-2 {
        border-left: 0px;
        border-right: 0px;
    }

    .col-2.col-webdiffusion {
        border-right: 1px solid #cebea6;
    }

.col-3 {
    display: inline-block;
    vertical-align: top;
    width: calc(100% / 3);
    padding: 0 40px;
    border-top: 1px solid #cebea6;
}

    .col-3 + .col-3 {
        border-left: 1px solid #cebea6;
        border-right: 1px solid #cebea6;
    }

        .col-3 + .col-3 + .col-3 {
            /*border-left: 1px solid #cebea6;*/
            border-left: none;
            border-right: 0px;
        }


    .col-3 img {
        display: block;
        width: 100%;
    }

.bloc-col {
    padding-top: 40px;
    padding-bottom: 40px;
    position: relative;
}

    .bloc-col:not(:last-child):after {
        content: "";
        width: calc(100% + 40px);
        height: 1px;
        background: #cebea6;
        display: block;
        position: absolute;
        bottom: 0;
        left: 0px;
    }


.col-3 + .col-3 .bloc-col:not(:last-child):after {
    width: calc(100% + 80px);
    left: -40px;
}

.col-3 + .col-3 + .col-3 .bloc-col:not(:last-child):after {
    width: calc(100% + 40px);
    left: -40px;
}

.bloc-col .img {
    position: relative;
    margin-bottom: 20px;
}

    .bloc-col .img img {
        max-width: 100%;
        width: 100%;
    }

    .bloc-col .img h2 {
        text-transform: uppercase;
        color: #fff;
        position: absolute;
        bottom: 20px;
        left: 20px;
        width: calc(90% - 40px);
        font-family: 'Cormorant Infant', serif;
        font-weight: 400;
        letter-spacing: 3px;
        line-height: 1.5;
        font-size: 24px;
    }

    .bloc-col .img.boutique h2 {
        bottom: auto;
        top: 30px;
        text-align: center;
        width: 100%;
        left: 0;
    }

    .bloc-col .img h2.black {
        color: #000;
    }

    .bloc-col .img a.btn {
        position: absolute;
        bottom: 20px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        margin: 0;
    }

.bloc-col p {
    padding: 20px;
    line-height: 1.3;
}

.bloc-col > h2 {
    text-transform: uppercase;
    font-family: 'Cormorant Infant', serif;
    text-align: center;
    font-weight: 400;
    color: #000;
    letter-spacing: 3px;
    line-height: 1.5;
    font-size: 24px;
    margin-bottom: 20px;
    padding: 0 20px;
}

.bloc-col > .img + h2 {
    text-align: left;
    margin-bottom: 0px;
}

.bloc-col hr {
    width: 100px;
    height: 1px;
    border: 0px;
    margin: 0 auto;
    background: #8697a4;
}

.bloc-col a.bloc {
    text-decoration: none;
    color: #fff;
    display: block;
    text-align: center;
    padding-top: 70px;
    padding-bottom: 40px;
    background: #8697a4;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

    .bloc-col a.bloc.beige {
        background: #a3947d;
    }

    .bloc-col a.bloc.gris {
        background: #838383;
    }

    .bloc-col a.bloc:hover {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }

    .bloc-col a.bloc img {
        display: block;
        max-width: 115px;
        max-width: 105px;
        margin: 0 auto;
    }

.bloc-col p a {
    text-decoration: none;
    color: #000;
}

    .bloc-col p a:hover {
        text-decoration: underline;
    }

.bloc-col a.bloc h2 {
    font-family: 'Cormorant Infant', serif;
    text-transform: uppercase;
    letter-spacing: 3px;
    line-height: 1.5;
    font-size: 24px;
    font-weight: 400;
    margin-top: 40px;
}

    .bloc-col a.bloc h2 span {
        text-transform: none;
        display: block;
        letter-spacing: 1px;
    }

.img#map {
    display: block;
    width: 100%;
    height: 440px;
    background: #333;
}

input[type="text"]:focus, input[type="email"]:focus {
    border: 1px solid #000 !important;
    box-shadow: none;
}

.recherche-avis {
    border-bottom: 1px solid #b5b5b5;
    text-align: center;
}

    .recherche-avis h2 {
        text-transform: uppercase;
        font-family: 'Cinzel', serif;
        text-align: center;
        font-size: 36px;
        letter-spacing: 4px;
        margin-bottom: 80px;
        margin-top: 30px;
        font-weight: 400;
    }

    .recherche-avis input {
        padding: 21px 20px;
        border-radius: 0px;
        border: 1px solid #a1a1a1;
        color: #585858;
        font-size: 16px;
        display: inline-block;
        vertical-align: bottom;
        border-bottom: 0px;
    }

        .recherche-avis input:first-of-type {
            min-width: 350px;
        }

        .recherche-avis input[type=submit] {
            background-color: #cebea6;
            background-image: url(../images/loupe-ico.png);
            background-repeat: no-repeat;
            background-size: 25px 20px;
            background-position: right 20px center;
            border: 0px;
            color: #fff;
            letter-spacing: 1px;
            padding-right: 60px;
            margin-left: 15px;
            font-size: 18px;
            -webkit-transition: all .4s;
            -o-transition: all .4s;
            transition: all .4s;
        }

            .recherche-avis input[type=submit]:hover {
                background-color: #8697a4;
            }

    .recherche-avis .select {
        border-bottom: 0px;
        min-width: 180px;
        display: inline-block;
        vertical-align: bottom;
        width: auto;
    }

        .recherche-avis .select:last-of-type {
            width: 270px;
        }

    .recherche-avis select {
        padding: 10px;
    }

img.funeraweb-icon {
    z-index: 999;
    position: absolute;
    bottom: 7px;
    height: 25px;
}

div.img-icons-row {
    position: absolute;
    bottom: 7px;
    height: 25px;
    float:right;
    z-index: 999;
    right:15px;
}

img.row-icon {
    position:relative;
    height:100%;
    float:right;
}

img.row-icon:not(:first-child) {
    margin-right: 5px;
}

.recherche-jardin {
    //border-bottom: 1px solid #b5b5b5;
    text-align: left;
    margin-bottom: 10px;
}

    .recherche-jardin input {
        padding: 21px 20px;
        border-radius: 0px;
        border: 1px solid #a1a1a1;
        color: #585858;
        font-size: 16px;
        display: inline-block;
        vertical-align: bottom;
        border-bottom: 0px;
    }

        .recherche-jardin input[type=submit] {
            background-color: #cebea6;
            background-image: url(../images/loupe-ico.png);
            background-repeat: no-repeat;
            background-size: 25px 20px;
            background-position: right 20px center;
            border: 0px;
            color: #fff;
            letter-spacing: 1px;
            padding-right: 60px;
            margin-left: 15px;
            font-size: 18px;
            -webkit-transition: all .4s;
            -o-transition: all .4s;
            transition: all .4s;
            min-width: 169px;
            width: 25%;
        }

            .recherche-jardin input[type=submit]:hover {
                background-color: #8697a4;
                background: #000;
            }

    .recherche-jardin .select {
        //border-bottom: 1px;
        min-width: 95px;
        display: inline-block;
        vertical-align: bottom;
        width: auto;
    }

        .recherche-jardin .select:first-of-type {
            min-width: 255px;
        }

.pager {
    padding: 45px;
    text-align: center;
}

    .pager > span {
        color: #999;
        font-weight: 400;
        display: inline-block;
        vertical-align: middle;
    }

        .pager > span:not(:first-child) {
            padding-left: 55px;
        }

    .pager .pages {
        display: inline-block;
        vertical-align: middle;
    }

    .pager a {
        display: inline-block;
        vertical-align: middle;
        text-decoration: none;
        color: #6e6e6e;
        font-family: 'Cinzel', serif;
        width: 38px;
        height: 38px;
        line-height: 38px;
        text-align: center;
        border-top: 1px solid #acacac;
        border-bottom: 1px solid #acacac;
        -webkit-transition: all .4s;
        -o-transition: all .4s;
        transition: all .4s;
        font-size: 16px;
    }

        .pager a.selected {
            background-color: #acacac;
            color: #fff;
        }

        .pager a:hover {
            background-color: #E0E0E0;
            color: #6e6e6e;
        }

        .pager a.next, .pager a.prev {
            border-left: 1px solid #acacac;
            border-right: 1px solid #acacac;
            background-image: url(../images/selectarrow.png);
            background-position: center;
            background-repeat: no-repeat;
            background-size: 13px 8px;
        }

        .pager a.next {
            -webkit-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
        }

        .pager a.prev {
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
        }

            .pager a.next:hover, .pager a.prev:hover, .pager a.nohover:hover {
                background-color: #fff;
            }

    .pager .select {
        display: inline-block;
        vertical-align: middle;
        width: auto;
        font-family: 'Cinzel', serif;
        min-width: 100px;
    }

        .pager .select:after {
            background-size: 13px auto;
            width: 38px;
            background-position: center;
            border-left: 1px solid #acacac;
        }

    .pager select {
        font-family: 'Cinzel', serif;
        height: 38px;
    }

.resultat-avis {
    text-align: center;
}

    .resultat-avis a.btn {
        display: inline-block;
        color: #fff;
        text-decoration: none;
        letter-spacing: 1px;
        padding: 18px 80px;
        border: 1px solid #cebea6;
        position: relative;
        z-index: 2;
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
        -webkit-transition: all .4s;
        -o-transition: all .4s;
        transition: all .4s;
    }

        .resultat-avis a.btn:hover {
            color: #cebea6;
        }

        .resultat-avis a.btn:after {
            content: "";
            display: block;
            position: absolute;
            width: 100%;
            height: 100%;
            background: #cebea6;
            bottom: 0;
            left: 0;
            z-index: -1;
            -webkit-transition: all .4s;
            -o-transition: all .4s;
            transition: all .4s;
        }

        .resultat-avis a.btn:hover:after {
            height: 0;
        }

    .resultat-avis .defunt {
        background: #fafafa;
        padding: 30px;
        width: 471px;
        display: inline-block;
        vertical-align: top;
        margin: 6px 6px 0;
    }

        .resultat-avis .defunt:nth-of-type(3n+1) {
            text-align: right;
            width: calc((100% - 475px) / 2 - 4px);
            margin-left: 0;
            margin-right: 0;
        }

        .resultat-avis .defunt:nth-of-type(3n) {
            text-align: left;
            width: calc((100% - 475px) / 2 - 4px);
            margin-left: 0;
            margin-right: 0;
        }

        .resultat-avis .defunt a {
            text-align: left;
            display: inline-block;
            width: 375px;
            color: #000;
            background-image: url(../images/decesimg1.png);
            background-size: 38px auto;
            background-repeat: no-repeat;
            background-position: top left;
        }

        .resultat-avis .defunt img {
            display: inline-block;
            vertical-align: middle;
            width: 120px;
        }

        .resultat-avis .defunt a div {
            display: inline-block;
            vertical-align: middle;
            width: calc(100% - 120px);
            padding-right: 30px;
            padding-left: 50px;
        }

        .resultat-avis .defunt h3 {
            font-family: 'Cormorant Infant', serif;
            font-weight: 400;
            font-size: 26px;
            letter-spacing: 1px;
            line-height: 1;
        }

            .resultat-avis .defunt h3 span {
                font-weight: 700;
                display: block;
            }

        .resultat-avis .defunt p {
            margin-top: 10px;
        }

            .resultat-avis .defunt p.date {
                font-weight: 700;
            }

.hbig, .sxs, .logos-head-sm.hxs {
    display: none;
}

.sxs {
    display: none !important;
}

.vsxs {
    display: none !important;
}

.mxs {
    display: block !important;
}

.hxs {
    display: block;
    position:relative;
}

input {
    border-radius: 0;
    -webkit-appearance: none;
}

.dropdown {
    border: 1px solid #a1a1a1;
    margin-bottom: 60px;
    position: relative;
}

    .dropdown:after {
        /*
        content: "";
        display: block;
        position: absolute;
        width: 50%;
        height: 1px;
        left: 25%;
        background: #a1a1a1;
        bottom: -35px;
        */
    }

    .dropdown > a {
        color: #a1a1a1;
        text-decoration: none;
        display: block;
        width: 100%;
        font-weight: 400;
        letter-spacing: 1px;
        padding: 20px 20px;
        position: relative;
    }

        .dropdown > a:after {
            content: ">";
            display: block;
            position: absolute;
            top: 50%;
            right: 20px;
            -webkit-transform: translateY(-50%) scaleX(1.7) rotate(90deg);
            -ms-transform: translateY(-50%) scaleX(1.7) rotate(90deg);
            transform: translateY(-50%) scaleX(1.7) rotate(90deg);
            font-size: 12px;
            font-weight: 400;
            -webkit-transition: all .4s;
            -o-transition: all .4s;
            transition: all .4s;
        }

        .dropdown > a.open:after {
            -webkit-transform: translateY(-50%) scaleX(1.7) rotate(-90deg);
            -ms-transform: translateY(-50%) scaleX(1.7) rotate(-90deg);
            transform: translateY(-50%) scaleX(1.7) rotate(-90deg);
        }

        .dropdown > a.open {
            background: #a1a1a1;
            color: #fff;
        }

    .dropdown div {
        padding: 0px 30px;
        display: none;
    }

        .dropdown div a {
            text-decoration: none;
            letter-spacing: 1px;
            font-weight: 400;
            display: block;
            position: relative;
            padding: 25px 20px;
            border-bottom: 1px solid #a1a1a1;
            color: #a1a1a1;
        }

            .dropdown div a:last-child {
                border-bottom: 0;
            }


input[type="radio"] {
    -webkit-appearance: radio;
}

.boutique_produite {
    display: inline-block;
    margin-left: 16px;
    margin-right: 16px;
    margin-bottom: 16px;
    width: 180px;
    vertical-align: top;
}

    .boutique_produite img {
        width: 170px;
        height: 195px;
    }

.field-validation-valid {
    padding: 0 !important;
    margin: 0 !important;
    display: none !important;
}

.content label span.field-validation-error {
    margin-top: 0px;
}

    .content div.field-validation-error,
    .content label span.field-validation-error span,
    .content label div.field-validation-error {
        display: block;
        color: #6398BE;
        margin-top: 0px;
        text-transform: initial;
        padding-left: 0px;
    }

.input-validation-error {
    border-color: #6398BE !important;
    box-shadow: 0 0 2px rgba(99, 152, 190, 1);
}

section.non-publication {
    font-size: 12px;
    padding: 10px 0px 0px 0px;
    letter-spacing: 1px;
}

    section.non-publication h1 {
        font-size: 12px;
        font-family: 'PT Sans', sans-serif;
        font-weight: bold;
        color: black;
        margin: 20px 0px 20px 0px;
    }

    section.non-publication a {
        color: black;
    }

    section.non-publication section.charte {
        font-style: italic;
        padding: 10px 0px 10px 0px;
        border-top: 1px solid black;
        border-bottom: 1px solid black;
    }

    section.non-publication h2 {
        font-size: 12px;
        font-family: 'PT Sans', sans-serif;
        font-weight: bold;
        color: black;
        margin: 20px 0px 20px 0px;
    }

    section.non-publication p {
        margin: 10px 0px 10px 0px;
    }

    section.non-publication div#non-publication-suite {
        display: none;
    }

.hehe {
    display: none;
}

.item-display {
    text-align: center;
}

    .item-display div.boutique_produite {
        margin-bottom: 22px;
    }

.news {
    width: 100%;
}

    .news article {
        width: 100%;
        display: inline-block;
        vertical-align: middle;
        background: #fafafa;
        margin-bottom: 10px;
        text-align: right;
    }

        .news article a {
            display: inline-block;
            text-align: left;
            color: #000;
            text-decoration: none;
            width: 100%;
        }

    .news .jardin article a {
        text-align: center;
    }

    .news article img {
        display: inline-block;
        vertical-align: middle;
        max-width: 215px;
        max-height: 215px;
        float: none;
        margin-right: 0;
    }

    .news article div {
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 227px);
        padding: 10px 10px 10px 10px;
        margin: 0px 2px 0px 5px;
    }

    .news article h3 {
        font-family: 'Cormorant Infant', serif;
        font-weight: 400;
        font-size: 26px;
        letter-spacing: 1px;
        text-transform: uppercase;
        line-height: 1;
        margin-bottom: 10px;
        margin-top: 0px;
        color: #000;
        position: relative;
    }

    .news article p.fakelink, .listing a:last-child, .tous-hommages-lien {
        font-size: 18px;
        position: relative;
        display: inline-block;
        border-bottom: 1px solid #fafafa;
        text-decoration: none;
        color: #000;
        -webkit-transition: all .4s;
        -o-transition: all .4s;
        transition: all .4s;
        font-weight: 400;
        margin-bottom: 0px;
    }

.tous-hommages-lien {
    margin-top: 30px;
    border-bottom: 1px solid #f3efe9;
}

.news article p.fakelink + hr {
    margin-top: 20px;
}

.news article a:hover p.fakelink, .listing a:hover:last-child, .tous-hommages-lien:hover {
    border-bottom: 1px solid #000;
}

.news article p.fakelink:before, .listing a:last-child:before, .tous-hommages-lien:before {
    content: ">";
    display: inline-block;
    margin-right: 10px;
    -webkit-transform: scaleY(1.5);
    -ms-transform: scaleY(1.5);
    transform: scaleY(1.5);
    font-size: 14px;
    vertical-align: text-top;
}

.news article hr {
    height: 2px;
    border: none;
    background: #8697a4;
}

.news article.logo-2 hr {
    background: #cebea6;
}


#sympathyList {
}

    #sympathyList blockquote {
        border: 1px solid #8697a4;
        padding: 25px;
        margin: 0px 0px 15px 0px;
        font-size: 18px;
        width: calc((100% - 30px)/2);
        display: block;
        vertical-align: top;
        text-align: center;
        border-radius: 2px;
    }

        #sympathyList blockquote img.blockquote-image {
            height: 70px;
            width: 70px;
            object-fit: cover;
        }

    #sympathyList hr {
        width: 50px;
        margin: 0 auto;
        margin-bottom: 15px;
    }

    #sympathyList span.info {
        font-size: 13px;
    }



    #sympathyList blockquote:nth-child(odd) {
        margin-right: 15px;
    }

    #sympathyList blockquote p::after, #sympathyList blockquote p::before {
        display: none;
    }

    #sympathyList blockquote:hover {
        border-color: #8697a4;
        -webkit-box-shadow: 0 0 5px #8697a4;
        box-shadow: 0 0 5px #8697a4;
    }

.sympathy-like {
    cursor: pointer;
    display: inline !important;
}

.sympathy-like-count {
    display: inline !important;
}



div.subsections.small {
    margin-left: 420px;
}

    div.subsections.small a {
        width: 22%;
    }

div.sharemenu {
    margin-top: 10px;
    vertical-align: middle;
}

    div.sharemenu a:last-of-type {
        margin-right: 10px
    }

    div.sharemenu img {
        max-width: 20px;
        margin-right: 5px;
        vertical-align: middle;
    }

    div.sharemenu a {
        color: #8797A6;
        margin-left: 10px;
        font-size: 14px;
        letter-spacing: 0.06em;
        text-decoration: underline;
    }

.wrap_hxs_only {
    width: 1300px;
    max-width: 95%;
    margin: 0 auto;
    font-size: 0px;
}

@media screen and (max-width: 800px) {
    #sympathyList {
        -webkit-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 0px;
        column-gap: 0px;
    }
}


@media screen and (max-width: 1400px) {
    nav.main a {
        margin-right: 20px;
    }

    .infolettre a.joinus {
        margin-left: 10px;
    }

    .resultat-avis .defunt a {
        width: 100%;
    }

    .liste-avis article div.article-wrap {
        width: 100%;
    }

    .liste-avis article div .article-infobox {
        width: calc(100% - 275px);
    }

    .recherche-avis input:first-of-type {
        min-width: 290px;
    }

    .resultat-avis .defunt, .resultat-avis .defunt:nth-of-type(3n+1), .resultat-avis .defunt:nth-of-type(3n) {
        width: calc(100% / 3 - 4px);
        padding: 30px 10px;
    }

        .resultat-avis .defunt h3 {
            font-size: 22px;
        }

        .resultat-avis .defunt a {
            background-size: 28px auto;
        }

            .resultat-avis .defunt a div {
                padding-left: 35px;
                padding-right: 10px;
            }

        .resultat-avis .defunt p {
            font-size: 14px;
        }
}

@media screen and (max-width: 1200px) {
    nav.main a, nav.main div.wrap div:not(.sublink) {
        margin-right: 10px;
        font-size: 14px;
    }

    .banner-avis article img {
        width: calc(100% / 3);
    }

    /*.banner-avis article img:before {
            content: ' ';
            display: block;
            position: absolute;
            top: -359px;
            width: calc(100% / 3);
            padding-top: 150px;
            left: -1px;
            background-color: white;
            border: 5px solid #fff;
            background-image: url('../images/i_placeholder_m.png');
        }*/

    .banner-avis article {
        bottom: 0px;
        left: 20px;
        width: calc(100% - 40px);
    }

    .banner-avis .wrap {
        padding-bottom: 0px;
    }

    .wrap {
        max-width: calc(100% - 40px);
    }

    .avis-top {
        padding: 5px 20px 0;
    }

    .infos-avis > div:first-child, .infos-avis > div {
        padding-right: 20px;
    }

    .bloc-avis {
        width: calc((100% - 40px) / 3);
        padding-left: 20px;
    }

        .bloc-avis.sendwishes div.info-hommage hr {
            left: -20px;
            width: calc(100% + 20px);
        }

    .col-3 {
        padding: 0px 20px;
    }

    .bloc-col {
        padding-top: 20px;
        padding-bottom: 20px;
    }

        .bloc-col:not(:last-child):after {
            width: calc(100% + 20px);
        }

    .col-3 + .col-3 .bloc-col:not(:last-child):after {
        width: calc(100% + 40px);
        left: -20px;
    }

    .col-3 + .col-3 + .col-3 .bloc-col:not(:last-child):after {
        width: calc(100% + 20px);
        left: -20px;
    }

    .recherche-avis .select {
        min-width: 135px;
        margin-left: 5px;
    }

    .recherche-avis input[type=submit] {
        margin-left: 5px;
    }

    .recherche-avis input:first-of-type {
        min-width: 240px;
    }

    .resultat-avis .defunt img {
        width: 100px;
    }

    .resultat-avis .defunt a div {
        width: calc(100% - 100px);
    }

    .resultat-avis .defunt, .resultat-avis .defunt:nth-of-type(3n+1), .resultat-avis .defunt:nth-of-type(3n) {
        padding: 20px 10px;
    }

        .resultat-avis .defunt h3 {
            font-size: 20px;
        }

        .resultat-avis .defunt p {
            font-size: 12px;
        }

    .bloc-col > h2 {
        padding: 0px 10px;
    }

    .bloc-col p {
        padding: 20px 10px;
    }

    .banner-sep .wrap {
        height: 450px;
    }

    .banner-sep {
        background-attachment: scroll;
        background-position: center;
    }

    .listing h2 {
        margin-bottom: 20px;
    }

    .listing a:not(:last-child), .listing.type2 a:not(:last-child) {
        margin-bottom: 15px;
    }

    .listing a:last-child {
        margin-top: 20px;
    }

    .listing hr {
        margin-top: 5px;
    }

    .listing.type2 a:not(:last-child):after {
        bottom: 0;
    }

    .infolettre a.joinus {
        margin-right: 10px;
    }

    .liste-avis article h3 {
        font-size: 20px;
    }

    .liste-avis article p {
        margin-bottom: 15px;
    }

    .liste-avis article div .article-infobox {
        padding: 30px 10px;
        width: calc(100% - 215px);
    }

    .liste-avis article img {
        max-width: 190px;
        max-height: 190px;
    }

    .content_side ul a {
        padding: 20px 20px 20px 50px;
    }

    .news article h3 {
        font-size: 20px;
    }

    .news article img {
        max-width: 190px;
        max-height: 190px;
    }

    .news article div {
        width: calc(100% - 202px);
    }

    .bloc-avis hr.eventsep {
        margin-left: -20px;
        width: calc(100% + 20px);
    }

    div.subsections.small {
        margin-left: 395px;
    }

    .wrap_hxs_only {
        max-width: calc(100% - 40px);
    }
}

@media screen and (max-width: 1024px) {

    body {
        padding-top: 107px !important;
    }

    nav.main a, nav.main div.wrap div:not(.sublink) {
        display: block;
    }

        nav.main a:after, nav.main div.wrap div:after {
            display: none;
        }

    .banner-avis h1 {
        font-size: 26px;
        padding-top: 0;
    }

    .banner-avis hr {
        margin: 10px 0;
    }

    .banner-avis article img + div {
        width: calc(100% / 3 * 2);
    }

    .banner-avis p.stat {
        padding-right: 20px;
    }

    .infos-avis {
        width: 100%;
        border-right: 0px;
        border-bottom: 1px solid #cebea6;
    }

    .bloc-avis {
        width: calc(100% - 40px);
        padding: 20px;
        max-width: 720px;
        margin: 0 auto;
        display: block;
    }

    .col-3, .col-2, .col-1 {
        display: block;
        width: calc(100% - 40px);
        //max-width: 400px;
        margin: 0 auto;
        border-left: none;
    }

        .col-3 + .col-3 {
            border-left: 0px;
            border-right: 0px;
        }

        .col-3:last-child {
            border: none;
        }

    .recherche-avis input:first-of-type, .recherche-avis .select, .recherche-avis .select:last-of-type {
        width: calc(100% - 40px);
        max-width: 450px;
        display: block;
        margin: 0 auto;
        border: 1px solid #a1a1a1;
        margin-bottom: 20px;
        padding-left: 10px;
    }

    .recherche-avis input[type=submit] {
        margin-bottom: 20px;
        min-width: 450px;
        font-size: 22px;
        padding-left: 0;
        padding-right: 0;
    }

    .recherche-jardin input[type=submit], .recherche-jardin .select {
        width: 100% !important;
        max-width: 450px;
        display: block;
        margin: 0 auto;
        border: 1px solid #a1a1a1;
        margin-bottom: 20px;
        padding-left: 10px;
    }

    .recherche-jardin input[type=submit] {
        margin-bottom: 20px;
        min-width: 450px;
        font-size: 22px;
        padding-left: 0;
        padding-right: 0;
    }

    .resultat-avis .defunt, .resultat-avis .defunt:nth-of-type(3n+1), .resultat-avis .defunt:nth-of-type(3n) {
        width: calc(50% - 4px);
        margin-left: 0;
        margin-right: 0;
    }

        .resultat-avis .defunt:nth-of-type(even) {
            margin-left: 8px !important;
        }

    .hsm {
        display: none;
    }

    .hbig {
        display: block;
    }

    .bloc-col.hbig a.bloc {
        display: inline-block;
        width: calc(100% / 3);
        height: 240px;
        position: relative;
        padding-top: 0;
        padding-bottom: 0;
    }

        .bloc-col.hbig a.bloc img {
            position: absolute;
            top: 70px;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            max-width: 75px;
        }

        .bloc-col.hbig a.bloc h2 span {
            display: none;
        }

        .bloc-col.hbig a.bloc h2 {
            font-size: 16px;
            position: absolute;
            width: 100%;
            left: 0;
            bottom: 40px;
            text-align: center;
        }

    .infolettre input[type=submit] {
        display: block;
        margin-left: 0;
        margin-top: 10px;
    }

    section.content {
        padding-left: 0;
        padding-right: 20px;
    }

    aside.content_side {
        padding-right: 0;
        padding-left: 0;
    }

    .content_side.blocflower {
        padding-right: 35px;
        padding-left: 70px;
    }

    .content article img, .blogpost img, .blogpost div.pgwSlideshow {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 15px;
        margin-top: 5px;
    }

    .content_side ul:after {
        width: 100%;
        left: 0px;
    }

    .logos-head-sm {
        padding: 15px;
        display: block !important;
        width: 100% !important;
    }

        .logos-head-sm * {
            margin: 0 !important;
        }

    .img-link {
        display: inline-block;
        width: 33%;
        vertical-align: middle;
        text-align: center;
    }

        .img-link img {
            display: inline-block;
            max-width: 75%;
        }

        .img-link:nth-child(2) {
            border-right: 1px solid #000;
            border-left: 1px solid #000;
        }

    .avis-header {
    }

        .avis-header .img-left {
            margin-left: 100px;
        }

        .avis-header .text {
            line-height: 30px;
            vertical-align: middle;
            width: calc(100% - 475px);
        }

        .avis-header .img-right {
            margin-right: 100px;
        }

    .news article img {
        margin-bottom: 0px;
    }

    .news article div {
        width: calc(100% - 202px);
    }

    .bloc-avis hr.eventsep {
        margin-left: 0px;
        margin-top: 50px;
        margin-bottom: 50px;
        margin-left: 0px;
        width: 100%;
    }

    .bloc-avis.sendwishes div.info-hommage hr {
        left: -74px;
        width: calc(100% + 148px);
    }

    div.subsections.small {
        margin-left: 335px;
    }
}

.liste-avis article .imgwrap {
    display: inline-block;
    width: auto !important;
    padding: 0px !important;
    position: relative;
}

    .liste-avis article .imgwrap.haveafragment a:before {
        content: "";
        height: 40px;
        width: 100%;
        position: absolute;
        bottom: 0px;
        left: 0px;
    }

@media screen and (min-width: 801px) {

    .liste-avis article div .article-infobox {
        position: relative;
    }

    .liste-avis article.logo-1 h3:before,
    .liste-avis article.logo-2 h3:before,
    .liste-avis article.logo-4 h3:before,
    .news article.logo-1 h3:before,
    .news article.logo-2 h3:before,
    .news article.logo-4 h3:before {
        content: "";
        position: absolute;
        right: 10px;
        top: 10px;
        display: block;
        background-image: url(../images/decesimg1.png);
        background-repeat: no-repeat;
        background-size: 100%;
        width: 40px;
        height: 70px;
    }

    .liste-avis article.logo-2 h3:before,
    .news article.logo-2 h3:before {
        background-image: url(../images/decesimg2.png);
    }

    .liste-avis article.logo-4 h3:before,
    .news article.logo-4 h3:before {
        background-image: url(../images/decesimg3.png);
    }

    .listing.type2 div:not(.img):after {
        content: "";
        display: block;
        position: absolute;
        left: 40px;
        top: 0;
        background: #cccccc;
        width: 2px;
        height: 100%;
    }

    .listing.type2 .img + div:after {
        content: "";
        display: block;
        position: absolute;
        right: 40px;
        left: auto;
        top: 0;
        background: #cccccc;
        width: 2px;
        height: 100%;
    }
}

@media screen and (max-width: 800px) {

    .avis-header .text {
        font-family: 'Cinzel', serif;
        font-weight: 400;
        text-transform: uppercase;
        font-size: 35px;
        letter-spacing: 3px;
        margin-bottom: 20px;
        margin-top: 20px;
        text-align: center;
        position: relative;
        width: 100%;
        line-height: 45px;
    }

    .avis-header .communaute {
        position: relative;
        left: initial;
        top: initial;
    }

    section.content {
        padding-top: 20px;
    }

    .wrap {
        max-width: calc(100% - 30px);
    }

    .menu-ico {
        left: 0;
    }

    .sxs {
        display: block !important;
    }

    .hxs {
        display: none !important;
    }

    .vsxs {
        display: none !important;
    }

    .banner.home {
        position: relative;
        overflow: hidden;
    }

        /*.banner.home:before {
        content: "";
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(255,255,255,1);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0)));
        background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
        background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,1)), color-stop(50%, rgba(255,255,255,1)), to(rgba(255,255,255,0)));
        background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
    }

    .banner.home img.covid-19:before {
        display:none;
    }*/

        .banner.home img {
            width: 180%;
            margin-left: -40%;
            margin-top: 350px;
        }

            .banner.home img.covid-19 {
                width: 100%;
                margin-left: auto;
                margin-top: 330px;
            }

        .banner.home p {
            font-family: 'Cinzel', serif;
            font-weight: 400;
            font-size: 40px;
            text-align: center;
            position: absolute;
            top: 60px;
            left: 0;
            width: 100%;
            letter-spacing: 3px;
            line-height: 1;
        }

            .banner.home p span {
                font-weight: 700;
                font-size: 60px;
                letter-spacing: 4px;
            }

            .banner.home p:after {
                content: "";
                width: 330px;
                height: 4px;
                display: block;
                background: #000;
                position: absolute;
                bottom: -30px;
                left: 50%;
                -webkit-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                transform: translateX(-50%);
            }

    .img-link {
        display: inline-block;
        width: 33%;
        vertical-align: middle;
        text-align: center;
    }

    .liste-avis article img.row-icon {
        margin-left: 15px;
    }

        .liste-avis article img.row-icon:not(:first-child) {
            margin-left: 5px;
        }

    .infolettre-mobile article:not(:last-child) {
        padding: 15px;
    }

    .infolettre-mobile article.phones {
        background: #000;
        line-height: 1;
        text-align: center;
        padding-top: 30px;
        padding-bottom: 30px;
        font-size: 0px;
    }

    .infolettre-mobile .phones a {
        display: inline-block;
        vertical-align: middle;
        text-decoration: none;
        color: #fff;
        font-size: 24px;
        width: calc(50% - 5px);
    }

    .infolettre-mobile .phones span {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #cebea6;
        display: inline-block;
        vertical-align: middle;
    }

    .infolettre-mobile article:last-child {
        padding: 30px 15px;
        background: #111111;
    }

    .infolettre-mobile h2 {
        color: #758490;
        text-transform: uppercase;
        font-size: 26px;
        font-weight: 400;
        letter-spacing: 2px;
        margin-bottom: 20px;
    }

    .infolettre-mobile p {
        font-style: italic;
        font-size: 18px;
        letter-spacing: 1px;
        line-height: 1.5;
        margin-bottom: 20px;
        color: white;
        margin-top: 25px;
    }

    .infolettre-mobile input:not([type=submit]) {
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 110px);
        background: #fff;
        border: 2px solid #9d9d9d;
        border-right: 0px;
        height: 60px;
        font-size: 16px;
        padding-left: 20px;
        color: #999;
        font-style: italic;
    }

    .infolettre-mobile input[type=submit] {
        display: inline-block;
        vertical-align: middle;
        width: 110px;
        text-align: center;
        height: 60px;
        background: #000;
        border: 2px solid #9d9d9d;
        border-left: 0px;
        font-size: 16px;
        color: #fff;
        text-transform: uppercase;
    }

    .infolettre-mobile article .facebook-logo {
        padding-top: 30px;
    }

        .infolettre-mobile article .facebook-logo img {
            width: 32px;
        }

    h1.avis, .recherche-avis h2 {
        font-size: 30px;
    }

    .preh1 {
        max-width: 100%;
    }

    h1.avis:before, div.logos:before, h1.avis:after, div.logos:after {
        display: none;
    }

    .news {
        margin-bottom: 40px;
        border-bottom: 0px;
    }

        .news article {
            width: 100%;
            margin-left: 0 !important;
            padding-top: 30px;
        }


            .news article.placeholder {
                display: none;
            }

            .news article img {
                display: block;
                margin: 0 auto;
                max-width: 100%;
                max-height: none;
                width: auto;
            }

            .news article div {
                width: 100%;
                padding-bottom: 0;
            }

            .news article h3 {
                font-size: 26px;
                position: relative;
            }

                .news article h3 span {
                    display: block;
                }



            .news article.logo-1 h3:before {
                content: "";
                display: block;
                position: absolute;
                left: 50px;
                top: 0;
                background-image: url(../images/decesimg1.png);
                background-repeat: no-repeat;
                background-size: 100%;
                width: 100px;
                height: 145px;
            }

            .news article.logo-2 h3:before {
                content: "";
                display: block;
                position: absolute;
                left: 50px;
                top: 0;
                background-image: url(../images/decesimg2.png);
                background-repeat: no-repeat;
                background-size: 100%;
                width: 110px;
                height: 110px;
            }

            .news article.logo-4 h3:before {
                content: "";
                display: block;
                position: absolute;
                left: 50px;
                top: 0;
                background-image: url(../images/decesimg3.png);
                background-repeat: no-repeat;
                background-size: 100%;
                width: 110px;
                height: 110px;
            }

        /*.news article p:not(.fakelink) {
                text-align: left;
                padding-left: 200px;
            }*/

        .news a.btn, .resultat-avis a.btn {
            font-size: 30px;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
            margin-top: 40px;
            margin-bottom: 60px;
        }

        .news article p.fakelink {
            margin-bottom: 20px;
        }

    .liste-avis article {
        width: 100%;
        margin-left: 0 !important;
        padding-top: 30px;
        margin-bottom: 50px;
    }


        .liste-avis article.placeholder {
            display: none;
        }

        .liste-avis article img {
            display: block;
            margin: 0 auto;
            max-width: 100%;
            max-height: none;
            width: auto;
        }

        .liste-avis article div .article-infobox {
            width: 100%;
            padding-bottom: 0;
        }

        .liste-avis article h3 {
            font-size: 26px;
            text-align: left;
            padding-left: 200px;
            position: relative;
        }

            .liste-avis article h3 span {
                display: block;
            }

        .liste-avis article.logo-1 h3:before,
        .news article.logo-1 h3:before {
            content: "";
            display: block;
            position: absolute;
            left: 50px;
            top: 0;
            background-image: url(../images/decesimg1.png);
            background-repeat: no-repeat;
            background-size: 100%;
            width: 100px;
            height: 145px;
        }

        .liste-avis article.logo-2 h3:before,
        .news article.logo-2 h3:before {
            content: "";
            display: block;
            position: absolute;
            left: 50px;
            top: 0;
            background-image: url(../images/decesimg2.png);
            background-repeat: no-repeat;
            background-size: 100%;
            width: 110px;
            height: 110px;
        }

        .liste-avis article.logo-4 h3:before,
        .news article.logo-4 h3:before {
            content: "";
            display: block;
            position: absolute;
            left: 50px;
            top: 0;
            background-image: url(../images/decesimg2.png);
            background-repeat: no-repeat;
            background-size: 100%;
            width: 110px;
            height: 110px;
        }

        .liste-avis article.logo-4 h3:before,
        .news article.logo-4 h3:before {
            content: "";
            display: block;
            position: absolute;
            left: 50px;
            top: 0;
            background-image: url(../images/decesimg3.png);
            background-repeat: no-repeat;
            background-size: 100%;
            width: 110px;
            height: 110px;
        }

    .news article h3, .news article p:not(.fakelink) {
        padding-left: 90px;
    }

    .news article.logo-1 h3:before, .news article.logo-2 h3:before, .news article.logo-4 h3:before {
        left: 10px;
        width: 50px;
    }

    .liste-avis article p:not(.fakelink) {
        text-align: left;
        padding-left: 200px;
    }

    .liste-avis a.btn, .resultat-avis a.btn {
        font-size: 26px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        margin-top: 40px;
        margin-bottom: 60px;
    }

    .liste-avis article p.fakelink, .listing a:last-child {
        margin: 0 0 20px;
        display: block;
        padding-left: 200px;
        text-align: left;
    }

    .liste-avis article p.fakelink, .listing a {
        border-bottom: none;
    }

        .liste-avis article a:hover p.fakelink, .listing a:hover:last-child {
            border-bottom: none;
        }

    .listing .wrap {
        width: 100%;
        max-width: 100%;
    }

    .listing:not(.type2) .wrap > img, .listing.type2 .img {
        display: block;
        width: 100%;
        margin-bottom: 50px;
    }

    .listing:not(.type2) .wrap > div, .listing.type2 div:not(.img) {
        width: calc(100% - 30px);
        display: block;
        margin: 0 auto;
        padding: 0;
    }

    .listing h2 {
        text-align: center;
        margin-bottom: 60px;
        font-size: 50px;
        letter-spacing: 3px;
    }

        .listing h2 span {
            font-size: 34px;
            display: block;
            margin-top: 10px;
            letter-spacing: 4px;
        }

    .listing a:not(:last-child) {
        color: #000;
    }

    .listing h4, .hommages h4 {
        font-size: 30px;
    }

    .listing p, .hommages p {
        font-size: 22px;
    }

    .listing hr {
        margin-top: 20px;
        height: 1px;
        width: 200px;
    }

    .listing:not(.type2) .wrap > img + div:after {
        width: 250px;
        left: 50% !important;
        -webkit-transform: translateX(-50%) !important;
        -ms-transform: translateX(-50%) !important;
        transform: translateX(-50%) !important;
        background: #000;
        display: none;
    }

    .listing:not(.type2) .wrap > div:after {
        display: none;
    }

    .liste-avis div.padding {
        text-align: center;
        margin-bottom: 30px;
        border-bottom: none;
    }



    .listing {
        padding-bottom: 30px;
    }

        .listing a:last-child, .tous-hommages-lien {
            background: #cebea6;
            color: #fff;
            display: inline-block;
            text-align: center;
            width: 100%;
            font-size: 30px;
            margin-top: 40px;
            padding: 40px;
        }

            .listing a:last-child:hover, .tous-hommages-lien:hover {
                color: #fff;
                border-bottom: 0px;
            }

            .listing a:last-child:after, .listing a:last-child:before, .tous-hommages-lien:before {
                display: none;
            }

    .banner-sep {
        background-position: top center;
        background-size: auto 500px;
        background-repeat: no-repeat;
        background-color: #000;
        padding-bottom: 60px;
        position: relative;
        z-index: 2;
    }

        .banner-sep .wrap {
            height: auto;
        }

            .banner-sep .wrap div {
                text-align: center;
                display: block;
                position: relative;
                right: 0;
                top: 0;
                padding-top: 450px;
                -webkit-transform: none;
                -ms-transform: none;
                transform: none;
            }

        .banner-sep h2 {
            font-size: 60px;
            margin-bottom: 40px;
            margin-top: 80px;
        }

        .banner-sep p {
            font-size: 36px;
            margin-bottom: 60px;
        }

        .banner-sep:after {
            content: "";
            display: block;
            width: 100%;
            position: absolute;
            height: 300px;
            top: 500px;
            left: 0;
            -webkit-transform: translateY(-100%);
            -ms-transform: translateY(-100%);
            transform: translateY(-100%);
            background: rgba(0,0,0,0);
            background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(92%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,1)));
            background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 92%, rgba(0,0,0,1) 100%);
            background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 92%, rgba(0,0,0,1) 100%);
            background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), color-stop(92%, rgba(0,0,0,1)), to(rgba(0,0,0,1)));
            background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 92%, rgba(0,0,0,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
            z-index: -1;
        }

    .hommages h2 {
        font-size: 50px;
        margin-bottom: 60px;
    }

    .hommages {
        padding: 60px 0 30px;
        position: relative;
    }

        .hommages:after {
            content: "";
            display: block;
            width: 230px;
            height: 0px;
            background: #000;
            position: absolute;
            bottom: 60px;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
        }

        .hommages article {
            width: 100%;
            display: block;
            margin-left: 0 !important;
            margin-bottom: 50px;
        }

            .hommages article img {
                margin-bottom: 30px;
            }

        .hommages h4 span {
            display: inline-block;
            margin-left: 5px;
        }

    .faq h2 {
        font-size: 50px;
        margin-bottom: 60px;
    }

    .faq {
        padding: 60px 0 30px;
        position: relative;
    }

        .faq:after {
            content: "";
            display: block;
            width: 230px;
            height: 0px;
            background: #000;
            position: absolute;
            bottom: 60px;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
        }

        .faq article {
            width: 100%;
            display: block;
            margin-left: 0 !important;
            margin-bottom: 50px;
        }

            .faq article img {
                margin-bottom: 30px;
            }

        .faq h4 span {
            display: inline-block;
            margin-left: 5px;
        }

    .listing.type2 h2:not(.boutique) {
        position: relative;
        top: 0;
        left: 0;
        text-align: center;
        margin-top: 60px;
    }

    .listing.type2 .dark h2 {
        color: #000;
    }

    .listing.type2:not(:last-of-type) .img + div:after {
        display: none;
    }

    .listing.type2 a:not(:last-child) {
        margin-bottom: 60px;
    }

        .listing.type2 a:not(:last-child):after {
            bottom: -30px;
            width: 250px;
        }

    .listing.type2:last-of-type .img + div p {
        padding: 0px 0px;
    }

    .listing.type2 a.btn, .avis-top a.btn {
        margin-left: 0 !important;
        margin-top: 20px;
        margin-bottom: 20px;
        display: inline-block;
        padding: 15px 70px 15px 90px;
        border: 1px solid #8697a4 !important;
        font-size: 20px;
        color: #fff !important;
        background: rgba(0,0,0,0);
        letter-spacing: 2px;
        text-decoration: none;
        line-height: 1;
        z-index: 2;
        width: auto !important;
        -webkit-transition: all .4s;
        -o-transition: all .4s;
        transition: all .4s;
        position: absolute;
        bottom: 40px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .avis-top a.btn {
        position: relative;
        bottom: auto;
        left: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

        .listing.type2 a.btn:hover, .avis-top a.btn:hover {
            color: #8697a4;
        }

        .listing.type2 a.btn:before, .avis-top a.btn:before {
            content: ">";
            position: absolute;
            left: 30px;
            top: 50%;
            font-size: 16px;
            -webkit-transform: translateY(-50%) scaleY(1.7);
            -ms-transform: translateY(-50%) scaleY(1.7);
            transform: translateY(-50%) scaleY(1.7);
            display: block;
        }

        .listing.type2 a.btn:after, .avis-top a.btn:after {
            content: "";
            display: block;
            background: #8697a4;
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            z-index: -1;
            -webkit-transition: all .4s;
            -o-transition: all .4s;
            transition: all .4s;
        }



    .listing.type2 h2.boutique {
        position: absolute;
        top: 50px;
        left: 0px;
        text-align: center;
        width: 100%;
    }

    footer .infos div {
        display: block;
        width: 100%;
        text-align: center !important;
        padding-bottom: 30px;
    }

    p.copy {
        line-height: 1.5;
    }

    footer.main h2 {
        line-height: 1.3;
    }

    header.main div.logos-container {
        float: right;
    }

    .banner h1 {
        font-weight: 700;
        font-size: 52px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

        .banner h1 span {
            display: block;
            font-weight: 400;
            font-size: 46px;
        }

    .recherche-avis > img {
        max-width: 100%;
        display: block;
        margin: 0 auto;
    }

    .recherche-avis h2 {
        font-size: 60px;
    }

    .pager {
        text-align: center;
    }

        .pager > span {
            display: block;
            color: #cebea6;
            padding: 30px 0 !important;
            font-size: 24px;
        }

        .pager .select {
            margin-left: 0;
        }

    div.logos {
        display: none;
    }

    .banner .pgwSlideshow {
        margin-top: 330px;
    }

    .banner-avis {
        position: relative;
    }

        .banner-avis article img + div, .banner-avis article img {
            width: 100%;
        }

        .banner-avis img.ban {
            position: relative;
            top: 0;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
        }


        .banner-avis .overlayimg {
            position: absolute;
            top: 0;
            width: 100%
        }

        .banner-avis article {
            bottom: auto;
            position: relative;
            text-align: center;
        }

        .banner-avis h1 {
            color: #fff;
            font-size: 46px;
            padding-top: 120px;
        }

        .banner-avis p {
            font-size: 30px;
            color: #fff;
            font-family: 'Cormorant Infant', serif;
            font-weight: 400;
            padding-bottom: 60px;
        }

        .banner-avis hr {
            margin: 30px auto;
        }

    .infos-avis > div {
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .avis-top {
        padding-left: 0;
        padding-right: 0;
    }

        .avis-top p.stat {
            color: #6b6b6b;
        }

        .avis-top a.btn:before {
            display: none;
        }

        .avis-top a.btn {
            background: #cebea6;
            text-align: center;
            border: 1px solid #cebea6 !important;
            padding-left: 70px;
        }

            .avis-top a.btn:after {
                display: none;
            }

    .bloc-avis {
        padding: 50px 0;
        width: 100%;
    }

        .bloc-avis.sendwishes div.info-hommage {
            margin-bottom: 50px;
        }

            .bloc-avis.sendwishes div.info-hommage hr {
                margin-top: 50px;
                width: 100%;
                left: 0px;
            }

    .bloc-col {
        padding-top: 50px;
        padding-bottom: 50px;
        border-bottom: 1px solid #cebea6;
    }

    .col-video .bloc-col {
        border: none;
    }

    .avis-top h2 {
        font-size: 26px;
    }

    .avis-top p, .content ul li, .bloc-avis li {
        font-size: 18px;
    }

    .avis-top h3 {
        font-size: 24px;
    }

    .col-3 {
        width: 100%;
        max-width: 100%;
        padding: 0;
    }

    .bloc-col:last-child {
        border: none;
    }

    .bloc-col:after, .bloc-col:not(:last-child):after {
        display: none !important;
    }

    .avis-top .bloc-avis h2 {
        font-size: 36px;
        text-align: center;
    }

    .bloc-col .img h2, .bloc-col > h2 {
        font-size: 36px;
        line-height: 1.3;
    }

    .col-3 a.btn {
        margin: 20px 0;
    }

    .bloc-col p, .bloc-col blockquote {
        padding: 20px 0;
    }

    .bloc-col > h2 {
        padding: 0;
    }

    .col-3 #map + img {
        max-width: 450px;
    }


    .resultat-avis article p:not(.fakelink):not(.date) {
        font-weight: 400;
    }

    section.content, aside.content_side {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    #sympathyList blockquote {
        width: 100%;
        margin-right: 0px;
    }

    .content_side.blocflower {
        padding-left: 35px;
        padding-right: 35px;
    }

        .content_side.blocflower::before {
            display: none;
        }

    .bloc-col:not(:last-child):after {
        display: none;
    }

    .wrap_hxs_only {
        max-width: 100%;
    }

    .faq .wrap .faq-content {
        text-align: left;
        margin: 0px 32px 0px 32px;
    }
}

@media screen and (max-width: 600px) {

    .pager a:hover {
        background-color: #fff;
        color: #6e6e6e;
    }

    .pager a.selected:hover {
        background-color: #acacac;
        color: #fff;
    }

    .vsxs {
        display: block !important;
    }

    .mxs {
        display: none !important;
    }

    .table-valeur {
        word-break: break-word;
    }

    .scrolled header.main div.logos-container {
        width: 300px !important;
        background-position: center;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .scrolled header.main div.logos-container *{
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .scrolled header.main a.logo {
        width: 130px;
        background-position: center;
    }

    .scrolled header.main a.bnq {
        width: 57px;
        height: 55px;
        background-position: center;
        margin-top: 11px;
    }

    .banner.home img.covid-19 {
        margin-top: 288px;
    }

    .banner.home p {
        font-size: 36px;
        top: 60px;
    }

        .banner.home p span {
            font-size: 50px;
        }

        .banner.home p:after {
            height: 2px;
            width: 250px;
            bottom: -10px;
        }

    .banner .pgwSlideshow {
        margin-top: 288px;
    }

    .img-link img {
        display: inline-block;
        max-width: 75%;
    }

    .infolettre-mobile .phones a {
        font-size: 20px;
    }

    .infolettre-mobile .phones span {
        width: 7px;
        height: 7px;
    }

    .infolettre-mobile article:last-child {
        padding: 60px 15px;
    }

    .infolettre-mobile h2 {
        font-size: 20px;
    }

    .infolettre-mobile p {
        font-size: 18px;
    }

    .infolettre-mobile input:not([type=submit]) {
        font-size: 15px;
        padding-left: 10px;
    }

    .infolettre-mobile input[type=submit] {
        font-size: 15px;
    }

    h1.avis, .recherche-avis h2 {
        font-size: 35px;
    }

    .liste-avis article h3, .liste-avis article p:not(.fakelink) {
        padding-left: 90px;
    }

    .liste-avis article.logo-1 h3:before, .liste-avis article.logo-2 h3:before, .liste-avis article.logo-4 h3:before {
        left: 10px;
        width: 60px;
    }

    .liste-avis a.btn, .resultat-avis a.btn, .listing a:last-child, .tous-hommages-lien {
        font-size: 20px;
        padding-left: 0;
        padding-right: 0;
        width: calc(100% - 30px);
        display: block;
        margin-left: auto;
        margin-right: auto;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .liste-avis article p.fakelink, .listing a:last-child {
        padding-left: 10px;
    }

        .liste-avis article p.fakelink.deces {
            padding-left: 90px;
        }

    .listing h2, .banner-avis h1 {
        font-size: 36px;
    }

    .banner-avis h1 {
        font-size: 30px;
    }

    .listing h2 span, .listing h4, .hommages h4 {
        font-size: 28px;
    }

    .listing p, .hommages p {
        font-size: 16px;
    }

    .listing a:last-child {
        width: 100%;
    }

    .listing.type2:last-of-type a:last-child {
        margin-left: 0px;
    }

    .banner-sep h2 {
        font-size: 36px;
        margin-bottom: 40px;
    }

    .banner-sep p {
        font-size: 22px;
        margin-bottom: 40px;
    }

    .listing.type2 a.btn, .avis-top a.btn {
        margin-bottom: 0;
    }

    footer.main a.logo {
        width: 320px;
    }

    .banner h1 {
        font-size: 30px;
    }

        .banner h1 span, .bloc-col .img h2, .bloc-col > h2 {
            font-size: 30px;
        }

    .recherche-avis input[type=submit] {
        min-width: 0;
        width: calc(100% - 40px);
        margin-left: 0;
    }

    .recherche-jardin input[type=submit], .recherche-jardin .select {
        min-width: 0;
        width: 100%;
    }

    .pager {
        padding: 20px 0;
    }

        .pager > span {
            font-size: 20px;
            padding: 20px 0 !important;
        }

    .banner-avis p {
        font-size: 24px;
        padding-bottom: 40px;
    }

    .bloc-col.hbig a.bloc img {
        max-width: 55px;
        top: 35px;
    }

    .bloc-col.hbig a.bloc {
        height: 180px;
    }

        .bloc-col.hbig a.bloc h2 {
            bottom: 35px;
            letter-spacing: 2px;
        }

    .content label, .content label input:not([type=checkbox]), .content .select {
        width: 100%;
        margin-left: 0 !important;
    }

    .recherche-jardin .select {
        margin-left: auto !important;
    }

    .content label:nth-of-type(even) span {
        padding-left: 0;
    }

    .content h1 {
        font-size: 32px;
    }

    .scrolled header.main {
        padding: 5px 0;
    }

    body {
        padding-top: 87px !important;
    }

    .boutique_produite {
        display: inline-block;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 20px;
        vertical-align: top;
    }

    /*  .boutique_produite img {

    }*/

    .hehe {
        display: block;
        margin-top: 16px;
        margin-bottom: 16px;
    }

        .hehe.invisible {
            border: 0 none;
            margin-top: 0px;
            margin-bottom: 22px;
        }

    .content label:nth-of-type(n + 2) span {
        margin-top: 30px;
    }

    .liste-avis article a p.fakelink {
        padding-left: 90px;
    }

    .faq .wrap .faq-content {
        text-align: left;
        margin: 0px 32px 0px 32px;
    }
}

@media screen and (max-width: 370px) {

    .banner .pgwSlideshow {
        margin-top: 214px;
    }

    .g-recaptcha {
        -webkit-transform: scale(0.90);
        -ms-transform: scale(0.90);
        transform: scale(0.90);
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
    }

    .banner.home img.covid-19 {
        margin-top: 214px;
    }

    .banner.home p {
        font-size: 28px;
        top: 40px;
    }

        .banner.home p span {
            font-size: 40px;
        }

    .infolettre-mobile .phones a, .infolettre-mobile .phones  {
        font-size: 16px;
    }

    .listing h2, .banner-avis h1 {
        font-size: 30px;
    }

        .listing h2 span, .listing h4, .hommages h4 {
            font-size: 22px;
        }

    .banner-sep img {
        max-width: 100%;
    }

    .hommages h2 {
        font-size: 40px;
    }

    footer.main a.logo {
        max-width: 90%;
    }

    footer.main h2 {
        font-size: 22px;
    }

    .banner h1 {
        font-size: 20px;
    }

    .avis-top .bloc-avis h2 {
        font-size: 32px;
    }
}

@media screen and (orientation:landscape) and (max-width: 800px) {

    header.main {
        position: absolute;
    }

    nav.main {
        position: absolute;
    }
}

@media screen and (max-width: 800px) {
    .banner h1:after {
        display: none;
    }
}

@media print {

    body {
        width: auto !important;
        margin: auto !important;
        font-family: serif;
        font-size: 12pt;
        background-color: #fff !important;
        color: #000 !important;
    }

    p, h1, h2, h3, h4, h5, h6, blockquote, ul, ol {
        color: #000 !important;
        margin: auto !important;
    }

    .print {
        display: block; /* affichage des éléments de classe print */
    }

    a {
        color: #000 !important;
        text-decoration: underline !important;
    }

        a[href]:after {
            content: none !important;
        }

        header.main, .banner-avis img.ban, nav.main, a.btn {
            display: none !important;
        }

    .infos-avis, .infos-avis > div, .bloc-avis, .col-3, .liste-avis article, section.content, aside.content_side {
        display: block;
        width: 100%;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    img {
        max-width: 500px !important;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .will_anim {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    footer, .recherche-avis, .resultat-avis, .bloc-col a.bloc, p.stat {
        display: none !important;
    }

    .bloc-col .img h2 {
        position: relative;
        color: #000;
        bottom: 0;
        margin-top: 20px;
    }

    .banner-avis article img {
        width: 380px;
    }

    h1.avis:before, div.logos:before, h1.avis:after, div.logos:after {
        display: none;
    }

    .banner img {
        display: none;
    }
}



img.printimg {
    display: none;
}

.contentquote {
    margin-left: 30px;
    margin-right: 30px;
}

a.current {
    font-weight: bold;
}

.content.sendsympathies {
    padding-top: 20px;
}

.select.srch-jardin {
    margin-left: auto;
    margin-right: auto;
}


p.afterslideshow {
    margin-top: 25px;
    margin-bottom: 10px;
}

    p.afterslideshow + ul {
        margin-top: 10px;
    }

.achat-details {
    padding: 15px;
    border-radius: 10px;
    max-width: 500px;
    background-color: #ecf0f1;
    margin-bottom: 40px;
}

    .achat-details > div {
        max-width: 500px;
    }

    .achat-details .firstcol {
        width: 235px;
    }

.signet-photo-detail {
    position: absolute;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

ul.liens-utiles li:before {
    display: none;
}

ul.liens-utiles li {
    margin-bottom: 20px;
}

    ul.liens-utiles li a {
        display: block;
    }

@media screen and (max-width: 600px) {
    .achat-details {
        max-width: 100%;
    }

        .achat-details > div {
            max-width: none;
        }

        .achat-details .firstcol {
            width: 30%;
        }
}

div.avis_submenu {
    text-align: right;
    position: relative;
    z-index: 20;
}

div.subsections {
}

    div.subsections a {
        font-family: 'PT Sans', sans-serif;
        letter-spacing: 0px;
        text-decoration: none;
        color: #6b6b6b;
        border-right: 1px solid #000000;
        font-size: 1vw;
        display: inline-block;
        vertical-align: middle;
        line-height: 1;
        height: 4vw;
        text-align: left;
        padding-top: 1.1vw;
        padding-right: 1.1vw;
        margin-left: 1.1vw;
    }

        div.subsections a:before {
            content: "";
            display: block;
            width: 0%;
            height: 3px;
            background: #fff;
            bottom: -20px;
            -webkit-transition: all 0.2s;
            -o-transition: all 0.2s;
            transition: all 0.2s;
            margin-left: -1.5vw;
            margin-top: -1.1vw;
            margin-bottom: 1.1vw;
            padding-right: 2.57vw;
        }

        div.subsections a.selected:before {
            background: #000;
            width: 100%;
        }

        div.subsections a:not(.selected):hover:before {
            background: #000;
            height: 3px;
            width: 100%;
        }


@media screen and (min-width: 1400px) {

    div.subsections a {
        letter-spacing: 1px;
        color: #000000;
        font-size: 13px;
        height: 60px;
        padding-top: 15px;
        padding-right: 15px;
        margin-left: 15px;
    }

        div.subsections a:before {
            margin-left: -19px;
            margin-top: -15px;
            margin-bottom: 15px;
            padding-right: 34px;
        }
}

div.main_submenus {
    opacity: 0;
    -webkit-transition: opacity .4s;
    -o-transition: opacity .4s;
    transition: opacity .4s;
}

    div.main_submenus nav {
        display: none;
    }

@media screen and (min-width: 1040px) {
    /*div.main_submenus.opened {
        display: block;
        opacity: 1;
        height: auto;
        position: absolute;
        z-index: 150;
        width: 100%;
        background-color: #ffffff;
        border-top: 1px solid #aeaeae;
        margin-top:20px;
    }
    div.main_submenus nav{
        width: 1300px;
        margin:0 auto;

        font-family: 'PT Sans', sans-serif;
        font-size:15px;

        letter-spacing: 0.5px;

    }
    div.main_submenus nav.active{
        display: block;
        padding: 40px 0;
        text-align: left;
    }
    div.main_submenus nav.active a{
        display: inline-block;
        text-decoration: none;
        text-transform: none;
        color:#99a5ae;
        text-align: left;
        width: 240px;
        margin: 0px 50px 10px 40px;
        vertical-align: top;
    }

    div.main_submenus nav.active a.current
    {
        color:#748491;
    }

    div.main_submenus nav.active a:after {
        display: none;
    }
        div.main_submenus nav.active a:before {
            content: ">";
            position: absolute;
            left: -15px;
            top: 12px;
            display: block;
            font-size: 12px;
            -webkit-transform: scaleY(1.7) translateZ(0);
            -ms-transform: scaleY(1.7) translateZ(0);
            transform: scaleY(1.7) translateZ(0);
        }

        div.main_submenus nav.active a:hover:before {
            font-size: 12px;
            -webkit-transform: translateX(50%) scaleY(1.7) translateZ(0);
            -ms-transform: translateX(50%) scaleY(1.7) translateZ(0);
            transform: translateX(50%) scaleY(1.7) translateZ(0);
            -webkit-transition: all .4s;
            -o-transition: all .4s;
            transition: all .4s;
        }*/
}

@media screen and (max-width: 1024px) {
    div.bloc-avis.sendwishes > a {
        display: block;
    }

        div.bloc-avis.sendwishes > a:before {
            left: 40px;
        }

    .col-3 a.b_galerie, .col-1.col-galerie a.b_galerie, .col-3 a.b_fleur, .col-3 a.b_arbre, .col-3 a.b_carte, .sendwishes a.submit {
        display: block;
        max-width: 175px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 75px;
    }

        .sendwishes a.submit.wide {
            max-width: 254px;
        }

    .col-1.col-galerie .bloc-col {
        border-bottom: none;
    }

    .col-3 a.b_boutique {
        display: block;
        max-width: 175px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 65px;
    }

        .col-3 a.b_boutique:before {
            left: 50px;
        }

    .col-3 a.b_voeux {
        display: block;
        max-width: 200px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 65px;
    }

        .col-3 a.b_voeux:before {
            left: 50px;
        }

    .col-2.col-webdiffusion {
        border-right: none;
    }
}



div.radio.rd-fleuriste input[type=radio] {
    width: initial;
    margin-left: 0;
}

    div.radio.rd-fleuriste input[type=radio] + span {
        padding-left: 0px;
    }

@media screen and (max-width: 1125px) {


    div.produits_lineup {
        text-align: center;
    }

    div.radio.rd-fleuriste input {
        width: initial;
    }
}

@media screen and (min-width: 801px) {
    .jardinh2 {
        color: #fff;
    }

    .content.jardin input {
        background: #cebea6;
        color: #fff;
        display: inline-block;
        text-align: center;
        width: 100%;
        font-size: 18px;
        margin-top: 40px;
        padding: 21px;
        border: none;
        -webkit-transition: all .4s;
        -o-transition: all .4s;
        transition: all .4s;
    }

        .content.jardin input:hover {
            cursor: pointer;
            background-color: #000;
        }
}

@media screen and (max-width: 800px) {
    #icipourlacommunaute {
        width: 30%;
    }
    .jardinh2 {
        color: #000;
    }
}

@media screen and (max-width: 600px) {
    #icipourlacommunaute {
        width: 45%;
        left:5%
    }

    .ici_pour_servir_banniere{
        height: 50vh;
    }

    section.col-1.col-galerie, section.col-2.col-video {
        max-width: 100%;
        width: auto;
        padding: 0;
    }

    img.img_portrait_direction {
        margin-bottom: 20px;
    }
}

/* loading */
#rechercheBloc, #rechercheBloc .liste-avis {
    position: relative;
    min-height: 200px;
}

form[action="/avis-de-deces"] {
    font-size: 0px;
}

#WrapMotClef {
    position: relative;
    display: inline-block;
}

@media screen and (max-width: 1024px) {

    #WrapMotClef {
        //width: 100%;
        //max-width: 450px;
        width: calc(100% - 40px);
        max-width: 450px;
    }

        #WrapMotClef #MotClef {
            margin-left: auto;
            margin-right: auto;
            max-width: 100%;
            width: 100%;
        }
}


@keyframes rolling {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

#WrapMotClef.loading:before {
    content: "";
    position: absolute;
    display: block;
    width: 25px;
    height: 25px;
    top: 18px;
    right: 12px;
    border-radius: 100px;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    z-index: 100;
    -webkit-animation: rolling 10s linear infinite;
    animation: rolling 1s linear infinite;
}

#rechercheBloc.loading:before {
    content: "";
    position: absolute;
    display: block;
    width: 50px;
    height: 50px;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
    border-radius: 100px;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    z-index: 100;
    -webkit-animation: rolling 10s linear infinite;
    animation: rolling 1s linear infinite;
}

#rechercheBloc .liste-avis.loading:before {
    content: "";
    position: absolute;
    display: block;
    width: 50px;
    height: 50px;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
    border-radius: 100px;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    z-index: 100;
    -webkit-animation: rolling 10s linear infinite;
    animation: rolling 1s linear infinite;
}


body {
    visibility: hidden !important;
}

    body.ready {
        visibility: visible !important;
    }


.flower_img {
    position: relative;
    display: inline-block; 
}

.boutique_produite img.flower {
    display: block;
}

.boutique_produite img.florist {
    position: absolute;
    bottom: 5px;
    right: 5px;
    height: 40px;
    width: auto;
}

/* =========================================
   Mémoire du jour
   ========================================= */

.memoire-page {
    padding-bottom: 80px;
}

/* En-tête : navigation + calendrier côte à côte */
.memoire-top-layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 40px 0 30px;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 40px;
}

.memoire-top-gauche {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}

.memoire-top-droite {
    width: 100%;
    text-align: center;
}

.memoire-description {
    font-family: 'PT Sans', sans-serif;
    font-size: 18px;
    color: #555;
    margin-bottom: 30px;
    line-height: 1.6;
    text-align: center;
}

/* Navigation jour précédent / suivant */
.memoire-navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 24px;
    margin: 10px 0 20px;
}

.memoire-nav-btn {
    display: inline-block;
    width: 52px;
    height: 52px;
    line-height: 48px;
    text-align: center;
    font-size: 38px;
    font-weight: 300;
    color: #8697a4;
    text-decoration: none;
    border: 2px solid #8697a4;
    border-radius: 50%;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    font-family: 'Cinzel', serif;
}

    .memoire-nav-btn:hover {
        background-color: #8697a4;
        color: #fff;
    }

.memoire-date-display {
    text-align: center;
    min-width: 150px;
}

.memoire-date-jour {
    font-family: 'Cinzel', serif;
    font-size: 64px;
    font-weight: 700;
    color: #333;
    display: block;
    line-height: 1;
}

.memoire-date-mois {
    font-family: 'Cinzel', serif;
    font-size: 20px;
    font-weight: 400;
    color: #888;
    display: block;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-top: 6px;
}

.memoire-aujourdhui {
    text-align: center;
    margin-top: 10px;
}

    .memoire-aujourdhui a {
        font-family: 'PT Sans', sans-serif;
        font-size: 14px;
        color: #8697a4;
        text-decoration: none;
        border-bottom: 1px solid #8697a4;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }

    .memoire-aujourdhui a:hover {
        color: #333;
        border-bottom-color: #333;
    }

/* Calendrier jQuery UI inline */
#memoire-datepicker {
    display: inline-block;
}

    #memoire-datepicker .ui-datepicker {
        width: 300px;
        font-family: 'PT Sans', sans-serif;
        border: 1px solid #ddd;
        padding: 10px;
        background: #fafafa;
    }

    #memoire-datepicker .ui-datepicker-header {
        font-family: 'Cinzel', serif;
        background: none;
        border: none;
        font-size: 14px;
        letter-spacing: 1px;
    }

    #memoire-datepicker .ui-datepicker th {
        font-family: 'Cinzel', serif;
        font-size: 11px;
        letter-spacing: 1px;
        color: #888;
    }

    #memoire-datepicker .ui-datepicker td a,
    #memoire-datepicker .ui-datepicker td span {
        text-align: center;
        padding: 4px;
    }

/* Jours avec des décès dans le calendrier */
.ui-datepicker td.memoire-jour-avec-deces > a,
.ui-datepicker td.memoire-jour-avec-deces > span {
    background: #8697a4 !important;
    color: #fff !important;
    border-radius: 3px;
    font-weight: 700;
    border: none !important;
}

    .ui-datepicker td.memoire-jour-avec-deces > a:hover {
        background: #6b7e8a !important;
    }

/* Titre de la section de fiches */
.memoire-titre-section {
    font-family: 'Cinzel', serif;
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 30px;
    text-align: center;
    color: #666;
}

/* Message quand aucun résultat */
.memoire-vide {
    text-align: center;
    padding: 60px 20px 80px;
    font-family: 'PT Sans', sans-serif;
    font-size: 18px;
    color: #888;
    line-height: 1.8;
    border-bottom: 1px solid #b5b5b5;
    margin-bottom: 40px;
}

/* Grille de fiches */
.memoire-cards {
    font-size: 0;
    text-align: center;
    margin-bottom: 0;
    border-bottom: 1px solid #b5b5b5;
    padding-bottom: 40px;
    margin-bottom: 40px;
}

.memoire-card {
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 5px);
    background: #fafafa;
    margin-bottom: 10px;
    font-size: 16px;
    text-align: left;
    position: relative;
}

    .memoire-card:nth-of-type(even) {
        margin-left: 10px;
    }

/* Lien intérieur de la fiche (photo + info) */
.memoire-card-inner {
    display: block;
    text-decoration: none;
    color: #000;
    padding: 20px 20px 10px 20px;
    font-size: 0;
    position: relative;
}

/* Logo maison commémorative dans le coin supérieur droit */
.memoire-card.logo-1 .memoire-card-inner:after,
.memoire-card.logo-2 .memoire-card-inner:after,
.memoire-card.logo-4 .memoire-card-inner:after {
    content: "";
    position: absolute;
    right: 12px;
    top: 12px;
    display: block;
    background-image: url(../images/decesimg1.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 30px;
    height: 53px;
    opacity: 0.55;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
}

.memoire-card:hover.logo-1 .memoire-card-inner:after,
.memoire-card:hover.logo-2 .memoire-card-inner:after,
.memoire-card:hover.logo-4 .memoire-card-inner:after {
    opacity: 0.85;
}

.memoire-card.logo-2 .memoire-card-inner:after {
    background-image: url(../images/decesimg2.png);
}

.memoire-card.logo-4 .memoire-card-inner:after {
    background-image: url(../images/decesimg3.png);
}

.memoire-card-photo {
    display: inline-block;
    vertical-align: top;
    width: 160px;
    font-size: 16px;
}

    .memoire-card-photo img {
        display: block;
        width: 160px;
        height: 180px;
        -o-object-fit: cover;
        object-fit: cover;
    }

.memoire-card-info {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 176px);
    padding-left: 16px;
    font-size: 16px;
    text-align: left;
}

.memoire-card-nom {
    font-family: 'Cormorant Infant', serif;
    font-weight: 400;
    font-size: 22px;
    letter-spacing: 0.5px;
    line-height: 1.2;
    margin-bottom: 8px;
}

    .memoire-card-nom span {
        font-weight: 700;
        display: block;
    }

.memoire-card-annees {
    font-family: 'PT Sans', sans-serif;
    font-size: 13px;
    color: #999;
    margin-bottom: 10px;
    font-weight: 700;
    letter-spacing: 1px;
}

.memoire-card-salon {
    font-family: 'PT Sans', sans-serif;
    font-size: 12px;
    color: #8697a4;
    margin-bottom: 8px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
}

.memoire-card-citation {
    font-family: 'PT Sans', sans-serif;
    font-size: 13px;
    color: #666;
    line-height: 1.55;
    margin-bottom: 10px;
    font-style: italic;
}

.memoire-card-age {
    font-family: 'PT Sans', sans-serif;
    font-size: 13px;
    color: #8697a4;
    margin-bottom: 8px;
}

.memoire-card-inner p.fakelink {
    font-size: 14px;
    position: relative;
    display: inline-block;
    border-bottom: 1px solid transparent;
    text-decoration: none;
    color: #000;
    -webkit-transition: border-color .3s;
    -o-transition: border-color .3s;
    transition: border-color .3s;
    margin-top: 4px;
    margin-bottom: 0;
}

    .memoire-card-inner p.fakelink:before {
        content: ">";
        display: inline-block;
        margin-right: 6px;
        -webkit-transform: scaleY(1.5);
        -ms-transform: scaleY(1.5);
        transform: scaleY(1.5);
        font-size: 12px;
        vertical-align: text-top;
    }

.memoire-card:hover .memoire-card-inner p.fakelink {
    border-bottom-color: #000;
}

/* Pied de fiche : lien avis + chandelle côte à côte */
.memoire-card-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border-top: 1px solid #ececec;
}

.memoire-footer-lien {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 14px;
    text-decoration: none;
    color: #666;
    font-family: 'PT Sans', sans-serif;
    font-size: 13px;
    -webkit-transition: background .2s, color .2s;
    -o-transition: background .2s, color .2s;
    transition: background .2s, color .2s;
}

    .memoire-footer-lien:hover {
        background: #f5f5f5;
        color: #333;
    }

.footer-fleche {
    margin-left: 4px;
    font-size: 16px;
    line-height: 1;
}

/* Bouton chandelle */
.memoire-chandelle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
    padding: 10px 14px;
    background: none;
    border: none;
    border-left: 1px solid #ececec;
    cursor: pointer;
    font-family: 'PT Sans', sans-serif;
    font-size: 13px;
    color: #bbb;
    -webkit-transition: background .2s, color .2s;
    -o-transition: background .2s, color .2s;
    transition: background .2s, color .2s;
    white-space: nowrap;
}

    .memoire-chandelle:hover {
        background-color: #fdf6ec;
        color: #c9a55a;
    }

    .memoire-chandelle.allumee {
        background-color: #fdf6ec;
        color: #c9a55a;
    }

/* Icône de chandelle */
.chandelle-icone {
    font-size: 16px;
    display: inline-block;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    -o-transition: transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
}

.chandelle-label {
    font-size: 12px;
}

/* Animation allumage */
@-webkit-keyframes allumage {
    0%   { -webkit-transform: scale(1);    transform: scale(1); }
    30%  { -webkit-transform: scale(1.6);  transform: scale(1.6); }
    60%  { -webkit-transform: scale(0.9) rotate(-8deg); transform: scale(0.9) rotate(-8deg); }
    100% { -webkit-transform: scale(1);    transform: scale(1); }
}

@keyframes allumage {
    0%   { -webkit-transform: scale(1);    transform: scale(1); }
    30%  { -webkit-transform: scale(1.6);  transform: scale(1.6); }
    60%  { -webkit-transform: scale(0.9) rotate(-8deg); transform: scale(0.9) rotate(-8deg); }
    100% { -webkit-transform: scale(1);    transform: scale(1); }
}

.chandelle-icone.allumage {
    -webkit-animation: allumage .6s ease;
    animation: allumage .6s ease;
}

/* Bloc promotionnel pré-arrangements */
.memoire-pub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    padding: 22px 24px;
    background: linear-gradient(135deg, #fdf9f2 0%, #faf4e8 100%);
    border: 1px solid #e8d9b5;
    border-left: 5px solid #c9a55a;
    border-radius: 4px;
    margin-bottom: 40px;
    text-decoration: none;
    color: inherit;
    -webkit-transition: border-color .2s, -webkit-box-shadow .2s;
    transition: border-color .2s, -webkit-box-shadow .2s;
    -o-transition: border-color .2s, box-shadow .2s;
    transition: border-color .2s, box-shadow .2s;
    transition: border-color .2s, box-shadow .2s, -webkit-box-shadow .2s;
}

    .memoire-pub:hover {
        border-color: #b8944a;
        -webkit-box-shadow: 0 4px 16px rgba(201,165,90,.15);
        box-shadow: 0 4px 16px rgba(201,165,90,.15);
    }

.memoire-pub-flamme {
    font-size: 36px;
    line-height: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.memoire-pub-corps {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.memoire-pub-titre {
    font-family: 'Cormorant Infant', serif;
    font-size: 20px;
    font-weight: 700;
    color: #5a3e1b;
    margin-bottom: 8px;
    line-height: 1.3;
}

.memoire-pub-texte {
    font-family: 'PT Sans', sans-serif;
    font-size: 13px;
    color: #6b5332;
    line-height: 1.6;
    margin-bottom: 10px;
}

.memoire-pub-details {
    font-family: 'PT Sans', sans-serif;
    font-size: 13px;
    color: #7a6040;
    margin-bottom: 10px;
}

.memoire-pub-cta {
    display: inline-block;
    font-family: 'PT Sans', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #c9a55a;
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s;
}

    .memoire-pub:hover .memoire-pub-cta {
        color: #a07c30;
    }

/* Responsive tablette */
@media screen and (max-width: 1024px) {
    .memoire-navigation {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .memoire-pub {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
    }

    .memoire-pub-flamme {
        font-size: 28px;
    }
}

/* Responsive mobile */
@media screen and (max-width: 800px) {
    .memoire-card {
        width: 100%;
        margin-left: 0 !important;
    }

    .memoire-card-photo {
        width: 110px;
    }

    .memoire-card-photo img {
        width: 110px;
        height: 124px;
    }

    .memoire-card-info {
        width: calc(100% - 126px);
    }

    .memoire-date-jour {
        font-size: 48px;
    }

    .memoire-date-mois {
        font-size: 16px;
    }
}
}