@font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Raleway'), local('Raleway-Regular'), url(fonts/1Ptug8zYS_SKggPNyC0ITw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
font-family: 'Erica One';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(fonts/WBLnrEXccV9VGrOKmGDFUkXNFME.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
font-family: 'Erica One';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(fonts/WBLnrEXccV9VGrOKmGDFXEXN.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(fonts/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html, body {
margin: 0;
padding: 0;
font-family: 'Raleway';
font-size: 100%;
text-align: center;
color: #000;
background-color: #FEFEFE;
font-size: 12pt;
}

body > header {
background-color: #2F2E33;
margin: 0;
padding: 0;
color: #FEFEFE;
font-family: 'Roboto';
}

h1 {
margin: 0;
padding: 0.5rem;
}

section.event {
margin: 2%;
padding: 0 0 2rem 0;
/*border: 1px solid #2F2E33;*/
box-shadow: 0 0 1rem #AEAEAE;
max-width: 46rem;
margin: 2rem auto;
padding: 1rem;
display: grid;
grid-template-columns: 100%;
}

section.event img {
max-width: 100%;
margin: 0 auto;
grid-row: 2;
}

section.event h2 {
margin: 0;
padding: 0;
font-size: 1.5rem;
}

section.event h2 em {
font-size: 1.1rem;
}

section.event div {
padding: 0 1rem;
}

section.event ul {
list-style: none;
}

section.event .full {
padding: 0 1rem;
}

section.event dt {
padding-top: 0.5rem;
font-weight: bold;
}

section.event dd {
margin:0;
padding: 0;
}

section.event dd.important {
font-size: 1.2rem;
padding-top: 1rem;
}


section a {
display: block;
padding: 1rem;
border-radius: 0.5rem;
background: #f36f63;
color: #FEFEFE;
text-decoration: none;
font-weight: bold;
font-size: 1.5rem;
}

form {
}

input {
width: 100%;
padding: 0.5rem;
}

button {
width: 100%;
margin: 4rem auto;
font-size: 1.25rem;
}

label {
display: block;
font-weight: bold;
margin: 1.5rem 0 0.5rem 0;
}

.aa { grid-column: 1/3; grid-row: 1; }
.ab { grid-column: 1/3; grid-row: 2; }
.ac { grid-column: 1/3; grid-row: 3; }
.ad { grid-column: 1/3; grid-row: 4; }
.ae { grid-column: 1/3; grid-row: 5; }

.fiche {
visibility: hidden;
display:none;
}

.bold {
font-size: 1.2rem;
font-weight: bold;
}