/* CSS Document */
/* HTML5 Specs */
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { display:block; }

body{font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; }

header{ background:#660033; overflow:hidden; zoom:1; margin:0; padding:0; z-index:1; color:#CCFF66; margin-left:200px;}



nav { height:100%; background:#660033; position:fixed; left:0; top:0; z-index:0; width:200px; overflow:hidden;}
nav > img{ position:absolute; top:0; left:0;}
#menu {margin:0;  padding:0; position:fixed; width:200px; left:0; top:400px;}
#menu  li{ margin:0; padding:0; display:block;}
#menu  a{ display:block; text-decoration:none; color:white; padding:5px; text-align:center; font-size:16px;}
#menu  a:hover, #menu  a.active { text-decoration:underline;  }
#menu  a.active { font-weight:bold;} 

article{ margin-left:220px; padding-right:40px; clear:both; zoom:1; overflow:hidden;}
article p{ margin:0.5em 0 1em 1em; }
article img{ padding:10px; box-shadow:2px 2px 4px black; margin:20px; float:right; background:white;}
article h1,article h2,article h3{ margin:0; padding:20px 0;}
article > p > a { display:block; text-align:right; text-decoration:none;position:relative; left:0;}
article > p > a:hover { text-decoration:underline;  left:2px;}

article.formule
{
	margin-bottom:2 em;
	margin-top:2 em;
	overflow:hidden;
}
article.formule img{ float:right; margin:10px;}
article.formule h2{ text-align:left; color:#330000;}
article.formule ul{ display:block; margin:0; padding:0; margin-left:2em;margin-right:2em;}
article.formule li{ display:block; margin:5px; padding:5px; background:#DDDDDD; text-align:center;}
article.formule span{ background:#330000; color:white; font-weight:bold; padding:1em; float:left;margin:0.5em; margin-top:-5px;}

article p.soft{ color:#222222; font-stretch:expanded; font-style:italic;}

.telnum{ font-weight:bold; font-style:italic;}
