html, body {
    margin:0;
	padding:0;
    font-family: 'Roboto', sans-serif;
    position: fixed;
    position: relative;
    overflow: hidden;
}

body {
    height:100vh;
    height: calc(var(--vh, 1vh) * 100);
    width: 100%;
}

#divCanvas{
	display: flex;
	align-items: center;
	justify-content: center;
    overflow: hidden;
    flex-flow : column;
    flex-basis:100%;
}

#fullscreen {
    height:100vh;
    height: calc(var(--vh, 1vh) * 100);
	width:100%;
	position:absolute;
	display:flex;
    margin: 0px;
    flex-flow : column;
}
#configuration{
    height: 100px;
    width: 100%;
    position:relative;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding : 0 2%;
    background-color: rgb(67,68,68);
    flex-shrink: 0;
}
#configuration a{
    color:black;
}
#configuration div{
    line-height: 0;
    display: flex;
}


#materiaux{
    border-right: rgba(119,119,119) solid thin;
    justify-content: flex-start;
    flex-grow: 1;
}
#materiaux div{
    flex-grow: 1;
}

#details{
    flex-grow: 2;
    justify-content: center;
    border-right: rgba(119,119,119) solid thin;
}
#contact{
    flex-grow: 1;
    justify-content: flex-end;
}

#logo{
    width: 100px;
}

#menugauche, #menudroite{
    position: absolute;
    z-index: 10;
    width: 100px;
}

#configuration input, #configuration img{
    height: 70px;
    margin: 0 5px;
    padding-top: 3px;
    /* background-color: white ; */
}

#menugauche{
    display: flex;
    flex-flow : column;
    box-sizing: border-box;
}

@media (max-width: 1080px) {
    #configuration{
        height: 60px;
    }
    #configuration input, #configuration img{
        height: 30px;
        padding-top: 3px;
    }
}

@media (max-width: 500px) {
    #configuration{
        height: 40px;
    }
    #configuration input, #configuration img{
        height: 20px;
        padding-top: 3px;
    }
}

@media (max-width: 380px) {
    #configuration{
        height: 20px;
    }
    #configuration input, #configuration img{
        height: 10px;
        padding-top: 3px;
    }
}
