:root {
	--rouge : #e0052d;
	--nav : white;
	--gray : #7a7b7a;
	--silver: #e1e2e4;
	--ombre: #5c0103;
}

body{
  background: url('background.jpg') left center no-repeat;
  background-size: cover;
  background-color: var(--silver);
  background-position: left top;
}


.onglet{
	height: 30px;
	width: 30px;
	font-size: 6px;
	color: red;
	background-color: white;
}

.onglet:hover{
	background-color: var(--silver);
	color: white;
}

.bkSilver {
	background-color: #e5e6e5;
}

#footer{
	width: 100%;
	text-align: center;
	color: white;
}

.bottom{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
}

#planche{
	background-color: var(--gray);
}

.vignette{
	height: 100px;
}

@media screen and (max-width: 500px)
{
    .nav{
    	font: bold 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    	padding: 30px 5px 20px 5px;
    }
    #ongletplanche{
    	display: none;
    }
    
}