/* ----------------- Styles UCLIP MENU ----------------- */
	h1 {
		margin-left: 140px;
		padding-top: 15px;
		font-family: "Century Gothic",sans-serif;
		font-style: italic;
		color: #DE3163;
		}
	#aplat {
		width: 1024px;
		height: 70px;
		margin: 0;
		border-bottom: 12px solid #FFE4E1;
		background-color: #F9EEDF;
		}
	#aplat:hover {
		cursor: default;
		}
	#back_home {
		position: absolute;
		top: 0;
		left: 50px;
		padding: 10px;
		width: 50px;
		}
	#orange_strip {
		position: absolute;
		top: 0;
		right: 210px;
		font-size: 3.3em;
		color: orange;
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 8px;
		}
	#blue_target {
		position: absolute;
		top: 0;
		right: 115px;
		padding: 12px;
		width: 50px;
		border-radius: 100px;
		}
	#orange_strip:hover, #blue_target:hover {
		cursor: pointer;
		}
	#x_target { /* rose : FFE4E1 */
		position: absolute;
		top: 0;
		right: 0;
		width: 100px;
		height: 70px;
		background-color: #F9EEDF;
		z-index: 20;
		}
/* --------------- Responsive design --------------- */
	@media(orientation:portrait){
		h1 {
			margin-left: 160px;
			padding-top: 35px;
			font-size: 2.5em;
		}
		#aplat {
			height: 100px;
		}
		#back_home {
			position: absolute;
			top: 10px;
			left: 45px;
			padding: 15px;
			width: 55px;
		}
		#orange_strip {
			position: absolute;
			top: 16px;
			right: 222px;
		}
		#blue_target {
			position: absolute;
			top: 10px;
			right: 115px;
			padding: 15px;
			width: 55px;
		}
	}
/* --------------- Mobile Sidepanel --------------- */
	#red_menu {
		position: absolute;
		top: 0;
		right: 16px;
		font-size: 3.3em;
		color: #DE3163;
		padding-left: 16px;
		padding-right: 16px;
		padding-bottom: 8px;
		z-index: 30;
		}
	#red_menu:hover {
		cursor: pointer;
		}
	#myTopSide {
		position: absolute;
		top: 0;
		left: 0;
		width: 0;
		height: 45px;
		background-color: whitesmoke;
		transition: 0.5s;
		z-index: 20;
		}
	#mySidepanel {
		position: absolute;
		top: 82px;
		right: 0;
		width: 0;
		z-index: -10;
		}
	.sidepanel  {
		font-size: 36px;
		background-color: crimson;
		overflow-x: hidden;
		transition: 0.5s;
		padding-top: 50px;
		padding-bottom: 15px;
		border: 1px solid lightgrey;
		border-radius: 0 0 0 33px;
		}
	.sidepanel a {
		padding: 8px 8px 8px 32px;
		width: 270px;
		text-decoration: none;
		font-size: 25px;
		color: white; /* #007FFF */
		display: block;
		border-bottom: 1px solid red;
		transition: 0.3s;
		}
	.sidepanel a:hover {
		color: #606060;
		background-color: white;
		}
	#closebtn {
		position: absolute;
		top: 0;
		right: 0;
		padding: 4px 22px 4px 32px;
		font-size: 32px;
		color: red;
		border-bottom: 1px solid whitesmoke;
		cursor: pointer;
		z-index: 30;
		}
	#closebtn:hover {
		color: white;
		background-color: red;
		}
/* --------------- Responsive design --------------- */
	@media(orientation:portrait){
		#red_menu {
			position: absolute;
			top: 16px;
			right: 16px;
		}
		#myTopSide {
			position: absolute;
			top: 0;
			left: 0;
			height: 50px;
		}
		#mySidepanel {
			position: absolute;
			top: 112px;
			right: 0;
		}
		.sidepanel a {
			padding: 8px 8px 8px 32px;
			text-decoration: none;
			font-size: 30px;
		}
	}