/* CSS */
* { box-sizing: border-box; }
html, body { height: 100%}




a { color: black; text-decoration: none;}
ul { list-style-type: none; margin: 0; padding: 0;}
li { display: inline;}

article { 
  /* par défaut, les popups sont masquées */
  display: none; 
  position: absolute; /* pour la rendre déplaçable */
  /* position d’ouverture */
  top:50%;
  left:50%;
  /* centrage */
  transform: translate(-50%, -50%);
  /* style visuel */
  border: 10px solid;
  background-color: white;
  padding: 1em;
  max-width: 15em;
}
/* quand la popup a la class “open” */
article.open {display: block;}




/*site hi*/

body {
	max-width: 100%;
	margin:0;
	display: flex;
	flex-direction: column;
	padding:0px;
	min-height: 100vh;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

h1 {
	line-height: 50px;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
  	font-size: 40px;
      font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

}



h2 {
	font-size: 30px;
}

h3 {
	font-size: 18px;
}

.centered {
	display: block;
	margin: 0 auto;
}

#page_container {
	padding-left: 50px;
	padding-right: 50px;
	height: 100%; }


#hi {
	margin-top: 120px;
	margin-bottom: 65px;
}

#introduction {
	padding-top:0px;
	padding-bottom: 0px;
	margin-top:0px;
	margin-bottom:65px;
}

#nav {
	display: flex;
	flex-direction: row;
	font-weight: 600;
	justify-content: space-between;
}

li a {
	line-height: 38px;
	display:flex;
	font-size:23px;
}

#hidden_break {
	display:none;
}

ul {
	list-style-type: none;
	padding:0px;
	margin:0px;
}

li {
	font-weight: 600;
}