/* Remaniement de l'interface */
.header__toolbar--albums #button_settings{display: none;}
.header__hostedwith{display: none;}
.basicContext .basicContext__item--separator{display: none}
.basicContext .basicContext__item .basicContext__data[data-num="2"]{display: none}
.basicContext .basicContext__item .basicContext__data[data-num="3"]{display: none}
.basicContext .basicContext__item .basicContext__data[data-num="4"]{display: none}
.sidebar__wrapper table:last-of-type,.sidebar__wrapper div.sidebar__divider:last-of-type{display: none;}
.sidebar__wrapper table:nth-of-type(3),.sidebar__wrapper div.sidebar__divider:nth-of-type(3){display: none;}
.content .divider, .content > div[data-id="0"], .content > div[data-id="s"], .content > div[data-id="f"], .content > div[data-id="r"]{display: none;}

/* Protect img */
img {
	-webkit-user-drag: none;
	-khtml-user-drag: none;
	-moz-user-drag: none;
	-o-user-drag: none;
	user-drag: none;
	pointer-events: none;
}


/* Animations */
.w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.w3-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}


/* General Style */
body{
	font-family:Georgia, serif;
	font-style:italic;
	text-shadow:1px 1px 1px #000;
}
#Main{margin-left: 200px; transition:margin-left .4s}
.altText{
	font-size:34px;
	font-style:normal;
	font-family: 'Sacramento', cursive;
	font-family: 'Niconne', cursive;
	text-align: center;
	color: white;
}
code{
    padding: 0.2em 0.4em;
    margin: 0;
    font-size: 85%;
    background-color: rgba(128,128,128,0.5);
    border-radius: 3px;
	font-family: "SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace;
}

/* Barre laterale droite */
.w3-card, .w3-card-2 {box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);}
.w3-sidebar {
    height: 100%;
    width: 200px;
    position: fixed !important;
	top: 49px;
    overflow: auto;
	background:linear-gradient(to left,#222,#1a1a1a);
	border-bottom:1px solid #0f0f0f;
	color: rgba(255,255,255,.5);
	background-image: url("side.jpg");
	background-position: top center;
	background-repeat: no-repeat;
	background-size:cover;	
}
.w3-sidebar > div{padding: 25px 15px;}
.w3-bar-block .w3-bar-item {
    width: 100%;
    display: block;
    padding: 8px 16px;
    text-align: left;
    border: none;
    white-space: normal;
    float: none;
    outline: 0;
}
.w3-btn,.w3-button{
	border:none;
	display:inline-block;
	padding:8px 16px;
	vertical-align:middle;
	overflow:hidden;
	text-decoration:none;
	color:white;
	background-color: transparent;
	text-align:center;
	cursor:pointer;
	white-space:nowrap; 
	font-weight: bold; 
	font-size: 150%;
	color: rgba(255,255,255,.5);
	transition: color .2s ease-out;
}
.w3-btn,.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}   
.w3-btn:hover,.w3-button:hover{color:#fff}
.w3-sidebar table{
    border-collapse: separate;
    border-spacing: 0 15px;
	font-size: 1.1em
}