@charset "utf-8";
/* cesno v2 // CSS // base */

/*  Remise à zéro -------------------------------------------------------- */
body, h1, h2, h3, h4, h5, h6, p, pre, img,
blockquote, ul, ol, dl, address { margin: 0; padding: 0; border:0;}
html, body {height:100%;}
ul, ol, dl {list-style:none;}

/*  Base ------------------------------------------------------------ */

body {
	font-family: 'IBM Plex Mono', monospace;
	font-size:16px;
}

p {line-height:20px;
margin-bottom:20px;}

a {
	color:#000;
	text-decoration:none;
}
a:hover, a:focus, a:active {
	color:rgb(26, 48, 248);
	outline:0;
}

/*  Structure -------------------------------------------------------- */

#wrapper {
	height:609px;
	width:100%;
	position:absolute;
	bottom:0;;
}
#nav {
	height:32px;
	margin:513px 32px 0 32px;
	border-top:dashed 1px #000; border-bottom:dashed 1px #000;
	line-height:32px;
}
#contenu {
	height:465px;
	width:100%;
	position:absolute;
	top:0;
	overflow: auto;
}
.projet {
	display:inline-block;
}
.projet:first-of-type {
	margin-left:32px;
}

/*  Navigation -------------------------------------------------------- */

#menu, #info, h1, h1 a{
	height:32px;
}
#nav ul li {
	display:inline;
}
#menu {
	position:absolute;
	left:188px;
}
ul#menu  {
  font-family: "IBM Plex Mono","IBM Plex Mono";
  font-style:normal;
  font-weight:400;
  text-transform:uppercase;
  font-size:14px;
}
ul#menu a  {
	display:inline-block;
	  margin-right:26px;
}

#info {
	position:absolute;
	right:32px;
}


/*  Titres ------------------------------------------------------------- */

h1 {
	position:absolute;
	width:108px;
}
h1 a:hover, h1 a:focus, h1 a:active {
	background-position:0 32px;
	color:rgb(26, 48, 248);
}

/*  Typo ------------------------------------------------------------- */

ul#index{
  font-family: "IBM Plex Mono","IBM Plex Mono";
  font-style:normal;
  font-weight:400;
  font-size:12px;
}

.number {
  font-family: "IBM Plex Mono","IBM Plex Mono",serif;
  font-style:normal;
  font-weight:700;
  font-size:11px;
  color:#FFF;
  display: inline-block;
  width:18px; height:18px;
  line-height:18px;
  text-align:center;
  border:solid 1px #000;
  background:#000;
  -moz-border-radius: 18px;  
  -webkit-border-radius: 18px;  
  -khtml-border-radius: 18px;  
  border-radius: 18px;  
}

.help {
  font-family: "etica-1","etica-2",sans-serif;
  font-style:normal;
  font-weight:700;
  font-size:11px;
}
.indication {
  font-family: "IBM Plex Mono","IBM Plex Mono";

  font-style: italic;
  font-weight:700;
  font-size:12px;
}
.petit {
  font-family: "etica-1","etica-2",sans-serif;
  font-style:normal;
  font-weight:400;
  font-size:10px;
}

.test {
	width:1600px;
}

/*  scrolltest ------------------------------------------------------------- */