@charset "utf-8";
/* CSS Studio DAVONG */

/* Tablette en mode Paysage */
@media screen and (max-width: 1060px) {
    #primary { width:67%; }
    #secondary { width:30%; margin-left:3%; }
}
/* Tablette en mode Portrait */
@media screen and (max-width: 768px) {
    #primary { width:100%; }
    #secondary { width:100%; margin:0; border:none; }
}
/* Typographie adaptive */
html { font-size:100%; }
@media (min-width: 640px) { body {font-size:1rem;} }
@media (min-width:960px) { body {font-size:1.2rem;} }
@media (min-width:1100px) { body {font-size:1.5rem;} }

/* Annuler les marges bloc bas de page si largeur en dessous de 640 pixels */
@media screen and (max-width: 640px) {
    .songbook { position: absolute; margin-top: 110px;}
}

body {
	background-color:#000000;
	height:100%;
	font-family: Arial, Helvetica, sans-serif;
}
/* Image toujours adaptive */
img {
	max-width: 100%;
	height: auto;
	text-align:center;
}
/* Conteneur principal*/
#principal {
	max-width:1000px;
	min-height:100%;
	margin:0 auto;
	position:relative;
}
/* conteneur image banner flottant avec marge bas de pour d'autres éléments en dessous */
.banner {
    position: absolu;
    z-index: 2;
    margin-bottom: -200px;
}
/* conteneur song volume */
.songbook {
    position: relative;
    z-index: 1;
}