body {
    font-size:13px;
}

/* titres et texte */
h1, h2, h3, h4, h5, h6, #main-nav {
    font-weight: normal;
    font-family: "rubikmedium";
}
.fat, h1.fat, h2.fat, h3.fat, h4.fat {
    font-weight: normal;
}

.titre-ultra-tiny { font-size: 9px;}
.titre-tiny {font-size:0.9em; letter-spacing:0.05em; }
.titre-mini {font-size:1.1em;margin:0; }
.titre-small { font-size:1.45em;}
.titre-medium { font-size:2em;}
.titre { font-size:2.5em; }
.titre-big {font-size:3em;}

.texte-tiny {font-size: 0.6em;}
.texte-small {font-size: 0.7em;}
.texte-medium {font-size:0.9em;}
.texte { font-size: 1em; }
.texte-big { font-size: 1.4em; }
.texte-huge { font-size:1.8em;}
.texte-small.fat, texte-medium.fat, .texte.fat, .texte-big.fat, .texte-huge.fat, .texte-huge.fat {
    font-family: 'rubikmedium';
}

.force-w {
    width:100%;
}
.titre-mini .on {
    text-decoration: line-through;
}
figcaption, .spip_doc_titre {
    text-align:center;
    font-size:0.9em;
    width: 100% !important;
}

.merge-border-left {
    margin-left:-1px;
} 
.merge-border-top {
    margin-top:-1px;
}

.item-keep {
    opacity:0;
    position: absolute;
    bottom:1em;
    right:1em;
    transition: all linear 0.5s;
}

.item-trans:hover .item-keep {
    opacity:1;
} 

.item-trans {
    background-color: #f0f0f0;
}

.compteur {
    
}

@media (max-width: 992px){
    .dropdown-item {
        display:inline;   
    }
    .dropdown-item:after {
        content: ", ";   
    }
    .dropdown-item:last-child:after {
        content: ".";   
    }
    .bigimage {
        height:60vh;
    }
}

@media (max-width: 768px){
    .bigimage {
        height:45vh;
    }
}

@media (max-width: 576px){
    .bigimage {
        height:35vh;
    }
}



/* Custom button design */
.fancybox-button {
    background: transparent;
    color: #333;
}

.fancybox-toolbar .fancybox-button:hover {
    background: rgba(223, 223, 223, 0.5);
    color: #c11c95;
}

/* Make close button a bit bigger */
.fancybox-button--close {
    padding: 7px;
}

/* Navigation arrows */
.fancybox-navigation .fancybox-button {
    z-index: 99996;
}

.fancybox-navigation .fancybox-button div {
    padding: 0;
}

.fancybox-navigation .fancybox-button[disabled],
.fancybox-navigation .fancybox-button[disabled]:hover {
    color: #888;
}

.fancybox-navigation .fancybox-button:hover {
    color: #000;
}

/* Change backdrop color */
.fancybox-bg {
    background: #eee;
}

/* Initially hide the caption */
.caption {
    display: none;
}

/* Change position and design of caption area */
.fancybox-caption {
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    padding: 0;
    width: 300px;
    background: #eee;
    color: #333;
    box-shadow: 0 0 20px #888;
    z-index: 99996;
    text-align: left;

    /* Hide next to right edge */
    transform: translate3d(320px, 0, 0);
}

.fancybox-caption::before {
    display: none;
}

.fancybox-caption > div {
    margin-top: 44px;
    padding: 20px;
    max-height: calc(100vh - 44px);
    overflow: auto;
}

/* Overwrite the default animation */
.fancybox-show-caption .fancybox-caption,
.fancybox-caption {
    transition: transform .2s;
}

/* Reveal caption */
.fancybox-show-caption.fancybox-vertical-caption .fancybox-caption {
    transform: translate3d(0, 0, 0);
}

/* Styling of caption content */
.fancybox-caption a {
    color: #333;
}

.fancy-nav a {
    text-decoration: none;
    font-weight: normal;
    font-size: 20px;
    font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    background: #444;
    color: #fff;
    border-radius: 50%;
    display: inline-block;
    width: 22px;
    height: 22px;
    line-height: 18px;
    text-align: center;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    outline: none;
}

.fancy-nav a:hover {
    text-decoration: none;
}