body {
	font-family: "Helvetica Neue", Helvetica, Arial;
	
}

.street-view > img,
.street-view > video {
	width: 100%;
	height: 100%;
}


.L {
	position:fixed;
	opacity: 0.8;
	left:14%;
	top:30%;
	z-index: 2;
	display: none;
	font-weight: bold;
	font-size: 40px;
	color: white;	
	}
.L53 {
	position:fixed;
	opacity: 0.8;
	left:34%;
	top:23%;
	z-index: 2;
	display: none;
	font-weight: bold;
	font-size: 40px;
	color: white;	
	}
.L54 {
	position:fixed;
	opacity: 0.8;
	left:42%;
	top:37%;
	z-index: 2;
	display: none;
	font-weight: bold;
	font-size: 40px;
	color: white;	
	}
	
.R {
	position:fixed;
	opacity: 0.8;
	right:14%;
	top:30%;
	z-index: 2;
	display: none;
	font-weight: bold;
	font-size: 40px;
	color: white;	
	}
.R45 {
	position:fixed;
	opacity: 0.8;
	right:34%;
	top:18%;
	z-index: 2;
	display: none;
	font-weight: bold;
	font-size: 40px;
	color: white;	
	}
	
.F01 {
	position:fixed;
	opacity: 0.8;
	left:52%;
	top:45%;
	z-index: 2;
	display: none;
	font-weight: bold;
	font-size: 40px;
	color: white;	
	}
	
#intro {
	opacity:0.8;
	position:fixed;
	width:450px;
	height:265px;
	margin-left: 32%;
	background:white;
	color:black;
	top:30%;
	font-weight: bold;	
	}
	
#mois {
	z-index:3;
	position:fixed;
	left:14%;
	top:90%;
	color:white;
	opacity:0.7;
}
#mois p:hover::after {content: "—changer la météo";font-size:13px;}
#Navigation {
	z-index:3;
	margin-top:-10px;	
}
#Navigation a {
	color:white;
	text-decoration:none;	
}
#Navigation a:hover {
	text-decoration:underline;	
}


#intro p {
	margin-left:30px;
	font-size: 24px;
}
h1 {
	font-size:18px;
	margin-left:30px;	
}

.bouton_nuancier {
	position:fixed;
	opacity: 0.7;
	right:14%;
	top:92%;
	z-index: 3;	
	color: white;
	cursor:pointer;	
	}
.bouton_nuancier:hover {
	text-decoration:underline;	
	}

#nuancier {
	opacity:0.9;
}
#nuancier:hover {opacity:1;}

#nuancierL {
	position:fixed;
	width:25%;
	height:70%;
	left:25%;
	top:15%;
	background:white;
	z-index:3;
	text-align:center;
	overflow-y: scroll;
	overflow-x: hidden;
}
#nuancierL::-webkit-scrollbar { 
    display: none;
}

#nuancierR {
	position:fixed;
	width:25%;
	height:70%;
	left:50%;
	top:15%;
	background:white;
	z-index:3;
	text-align:center;
	overflow-y: scroll;
	overflow-x: hidden;
}
#nuancierR::-webkit-scrollbar { 
    display: none;
}

.couleur {
	color:white;
	height:100%;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	font-weight:bold;
	font-size:20px;
}

.display{display:none;}
//.couleur {
//	color:white;
//	height:25px;
//	margin-left:0px;
//	margin-right:0px;
//	margin-top:0px;
//	font-weight:bold;
//	font-size:20px;
//}
#L01 {background-color:#8a867b;}
#R01 {background-color:#cdcdc5;}
#L02 {background-color:#a39d8f;}
#R02 {background-color:#a7a495;}
#L03 {background-color:#b2b2a8;}
#R03 {background-color:#938d7f;}
#L04 {background-color:#94938e;}
#R04 {background-color:#b1a28b;}
#L05 {background-color:#83857a;}
#R05 {background-color:#ccc9c4;}
#L06 {background-color:#9f9782;}
#R06 {background-color:#9f9c8d;}
#L07 {background-color:#73726d;}
#R07 {background-color:#ad8762;}
#L08 {background-color:#86837c;}
#R08 {background-color:#c9d1d3;}
#L09 {background-color:#9e9d99;}
#R09 {background-color:#a5a4a0;}

#L10 {background-color:#827c70;}
#R10 {background-color:#afaca5;}
#L11 {background-color:#868789;}
#R11 {background-color:#c3c1ac;}
#L12 {background-color:#7b7871;}
#R12 {background-color:#9e9c90;}
#L13 {background-color:#78736d;}
#R13 {background-color:#a9aba6;}
#L14 {background-color:#969593;}
#R14 {background-color:#9b978b;}
#L15 {background-color:#99948e;}
#R15 {background-color:#b9ae90;}
#L16 {background-color:#8a8780;}
#R16 {background-color:#989380;}
#L17 {background-color:#bab9b4;}
#R17 {background-color:#bbaa90;}
#L18 {background-color:#8a887c;}
#R18 {background-color:#c1bda4;}
#L19 {background-color:#9c9895;}
#R19 {background-color:#908e82;}

#L20 {background-color:#7b7871;}
#R20 {background-color:#988e84;}
#L21 {background-color:#888782;}
#R21 {background-color:#aeaea6;}
#L22 {background-color:#a39d8f;}
#R22 {background-color:#c3c9c7;}
#L23 {background-color:#bbbfc0;}
#R23 {background-color:#a7a495;}
#L24 {background-color:#adab9e;}
#R24 {background-color:#c2ccce;}
#L25 {background-color:#bdbdbd;}
#R25 {background-color:#95958d;}
#L26 {background-color:#a6a8b4;}
#R26 {background-color:#9a9486;}
#L27 {background-color:#736a6f;}
#R27 {background-color:#a0988b;}
#L28 {background-color:#868583;}
#R28 {background-color:#b5afa1;}
#L29 {background-color:#5d5e60;}
#R29 {background-color:#938f83;}

#L30 {background-color:#b4b5a7;}
#R30 {background-color:#caccc1;}
#L31 {background-color:#a1998c;}
#R31 {background-color:#a2abb2;}
#L32 {background-color:#97888b;}
#R32 {background-color:#979fa2;}
#L33 {background-color:#abaaa6;}
#R33 {background-color:#dad9c7;}
#L34 {background-color:#c4c0b7;}
#R34 {background-color:#a7a79f;}
#L35 {background-color:#7a7e81;}
#R35 {background-color:#aaa28b;}
#L36 {background-color:#9c958d;}
#R36 {background-color:#c3c3b7;}
#L37 {background-color:#9d9d93;}
#R37 {background-color:#aeab9a;}
#L38 {background-color:#8e8d89;}
#R38 {background-color:#949391;}
#L39 {background-color:#a1988f;}
#R39 {background-color:#9d9b8f;}

#L40 {background-color:#83827d;}
#R40 {background-color:#a9b0b6;}
#L41 {background-color:#bcaa9c;}
#R41 {background-color:#d7d4c1;}
#L42 {background-color:#858377;}
#R42 {background-color:#cfc5bc;}
#L43 {background-color:#b4b4a8;}
#R43 {background-color:#ab9683;}
#L44 {background-color:#897365;}
#R44 {background-color:#9a968a;}
#L45 {background-color:#797873;}
#R45 {background-color:#cecec2;}
#L46 {background-color:#7e7a6f;}
#L47 {background-color:#b3aaab;}
#L48 {background-color:#808588;}
#L49 {background-color:#97a3b1;}

#L50 {background-color:#a4a8ab;}
#L51 {background-color:#9b9d9a;}
#L52 {background-color:#bfc0b2;}
#L53 {background-color:#797873;}
#L54 {background-color:#4c4d4f;}

#F01 {background-color:#ccab9c;}

//.info {display:none;}