/* ----------------- Styles HEADER RENAISSANCE ----------------- */
	#retour_cahier {
		position: absolute;
		top: 12px;
		left: 0;
		padding-left: 25px;
		padding-right: 25px;
		width: 50px;
		border-radius: 8px;
		opacity: 0.8;
		}
	#retour_home {
		position: absolute;
		top: 3px;
		right: 100px;
		width: 50px;
		padding-right: 20px;
		padding-top: 10px;
		padding-left: 50px;
		padding-bottom: 20px;
		}
	#links_ikone {
		width: 50px;
		border: 1px solid #DE3163;
		border-radius: 33px;
		opacity: 0.8;
		}
	#unten_ikone {
		position: absolute;
		top: 70px;
		right: 95px;
		width: 50px;
		padding: 10px 20px;
		}
	#oben_ikone {
		position: fixed;
		top: 70px;
		right: 5px;
		width: 50px;
		padding: 10px 20px;
		z-index: 10;
		}
	#retour_cahier:hover, #retour_home:hover, #links_ikone:hover, #unten_ikone:hover, #oben_ikone:hover {
		cursor: pointer;
		}
	#nom_cahier {
		padding-left: 150px;
		color: #F0C300;
		background-color: whitesmoke;
		cursor: default;
		}
	#page_name {
		margin-left: 40px;
		}
	.amber {
		padding-left: 80px;
		height: 50px;
		font-size: 2em;
		padding-top: 10px;
		border-bottom: 2px solid #FFE4E1;
		}
/* ------------------------- Menus -------------------------- */
	#menu_page_logo {
		position: absolute;
		top: 0;
		right: 6px;
		font-size: 3.5em;
		color: #DE3163;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 8px;
		z-index: 10;
		}
	#menu_page {
		margin-top: 0;
		padding-left: 180px;
		padding-top: 28px;
		padding-bottom: 20px;
		font-size: 1.5em;
		color: #F0C300;
		}
	#menu_page_logo:hover {
		cursor: pointer;
		}
	li {
		font-size: 1.2em;
		margin-bottom: 4px;
		list-style-type: square;
		}
	li a {
		display: inline-block;
		min-width: 600px;
		color: #F0C300;
		text-decoration: none;
		}
	li a:hover {
		color: red;
		}
/* ----------------- responsive design ----------------- */
	@media(orientation:portrait){
		#unten_ikone {
			position: absolute;
			top: 95px;
			right: 95px;
		}
		#oben_ikone {
			position: fixed;
			top: 95px;
			right: 5px;
		}
	}