/* ----------------- Styles UCLIP CONTACT COLONNES HERCULE ----------------- */
	#united_doc { /* collection sam francis  */
		position: absolute;
		top: 0;
		left: 840px;
		width: 40px;
		padding: 20px 25px;
		}
	#united_doc:hover {
		cursor: pointer;
		}
	.rectangle {
		width: 42px;
		height: 36px;
		text-align: center;
		border: 3px solid #DE3163;
		}
	.rectangle span {
		font-size: 2em;
		font-family: "Times New Roman", Times, serif;
		font-weight: bold;
		text-align: center;
		margin-top: 0;
		color: #DE3163;
		z-index: 10;
		}
	.rectangle:hover {
		border: 3px solid #FB8C00;
		background-color: white;
		}
	#divA, #divB, #divC, #divD {
		display: none;
		}
	#bottom_k {
		position: absolute;
		top: 0;
		left: 950px;
		width: 70px;
		height: 1200px;
		background-color: whitesmoke;
		z-index: 30;
		}
	#road {
		display: none;
		}
	#highway {
		position: relative;
		padding: 30px 0 50px 50px;
		background-color: greysmoke;
		}
	#leger_bild, #kupka_bild {
		padding: 10px 0 0 50px;
		background-color: greysmoke;
		}
	.legende2 {
		margin-left: 120px;
		font-size: 1.4em;
		font-weight: bold;
		font-style: italic;
		text-decoration: none;
		color: #DE3163;
		}
	.legende2:hover {
		color: red;
		}
	#liste_leger {
		margin-left: 60px;
		width: 40px;
		padding: 20px 40px;
		}
	#liste_leger:hover {
		cursor: pointer;
		}
/* ----------------- Navigation ----------------- */
	.lift_d { /* châtain : #8B6C42 - beige : #C8AD7F - brun roux : #D2B48C */
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 60px;
		padding: 20px 30px;
		opacity: 0.4;
		}
	.lift_d:hover {
		cursor: pointer;
		opacity: 0.8;
		}
/* ----------------- Responsive ----------------- */
	@media(orientation:portrait){
		#united_doc { /* collection sam francis  */
			width: 50px;
		}
		.rectangle {
			width: 48px;
			height: 40px;
		}
		.legende2 {
			font-size: 1.6em;
		}
		#liste_leger {
			width: 50px;
		}
	}