html	{

}
body	{
	margin:0;
	padding:0;
	background-color:rgb(94, 79, 105);		/*violet foncé*/
	background-color:rgb(70, 47, 58);		/*rouge très sombre*/
}
#menu		{
	position:relative;
	top:0;
	height:50pt;
	color:white;
}
#menu > ul		{
	list-style-type: none;
}
#menu li	{
	float:right;
	position:relative;
	margin-right:25pt;
	line-height:30pt;
	vertical-align: baseline;
	/* */
	/* */
	font-size:18pt;
	font-family: 'Roboto', HelveticaNeue-UltraLight, Arial, sans serif;
}
#menu li.bigger	{
	font-size:16pt;
	float:left;
	line-height:20pt;
	vertical-align: middle;
}
#menu li.bigger:first-letter	{
	font-size:40pt;
	padding-right:4pt;
	padding-top:10pt;
	vertical-align:-3pt;
}

#menu li a	{
	color:white;
	text-decoration:none;
}
#menu li a:hover	{
	text-decoration:underline;
}
#menu li a:visited	{
}

.describe		{
	display:none;
}

a:hover + .describe	{
	display:block;
	font-size:10pt;
	line-height:11pt;
	padding:8pt;
	font-family:'Lato', Avenir;
	font-weight:400;
	border:1px solid rgba(48, 27, 37, 1);
	background-color:white;
	color:black;
	width:130pt;
	position:absolute;
	right:0;
	z-index:1;
}

.smaller	{
}
.post		{
	position:relative;
	margin-top:40pt;
}
.post .contents	{
/*	float:left;*/
	position:relative;
	left:170pt;
	width:70%;
	top:0;
	font-family:'Lato', Avenir-Light, Avenir Light, Arial, Sans serif;
	font-weight:100;
	font-size:13pt;
	color:rgba(209, 208, 205, 0.74);
	margin-bottom:30pt;
	line-height:19pt;
	-webkit-font-smoothing: antialiased;
}
.post .contents a 		{
	color:rgb(166, 171, 217);
	text-decoration:none;
}
.post .contents a:hover 		{
}
.post .contents a:visited 		{
}


.post .contents pre 		{
	border:1px solid rgba(127, 130, 130, 0.16);
	border-radius: 3px;
	padding:5pt 25pt;
	font-family:Courier New;
	font-size:10pt;
	color:white;
	overflow-x:scroll !important;
}


.post .contents blockquote		{
	font-style:italic;
}
.post .contents table.classic	{
	border:1px solid black;
	border-collapse: collapse;
}
.post .contents table.classic tr:first-child td	{
	font-weight:bold;
}

.post .contents table.classic td	{
	border:1px solid black;
	padding:2px 7px;
}

.syntaxhighlighter	{		/* Temporaire : syntaxhighlighter doit avoir un moyen de customiser facilement ces styles, mais comme je suis pressé... */
	font-size:10pt !important;
	padding:5pt 0pt !important;
}
div.code pre	{
	background-color:#CCC !important;
	background-color:#C2FFFD !important;
	background-color:#DEDAFF !important;
	background-color:rgba(255, 234, 245, 0.51) !important;
	
	overflow-x:scroll !important;
	border:none !important;
	border-radius: 0px !important;
	padding:8pt 10pt !important;
	font-size:10pt !important;
	line-height:12pt;
	margin:5pt 0pt !important;
}
.codeLegend		{
	font-size:11pt;
	color:rgb(255, 182, 81);
	text-align:center;
	margin-top:-1em;
	background-color: rgb(61, 41, 50);
}
.post .meta		{
/*	float:left;*/
	position:absolute;
	left:0;
	width:150pt;
	eborder:1px solid red;
	text-align:right;
	padding-right:20pt;
	top:1.2em;
	font-family:'Lato', Avenir;
	font-weight:400;
	font-size:10pt;
	color:white;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
}
.post .meta2		{
	eborder:1px solid red;
	text-align:right;
	width:70%;
	float:left;
	margin-top:-2.2em;
	font-family:'Lato', Avenir;
	font-weight:400;
	font-size:10pt;
	color:white;
}
.post .tags		{
	position:absolute;
	text-align:right;
	width:150pt;
	top:2.6em;
	-webkit-font-smoothing: antialiased;
}

.post .tags a	{
	color:#AAA;
	font-family:'Lato', Avenir;
	font-size:9pt;
	text-transform: uppercase;
	text-decoration: none
}
.post .tags a:visited	{}
.post .tags a:hover	{
	color:white;
}

h1		{
	position:static;
	margin-left:170pt;
	margin-bottom:10pt;
	font-family:'Lato', Avenir;
	font-weight:400;
	font-size:22pt;
	color:rgb(255, 217, 104);
	color:rgb(255, 182, 81);
	-webkit-font-smoothing: antialiased;
}		
h1 a 	{
	color:inherit;
	text-decoration:none;
	-webkit-font-smoothing: antialiased;
}
h1 a:visited 	{
	color:inherit;
}
h1 a:hover 	{
	color:inherit;
}

h2		{
	position:static;
	margin-top:1.5em;
	margin-bottom:1em;
	font-family:'Lato', Avenir;
	font-weight:300;
	font-size:18pt;
	color:rgb(255, 217, 104);
	color:rgb(255, 182, 81);
}		

h3	{
	margin-top:1em;
	margin-bottom:1em;
	font-weight:normal;
	color:rgb(255, 182, 81);	
}

h4	{
	margin-top:1em;
	margin-bottom:1em;
	font-weight:normal;
	color:rgb(255, 182, 81);	
}

#pagefooter		{
	clear:both;
	margin-top:30pt;
	text-align:center;
	width:100%;
	background-color:transparent;
	font-family:'Lato', Avenir;
	font-weight:400;
	font-size:10pt;
	color:white;
}
#pagefooter a 		{
	color:rgb(166, 171, 217);
	text-decoration:none;
}
#pagefooter a:hover 		{
}
#pagefooter a:visited 		{
}
p		{
	position:relative;
	margin-top:1em;
}
aside	{
	position:absolute;
	eborder:1px solid green;
	left:-170pt;
	top:0;
	font-size:70%;
	width:150pt;
	padding-left:5pt;
	padding-right:15pt;
	margin-top:5pt;
	text-align:right;
}
hr	{
	margin-top:0pt;
	width:70%;
	height:1px;
	margin-bottom:10pt;
	margin-left:170pt;
	color:rgba(255,255,255,0.27);
	background-color:rgba(255,255,255,0.27);
	border-width:0;
	clear:both;
}

.formula		{
	vertical-align: middle;
	margin:5px 0;
}

/*hr:after {
content: "\273D \274D \275D";
height: 0;			
letter-spacing: 1em;
color: #aaa;
}*/

.pages		{
	margin-top:2em;
	text-align:center;
}

.pages span		{
	padding:10pt;
	font-size:20pt;
	color:#AAA;
	font-family:Avenir, Arial;
}
.pages span.currentPage		{
	color:rgb(255, 182, 81);
}

.pages a		{
	text-decoration:none;
	color:inherit;
	font-size:inherit;
	font-family:inherit;
}
.pages a:visited		{		}
.pages a:hover		{
	color:white;
	text-decoration:underline;
}

#tagReport		{
	position:relative;
/*	left:170pt;*/
	font-size:16pt;
	color:white;
	font-family:Avenir, Arial;
	text-align:center;
}