@charset "UTF-8";
/* Body */
body {
	font-family: source-sans-pro;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-style: normal;
	font-weight: 200;
    overflow: hidden;
    user-select: none;
    -moz-user-select: none;
}


/* Container */
.container {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
    overflow: auto;
}



/* Texte */
a{
    color:black;
    text-decoration:none;
    }

a:hover{
    font-weight: 800;
    text-decoration:none;
    }

.le_mauvais_pauvre{
    position:absolute; 
    top:5%;
    left:45%;
    height:25%; 
    width: 40%;
	font-family: 'Courier New', Courier, monospace;
    color:green;
    text-decoration:none;
}




.documents_textuels{
    position:absolute; 
    top:10%;
    left:45%;
    height:25%; 
    width: 40%;
	font-family: 'Courier New', Courier, monospace;
}




.made_of_sound{
    position:absolute; 
    top:25%;
    left:45%;
    height:25%; 
    width: 40%;
	font-family: 'Courier New', Courier, monospace;
}



.works_objets{
    position:absolute; 
    top:35%;
    left:45%;
    height:25%; 
    width: 40%;
	font-family: 'Courier New', Courier, monospace;
}




.contact{
    position:absolute; 
    bottom:5%;
    left:45%;
    height:5%; 
    width:auto;
	font-family: 'Courier New', Courier, monospace;
}



.fr{
    position:absolute; 
    top:65%;
    left:45%;
    height:25%; 
    width: 40%;
	font-family: 'Courier New', Courier, monospace;
}



.en{
    position:absolute; 
    top:55%;
    left:45%;
    height:25%; 
    width: 40%;
	font-family: 'Courier New', Courier, monospace;
}





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

}


/* Small Tablets */
@media (min-width: 321px)and (max-width: 767px) {

}


/* Small Desktops */
@media (min-width: 768px) and (max-width: 1096px) {

}