body{
	font-family: 'Roboto' ;
	font-weight: 400;
	background-color: #fffde6 ;
	color: #343331;
	font-size: 17px;
	padding: 0;
	margin: 0 auto;
    width: 40em
}
img{ width: 100%; }
a{
	text-decoration: none;
	font-weight: 400;
	color: #000;
	border-bottom: 3px solid #ff9c1c;
}
a:hover{
	/* color: #0073a1; */
	/* font-weight: 800; */
	border-bottom: 3px solid #343331;
}
p{ line-height: 1.6em; }
pre{
    display: inline-block;
	font-family: 'Roboto' ;
    padding: 1em;
    white-space: pre-line;
    /* background-color: #ff9c1c; */
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.half{
    /* width: 15em; */
	columns: 2;
}

.note{
    font-size: 14px;
    color: #ff9c1c;
}
.shadow{     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
.nobreak{ break-inside: avoid-column; }
.color{color: #ff9c1c;}




/* HEADER ///////////////////////////////////////////*/
#menu{
	background-color: #fffde6;
	position: sticky;
	box-sizing: border-box;
	width: calc(100% + 4em);
	z-index: 2;
	top:0;
	left:0;
	padding: 2em 2em;
	margin: 0 -2em;
	display: flex;
	justify-content: space-between;
}
#menu a{
	text-align: center;
	z-index: 3;
	color: #343331;
	font-weight: 400;
	border: none;
}
/* #menu a:last-child{ padding: 0;} */
#menu a:hover{
	/* color: #0073a1; */
	border: none;
	font-weight: 900;
 }

.hidden{ display: none; }

@media (max-width: 800px), (orientation:portrait) { /************************************************************************************/
	body{width: 95vw;}
	/* /////////////////////// BARRE MENU  /////////////////////////////////	 */

	#menu, #menu a{ display: block; font-size: 1.2em; padding-bottom: 0.4em;  }
	#menu { padding: 0; position: fixed;}
	#menu a{ padding-top: 0.5em; }
	#menuButton{
		display: inline !important;
		position: fixed;
		padding-top: 0.2em;
		right: 18px;
		width: 40px;
	}
	#menuButton:hover div{ border-top-color: #999 !important; }
	#menuButton div{
		border-top: solid 3px #000 !important;
		height: 1px;
		padding-top:0.33em;
	}
	.lineMenu{ display: none; }
}