/* 1. Global Reset
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
	pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, images, ins, kbd,q, 
	s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, 
	label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
	{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
	
	div.entry ol, div.entry ul {
		/*list-style: none;*/
		margin-left:4em;
	}
	div.entry p{
		padding-top:1em;
	}

	table {
		border-collapse: separate; 
		border-spacing: 0;
	}

	caption, th, td {
		text-align: left; 
		font-weight: normal;
	}
	h1, h2, h3, h4, h5, h6 {
		font-weight:normal;
	}
br.clearb{clear:both;}
/* 2. General Elements
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
div {font-size: 1em;}
h4, div.NewsSummary dt{font-size:1.2em;font-weight:bold;color:#B5031D;font-family:Arial, Helvetica, sans-serif;text-transform:uppercase;font-style:italic;}
h4 a,div.NewsSummary dt a{color:#B5031D;}
/*
if img is inside "a" it would have
borders, we don't want that
*/
img {border: 0;}

/*
default link styles
*/
/* set all links to have underline and bluish color */
a, a:link, a:active {
   text-decoration: none;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit;
   color: black;
}

a:visited {
	text-decoration: none;
	background-color: inherit;
	color: #333;                /* a different color can be used for visited links */
}
/* remove underline on hover and change color */
a:hover {
   text-decoration:underline ;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 75.5%;
	line-height: 1.4em;
	text-align: center;
	color: #4b4b4b;
	background-color:#000C1A;
	padding:0;
}
/* 3. Disposition */
#page{
   margin:5px auto;     /* this centers wrapper */
   width:900px;
   text-align: left;
   background-color:white;
}
div#header{background:transparent url('images/top.jpg') no-repeat top center;}

div#header h1 a {
/* you can set your own image here */
   display: block; 
   height: 80px;             /* adjust according your image size */
   width:280px;
   text-indent: -999em;  /* this hides the text */
   text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
}

div#header h2 a {
	display:inline;
	height:33px;
	margin:-24pt 0pt 0pt 441pt;
	text-decoration:none;
	width:310px;
	color: #0066ff;
	position: absolute;
}
div#header h2 a:hover{
	text-decoration:underline;
	color: #80DDFF;
}

#breadcrumbs{background : transparent url('images/breadcrumb-bg.png') 10px repeat-x;font-size:.9em;height:1%;overflow:hidden;margin:1em 0 .5em;}
#breadcrumbs ul{}
#breadcrumbs li{display:inline;float:left;padding:0 2px;background-color:white;}

#menu{background:transparent url() left top no-repeat;height:24px;overflow:hidden;padding: 2px 0 5px 25px;margin:0 0 0 0;}
#menu li{display:inline;float:left;margin:0 5px 0 5px;border-right:1px solid #ccc;}
#menu li a{font-family:Arial, Helvetica, sans-serif;text-transform:uppercase;font-weight:bold;color:#990033;padding:0 1em;}

#menu li a:hover{color:#80DDFF;text-decoration:none;}

#content {
float: right;
padding: 0;
margin:0 0 0 0px;
width: 710px;
}
#content h1{color:black;font-family:Arial, Helvetica, sans-serif;font-weight:bold;text-transform:uppercase;font-size:1em;margin:10px 0 0 20px;}
#content h2.entete{background:black url('images/news.gif') left top no-repeat; height:34px;margin:0;padding:0;text-indent: -999em;  /* this hides the text */}

#sidebar h2,#content h2 {color:#8e0000;background:white;font-family:Arial, Helvetica, sans-serif;padding:0 2px;margin:10px 0 0 0;font-weight:bold;text-transform:uppercase;}

#content h2{background:transparent url('images/entry.gif') left top no-repeat; padding:10px 0 0 0;}
#content h2 a{color:#8e0000;text-decoration:none;}
#content h2 a:hover{text-decoration:underline;}

#content h3{color:#8e0000;}

#sidebar {
	float: left;  /* set sidebar on the left side. Change to right to float it right instead. */
	width:146px;    /* sidebar width, if you change this please also change #main margins */
	display: inline;  /* FIX ie doublemargin bug */
	margin:0  0 0 30px;
	padding:0;
	background:white url('images/trait45.gif') repeat;
}
#sidebar ul li{margin:0;list-style: none;}
#sidebar ul ul{margin:0;}
#sidebar li li {margin:0 0 0 2px;color:#063e7a;padding:0;}
#sidebar li li a{color:#063e7a;margin:0;}
#sidebar li {background-color:white;margin:0 0 0 0;padding:0 0 10px 0;}
#commentform textarea{color:#999999;font-family:'Trebuchet MS',Sans-serif;font-size:12px;width:495px;height:150px;padding: 10px;}

#search{background:white url(images/recherche.jpg) no-repeat left top;height:95px;width:137px;}
#search h2{height:40px;text-indent: -999em;background:none;margin:0;padding:0;}
#search input#s{
	outline:none;
	font-size:1.2em;
	margin:2px 0 0 5px;
	background: transparent ;
	border:none;
	width:127px;
}
#search input#searchsubmit{margin:10px 0 0 100px;}
#footer{background: transparent url('images/bottom.jpg') bottom left no-repeat;margin:25px 0;padding:30px 0 3px ;}
#footer ul{width:350px;margin:0 auto;}
#footer li{display:inline;float:left;color:white;margin-left:3px;}
#footer a, #footer li{font-size:10px;text-transform:uppercase;color:white;}

#commentform{margin:10px 50px;padding:1em 5em;}
ol.commentlist li{border-top:1px dashed #CCC;}
ol.commentlist li ul li{list-style: none; text-indent:5em;}
div.entry{background:transparent url(images/entry.gif) left bottom no-repeat;padding-bottom:10px;}
div.entry p,.commentlist p{margin:.5em 0;text-align:justify;margin:0 2em 0 0; } 
div.entry a{color:#0069e0;text-decoration:underline;font-weight:bold;}
p.postmetadata{margin: 0 0 5px 0;}
div.post{border-top:10px solid black;border-bottom:10px solid black;margin:5px 0;overflow:hidden;height:1%;}
div.post img.alignleft{float:left;margin-right:1.5em;display:inline;}
div.post img.alignright{float:right;margin-left:1.5em;display:inline;}
div.post img.aligncenter{float:right;margin-right:1.5em;margin-left:1.5em;display:inline;}
div.post img{margin-right:1.5em;display:inline;}
div.post strong{font-weight:bold;}




li#tag_cloud-2{
	display:none;
}