html, body {
    font-family: 'open_sansregular', sans-serif;
    font-size: 100%;
    line-height: 1.4em;
    color: #ddd;
    background-color: rgb(58, 65, 69);
    background: #3A4145;
}
.mode .mode > header {
    display: initial;
}
.mode .mode > header h2 {
    color: #ddd;
    text-align: center;
}
a {
    color: #aaa;
}
.header a {
    color: #eee;
}
a:hover, .header a:hover {
    color: #fff;
}
.my-logo {
    background: url("./img/pluxml-logo-black.png") top left no-repeat;
        background-position-x: left;
        background-position-y: top;
        background-size: auto;
    height: 55.5px;
    background-size: 66.6px;
    background-position: 20px 0;
    padding-left: 90px;
}
.my-logo a {
    color: #aaa;
}
.my-logo a:hover {
    color: #fff;
}
.my-menu {
    background-color: rgba(0,0,0,0.4);
/*    min-height: 6.18rem; */
}
.nav {
    background-color: transparent;
}
.menu > li {
    border-bottom: 3px solid #222;
}
ul.menu li a {
    background-color: rgba(55,55,55,.55);
}
ul.menu li.noactive a, ul.menu a.noactive {
    background-color: rgba(55,55,55,.55);
    color: #aaa;
}
ul.menu .noactive:hover, ul.menu .active span, ul.menu span.active, ul.menu li.active a, ul.menu a.active, ul.menu li span:hover, ul.menu li a:hover {
    color: #fff !important;
}
.menu > li:hover {
    border-bottom: 3px solid #ccc;
    background-color: #111;
}

.container.breadcrumb .grid .col {
    background-color: rgba(0,0,0,0.4);
}
.container {
    background-color: rgba(0,0,0,0.777);
    box-sizing: border-box;
    box-shadow: 0 -1px 6px rgba(0, 0, 0, .72);/* inset ombre */
}
/* menu img src : https://upload.wikimedia.org/wikipedia/commons/c/c8/Le_Canigou_vu_du_Montou.jpg */
.bg, footer.footer, main.main{
    background: transparent url("img/bg.perfect.jpg")/* no-repeat scroll top right / cover */;
    background-attachment: fixed;/* paralax */
    background-size: cover;
    transform-style: inherit;
    background-position: top right;
    box-shadow: none;
}
footer.footer .container {
    background: rgba(0,0,0,0.777);
}
.foot.left {
    background: transparent url('img/MGrosell-logo-left-full.gif') bottom left no-repeat scroll;
    padding-bottom: 113px;
}
.foot.right {
    background: transparent url('img/66.gif') bottom right no-repeat scroll;
    padding-bottom: 113px;
}
@media (max-width: 618px) {
    .foot.left {
        background: transparent url('img/MGrosell-logo-left-min.gif') bottom left no-repeat scroll;
    }
}
.article{margin: 1.5rem 0;}
.article header h2, .article header h2 a {
    color: #ccc;
}
.article img.art_thumbnail {
    width: 50%;
}
.capcha-word {
    color: #222;
}
.footer {
    color: #ddd;
    background-color: rgb(58, 65, 69);
    background: #3A4145;
}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; margin: 1.5rem 0; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.kzGallery{max-width:640px;}
#amour {
    display: none;
}
#form_contact p {
    width: 50%;
    padding: 0 2.5%;
    float: left;
    margin-bottom: 1rem;
}

#form_contact p:last-of-type {
    width: 100%;
    text-align: right;
    float: none;
}


@media (max-width: 767px) {
    #form_contact p {
        width: 100%;
        padding: 0;
        float: none;
    }
    .responsive-menu label {
        color: #fff;
    }
    .bg, footer.footer, main.main {
/*      background: transparent url(img/bg.perfect-mob.jpg) no-repeat scroll top right / cover  ; */
    }
    .menu > li {
        background: #1f1f1f;
    }
    .menu li a{
        display: inline-block;
    }
    .responsive-menu ul li:hover, .responsive-menu ul li a:hover, .responsive-menu ul .active span, .responsive-menu ul li.active, .responsive-menu ul li.active a, .responsive-menu ul li.active:hover {
        background-color: #000;
        color: #fff;
    }
    .menu > li {
        background: #1f1f1f;
    }
    .menu > li:hover {
        border-bottom: 3px solid transparent;
        background-color: #111;
    }
    .main {
        margin-top: -18rem;
    }
}
@media (min-width: 464px) {
    .article img.art_thumbnail {
        width: 25%;
    }
}