/* ----------------- Styles GRYFFON XGOLD ----------------- */
	a {
		text-decoration: none;
		}
	#logo_retour {
		position: absolute;
		top: 0;
		left: 0;
		width: 50px;
		padding-left: 30px;
		padding-top: 13px;
		padding-right: 30px;
		padding-bottom: 12px;
		text-decoration: none;
		opacity: 0.3;
		}
	#menu_page_logo {
		position: absolute;
		top: 0;
		right: 110px;
		font-size: 3em;
		color: #DE3163;
		padding-left: 30px;
		padding-top: 4px;
		padding-right: 30px;
		padding-bottom: 8px;
		}
	#menu_page_logo:hover {
		cursor: pointer;
		}
	#dukaten {
		position: fixed;
		top: 15px;
		right: 25px;
		width: 50px;
		border-radius: 8px;
		opacity: 0.8;
		}
	#a_logo, #x_logo {
		position: absolute;
		bottom: 0;
		left: 5px;
		width: 50px;
		padding: 20px;
		}
	#a_logo:hover, #x_logo:hover {
		cursor: pointer;
		}
	#rot {
		position: fixed;
		bottom: 12px;
		right: 15px;
		width: 80px;
		border-radius: 8px;
		}
	.moutarde {
		background-color: #F0C300;
		border-radius: 14px;
		}
/* ----------------- Page ----------------- */
	img {
		display: block;
		margin-left: auto;
		margin-right: auto;
		}
	.D2 {
		width: 150px;
		}
	.D2:hover {
		cursor: pointer;
		}
	#ducat {
		padding-left: 100px;
		height: 55px;
		font-size: 2em;
		padding-top: 10px;
		color: #F0C300;
		background-color: whitesmoke;
		}
	.circle {
		float: left;
		width: 40px;
		height: 40px;
		margin-left: 45px;
		margin-bottom: 15px;
		border: 2px solid #F0C300;
		border-radius: 33px;
		}
	.circle p {
		font-family: "Times New Roman", Times, serif;
		margin-top: 0;
		text-align: left;
		color: #F0C300;
		}
	.circle:hover {
		cursor: pointer;
		background-color: white;
		}
	#hesse {
		margin-left: 100px;
		font-size: 1.4em;
		color: orange;
		}
	li {
		font-size: 1.2em;
		}
	li a {
		color: #F0C300;
		}
	li a:hover {
		color: red;
		}
	.rheingold {
		height: 50px;
		text-align: center;
		font-size: 1.5em;
		padding-top: 10px;
		color: #F0C300;
		background-color: whitesmoke;
		}
	.rheingold a {
		color: #F0C300;
		}
	#x1, #x2, #x3, #x4, #x5, #x6, #x7 {
		display: none;
		width: 75vw;
		color: grey;
		margin-left: 100px;
		}
	#x1 a, #x2 a, #x3 a, #x4 a, #x5 a, #x6 a, #x7 a {
		color: red;
		}
	h1 {
		text-align: center;
		font-family: "Century Gothic",sans-serif;
		font-size: 2.5em;
		color: grey;
		}
	h2 {
		font-family: "Century Gothic",sans-serif;
		font-size: 1.8em;
		color: #F0C300;
		}
	p {
		padding-left: 10px;
		font-size: 1.2em;
		}
	@media(orientation:portrait){
		#logo_retour {
			position: absolute;
			top: 0;
			left: 0;
			padding-left: 30px;
			padding-top: 17px;
			padding-right: 30px;
			padding-bottom: 12px;
		}
		#menu_page_logo {
			position: absolute;
			top: 0;
			right: 100px;
			font-size: 3.5em;
		}
		#dukaten {
			position: fixed;
			top: 18px;
			right: 25px;
			width: 55px;
			border-radius: 8px;
		}
		.circle {
			width: 45px;
			height: 45px;
			margin-left: 42px;
			margin-bottom: 15px;
		}
		.circle p {
			margin-top: 0;
			margin-left: 3px;
			text-align: left;
		}
		p, li {
			font-size: 1.5em;
		}
		h2 {
			font-size: 1.8em;
		}
		#ducat {
			height: 65px;
			font-size: 1.5em;
			padding-top: 10px;
		}
	}
	#camera {
		margin-top: 50px;
		margin-bottom: 80px;
		}
/* ----------------- Téléchargement ----------------- */
	#dl_link1 {
		position: absolute;
		bottom: 100px;
		left: 10px;
		text-decoration: none;
		}
	#dl_link2 {
		position: absolute;
		bottom: 180px;
		left: 10px;
		text-decoration: none;
		}
	.dl_blue {
		padding-left: 20px;
		padding-top: 10px;
		padding-right: 20px;
		padding-bottom: 5px;
		width: 40px;
		border: none;
		}
	.tl_doc {
		display: inline-block;
		padding-left: 20px;
		font-size: 0.9em;
		font-weight: bold;
		color: silver;
		}
/* ----------------- Loupes ----------------- */
	#loupe {
		position: absolute;
		bottom: 0;
		left: 10px;
		width: 40px;
		padding: 20px;
	}
/* ----------------- Images ----------------- */
	.sammlung {
		position: relative;
		padding: 0 0 50px 50px;
		width: 80vw;
		margin-left: -50px;
		background-color: greysmoke;
		border-top: 3px solid white;
		display: none;
		}
	.bord_zoom {
		margin: 10px;
		border: 12px solid white;
		box-shadow: 4px 4px 10px rgba(0,0,0,0.5);
		-webkit-transition: box-shadow 0.1s ease;
		-moz-transition: box-shadow 0.1s ease;
		transition: box-shadow 0.1s ease;
		float: left;
		}
	#i_blau {
		position: absolute;
		top: 0;
		left: -50px;
		width: 50px;
		padding: 30px;
		}
	#i_blau:hover {
		cursor: pointer;
	}
	#foire {
		width: 650px;
	}
	@media(orientation:portrait){
		#foire {
			width: 700px;
		}
	}