/* ----------------- STYLES PAGE RENAISSANCE ----------------- */
	body {
		margin-top: -10px;
		margin-bottom: 0;
	}
	#bloc_page {
		margin: 40px 60px 40px 60px;
	}
	h1 {
		color: crimson;
	}
	h2 {
		color: orange;
	}
	a {
		color: red;
		text-decoration: none;
	}
	p {
		font-size: 1.2em;
	}
	#bloc_page img {
		margin-left: 60px;
	}
	#plancher {
		height: 10px;
		background-color: #F4A460; /* sandybrown */
	}
/* ----------------- CLASSES ----------------- */
	.surligne {
		color: #B22222; /* rouge tuile */
		font-weight: bold;
		}
	.far {
		margin-top: 40px;
	}
	.legende, .sous_legende {
		margin-left: 45px;
		padding: 10px;
		font-size: 1.2em;
		text-align: center;
		color: grey;
	}
	.legende:hover {
		cursor: pointer;
	}
	.blue_mark { /* Bleu céleste */
		color: #007FFF;
	}
	.red_mark {
		color: red;
	}
	.bord_image {
		border: 2px solid purple;
	}
	.loupe1 {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 30px;
		padding: 25px 25px 5px 10px;
	}
	.loupe {
		position: absolute;
		bottom: 0;
		left: -80px;
		width: 40px;
		padding: 20px;
	}
	.loupe_left {
		position: absolute;
		bottom: 0;
		left: -120px;
		width: 40px;
		padding: 20px;
	}
	.loupe_corner {
		position: absolute;
		bottom: 0;
		left: 650px;
		width: 30px;
		padding: 25px 10px 5px 25px;
	}
	.loupe_off {
		position: absolute;
		top: 0;
		left: -40px;
		width: 30px;
		padding: 25px 25px 15px 20px;
	}
	.loupe_top {
		position: absolute;
		top: 0;
		left: 0;
		width: 30px;
		padding: 25px 25px 15px 20px;
	}
	.loupe_focus {
		position: absolute;
		bottom: 0;
		left: 70px;
		width: 30px;
		padding: 30px 25px 10px 20px;
	}
	.loupe_zoom1 {
		position: absolute;
		bottom: 0;
		left: 70px;
		width: 30px;
		padding: 35px 25px 5px 20px;
	}
	.loupe_zoom {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 40px;
		padding: 20px;
	}
	.loupe_focus:hover, .loupe_off:hover, .loupe_top:hover, .loupe_zoom:hover {
		cursor: pointer;
		}
	#loupe_1, #loupe_2, #loupe_3, #loupe_4, #loupe_5, #loupe_6 {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 30px;
		padding: 25px 25px 5px 10px;
	}
	#loupe_duo, #loupe_duo_1, #loupe_duo_2 {
		position: absolute;
		bottom: 0;
		left: -80px;
		width: 40px;
		padding: 20px;
		z-index: 10;
	}
	#loupe_duo:hover {
		cursor: pointer;
	}
	#loupe_slide {
		position: absolute;
		top: 0;
		left: 360px;
		padding: 20px;
		border: 2px solid purple;
	}
	.vide {
		position: absolute;
		bottom: -35px;
		left: 775px;
		width: 30px;
		text-align: center;
		font-size: 2em;
		font-weight: bold;
		color: #4B0082;
		padding: 25px;
	}
	.vide:hover {
		cursor: pointer;
	}
/* ----------------- PORTAIL MUSÉE ----------------- */
	#ribbon {
		position: relative;
		width: 100%vw;
	}
	#post_scriptum {
		position: absolute;
		top: 0;
		left: 0;
		padding: 10px 25px 5px 10px;
	}
	#post_scriptum:hover {
		cursor: pointer;
	}
	#txt {
		display: block;
		height: 35px;
		padding-top: 15px;
		font-size: 1.4em;
		font-weight: bold;
		text-align: center;
		color: white;
		background: grey;
	}
	#x_plus {
		width: 33px;
		height: 30px;
		padding-top: 3px;
		margin-left: 20px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.4em;
		font-weight: bold;
		text-align: center;
		color: white;
		border: 1px solid white;
		border-radius: 50px;
	}
	#x_plus:hover {
		background: silver;
	}
	#logo_box {
		position: absolute;
		top: -15px;
		right: 30px;
	}
	#logo_box:hover {
		cursor: pointer;
	}
	#top_museo {
		padding: 15px;
		width: 40px;
	}
	#scrap_museo {
		padding: 25px;
		width: 30px;
	}
	#loupe_museo {
		padding: 25px;
		width: 40px;
	}
	#remonter {
		position: absolute;
		top: -10px;
		right: 5px;
	}
	#remonter:hover {
		cursor: pointer;
	}
	#museo { /* grenadine */
		display: none;
		min-height: 100px;
		padding: 15px;
		background: #E9383F;
		opacity: 0.9;
	}
	.schrift {
		font-size: 1.2em;
		color: white;
	}
/* ----------------- RESPONSIVE DESIGN ----------------- */
	@media(orientation:portrait){
		h1 {
			font-size: 2.4em;
		}
		h2 {
			font-size: 2em;
		}
		p {
			font-size: 1.6em;
		}
		.surligne {
			color: #F0C300; /* or passé */
			font-weight: bold;
		}
		.far {
			margin-top: 35px;
		}
		.legende {
			padding: 15px;
			font-size: 1.4em;
		}
		#txt {
			height: 45px;
			padding-top: 20px;
			font-size: 1.6em;
		}
		#x_plus {
			width: 42px;
			height: 35px;
			padding-top: 6px;
			font-size: 1.6em;
			border-radius: 150px;
		}
		#top_museo {
			padding: 25px;
			width: 40px;
		}
		#scrap_museo {
			padding: 25px;
			width: 40px;
		}
		#loupe_museo {
			padding: 25px;
			width: 50px;
		}
		.schrift {
			font-size: 1.6em;
		}
		.vide {
			position: absolute;
			bottom: -35px;
			left: 775px;
			width: 30px;
			text-align: center;
			font-size: 2.2em;
			font-weight: bold;
			color: #4B0082;
			padding: 20px 25px;
		}
		#plancher {
			height: 8px;
		}
	}