/* .ui-page { background: rgb(128,128,128);} */

body {
    margin: 0px;
    font-family: Helvetica;
    width: auto;
    height: auto;
    min-height: 0px;
}

#TitreSimulation {
	font-family: HelveticaNeue-UltraLight, Helvetica Neue Ultra Light;
	text-align: center;
	font-size: 2em;
}

#SimulationBox {
    border-width: 1px;
    border-color: black;
    width: 688px;
    height: 645px;
    position: absolute;
    bottom: 0px;
    margin: auto;
    right: 0px;
    left: 0px;
    top: 0px;
    background-color:#FFFFFF;
}

#simulationPendulumCanvas {
    position: absolute;
    bottom: 5px;
    left: 5px;
    width: 400px;
    height: 315px;
    margin-right: auto;
    margin-bottom: auto;
}

#simulationCanvas {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 400px;
    height: 315px;
    margin-right: auto;
    margin-bottom: auto;
}


#ParametersBox {
    border-color: black;
    border-width: 1px;
    position: absolute;
    width: 230px;
    height:auto;
    opacity: 1;
    border-top-left-radius: 17px;
    border-top-right-radius: 17px;
    border-bottom-left-radius: 17px;
    border-bottom-right-radius: 17px;
    -webkit-margin-top-collapse: separate;
    -webkit-margin-bottom-collapse: separate;
    right: 5px;
    top: 5px;
    line-height: 16px;
    color: rgb(0, 0, 0);
/*     background-color:rgba(0,0,0,0.1) */
}



/*
@media (max-width: 688px) 
{

#simulationCanvas {
    border-top-left-radius: 17px;
    border-top-right-radius: 17px;
    border-bottom-left-radius: 17px;
    border-bottom-right-radius: 17px;
    position: absolute;
    top: 5px;
    left: 5px;
    width: 327px;
    height: 327px;
    margin-right: auto;
    margin-bottom: auto;
}

#simulationPendulumCanvas {
    border-top-left-radius: 17px;
    border-top-right-radius: 17px;
    border-bottom-left-radius: 17px;
    border-bottom-right-radius: 17px;
    position: absolute;
    top: 337px;
    left: 5px;
    width: 327px;
    height: 327px;
    margin-right: auto;
    margin-bottom: auto;
}


#SimulationBox {
    border-width: 1px;
    border-color: black;
    width: 337px;
    height: 780px;
    position: absolute;
    bottom: 0px;
    margin: auto;
    right: 0px;
    left: 0px;
    top: 0px;
    /* background-color:rgba(0,0,0,0.1) */
}

#ParametersBox {
    border-color: black;
    border-width: 1px;
    position: absolute;
    width: 307px;
    height:auto;
    opacity: 1;
    border-top-left-radius: 17px;
    border-top-right-radius: 17px;
    border-bottom-left-radius: 17px;
    border-bottom-right-radius: 17px;
    -webkit-margin-top-collapse: separate;
    -webkit-margin-bottom-collapse: separate;
    left: 5px;
    top: 669px;
    line-height: 16px;
    color: rgb(0, 0, 0);
    padding: 10px;
    background-color:rgba(0,0,0,0.1)
}

}
*/