body { 	text-indent: 0em; 
	text-align: left; 
	line-height: 1.4em; 
	letter-spacing:0.05em;
	color: #444; 
	font-size: 0.8em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
  	margin-right: 60px;
	margin-left: 265px;
	border-left: 1px solid red;
	padding: 0px;
	background-color: #FFF; 
	position: relative; 	
	top: 0px;} 

p 	{ color:purple; }
h1 	{ color: #3366cc; }
h2      { margin-left:5%; color:#3366cc; }
h3 	{ color: #3366cc;
	  background-color: #f2f2f9;
	  text-indent:50px; }
h5	{ margin-left:5%; color:red; } /* date haut de page */
	  
table 	{border-style: dashed; border-width: 1px; border-color:#444; border-collapse: collapse;}
td	{border-style: dashed; border-width: 1px; border-color:#444; padding:1em; }

div#title_banner {  padding:0px;
		    background-color:white;
		    width=100%;
		    margin-left:-265px;
 	    	    margin-right:-60px;
		    border-bottom:1px solid red; }

div#title_banner h1        { color:red; margin-left:5%; }
div#title_banner table     { border-width:0px; padding:0px; }
div#title_banner table tr  { border-width:0px; padding:0px; }
div#title_banner table td  { border-width:0px; padding:0px; }

div#foot_banner {   padding:0px;
		    background-color:white;
		    width=100%;
		    margin-left:0px;
		    margin-right:-60px;
		    border-bottom:1px solid red; }


div#about { width: 90%;
	border-style: solid;
	color: #AAA;
	margin-left: 5%; 
	font-size: 0.8em;
	line-height: 1.8em;
	border-color: #EEE;
	border-style: solid;	
	border-width: 0px;
	background-color: #FFF; }


div#about ul {list-style-position:inside; margin:5px; padding:0; list-style-type:none;}
div#about a:link 	{ color: #3366cc; text-decoration: none; }
div#about a:visited 	{ color: #3366cc; text-decoration: none; }
div#about a:hover 	{ color: red; text-decoration: none;
			  background-position: 1% 50%;
			  background-image: url(/~denis/blog/images/arrow_menu-yellow.png);
			  background-repeat: no-repeat;
			  padding-left: 20px }



div#menutopleft { 	width: 240px;
		border-style: solid; 
		border-width: 1px;
		border-color: #3366cc;		
		text-indent: 0em;
		text-align: left;		
		font-size: 1.1em;
		color: navy;
		background-color: #f2f2f9;		
				  background-image: url(/~denis/blog/images/navigation.png);
				  background-repeat: no-repeat;
				  background-position: 120px 40px;			  
		
		top: 100px; /*19*/
		height: 12em;
		padding-left: 10px;
		position: fixed;
		left: 10px }
	
div#menutopleft h1 	{ text-align:left;
			  text-indent: 0em;
			  line-height: 1;
			  font-size: 1.1em;
			  color: #1f00ff; 
			  font-weight:bold; }
		
	
div#menubottomleft { width: 240px;
		border-style: solid;
		border-width: 1px;
		border-color: #3366cc;		
		text-indent: 0em;
		text-align: left;		
		font-size: 0.9em;
		color: black;
		background-color: #f2f2f9;		
		top: 25em; 
		height: 240px; 
		padding-left: 10px;
		position: fixed;
		overflow: auto; 
		left: 10px }

div#menubottomleft h1{	text-align:left;
			text-indent: 0em; 
			line-height: 1;
			font-size: 1.1em;
			color: #1f00ff; 
			font-weight:bold; }

div#wbgpager { 	width: 240px;
		border-width: 0px;
		color: #3366cc;
		background-color: #FFF;
		top: 36em;
		font-size: 1.2em;				
		padding-left: 10px;
		position: fixed;
		overflow: auto; 
		left: 10px }

div#wbgpager a:link 	{ color: red; text-decoration: none; }
div#wbgpager a:visited 	{ color: red; text-decoration: none; }
div#wbgpager a:hover 	{ color: red; text-decoration: none; 
    		    	  font-weight: bold; }

	
.content { width: 76%;
	border-style: dashed;
	border-color: black;
	border-width: 0px;	
	background-color: white;
	font-size: 1em;
	text-align:justify;
	padding-left:7%;
	padding-right:7%;
	margin-right: auto;
	margin-left: auto; }
	
.footer { width: 90%;
        padding-left: 5%; 
	border-style: dashed;
	border-color: red;
	border-width: 0px;
	font-size: 0.9em;
	color: #3366cc;
	background-color: #FFF; }



			
.blosxomComments    { 	margin-left: 10%; 
			margin-right: 10%; 
			font-size: 0.9em;
			background-color: #f2f2f9; }

.blosxomCommentForm { 	color:blue; 
			background-color:#FFF;}

.header { width: 90%;
	border-style: solid;
	color: #3366cc;
	margin-left: 5%; 
	font-size: 1em;
	border-color: #3366cc;
	border-style: solid;	
	border-width: 1px;
	background-color: #f2f2f9; }

.header h1 { color: #1f00ff;
	        font-size: 1em;
	        font-weight: bold;
	        text-indent:1em;
	        background-color: #f2f2f9; }
	       
.header_date { 	color:black;
		font-size:0.6em; 
		font-weight:normal; }

.index       {border-width: 0px; padding:0; padding: 0 2em;}
.index tr    {border-width: 0px; padding:0; padding: 0 2em;}
.index td    {border-width: 0px; padding:0; padding: 0 2em;}


.categorygroup { font-size: 1.2em; margin-left:10px;
	  	 line-height: 1.5em; 
		 color: #3366cc; }

.linkcategorygroup a:link	{ color: #3366cc; text-decoration: none;}
.linkcategorygroup a:visited 	{ color: #3366cc; text-decoration: none;}
.linkcategorygroup a:hover 	{ color: red;; text-decoration: none;
				  background-color:yellow; 

}
/*				  background-position: 1% 50%;
				  background-image: url(/~denis/blog/images/arrow_menu-blue.png);
				  background-repeat: no-repeat;
				  padding-left: 20px }
*/

.linkmenutop 	 		{ color: #3366cc; text-decoration: none; }
.linkmenutop 	a:link 		{ color: #3366cc; text-decoration: none; }
.linkmenutop 	a:visited 	{ color: #3366cc; text-decoration: none; }
.linkmenutop 	a:hover 	{ color: red; ; text-decoration: none;
				  background-position: 1% 50%;
				  background-image: url(/~denis/blog/images/arrow_menu-red.png);
				  background-repeat: no-repeat;
				  padding-left: 20px }
				  

.linkmenuyellow  		{ color: #3366cc; text-decoration: none; }
.linkmenuyellow a:link 		{ color: #3366cc; text-decoration: none; }
.linkmenuyellow a:visited 	{ color: #3366cc; text-decoration: none; }
.linkmenuyellow a:hover 	{ color: red; text-decoration: none;
				  background-position: 1% 50%;
				  background-image: url(/~denis/blog/images/arrow_menu-yellow.png);
				  background-repeat: no-repeat;
				  padding-left: 20px }

.ulmenu 	 { padding: 0; margin: 0; list-style-type: none; }

.blosxomCalendar     	   {font-size:1.1em; margin-left:30px; border-width:0px; border-collapse: separate; letter-spacing:0em;}
.blosxomCalendar td  	   {font-size:1.1em; padding:0px; border-width:0px;}
.blosxomCalendar p         {font-size:1.1em; padding:100px; border-width:0px;}
.blosxomCalendar a:link    { color: red; }
.blosxomCalendar a:visited { color: red; }
.blosxomCalendar a:hover   { color: red; 
			     font-weight: bold;
			     font-size:1.2em; }
		
div#tagcloud    { text-decoration:none;  color: #3366cc; text-align: right;margin-right:5px;}
div#tagcloud a:link 	{ text-decoration:none; color: #3366cc; }
div#tagcloud a:visited 	{ text-decoration:none;  color: #3366cc; }
div#tagcloud a:hover 	{ text-decoration:none;  color: red; }


.smallestTag { font-size: 10px; }
.smallTag    { font-size: 11px; }
.mediumTag   { font-size: 12px; }
.bigTag      { font-size: 13px; }
.biggestTag  { font-size: 14px; }
.hugeTag     { font-size: 15px; }
.hugestTag   { font-size: 16px; }
.mostHugeTag { font-size: 17px; }