/*
 This file was generated by Dashcode.
 You may edit this file to customize your widget or web page
 according to the license.txt file included in the project.
 */

/* navigation */
.navPrevious{
    position:fixed;
    left:0;
    top:15%;
    width:30%;
    height:70%;
    z-index: 1; /* pour que les liens sur les images fonctionnent */
}
#previousMedia{
    position:fixed;
    left:20px;
    top:50%;
    visibility:hidden;
}

.navNext{
    position:fixed;
    right:0;
    top:15%;
    width:30%;
    height:70%;
    z-index: 1; /* pour que les liens sur les images fonctionnent */
}
#nextMedia{
    position:fixed;
    right:20px;
    top:50%;
    visibility:hidden;
}

.navPrevious:hover #previousMedia{
    visibility:visible;
}

.navNext:hover #nextMedia{
    visibility:visible;
}

.navPrevious:hover #previousSaisie{
    visibility:visible;
}

.navNext:hover #nextSaisie{
    visibility:visible;
}


/** -- page modale -- **/
/* zoom automatique de l'image en java !*/


#wwwIndexCompteur{
    position: absolute;
    left: -1em;
    top: -1em;
    text-align: left;
}

#editBtn{
    position: absolute;
    right:120px;
    text-align: center;
    top: 65px;
}

#exitBtn{
    position: absolute;
    right: 0px;
    top: 70px;
    width: 80em;
}

/* faire joli */

/* * visualisation media * */

#openDiaporama{
    background: black;
}

#openDiaporama > div {
    margin: 2% auto;
    width: 90%;
    height: 90%;
    max-height: 90%;
}

article.texteMedia{
    font-family: "Apple Chancery", sans-serif;
    color: white;
    width: 100%;
}

#wwwIndexCompteur{
    line-height: 2.5em;
    font-size: 0.7em;
    text-align: center;
    text-decoration: none;
    color: white;
}


/* * diaporama * */

/* le media */
/* rappel wwwMedia est un élément flex */

#wwwMedia {
    display:flex;
    height: 100%;
    max-height: 80vh;
    justify-content: center;
}

#wwwMedia a {
    margin: 2% auto;
    width: 100%;
    height: 100%;
    max-width: 120vh;
    max-height: 120vh;
}

#wwwTitre{
    font-size: 1em;
}

#wwwComment{
    font-size: 0.8em;
}

/* la barre icones */
#menuIcones {
    height:100%;
    overflow: auto;
}

#menuIcones a{
    margin: 0px;
    margin-right: 4px;
    width: 1.6em;/* 1em = 10px */
    height: 1.6em;
}

table {
    border-collapse: separate;
    border-spacing: 0.1em;
    border: none;
}