/* ----------------- Styles UCLIP ALBUM ----------------- */
	body {
		width: 100%;
		margin: 0;
		background-color: #333;
		}
	#central {
		position: relative;
		margin: 0 auto;
		width: 1024px;
		background-color: white;
		}
/* ----------------- Illustratis ----------------- */
	a {
		text-decoration: none;
		}
	#art {
		margin: 0;
		padding-top: 10px;
		background-color: white;
		}
	#sign1 {
		color: #77B5FE;
		font-family: "Times New Roman", Times, serif;
		font-size: 3em;
		letter-spacing: .08em;
		padding-top: 10px;
		border-right: 1px solid silver;
		border-bottom: 1px solid orange;
		}
	#sign2 {
		margin-left: 10px;
		font-family: "Times New Roman", Times, serif;
		font-size: 2.4em;
		font-style: italic;
		letter-spacing: .04em;
		color: orange;
		}
	#sign1:hover, #sign2:hover {
		cursor: default;
		}
	#trait {
		width: 1024px;
		height: 18px;
		background-color: whitesmoke;
		border-top: 2px solid lightyellow;
		border-bottom: 1px solid silver;
		}
	#admin {
		position: absolute;
		top: 6px;
		right: 205px;
		width: 46px;
		padding: 8px 20px;
		opacity: 0.3;
		}
	#admin:hover {
		opacity: 0.8;
		transition: opacity 0.2s ease-in-out;
		}
	#chapeau {
		position: absolute;
		top: 10px;
		right: 105px;
		width: 50px;
		padding: 12px 20px;
		}
	#orange_menu {
		position: absolute;
		top: -2px;
		right: 16px;
		font-size: 3.3em;
		color: orange;
		padding-left: 16px;
		padding-right: 16px;
		padding-bottom: 8px;
		}
	#orange_menu:hover {
		cursor: pointer;
		}
/* ----------------- Middle space ----------------- */
	#autorisation {
		position: relative;
		margin-top: 0;
		height: 900px;
		}
	#fuchsia {
		position: absolute;
		top: 0;
		left: 512px;
		opacity: 0.8;
		}
/* ----------------- Identification Club ----------------- */
	#login {
		position: absolute;
		top: 340px;
		right: 60px;
		width: 285px;
		height: 168px;
		padding-left: 20px;
		padding-top: 10px;
		padding-bottom: 10px;
		border: 1px solid grey;
		border-radius: 14px;
		background-color: whitesmoke; /* #F8F8F8 */
		opacity: 0.8;
		z-index: 20;
		}
	legend {
		color: #6495ED;
		font-size: 1.5em;
		letter-spacing: .08em;
		padding-top : 10px;
		padding-left : 10px;
		padding-bottom : 5px;
		}
	legend:hover {
		cursor: default;
		}
	label {
		font-size: 1.1em;
		color: grey;
		}
	input {
		margin-top: 12px;
		max-width: 140px;
		}
	#envoyer {
		position: relative;
		top: 5px;
		right: -140px;
		padding: 8px;
		color: grey;
		font-size: 0.9em;
		}
	#envoyer:hover {
		color: dodgerblue;
		}
	@media(orientation:portrait){
		#sign2 {
			font-size: 2.8em;
		}
		#admin {
			position: absolute;
			top: 5px;
			right: 205px;
			width: 48px;
			padding: 8px 20px;
			opacity: 0.3;
		}
		#chapeau {
			position: absolute;
			top: 8px;
			right: 105px;
			width: 55px;
			padding: 12px 18px;
		}
		#login {
			position: absolute;
			top: 280px;
			right: 80px;
			width: 330px;
			height: 210px;
			padding-left: 20px;
			padding-top: 10px;
			padding-bottom: 10px;
			border: 1px solid grey;
			border-radius: 14px;
			background-color: whitesmoke; /* #F8F8F8 */
			opacity: 0.8;
			z-index: 20;
		}
		legend {
			color: #6495ED;
			font-size: 2em;
			letter-spacing: .08em;
			padding-top : 10px;
			padding-left : 10px;
			padding-bottom : 5px;
		}
		label {
			font-size: 1.3em;
			color: grey;
		}
		input {
			margin-top: 12px;
			font-size: 1.1em;
			max-width: 160px;
		}
		#envoyer {
			position: relative;
			top: 5px;
			right: -140px;
			padding: 8px;
			color: grey;
			font-size: 1em;
		}
	}
/* ------------------- White circle ------------------- */
	#snow {
		position: absolute;
		top: 0;
		right: 0;
		width: 171px;
		height: 900px;
		border-radius: 160px 0 0 0;
		background-color: whitesmoke;
		}
	#sneg {
		position: relative;
		top: 0;
		right: 0;
		width: 171px;
		border-radius: 160px 0 0 0;
		}	
/* ------------------- Blue circles ------------------- */
	#raum1 {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 320px;
		height: 150px;
		border-radius: 160px 160px 0 0;
		background-color: #77B5FE;
		z-index: 10;
		}
	#raum2 {
		position: absolute;
		bottom: 20px;
		left: 180px;
		width: 320px;
		height: 150px;
		border-radius: 160px 160px 0 0;
		background-color: dodgerblue;
		}
	#raum3 {
		position: absolute;
		bottom: 30px;
		left: 480px;
		width: 300px;
		height: 150px;
		border-radius: 160px 160px 0 0;
		background-color: dodgerblue;
		}
	#raum4 {
		position: absolute;
		bottom: 0;
		right: 0;
		width: 280px;
		height: 140px;
		border-radius: 160px 160px 0 0;
		background-color: #0131B4;
		}
	#raum5 {
		position: absolute;
		bottom: 0;
		left: 260px;
		width: 520px;
		height: 48px;
		padding-top: 3px;
		text-align: center;
		border-left: 2px solid #2E006C;
		border-top: 2px solid #2E006C;
		border-right: 2px solid #2E006C;
		border-radius: 160px 160px 0 0;
		background-color: #6C0277;
		z-index: 10;
		}
	#raum5 span {
		font-family: "Times New Roman", Times, serif;
		font-size: 2em;
		font-style: italic;
		font-weight: bold;
		letter-spacing: .05em;
		color: white;
		}
	#raum6 {
		position: relative;
		width: 1024px;
		height: 460px;
		}
	#raum5:hover {
		cursor: pointer;
		}
	#itc {
		position: absolute;
		bottom: -60px;
		left: 0;
		width: 1024px;
		text-align: center;
		z-index: 30;
		}
	#itc span {
		font-family: "Times New Roman", Times, serif;
		font-size: 2em;
		font-style: italic;
		letter-spacing: .04em;
		color: white;
		}
	#star {
		z-index: 20;
		}
	#trek {
		position: absolute;
		top: 265px;
		left: 0;
		width: 1024px;
		}
	#blue_box {
		position: absolute;
		bottom: -50px;
		right: 60px;
		width: 55px;
		border: 2px solid #2E006C;
		border-radius: 150px;
		z-index: 50;
		}
	#blue_box1 {
		position: fixed;
		bottom: 40px;
		right: 50px;
		width: 55px;
		border: 2px solid #2E006C;
		border-radius: 150px;
		z-index: 50;
		}
/* --------------- footer --------------- */
	#planche {
		position: relative;
		min-height: 30px;
		padding-top: 20px;
		padding-bottom: 10px;
		text-align: center;
		font-family: "Century Gothic",sans-serif;
		font-size: 85%;
		color: silver;
		}
	.legal {
		text-decoration: underline;
		}
	#red_box {
		position: absolute;
		top: -5px;
		right: 0;
		padding: 20px;
		display: none;
		}
	#red_box:hover, #blue_box:hover {
		cursor: pointer;
		}
/* ------------------ Panel sud ------------------ */
	#sud {
		display: none;
		padding-left: 30px;
		padding-top: 30px;
		min-height: 40px;
		padding-bottom: 10px;
		text-align: center;
		color: white;
		background: #0131B4;
	}