.cormorant-garamond-300 {
    font-family: "Cormorant Garamond", serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
}

.cormorant-garamond-400 {
    font-family: "Cormorant Garamond", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}



.kapakana-400 {
   font-family: "Kapakana", cursive;
   font-optical-sizing: auto;
   font-weight: 400;
   font-style: normal;
}

.guillemet {
    font-size: 4em;
    line-height: 1em;
}


html, body {
    background-color: #000;
    color: #000;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

html.page-cat,.page-cat body,html.page-modele,.page-modele body,html.page-projets,.page-projets body {
    background-color: #f8f3f0;
    color: #000;
}

header {
    border :none;
}

header .logo a {
    background-image: url(/donnees/home/hifigeny.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    display: block;
}

.page-accueil header .categories {
    display: none;
}

header .alain-mansuy,header .alain-mansuy-mobile {
    display: none;
}

.page-accueil header .alain-mansuy,.page-accueil header .alain-mansuy-mobile {
    display: block;
    color: #f3cfa3;
    /*height: 100px;*/
}

.page-accueil header .alain-mansuy h1 {
    font-size: 3.8em;
}


header .categories {
    font-size: 0.8em;
}

header .categories a:hover {
    color: #ffffff;
}


header .rubriques ul li, header .rubrique-mobile {
    background-color: #f3cfa3;
}

header .rubriques ul li a {
    text-decoration: none;
}

header .rubriques ul li a:hover {
    background-color: darkgoldenrod;
}

header .traduction {
    padding-top: 10px;
}

footer .rubriques ul li, footer .rubrique-mobile {
    background-color: #f3cfa3;
}

footer .rubriques ul li a {
    text-decoration: none;
}

footer .rubriques ul li a:hover {
    background-color: darkgoldenrod;
}

#confirmation {
    visibility: hidden;
    opacity: 0;
    border-radius: 5px;
    position: fixed;
    top: 370px;
    width: 530px;
    height: 180px;
    background-color: #fff;
    background-clip: padding-box;
    border: 20px solid rgba(0,0,0,0.2);
    left: 50%;
    margin-left: -265px;
    margin-top: -100px;
    color: #424242;
    font: 14px/16px Helvetica, "Trebuchet MS", sans-serif;
    padding-top: 60px;
    text-align: center;
    z-index: 10000;
}

.page-cat header .logo a,.page-modele header .logo a, .page-projets header .logo a {
    background-image: url(/donnees/home/hifigeny-d.svg);
}

.page-cat header .categories a,.page-modele header .categories a,.page-projets header .categories a {
    color: #674c00;
}

.page-cat header .categories a:hover,.page-modele header .categories a:hover,.page-projets header .categories a:hover {
    color: darkgoldenrod;
}

.page-cat header .rubriques a, .page-cat footer a,.page-modele header .rubriques a, .page-modele footer a, .page-projets header .rubriques a, .page-projets footer a, .page-cat header .rubrique-mobile a,.page-modele header .rubrique-mobile a, .page-projets header .rubrique-mobile a {
    background-color: darkgoldenrod;
    color: #fff!important;
}

.page-cat header .rubriques ul li,.page-cat footer ul li,.page-modele header .rubriques ul li,.page-modele footer ul li,.page-projets header .rubriques ul li,.page-projets footer ul li {
    border-color: #fff!important;
}

.accueil .col {
    height: 743px;
    background-image: url("/donnees/home/salon-art-deco-hifigeny-new.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.home .signature .col {
    height: 45vw;
    background-image: url("/donnees/home/signature.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    max-height: 750px;
}

.home .signature .texte {
    top: 22%;
    left: 11%;
}

.home .signature .texte h2 {
    /*font-size: 2.0em;*/
}

.home .signature .texte p {
    font-size: 1.3em;
    margin-bottom: 20px;
}

.home .signature .texte a {
    color: #000;
    text-decoration: none;
    border : darkgoldenrod 2px solid;
    padding: 5px 35px;
}

.home .signature .texte a:hover {
    background-color: darkgoldenrod;
    color: #000;
}


/* accueil cats*/


.home .cats .row div a {
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    max-height: 550px;
}

.home .cats .row div a.cat-photo {
    height: 33vw;
}


.home .cats .row #baroque a.cat-photo,.home .cats .row #transparent a.cat-photo {
    height: 44vw;
}

.home .cats .row div a .texte .decouvrir {
    color: #fff;
    background-color: #533604FF;
    text-decoration: none;
    border : darkgoldenrod 2px solid;
    padding: 5px 35px;
    font-size: 1em;
}


.home .cats .row div a .texte .decouvrir:hover {
    background-color: darkgoldenrod;
    color: #000;
}

/* FIN accueil cats*/

/* Catégories*/
.page-cat .titre,.page-projets .titre {
    background-color: #efe8e2;
    /*border-top: 1px solid darkgoldenrod;*/
    /*border-bottom: 1px solid darkgoldenrod;*/
}

.page-cat .modele a {
    display: block;
    text-decoration: none;
    color: #000;
    background-color: #efe8e2;
    border-top: 1px solid darkgoldenrod;
    border-bottom: 1px solid darkgoldenrod;

}

.page-cat .modele a:hover {
    background-color: #d8d2cb;
}

.page-cat .luminaires a {
    background-color: #efe8e2;
    border: 1px double darkgoldenrod;
    outline: 1px solid darkgoldenrod;
    outline-offset: -9px;
}

.page-cat .luminaires a:hover,.page-cat .luminaires a.active {
    background-color: #d8d2cb;
}

.page-cat #hint {
    display:none;
    color: red;
    font-size: 12px;
}


.page-modele .produit {
    color: #000;
    background-color: #efe8e2;
    border-top: 1px solid darkgoldenrod;
    border-bottom: 1px solid darkgoldenrod;
}

.page-projets .vignette {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.page-societe .main {
    background-image : url("/donnees/beta/la-societe-2.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    height: 740px;
}

.page-societe  .categories a {
    color: #baa06d;
}

/* @group Témoignages */
.temoignage {
    margin: 20px 20px 60px 20px;
    padding: 20px 20px 20px 20px;
    display: block;
}

.temoignage .note, .temoignage .text-tem, .temoignage .date-visite {
    padding-bottom: 5px;
}

.yellow-star {
    color: #FFD700;
}

.paper-shadow {
    position: relative;
    background: #fff;
    box-shadow: 0px 2px 38px rgba(0, 0, 0, 0.2);
}

.paper-shadow:after, .paper-shadow:before{
    content: '';
    position: absolute;
    left: auto;
    background:none;
    z-index: -1;
}
.paper-shadow:after{
    width: 90%;
    height: 10px;
    top: 30px;
    right:8px;
    transform: rotate(-3deg);
    box-shadow: 0px -25px 35px 0px rgba(0,0,0,0.5);
}

.paper-shadow:before{
    width: 10px;
    height: 95%;
    top: 5px;
    right:18px;
    transform: rotate(3deg);
    box-shadow: 22px 0 35px 0 rgba(0,0,0,0.5);
}
/* @end */

/* Avis */
label[for="star"] {
    margin-bottom: 0;
}

#full-stars {
    margin-bottom: 0.5em;

    /* use display:inline-flex to prevent whitespace issues. alternatively, you can put all the children of .rating-group on a single line */
    .rating-group {
        display: inline-flex;
    }

    /* make hover effect work properly in IE */
    .rating__icon {
        pointer-events: none;
    }

    /* hide radio inputs */
    .rating__input {
        position: absolute !important;
        left: -9999px !important;
    }

    /* hide 'none' input from screenreaders */
    .rating__input--none {
        display: none
    }

    /* set icon padding and size */
    .rating__label {
        cursor: pointer;
        padding: 0 0.15em;
        font-size: 3rem;
    }

    /* set default star color */
    .rating__icon--star {
        color: orange;
    }

    /* if any input is checked, make its following siblings grey */
    .rating__input:checked ~ .rating__label .rating__icon--star {
        color: #ccc;
    }

    /* make all stars orange on rating group hover */
    .rating-group:hover .rating__label .rating__icon--star {
        color: orange;
    }

    /* make hovered input's following siblings grey on hover */
    .rating__input:hover ~ .rating__label .rating__icon--star {
        color: #ccc;
    }
}


.avis-adresse, .avis-adresse a {
    color: #000;
}


.page-accueil .avis-adresse, .page-accueil .avis-adresse a,.page-societe .avis-adresse, .page-societe .avis-adresse a {
    color: #fff;
}

/* @group Promo */

.promo {
    text-align: center;
    overflow: hidden;
    height: 40px;
    color: red;
}

.promo #promocontenu {
    width: max-content;
    animation: defilement 20s infinite linear;
    line-height: 40px;
}

@keyframes defilement {
    0% { margin-left: 100%; }
    50% { margin-left: 0; }
    100% { margin-left: -100%; }
}

/* @end */



/*Small devices (landscape phones, 576px and up)*/
@media (max-width: 576px) {

}

/*Medium devices (tablets, 768px and up)*/
@media (max-width: 768px) {

}

/*Large devices (desktops, 992px and up)*/
@media (max-width: 992px) {
    .home .cats .row div a.cat-photo {
        height: 50vw;
    }

    .home .cats .row #baroque a.cat-photo,.home .cats .row #transparent a.cat-photo {
        height: 70vw;
    }
}

/*X-Large devices (large desktops, 1200px and up)*/
@media (max-width: 1200px) {
    .page-accueil header .alain-mansuy h1 {
        font-size: 3em;
    }
}

/*XX-Large devices (larger desktops, 1400px and up)*/
@media (max-width: 1400px) {

}