body {
	background-color: white;
	color: black;
	padding: 1px 1px 0 0;
	margin: 1ex;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
	font-size: 13px;
}

pre, code {
    font-family: "Courier New", Courier, monospace;
}

strong {
    font-weight: bold;
}

q, em, var {
    font-style: italic;
}

table {
	border: 0px;
	padding: 0px 0px;
}

/*************************************************************************
***  
***  Liens
***  
*************************************************************************/

a:link {
    color: #005af2;
    background-color: inherit;
}

a:visited {
    color: #5A88B5;
    background-color: inherit;
}

a:link:hover {
	text-decoration: none;
}


/* EOL */


td {
	padding: 1ex;
}

img.logo {
	border: 0;
}

img.admins {
	float: right;
}

/*************************************************************************
***  
***  Header et menus
***  
*************************************************************************/

.menu_top a:visited,
.menu_top a:link,
.menu_droite a:visited,
.menu_droite a:link {
	text-decoration: none;
}

.menu_top a:hover,
.menu_droite a:hover {
	text-decoration: underline;	
    background-color: inherit;
    color: #005af2;
}

.menu_item a:hover {
	background-color: #ddeeff;
	color: #332211;
}

div.para_title {
	font-size: 2ex;
    font-weight: bold;
}

div.glob {
	background-color: white;
	color: black;
}

div.childs {
	width:  20%;
	float: right;
    font-size: 1.5ex;
	text-align: left;
	vertical-align: top;
	border-left: groove #aabbcc 3px;
	border-bottom: groove #aabbcc 3px;
}

/*
	padding: 0 0 1ex 1ex;
*/

div.header {
    margin-left: 0px;
}

.header img {
    padding: 0;
    display: block;
    margin: -90px 0 21px 10px;
	text-align: left;
}

.header p.menu_top {
    text-align: right;
    font-size: 13px;
    margin: 30px 0 0.5em 0;
    padding: 0;
}

.header p.ssji {
	font-family: monospace;
    background-color: #aabbcc;
    color: white;
    padding: 0 0 0 140px;
    margin: 0;
    text-align: center;
    vertical-align: middle;
    font-size: 25px;
    font-weight: bold;
    line-height: 42px;
}

/*************************************************************************
***  
***  Footer
***  
*************************************************************************/

div.footer {
	clear: both;
}

div.footerdate {
	font-size: 60%;
    font-style: italic;
}	

div.sign {
    color: black;
    text-align: right;
	float: right;
}

/*************************************************************************
***  
***  Furitures
***  
*************************************************************************/

img.fleche {
	border: 0;
    padding: 5px 4px 0 50px;
}

/*************************************************************************
***  
***  Paragraphes
***  
*************************************************************************/

div.contents {
	background-color: white;
	width:  78%;
	float: left;
}

.contents p {
	text-align: justify;
	text-indent: 2em;
	width: auto;
}

div.para_date {
	font-size: 1ex;
    font-style: italic;
    text-align: right;
}

pre.code {
	font-family: "Courier New", Courier, monospace;
	background-color: #9cd8b2;
    color: black;
    text-indent: 0;
    padding: 1ex 1ex 1ex 3ex;
	display: block;
}

p.explication {
	background-color: #f59df9;
    color: black;
    text-indent: 0;
    padding: 1ex 1ex 1ex 3ex;
}

.explication code {
	font-size: 100%;
}

p.graph {
	text-align: center;
    color: black;
    text-indent: 0;
    padding: 1ex 1ex 1ex 3ex;
}

/* rappels:

Padding:
   H D B G
white-space: nowrap;
list-style-type: disc; //[square, circle, none]
display: block;

*/

/*************************************************************************
***  
***  La HSF utilise la meme feuille de style
***  
*************************************************************************/

.hsfcont p {
	text-align: justify;
	text-indent: 2em;
}

.hsfcont p:first-letter {
	font-size: 300%;
	letter-spacing: 10px;
	float: left;
	font-family: "dobkinscript", "slogan", "dragonwick", "script", cursive;
}

p.post {
	text-indent: 0;
}

hr.postsep {
	width: 60%;
}