/* ----------------- Styles UCLIP CONTACT PROXIMA ----------------- */
	.square_px {
		margin: 20px 10px 10px 10px;
		padding: 10px;
		float: left;
		}
	.square_px:hover {
		cursor: pointer;
		}
	#alpha, #khi, #rho, #omega {
		display: none;
		}
	.horizon {
		float: left;
		}
	.cercle {
		width: 36px;
		height: 36px;
		font-size: 2em;
		font-family: "Times New Roman", Times, serif;
		font-weight: bold;
		margin-top: 0;
		text-align: center;
		color: #DE3163;
		border: 3px solid #DE3163;
		border-radius: 33px;
		z-index: 10;
		}
	.cercle:hover {
		border: 3px solid #FB8C00;
		background-color: white;
		}
	#khi_board {
		position : absolute;
		top: -80px;
		left: 930px;
		width: 50px;
		padding: 20px;
		border: none;
		}
	#highway1, #highway4 {
		position: relative;
		padding: 0 0 50px 50px;
		background-color: greysmoke;
		border-top: 3px solid white;
		}
	#hokusai_clip, #hokusai_high {
		padding: 0 0 50px 50px;
		background-color: greysmoke;
		border-top: 3px solid white;
		}
	.collection_delta {
		position: absolute;
		top: 10px;
		left: 20px;
		width: 50px;
		padding: 25px;
		}
	#div_hokusai {
		display: none;
		}
	#token_hokusai {
		position: relative;
		margin-left: 100px;
		min-width: 680px;
		height: 50px;
		opacity: 0.5;
		}
	#img1, #img2, #img3, #img4, #img5, #img6, #img7, #img8 {
		position: relative;
		display: none;
		}
	#logo_square {
		position: absolute;
		top: 20px;
		left: 65px;
		width: 50px;
		padding: 30px;
		}
	#logo_square:hover {
		cursor: pointer;
		}
	.estampe {
		width: 1024px;
		margin-bottom: 25px;
		}
	.circle {
		width: 40px;
		height: 40px;
		margin-left: 40px;
		float: left;
		border: 1px solid silver;
		border-radius: 33px;
		}
	.circle span {
		font-size: 2em;
		font-family: "Times New Roman", Times, serif;
		font-weight: bold;
		text-align: center;
		margin-top: 0;
		color: white;
		z-index: 10;
		}
	.circle:hover {
		cursor: pointer;
		}
	.hub_clavier { 
		position: relative;
		height: 40px;
		margin-bottom: 15px;
		}
	.hub_zoom {
		width: 50px;
		height: 50px;
		border: 2px solid goldenrod;
		border-radius: 33px;
		}
	.hub_zoom span {
		display: inline-block;
		font-size: 2.1em;
		font-family: "Times New Roman", Times, serif;
		text-align: center;
		padding-top: 3px;
		color: red;
		z-index: 10;
		}
	.hub_zoom:hover {
		cursor: pointer;
		}
	#zoom_left {
		position: absolute;
		top: 15px;
		left: 200px;
		}
	#zoom_naka {
		position: absolute;
		top: 15px;
		left: 475px;
		}
	#zoom_right {
		position: absolute;
		top: 15px;
		left: 760px;
		}
	#zoom_left2 {
		position: absolute;
		top: 15px;
		left: 200px;
		}
	#zoom_naka2 {
		position: absolute;
		top: 15px;
		left: 500px;
		}
	#zoom_right2 {
		position: absolute;
		top: 15px;
		left: 790px;
		}
	#div_bottom { 
		position: relative;
		height: 40px;
		background-color: silver;
		}
	#top_rho {
		position: absolute;
		top: -95px;
		left: 840px;
		width: 50px;
		padding: 25px;
		}
	#reset_star {
		position: absolute;
		bottom: -20px;
		left: 700px;
		width: 50px;
		padding: 10px 25px 30px 25px;
		}
	#reset_star:hover {
		cursor: pointer;
		}
/* ----------------- TANDEM ----------------- */
	.diapo { /* Rose : #FFE4E1 */
		margin-left: 120px;
		margin-bottom: 10px;
		display: inline-block;
		border-left: 2px solid #F0C300;
		border-top: 2px solid silver;
		border-right: 3px solid silver;
		border-bottom: 3px solid #F0C300;
		}
	#logo1 {
		position: absolute;
		top: 390px;
		left: 115px;
		width: 40px;
		padding: 20px;
		}
	#logo2 {
		position: absolute;
		top: 390px;
		left: 820px;
		width: 40px;
		padding: 20px;
		}
	#div_rodin {
		min-height: 100px;
		padding: 40px;
		margin: 0;
		font-size: 1.4em;
		color: white;
		background-color: #03224C;
		}
/* ----------------- RESPONSIVE DESIGN ----------------- */
	@media(orientation:portrait){
		.square_px {
			margin: 55px 10px 10px 10px;
		}
		.cercle {
			width: 40px;
			height: 40px;
		}
		#loupe_zoom {
			position: absolute;
			bottom: -90px;
			left: 930px;
		}
		#div_rodin {
			font-size: 1.8em;
		}
	}