/* Fonts */
@font-face {
    font-weight: bold;
    font-style: normal;
}
*,
*::before,
*::after {
    font-family: inherit;
    background-color: inherit;
    color: inherit;
    margin: 0;
    padding: 0;
    /*box-sizing: border-box;*/
}
html {
    font-size: calc(0.6em + 0.6vw);
    font-family: Arial, Helvetica Neue, sans-serif;
    line-height: 1.5;
    color: #111111;
    background-color: #fefefe;
}

.logo {
	float:left;
}
.logo > img {
	height:2vw;
	width:2vw;
}

.logo-gch > img {
	height:3vw;
	width:3vw;
}

.menu {
	list-style:none;
	text-decoration: none;
}
.menu > ul {
	margin-left:0;
	padding-left:0;
}
.menu > li {
	margin-bottom:0.5vw;
	margin-left:calc(1em + 0.33vw);
	padding-bottom: 2px;
}
.menu > a {
	font-weight: bold;
	font-style: normal;
}

.princ-txt {
	list-style:none;
	text-decoration: none;
}
.princ-txt > ul {
	margin-left:0;
	padding-left:0;
}
.princ-txt > li {
	margin-bottom:0.5vw;
	margin-left:2.5vw;
}
.princ-txt > a {
	font-weight: bold;
	font-style: normal;
}


/* Page */
.menu-gch {
    font-size: calc(0.5em + 0.33vw);
    width: 12vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
	margin: 0;
    border-right: 2px solid;
}
.menu-gch > div {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.princ-bas {
    margin-left: 0rem;
}
.princ-bas > div {
    max-width: calc(10em + 40vw);
    margin: 0 auto;
    padding-top: 1rem;
}
[role="pied"] {
    font-size: calc(0.4em + 0.33vw);
    margin-top: 4rem;
    text-align: center;
}