body {
	font-family: Arial, Sans-Serif;
}

a {
	text-decoration : none;
	font-weight : bold;
}

:root {
  --noir : #1D1D1D;
  --blanc : #FFFFFF;
  --gris : #808080;
}

#photo-moi {
	position : fixed;
	top : 0.5em;
	left : 0.5em;
	z-index : 15;
	border : 1px solid var(--noir);
}

#titre {
	position : fixed;
	background : var(--blanc);
	top : 0em;
	left : 0em;
	right : 0em;
	height : 7em;
	z-index : 4;
	padding-left : 13em;
}

#menu1 {
	position : fixed;
	background : var(--noir);
	top : 0em;
	left : 0em;
	bottom : 0em;
	width : 10em;
	z-index : 10;
	border-right : 3px solid var(--noir);
}

#menu1 ul {
	padding-left : 0em;
	margin : 0em;
	margin-top : 13em;
}

#menu1 li {
	position : relative;
	text-align : center;
	list-style : none;
	padding-top : 0em;
	padding-bottom : 0em;
	z-index : 11;
}

#menu1 ul li a {
	display : inline-block;
	padding-top : 1em;
	padding-bottom : 1em;
	width : 100%;
	z-index : 12;
	color : var(--noir);
    background : var(--blanc);
	font-weight : bold;
}

#menu1 ul li a:link {
	color : var(--blanc);
    background : var(--noir);
	font-weight : bold;
}

#menu1 ul li a:visited {
	color : var(--blanc);
    background : var(--noir);
	font-weight : bold;
}

#menu1 ul li a:hover {
	background : var(--blanc);
	color : var(--gris);
	font-weight : bold;
}

#menu1 ul li a:active {
	background : var(--gris);
	color : var(--noir);
}

#langue {
	width : 4%;
	position : fixed;
	text-align : center;
	margin-top : 2em;
	margin-left : 3.4em;
	z-index : 12;
	border : none;
}

#menu2 {
	position : fixed;
	background : var(--noir);
	top : 5em;
	left : 0em;
	right : 0em;
	height : 2.2em;
	z-index : 5;
	padding-left: 12em;
	border-top : 2px solid var(--noir);
	border-bottom : 2px solid var(--noir);
}

#menu2 ul {
	position : absolute;
	top : 0em;
	padding-left : 0em;
	margin : 0em;
	height : 100%;
}

#menu2 li {
	display : inline-block;
	list-style : none;
	text-align : center;
	height : 100%;
	padding : 0em;
	margin : 0em;
	z-index : 11;
}

#menu2 ul li a {
	position : relative;
	display : inline-block;
	top : 0em;
	padding-top : 0.5em;
	padding-bottom : 0.5em;
	padding-left : 1.5em;
	padding-right : 1.5em;
	z-index : 12;
	color : var(--noir);
    background : var(--blanc);
	font-weight : bold;
}

#menu2 ul li a:link {
	color : var(--blanc);
    background : var(--noir);
	font-weight : bold;
}

#menu2 ul li a:visited {
	color : var(--blanc);
    background : var(--noir);
	font-weight : bold;
}

#menu2 ul li a:hover {
	background : var(--blanc);
	color : var(--gris);
	font-weight : bold;
}

#menu2 ul li a:active {
	background : var(--gris);
	color : var(--noir);
}


#contenu {
	position : absolute;
	left : 11em;
	top : 8em;
	right : 1em;
	z-index : 0;
}

.anchor a {
  position : absolute;
  left : 0em;
  top : -8em;
}

.anchor {
  position : relative;
}