body {
	margin: 0;
	padding: 0;
	font-family:"Trebuchet MS";
	font-size:12px;
	color: #666666; 
	background: #A9BAC3 url(im/bg.gif) repeat-x;
	text-align: justify;	
	line-height:155%;
}

#conteneur {
	background: #FFF;
	width: 820px; height: 100%;
	margin: 0 auto;	
	text-align: left;
}

#centre {
	clear: both;
	margin: 0; padding: 0;	
	background: #FFF;
}

#header {
	position: relative;
	height: 85px;	
	background: #000 url(im/headerbg.gif) repeat-x 0% 100%;	
}
h1.logo {
	position: absolute;
	margin: 0; padding: 0;
	font: bolder 3.1em 'Trebuchet MS', Arial, Sans-serif;
	letter-spacing: 1px;
	top: 10px; left: 5px;	
}
h2.slogan {
	position: absolute;	 
	top:45px; 
	left: 22px;
	color: #666666;
	font: bold 17px 'Trebuchet MS', Sans-serif; 
	text-transform: none;	
}
#header form.searchform {
	position: absolute;
	top: 0; right: -12px;	
}

#contenu {
	float: left;
	margin-left: 25px;
	padding: 0;
	width: 70%;	
	font-size:14px;
	font-family:'Trebuchet MS';
}

#contenu h1 {
   padding-top:8px;
   padding-bottom:8px;
}

.green {	color: #9EC068;  }
.gray  {	color: #BFBFBF; }

a { 
	color: #4284B0;
	background-color: inherit;
	text-decoration: none;
}
a:hover {
	color: #339900;
	background-color: inherit;
}


h1, h2, h3 {
	font: bold 1em 'Trebuchet MS', Arial, Sans-serif;
	color: #333;	
	
}
h1 { 
font-size: 1.5em; 
padding-top:2px;
color: #6297BC;
} 
h2 { font-size: 1.4em; text-transform:uppercase;}
h3 { font-size: 1.3em; }


p.menu, h1.menu, h2.menu, h3.menu {
	margin: 0px;
	padding-left:3px;
  background-color: #CCC;
  color:#FFF;
}
ul, ol {
	margin: 10px 30px;
	padding: 0 15px;
	color: #4284B0;
}
ul span, ol span {
	color: #666666; 
}

code {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
  background: #FAFAFA;
  border: 1px solid #f2f2f2;  
  border-left: 4px solid #4284B0; 
}

blockquote {
	margin: 15px;
 	padding: 0 0 0 20px;  	
  	background: #FAFAFA;
	border: 1px solid #f2f2f2; 
	border-left: 4px solid #4284B0;   
	color: #4284B0;
	font: bold 1.2em/1.5em Georgia, 'Bookman Old Style', Serif; 
}

code {
  width: 560px;
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;
  font-family:'Lucida Console', 'courier new', monospace;
  font-size:12px;
  background: #DFDFDF;
  border-left: 4px solid #fe7e00;
  margin-bottom: 20px;
}

h3 { 
font-weight:bold; 
font-size:10pt;
color:#fe7e00; 
display: block;
letter-spacing: 1.1pt;
background: #E6E6E6;
border-left: 4px solid #CCC;
margin-top: 0px;
padding:3px;
}

 
INPUT { 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px;
	color: #5A1E64;
	padding: 2px;
	margin: 1px;
	border: 2px solid #DFDFDF;
	background-color:#F5F5F5;
}

SELECT {
	height: 17px;  
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px;
	color: #5A1E64;
	padding: 0px;
	margin: 0px;
	border: 2px solid #DFDFDF;
	background-color:#F5F5F5;
}


TEXTAREA {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #5A1E64;
	line-height: 1.5em;
	letter-spacing: 0.05em;
	border: 2px solid #DFDFDF;
	background-color:#F5F5F5;
}

/* search form */
form.searchform {
	background: transparent;
	border: none;
	margin: 0px; 
	margin-right: 15px;
}
form.searchform input.textbox { 
	margin: 0; 
	width: 160px;
	border: 1px solid #9EC630; 
	background: #FFF;
	color: #333; 
	height: 14px;
	vertical-align: top;
}

form.searchform input.button { 
	margin: 0; 
	padding: 1px 1px; 
	font: bold 12px Arial, Sans-serif; 
	background: #E6E6E6;
	border: 1px solid #9EC630;
	color: #777;	
	width: 60px;
	vertical-align: top;
	margin-left:10px;
}

/*******************
     Information 
*******************/
.info h1
{
   text-align:left;
	background: #E8E8E8;
	color: #6297BC;
	border:1px solid #6297BC;	
   font-weight:bold;
   margin:0px;
   padding-top:3px;
   padding-bottom:4px;
   padding-left:5px;
	font-size: 12pt;
}
.info
{
   width:96%;
   float: center;
   background:#EEE;
	border-bottom:2px solid #6297BC;	
   margin-bottom:23px;
   margin-left:5px;
   padding:0px;
  	text-align:justify;
	font-size: 10pt;
   color:#333333;
}

strong.info
{
font-size: 10pt;
color: #ffffff;
font-weight:bold, italic;
}

strong.date
{
font-size: 10pt;
color: #B2B2B2;
font-weight:bold;
text-align:left;
}



/*******************
     GUESTBOOK
*******************/
.guestbook h3
{
   text-align:left; 
	background-color:#DFDFDF;
	border:0px;
	border-top: 1px solid #CDCDCD;
	border-bottom: 1px solid #CDCDCD;
   color:#3F3F3F;
   font-size:10pt;
   font-weight:bold;
   margin-left:-5px;
   margin-bottom:-2px;
   padding-left:5px;
} 

.guestbook 
{  
   width:520px; 
   float: center;
   background-color:#E6E6E6;
	border: 1px solid #CDCDCD; 
  	text-align:left;
   padding-left:5px;
   margin-right:5px;
   margin-bottom:20px;
}

strong.guestbook
{
font-size: 10pt;
color: #ffffff;
font-weight:bold;
}



/* menuGauche */
#menuGauche {
	float: left;
	width: 23%;
	margin: 0px;	
	padding: 0; 
	display: inline;		
}
#menuGauche ul.menuItem {
	list-style:none;
	margin:0px;
	padding:0px;		
}
#menuGauche ul.menuItem li {
	margin-bottom:0px;
	border: 1px solid #f2f2f2;
}
#menuGauche ul.menuItem a {
	display:block;
	font-weight:bold;
	color: #333;	
	text-decoration:none;	
	padding:2px 5px 2px 10px;
	background: #E6E6E6;
	border-left:4px solid #CCC;		
	min-height:18px;
}

* html body #menuGauche ul.menuItem a { height: 18px; }

#menuGauche ul.menuItem a:hover {
	padding:2px 5px 2px 10px;
	background: #f2f2f2;
	color: #339900;
	border-left:4px solid #9EC630;
}


#footer { 
	clear:both;
	color: #FFF; 
	background: #A9BAC3; 
	border-top: 5px solid #568EB6;
	margin: 0; padding: 0; 
	height: 0px;	  
	font-size: 95%;		
}
#footer a { 
	text-decoration: none; 
	font-weight: bold;	
	color: #FFF;
}
#footer .footer-left{
	text-align: center;
	width: 100%;
}

/* menu tabs */
#header ul {
	z-index: 999999;
	position: absolute;
   margin:0; padding: 0;
   list-style:none;
	right: 0; 
	bottom: 6px !important; bottom: 5px;
	font: bold 13px  'Trebuchet MS', Tahoma, verdana,  sans-serif;	
}
#header li {
   display:inline;
   margin:0; padding:0;
}
#header a {
   float:left;
   background: url(im/tableft.gif) no-repeat left top;
   margin:0;
   padding:0 0 0 4px;
   text-decoration:none;
}
#header a span {
   float:left;
   display:block;
   background: url(im/tabright.gif) no-repeat right top;
   padding:6px 15px 3px 8px;
   color: #FFF;
}

/* HACK pour IE5-Mac \*/
#header a span {float:none;}
/* FIN IE5-Mac hack */
#header a:hover span {
	color:#FFF;
}
#header a:hover {
   background-position:0% -42px;
}
#header a:hover span {
   background-position:100% -42px;
}
#header #current a {
   background-position:0% -42px;
	color: #FFF;
}
#header #current a span {
   background-position:100% -42px;
	color: #FFF;
}

/********************
		PAGER
********************/		
p.pagenav{
margin:10px 0px;
font-size: 11px;
text-align: left;
font-weight: bold;
}

p.pagenav a{
color:  #1c5c9a;
text-decoration:none;
border: 1px solid #9AAFE5;
background-color:#FFFFFF;    
padding: 0.2em 0.5em;
margin-right: 0.1em;
}

p.pagenav a:hover{    
color: #1c5c9a;
border-color: #6398CD;
background: #ecf2f8;  
padding: 0.2em 0.5em;
margin-right: 0.1em;
}

p.pagenav strong{
border: 1px solid #2E6AB1;
font-weight: bold;
background: #30659E;
color: #fff;  
padding: 0.2em 0.5em;
margin-right: 0.1em;
}

p.pagenav a.notActive{     
border: 1px solid #ddd;
color: #999;   
padding: 0.2em 0.5em;
margin-right: 0.1em;
}




/********************
          BBCODE
**********************/
h1.bbcode {
font-weight:bold;
font-size:10pt;
color:#005D99;
display: block;
padding: 0px;
margin: 0px;
letter-spacing: 0.05em;
background-position: top left;
background-repeat:no-repeat;
}

ul.bbcode {
padding: 0px;
margin: 0px; 
margin-left: 25px;
}
li.bbcode {
padding: 0px;
margin: 0px;
}

.memoBar  { text-align: left; 
            background-color: buttonface; }
.memoText { text-align: left;
            border-left: buttonface 1px solid;
            border-right: buttonface 1px solid;
            border-bottom: buttonface 1px solid;
            overflow-y: auto; }
.memoOut  { background-color: buttonface; 
            border: 1px solid buttonface; }
.memoOver { background-color: '#ffffff';
            border: 1px solid buttonshadow; }
.memoOut1  { background-color: buttonface; }
.memoOut1  { background-color: buttonface; }