/* style.css */

/*
 * (c) hic&nunc
 * 26 mars 2016 (21 mars 2010)
 */

body {
    background-color: black;
    color: white;

    font-family: Garamond, serif;
    font-size: 120%;

    margin: 0;
    padding: 0;
}



.center { text-align: center; }
.right { text-align: right; }

.gray { color: gray; }

.help { cursor: help; }

.inline { display: inline; }

.larger { font-size: larger; }

.margin-right-m { margin-right: 1em; }

.monospace { font-family: monospace; }

.no-decoration { text-decoration: none; }

.smallskip  { margin-top: 1ex; }
.medskip    { margin-top: 2ex; }
.bigskip    { margin-top: 3ex; }
.bigbigskip { margin-top: 6ex; }

.surname { font-variant: small-caps; }



.hicetnunc {  /* pour afficher le texte "hic&nunc" */
    font-family: Arial, sans-serif;
    font-style: italic;
}

.hicetnunc > span { color: gray; }

.titre-in-situ {  /* pour afficher le texte "- prise de son in situ -" */
    color: silver;

    font-style: italic;
    font-weight: bold;
}



a {
    background-color: black;
    color: white;
    outline: none;
}

a:active { cursor: wait; }



div.OPi-tag {
    background-color: white;
    border-radius: 1ex;
    color: black;
    opacity: 0.9;
    padding: 1ex;
    position: absolute;
    right: -15px;
    text-align: center;
    top: 40px;
    transform: rotate(45deg);
    vertical-align: middle;
    z-index: 10001;
}

div.OPi-tag a {
    background-color: white;
    color: black;
}

div.OPi-tag a img {
    border: 0;
    vertical-align: middle;
}


/* Haut de page pour l'impression */
div#print-info {
    font-size: smaller;
    height: 0;
    visibility: hidden;
    text-align: right;
}



/* Panneau pour le menu */
div#panel-menu {
    left: 0;
    position: fixed;
    top: 0;
    width: 240px;
}

div#panel-menu ul {
    border-right: 1px solid white;
    list-style-type: none;
    margin: 0 0 1ex;
    padding: 0;
}

div#panel-menu ul li {
    border-bottom: 1px solid white;
    height: 40px;
    line-height: 39px;
    margin: 0;
}

div#panel-menu ul li a {
    display: inline-block;
    padding-left: 1ex;
    text-decoration: none;
}

div#panel-menu ul li:active,
div#panel-menu ul li:focus,
div#panel-menu ul li:hover,
div#panel-menu ul li.selected {
    font-weight: bold;
    margin-left: -0.5ex;
    text-decoration: none;
}

div#panel-menu ul li.selected {
    background-color: white;
    margin-left: 0;
    padding-left: 0.5ex;
}

div#panel-menu ul li h1 {
    color: black;
    cursor: default;

    font-size: 100%;
    font-weight: bold;

    margin: 0;
    padding: 0;
}

div#panel-menu .titre-in-situ {
    text-align: center;
    width: 240px;
}



/* Panneau pour le contenu */
div#panel-content {
    left: 240px;
    padding: 1.4em;
    position: absolute;
    top: 0;
}

div#panel-content p {
    margin: 0 0 2ex;
    text-indent: 1.4em;
    text-align: justify;
}

div#panel-content p.lettrine:first-letter {
    font-size: 120%;
    font-weight: bold;
}



/*********
 * Print *
 *********/
@media print {
    body {
        background-color: white;
        color: black;
    }



    a {
        background-color: white;
        color: black;
    }



    div#print-info {
        margin-right: 1.4em;
        margin-top: 4ex;

        visibility: visible;
    }



    div#panel-menu { visibility: hidden; }

    div#panel-menu ul li h1 {
        font-size: larger;
        position: absolute;
        top: 0;
        visibility: visible;
    }



    div#panel-content {
        left: 0;
        top: 4ex;
    }
}