* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

:root {
    font-size: 14px;
}

/* Police */
@font-face {
    font-family: Qanelas;
    src: url(../fonts/Qanelas/qanelas-regular.otf);
}
@font-face {
	font-family: Qanelas;
	font-style: italic;
	src: url(../fonts/Qanelas/qanelas-regularitalic.otf);
}
@font-face {
	font-family: Qanelas;
	font-weight: bold;
	src: url(../fonts/Qanelas/qanelas-bold.otf);
}
body {
    font-family: Qanelas, sans-serif;
}


/* Footer en bas */
html, body {
	height: 100%;
	margin: 0;
    padding: 0;
}
body {
	display : table;
	width: 100% !important;
    min-height: 100vh;
    position: relative;
}
footer {
	display : table-row;
}

/* HEADER */
#logoTitre {
    width: 200px;
    height: auto;
    position: absolute;
    left: 10%;
    top: 25px;
    transform: translateX(-10%);
}

#logout {
    position: absolute;
    top: 5px;
    right: 3%;
}

#reseauxMenu {
    position: absolute;
    top: 28px;
    right: 3%;
}

#theme {
    position: absolute;
    top: 90px;
    right: 3%;
    cursor: pointer;
}
#theme:hover {
    color: lightgray !important;
}

#titre {
    height: 140px;
    /* align-items: center; */
    background-color: black;
}

#titre a:hover {
    color: lightgray !important;
}

.navbar {
    font-size: 1.5rem;
}

.navbar svg {
    color: gray;
    margin-top: 23px;
}

#reseaux a:hover {
    color: darkgray !important;
}


/* FOOTER */
footer {
    background-color: black;
}

/* MAIN */
/* bouton error à enlever */
.form-error-icon {
    display: none;
}

/* Artistes */
.artistImg {
    padding: 10px;
}
.artistImg:hover {
    padding: 0 !important;
    box-shadow: 0 0 25px black;
}

/* Disques */
.discCard:hover {
    border: 2px solid black !important;
}


/* Ecrans téléphones */ 
@media screen and (max-width: 576px) {
    #reseaux svg, #reseaux i {
        width: 25px;
    }
}

/* Ecrans ordinateurs */
@media screen and (min-width: 576px) {
    :root {
        font-size: 16px;
    }
    /* Footer en bas */
    footer {
        height: 48px !important;
        position: absolute;
        bottom: 0;
        left: 0;
    }
    #footer {
        display: flex;
    }
    #logoTitre {
        width: 260px;
        height: auto;
        position: absolute;
        left: 50%;
        top: 10px;
        transform: translateX(-50%);
    }
    #logout {
        top: 18px;
    }
    
    #reseauxMenu {
        top: 60px;
    }
    
    #theme {
        top: 98px; 
    }
    /* Textes trop longs */
    .artistCard h2, #artistCardSolo h1, .discCard h3, .discCard h2 {
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
}

@media screen and (max-width: 991px) {
    .navbar svg {
        display: none;
    }
}

/* Cookies */
#tarteaucitronPrivacyUrl {
    background-color: blue !important;
    padding: 6px;
    margin-left: 6px;
    margin-right: 6px;
}
#tarteaucitronIcon {
    display: none !important;
}