html {
    font-size: 62.5%;
}

@font-face {
	font-family: "Roboto";
	src: url("fonts/Roboto-Regular.ttf");
}

@font-face {
	font-family: "Verdana";
	src: url("fonts/verdana.ttf");
}

body {

    font-family: "verdana", serif;
    padding: 0.5rem;
    font-size: 1.6rem;
}

.wrapper {
    margin: 5rem auto;
    max-width: 110rem;
}

header {
    border-bottom: 0.2rem solid;
    padding-bottom: 2rem;
    margin-bottom: 5rem;
}

footer {
    border-top: 0.2rem solid;
    padding-top: 2rem;
    margin-top: 5rem;
}

h1, h2 {
    font-family: "Roboto", serif;
    text-align: center;

}

h1 {
    font-size: 4.2rem;
    margin: 5rem 0;
}

h2 {
    font-size: 3.5rem;
    margin: 4rem 0;
    padding: 2rem;
}

h3 {
    font-family: "Roboto", serif;
    padding: 1.5rem 0;
    font-size: 2.4rem;
    border-top: 0.1rem solid;
    border-bottom: 0.1rem solid;
}

h4 {
    margin: 4rem 0 1.5rem 2rem;
    font-size: 1.8rem;
}

h5 {
    margin: 4rem 0 1.5rem 0;
    font-size: 1.6rem;
}


p {
    max-width: 100rem;
}

.nav ul {
    padding: 0;
    list-style-type: none;
    /* line-height: 2.5rem; */
}

.nav li {
    margin: 0 0 1rem 0;
}

a:hover {
    text-decoration:none;
}

.credits {
    padding: 2rem 0;
}


/* Accès rapide */
button {
	cursor:pointer;
}

.container {
    display: flex;
    justify-content: center;
}

.skiplink {
    padding: 0.5rem;
}

/* 480px = 30em */
@media (min-width: 30em){

.container-content {
    display: flex;
}

.left-content, .right-content {
    max-width: 50%;
    margin: 0 1.8rem 0 0;
}

.margin-large {
    margin-right: 5rem;
}

}

/* 1100px = 68.7em */
@media (min-width: 68.7em){

}


/* AccessConfig */
#a42-ac {
    font-size: 1.6rem !important;
    margin: auto !important;
    left: 0 !important;
    right: 0 !important;
    font-size: 1.8rem !important;
}

#a42-ac-close {
    background: none !important;
    top: 1rem !important;
    right: 2rem !important;
    width: 4rem !important;
    height: 4rem !important;
    overflow: auto !important;
}

#a42-ac-close::after {
    top: 0.5rem !important;
    margin-left: -1.8rem !important;
    width: 3.5rem !important;
    height: 2.5rem !important;
}

.a42-ac-replace-style {
    display: inline-block;
  }

#a42-ac-button {
    font-size: 1.6rem !important;
}