﻿body
{
	background-color:#222222;
	background-image: url(http://oeil-numerique.hempe.be/on/wp-content/themes/oeilnum/bord2.jpg);
	background-repeat: repeat-y;
	font-family:verdana, arial, helvetica;
	font-size:14px;
	font-family : Arial, Verdana,Helvetica;
	color:#cccccc;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;

}

.logo {
 background-image:url(http://oeil-numerique.hempe.be/on/wp-content/themes/oeilnum/titre2.png); 
  background-position:top left;
 background-repeat:no-repeat;
 height:120px;
}
.logo2 {
 background:#222222;
 height:15px;
 text-align:center;
 vertical-align:middle;
 font-size:10px;
 color:#777777;
}
.contenant {
width:1200px;
height:100%;
padding:0px;
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
border-spacing: 0px;

}

.gauche{
width:200px;

background:#222222;
vertical-align:top;
margin:0px;
padding-left:25px;
padding-right:5px;
text-align:center;
}

.droite{
width:200px;
background:#222222;
vertical-align:top;
padding-right:25px;
padding-left:5px;
text-align:left;
}

.centre{
width:998px;
color:#cccccc;
border:1px solid #ffffff;
vertical-align:top;
padding:15px;
background:#111111;
}

ul  {position:relative;}
li {		list-style-type:none;   	
	   	background-image:url(http://oeil-numerique.hempe.be/on/wp-content/themes/oeilnum/boule1.png);
		background-repeat:no-repeat;
		display:block;
		padding-left:12px;
		padding-bottom:5px;
		line-height:11px;
		font-size:11px;
	   	text-align:left;
	   	position:relative;
	   	color:#CCCCCC;
		left:-25px;
		
	   	  	
	}
li:hover  {list-style-type:none;   	
	   	
	   background-image:url(http://oeil-numerique.hempe.be/on/wp-content/themes/oeilnum/boule2.png);
		}

ul.side li, ul.side li:hover {left:-40px;}		
ul.side .lih2 , ul.side li.lih2:hover {list-style-type:none; background:none; left:-30px; }		



.general_bg
{
	background : #222222;
	font-family : Arial, Verdana,Helvetica;
}

.general_area
{
	
	background : #222222;

}

.postmetadata, .postmetadata a
{ 
color:#666666;
font-size:1em;

}

.titre
{
	border:2px ridge #800000;
	padding:3px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:5px;
	background:#000000;
	color:#800000;
	font-weight:bold;
	text-align:center;
	
}
.fz 	
{
	border : 3px ridge #ff0000;
    width:180px;
    text-align:center;
    font-weight:bold;
}

.cadretexte 	
{
	border : 1px solid #ffffff;
    font-family : Arial;
	font-size:1em;
	color:#cccccc;
	padding:3px;
	width:180px;
}

.textefz
{
	border:0px;
    font-family : Arial;
	font-size:0.8em;
	font-weight:bold;
	color:#cccccc;
	padding:3px;
}

#cadre {
	font-family: Arial, Verdana, sans-serif;
	font-size:1.2em;
	font-weight:bold;
	color:#cccccc;
	padding:5px;
	border:2px ridge #ff0000;
	text-align:center;
	width:250px;
	}

h1, h2, h3, h4, h5, h6{
	font-family: Arial, Verdana, sans-serif;
}

h1{font-size:2em; color:#aa0000;}
h2{font-size:14px; color:#aa0000;}
h3{font-size:1.5em;}
h4{font-size:1.3em;}
h5{font-size:1.2em;}
h6{font-size:1em;}


a{
	color: #cccccc;
	text-decoration:none;
		font-weight:normal;
		
		
}

a:visited{
	color: #cccccc;
	font-weight:normal;
		text-decoration:none;

}

a:hover{
	color: #ff0000;
	font-weight:normal;
	}

.left{
	float: left;
	margin-right: 1em;
}

.right{
	float: right;
	margin-left: 1em;
}

/* Le contenu
-------------------------------------------------------- */

.post{
	background:#000000;
	
	margin-bottom: 10px;
	padding:10px;
	border:1px solid #ffffff;
	color:#666666;
}


.post-title{
	color:#AA0000;
	font-size:1.6em;
	font-weight:bold;
	
}
/*

.post-info{
	
	margin-top: 0;
	color: #0000ff;
	font-size:0.8em;
	
}

.post-info a{
	color: #0000ff;
	text-decoration: none;
	font-size:0.8em;
}

.post-info a:hover{
	color: #ffffff;
	
}

.post-info a:visited{
	color: #0000ff;
	text-decoration: none;

	font-weight:bold;
}
.post-content{
	text-align: left;
	color:#000060;
}


#trackbacks blockquote, #comments blockquote{
	border-bottom: 1px solid #0000ff;
	margin: 1em 0;
	padding: 1ex 1em;
	
}

*/

#content{
	
	color:#cccccc;
	padding: 5px;


	
}


/*

.trackbacks {
margin:0px;
color:#0000cc;
font-family:arial,verdana,helvetica;
font-size:1em;
}
*/
.invisible
	{
	display:none;
	}
	


.navigation {
display: block;
text-align: center;
margin-top: 5px;
margin-bottom: 50px;
}
.alignright {
float: right;
}

.alignleft {
float: left
}