/* PLUME CMS Style Sheets for Michat Electronique template */
/* (c) 2007 - Eric Jouffrey*/
/* Create date : 26/12/2006  */
*{
	margin: 0px;
	padding: 0px;
	z-index:1;
}
html{
	height:100%;
}
body{
	color:#000;
	background:#FFF;	
	font: 12px Verdana, Helvetica, sans-serif;
	height:100%;
}
p, blockquote, li, h2, h3, dd, dt{
	font-weight: normal;
}
h2, h3{
	font-size:1em;
}
form, fieldset{
	border: 0;
}
a{
	text-decoration: none;
	color: #C10D18;
}
a:hover{
	color: #000;
}
hr{
	display: none;
}
hr.invisible{
	display: none;
	clear:both;
}
pre{
	border-width: 1px;
	border-color: #ccc;
	border-style: solid;
	background-color: #eee;
	margin-bottom: 20px;
	overflow: auto;	
}
abbr, acronym{ 
	font-style: normal;
	border-bottom: dotted 1px #ccc;
	cursor: help;
}

blockquote, cite{
	color: #000;
	font-style: normal;
	border-left: 1px dotted #ccc;
}
code{
	margin: 10px;
	display: block;
}
q{
	font-style: italic;
	color: #ffffff;
}
div.spacer{
	clear:both;
}
img{
	border:none;
}
/* ====================================================================
COLUMNS LAYOUT
-------------------------------------------------------------------- */
#page{
	width: 760px;
	margin-left:0px;
	margin-left:auto;
	margin-right:auto;
	/*height: 100%;*/
	/*height:600px;*/
	background-color:#CDBD9E;
}
#header{
	height:100px;
}
#center{
	clear:both;
	height: 100%;
}
#leftCol{
	width:100px;
	float:left;
	height: 100%;
	height:600px;
}
#centerCol{
	width:482px;
	float:left;
	height: 100%;
	background-color:#FFF;
	height:600px;
}
#center>#centerCol{
	min-height:600px;
	height:100%;
}
#rightCol{
	width:178px;
	float:left;
	height: 100%;
}

/* VERTICAL PADDING ABOVE COLUMNS */

/* CSS HACK:  position:relative needed by IE6 otherwise the header and col 2 don't show up on initial rendering - they're there but you have to minimise the window or switch to another app and back to see the full effect. But IE5(pc) doesn't like it. And nor does NN4.
NB. the use of pos:rel has to go way beyond skin-deep - any nested element that needs a background colour appears to require to be be relatively positioned */
/*/*/
#page, #mainfloat, #content, #menuleft, #menuright, h2{ 
	p\osition: relative; 
}

/* ====================================================================*/
/*  */
/*-------------------------------------------------------------------- */
ol li.current a{
	text-decoration: none;
	color: #000;
}
/* SEARCH PAGE */
div.searchResults h2.comment-preview{
	text-align:center;
	font-size:1.3em;
	line-height:150%;
	font-weight:bold;
	border-top: 1px solid #F00;
	border-bottom: 1px solid #F00;
	margin-top:5px;
	margin-bottom:10px;
	text-transform:uppercase;
}
div.searchResults p{
	text-indent:5px;
	font-size:1.1em;
	margin-bottom:15px;
} 
.score{
	font-size:0.8em;
	color: #AAA;
	margin-top: 10px;
	text-align: right;
	border-top: 1px dotted #CCC;
}
/* 404 PAGE */
div.area404 h2{
	display:none;
}
div.area404 p{
	text-align:justify;
	margin:5px 0px 5px 0px;
}
.err404{
	padding: 20px 0 10px 80px;
	background: transparent url("img/err404.gif") 5% 60% no-repeat;
	font-weight: 100;
	font-size: 2.5em;
}
/* -------------- */
img.px-left { 
	margin:3px 12px 10px 0;
	float: left;
	display:block;
}
img.px-center{ 
	margin:8px auto 8px auto;
	display: block;
}
img.px-right{ 
	margin:3px 0 10px 12px;
	float: right;
	display:block;
}

body.news #main div.newsContent p{
	text-align:center;
}
/* INPUT */
input{
	font: 12px Verdana, Helvetica, sans-serif;
}
input, textarea {
	border-width: 1px;
	border-color: #ccc;
	
}
input[type], textarea[name]{
	background: #ffffff;
}
input[type=submit], input[type=reset] {
	background: #bbb;
	color: #000;
}
input[type=submit]:hover {
	background: #ffffff;
	color: #ccc;
}