body {
    background-color:rgb(220,220,255);
    margin: 0px;
    padding: 0px;
    height: 100%;
}

#div-globale {
    position: static;
    top: 0; right: 0; bottom: 0; left: 0;
    height: 100%;
    margin: 4px;
}

#titre {
    position:absolute;
    left:-webkit-calc(50% - 110px);
    left:-moz-calc(50% - 110px);
    left:calc(50% - 110px);
    top:  5%;
    transform: translateY(20%);
}

#canvas {
    position: absolute;
    width: 60%;
    height: 72%;
    top: 15px; left: 20%;
}

.canvas-texte {
    position:absolute;
    top: 20%;
    transform: translateY(-15%);
    left: 22%;
    width: 56%;
    height:40%;
}

.barre-liens {
    position:absolute;
    top: 68%;
    transform: translateY(-35%);
    left: 20%;
    width: 60%;
}

#lien-index-intro {
    position:absolute;
    left:-webkit-calc(25% - 20px);
    left:-moz-calc(25% - 20px);
    left:calc(25% - 20px);
}

#lien-index-quizz {
    position:absolute;
    left:-webkit-calc(50% - 20px);
    left:-moz-calc(50% - 20px);
    left:calc(50% - 20px);
}

#lien-index-info {
    position:absolute;
    left:-webkit-calc(75% - 50px);
    left:-moz-calc(75% - 50px);
    left:calc(75% - 50px);
}

#lien-infos-quit {
    position:absolute;
    left:-webkit-calc(50% - 20px);
    left:-moz-calc(50% - 20px);
    left:calc(50% - 20px);
}

#lien-intro-quit {
    position:absolute;
    transform: translateY(-50%);
    left:-webkit-calc(25% - 20px);
    left:-moz-calc(25% - 20px);
    left:calc(25% - 20px);
}

#lien-intro-next {
    position:absolute;
    transform: translateY(-50%);
    left:-webkit-calc(50% - 16px);
    left:-moz-calc(50% - 16px);
    left:calc(50% - 16px);
}

#lien-intro-quizz {
    position:absolute;
    transform: translateY(-50%);
    left:-webkit-calc(75% - 30px);
    left:-moz-calc(75% - 30px);
    left:calc(75% - 30px);
}

#barre-bas {
    position: absolute;
    left: 4px; right: 4px; bottom: 4px;
    min-height: 100px;
    background-color:rgb(220,220,255);
}

#canvas-titre {
    position:absolute;
    left: 25%;
    transform: translateY(10%);
}

#canvas-image{
    position: absolute;
    left: 15%;
    top: 25%;
    width: 70%;
    transform: translateY(10%);
}