body, html {
    /* width:800px; */
    width: 830px;
    /*margin: auto;*/
    text-align: center;
    /* background-color: rgb(44, 44, 44); */
    background-color: rgb(20, 20, 20);
/*background-image:url(images/fond-b.jpg);*/
background-position:left top;
background-attachment:fixed;
    user-select: none;
	float : left;
    margin-left: 0px;
}

h2 {
    font-family: ARIAL;
    color: rgb(230, 230, 230);
    font-size: 20px;
    margin: auto;
}

#bandeau {
    /* background-color: rgb(15, 15, 15); */
    background-color: rgb(0, 0, 0);
    color: rgb(230, 230, 230);
    position: fixed;
    width: 100%;
    top: 0px;
    left: 0px;
    height: 110px;
}

#coordonnes {
/*    background-color: rgba(30, 30, 30, 0.85);*/
    background-color: rgb(0, 0, 0);
    margin-left: 550px;
    width: 100px;
    height: 50px;
    top: 0px;
    text-align: center;
    color: white;
    font-family: ARIAL;
    display: flex;
    align-items: center;
    justify-content: center;
}

#chrono {
    position: fixed;
    background-color: rgb(10, 0, 29);
    margin-left: 10px;
    width: 120px;
    height: 30px;
    top: 80px;
    text-align: left;
    color: gray;
    font-family: Helvetica;
    font-size: 15px;
    display: flex;
    align-items: left;
    justify-content: left;
}

#nomTrack {
    position: fixed;
    background-color: rgb(10, 0, 29);
    margin-left: 130px;
    width: 150px;
    height: 30px;
    top: 80px;
    text-align: left;
    color: gray;
    font-family: Helvetica;
    font-size: 15px;
    display: flex;
    align-items: left;
    justify-content: left;
}



#loading {
    position: fixed;
    background-color: rgba(30, 30, 30, 0.85);
    margin-left: 150px;
    width: 500px;
    height: 100px;
    top: 125px;
    text-align: center;
    color: red;
    font-family: ARIAL;
    font-size: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#infoBulle {
    position: fixed;
    background-color: rgba(30, 30, 30, 0.70);
    margin-left: 150px;
    width: 500px;
    height: 100px;
    top: 125px;
    text-align: center;
    color: gray;
    font-family: ARIAL;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}



#contenu {
    /* background-color: rgb(230, 230, 230); */
    /*background-color: rgb(30, 30, 30);*/
    color:#000000;
    margin-top: 100px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size:18px;
}

.no-scroll {
    overflow: hidden;
}

.wavPainter {
   background-image:url(images/fondwav.jpg);
      width: 400px;
    margin: auto;
   /* background-color: rgb(30, 30, 30);
	border-right : 3px #000000 solid;
	border-left : 3px #727272 solid;
	border-top : 3px #727272 solid;
	border-bottom : 3px #000000 solid;*/
}

.columnsContainer {
    /*width: 200px;*/
    display: flex;
}

.column {
    flex: 1;
}

.column.center {
    /*display: flex;*/
    align-items: center;
 justify-content: center;
 /*height: 350px;*/
 width: 100px;
}

/* .track.rightBorder {
    border-right: 5px solid black;
} */

.module {
    /*background-color: rgba(50, 50, 50);*/
/*    background-color: rgba(30, 30, 30, 0.88);*/
background-image:url(images/fondmodule.jpg);
    /* width: 385px; */
    width: 400px;
    margin: auto;
    /*margin-top: 15px;*/
    /*margin-bottom: 15px;*/
    /*border-radius: 30px;*/
	border-right : 3px #000000 solid;
	border-left : 3px #000000 solid;
	border-top : 3px #000000 solid;
	border-bottom : 3px #000000 solid;
}


.module.conf {
    /*background-image:url(images/capture.jpg);*/
    /*position: fixed;*/
	height: 60px;
    display: flex;
    align-items: center;
    justify-content: left;
    /*position: fixed;*/
}



.module.top {
    /*margin-top: 50px;*/
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
	background-image:url(images/fond-logo.jpg);
    /*position: fixed;*/
}

.module.wavPainter {

    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.module.eq {
/*    height: 285px;*/
/*    height: 520px;*/
    height: 535px;
}

.module.eq.hide {
    background-color: rgba(30, 30, 30, 0);
}

.module.midCut {
    height: 350px;
}

.module.midCut.hide {
    background-color: rgba(30, 30, 30, 0);
}

.module.route {
	/*background-image:url(images/fondmodule.jpg);*/
    height: 60px;
    /*display: flex;*/
    align-items: center;
    justify-content: center;
   background-image:url(images/fondroute.jpg);
}


.module.db {
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* .db {
    height: 500px;
} */

/* .button {
    margin: 10px;
} */

 #roomGridContainer {
/*    background-color: rgb(45, 45, 45);*/
    background-color: rgb(14, 14, 14);
	background-image: url("images/salle.png");
    margin-top: 0px;
    margin-bottom: 15px;
    border-radius: 30px;
    width: 1200px;
	
/*	position: fixed; 
	bottom: 0;
    align-items: center;
    justify-content: center;*/
	
/*	border-right : 3px #000000 solid;
	border-left : 3px #000000 solid;
	border-top : 3px #000000 solid;
	border-bottom : 3px #000000 solid;*/
} 

 /*canvas {
    border: 1px solid white;
} */