/*
 * Regles auparavant en <style> ou en style="" inline dans chaque gabarit.
 * Chaque bloc reste limite au meme perimetre qu'avant (une classe posee
 * sur <body> reproduit le fait qu'un <style> dans un seul squelette ne
 * s'appliquait qu'a ce squelette).
 */

/* Utilitaires génériques */
.mb-20 {
    margin-bottom: 20px;
}

.mb-10 {
    margin-bottom: 10px;
}

/* Bloc traduction masque par defaut, deplie par le bouton .slide_button
   (js/site.js). Volontairement sans !important : le slideToggle jQuery
   doit pouvoir reprendre la main sur le style inline. */
.chapo-hidden {
    display: none;
}

.li-puce {
    list-style-image: url(./squelettes-dist/puce.gif);
    margin-bottom: 10px;
}

/* squelettes/inc-nav.html : bio courte de la colonne de navigation */
.tpl-bio-email {
    font-size: 12px;
    margin-top: 0;
}

/* squelettes/article.html */
.tpl-article h2 {
    background-color: #CC0000;
    padding-left: 15px;
}

/* squelettes/rubrique-4.html, squelettes/rubrique-6.html */
.tpl-agenda h4 {
    margin: 0 0 8px 0;
    color: #333333;
    text-align: right;
}

.tpl-agenda h4:hover {
    margin: 0 0 8px 0;
    color: #428CE7;
    text-align: right;
}

/* squelettes/rubrique-4.html, squelettes/rubrique-6.html,
   compositions/rubrique-articles.html, compositions/rubrique-actualites.html */
.tpl-agenda h3,
.tpl-articles-list h3 {
    margin: 10px 0 5px 0;
    font-size: 1.1em;
}

/* compositions/rubrique-livre.html */
.tpl-livre .spip_logos {
    float: left;
    padding: 5px 10px 5px 0;
}

.tpl-livre .docs .spip_logos {
    padding: 5px 10px 5px 10px;
}

/* compositions/rubrique-medias.html */
.tpl-medias p {
    margin: 0;
}

/* compositions/rubrique-livres.html */
.tpl-livres .book {
    display: block;
    padding: 10px;
    background-color: #ffffff;
    border: 1px solid #FAFAFA;
    box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
    background-image: -webkit-linear-gradient(45deg, #FFF, #F9F9F9);
    opacity: 1;
    min-height: 350px;
    margin-bottom: 10px;
}

.tpl-livres .principal:hover .book:not(:hover) {
    opacity: 0.4;
}

/* compositions/rubrique-livres2016.html */
.tpl-livres2016 .book {
    display: block;
    padding: 10px;
    background-color: #ffffff;
    border: 1px solid #FAFAFA;
    min-height: 350px;
    margin-bottom: 10px;
}

/* compositions/rubrique-mur_photos.html */
.tpl-mur-photos,
.tpl-mur-photos * {
    box-sizing: border-box !important;
}

.tpl-mur-photos .principal .row {
    -moz-column-width: 15em;
    -webkit-column-width: 15em;
    column-width: 15em;
    -moz-column-gap: 1em;
    -webkit-column-gap: 1em;
    column-gap: 1em;
}

.tpl-mur-photos .principal .row > .col-md-4 {
    display: inline-block;
    padding: 3.3px;
    width: 100%;
    float: none;
}

.tpl-mur-photos .book {
    position: relative;
    display: block;
    padding: 10px;
    background-color: #ffffff;
    border: 1px solid #FAFAFA;
    box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
    background-image: -webkit-linear-gradient(45deg, #FFF, #F9F9F9);
    opacity: 1;
}

.tpl-mur-photos .principal:hover .book:not(:hover) {
    opacity: 0.4;
}
