body {
background-color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9pt;		
letter-spacing: 0.02em;     
text-align: center; /* pour corriger le bug de centrage IE */
color:#FFFFFF;
}

#conteneur {
width: 775px;
margin-left: auto;
margin-right: auto;
background-image:url('im/back.gif');
text-align: left;
}

#header {
width:775px;
height:121px;
background-image:url('im/header.gif');
}

#contenu {
float:right;
width:535px;
padding-top: 20px;
padding-right: 30px;
padding-bottom: 20px;
}

#menugauche {
float:left;
width: 160px;
padding-top: 20px;
padding-left: 20px;
padding-bottom: 20px;
clear:both;
}

#copyright{
width:520px;
height:0px;
background-image:url('im/footer.gif');
font-weight:bold;
color:#b2b2b2;
clear:both;
padding-top:135px;
padding-left: 255px;
font-size:7pt;
}

a.copyright {
font-size:7pt;
font-weight:bold;
color:#7dff00; 
}

a.copyright:hover {
font-size:7pt;
color:#dd820d; 
text-decoration: none;
} 

a {
   font-weight:bold; 
	text-decoration: none;
	color:#7dff00;
}
a:hover {
   font-weight:bold; 
	color:#ffffff;
	text-decoration: none;
}

strong { font-size: 8pt; color:  #7dff00;}
strong.attention { font-size: 8pt; color: #FF0000;}
p {
line-height:1.2;
text-align:justify;
padding-left:25px;
}
address{
padding-left:25px;
}

h1 { 
font-weight:bold; 
font-size:11pt;
color:#FFFFb2; 
display: block;
letter-spacing: 0.05em;
margin-top: 0px;
padding-top:5px;
padding-left:25px;
padding-bottom:0px;
}

h1.verte
{
background: transparent url('im/fleur-vertepti.gif');
background-repeat: no-repeat;
background-position: 0 50%;	
}

h1.jaune
{
background: transparent url('im/fleur-jaunepti.gif');
background-repeat: no-repeat;
background-position: 0 50%;	
}

h1.orange
{
background: transparent url('im/fleur-orangepti.gif');
background-repeat: no-repeat;
background-position: 0 50%;	
}

h1.mauve
{
background: transparent url('im/fleur-mauvepti.gif');
background-repeat: no-repeat;
background-position: 0 50%;	
}

h1.rouge
{
background: transparent url('im/fleur-rougepti.gif');
background-repeat: no-repeat;
background-position: 0 50%;	
}

 
INPUT { 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px;
	color: #b2b2b2;
	padding: 2px;
	margin: 1px;
	border: 2px solid #212226;
	background-color:#404143;
}

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


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


/*******************
     MENU BAS
*******************/
a.menuContact {
position:absolute;
float:left;
background-image:url('im/contactblanc.gif');
height:34px;
width:34px;
margin-left:425px;
margin-top:-100px;
}
a.menuContact:hover {
position:absolute;
float:left;
background-image:url('im/contactgris.gif');
height:34px;
width:34px;
margin-left:425px;
margin-top:-100px;
}

a.menuPlan {
position:absolute;
float:left;
background-image:url('im/planblanc.gif');
height:34px;
width:34px;
margin-left:365px;
margin-top:-100px;
}
a.menuPlan:hover {
position:absolute;
float:left;
background-image:url('im/plangris.gif');
height:34px;
width:34px;
margin-left:365px;
margin-top:-100px;
}

a.menuHome {
position:absolute;
float:left;
background-image:url('im/homeblanc.gif');
height:34px;
width:34px;
margin-left:235px;
margin-top:-100px;
}

a.menuHome:hover {
position:absolute;
float:left;
background-image:url('im/homegris.gif');
height:34px;
width:34px;
margin-left:235px;
margin-top:-100px;
}

/*******************
     ACTUALITE
*******************/
.news h3
{
   text-align:left;
	background: #000000;
	border: 1px solid #b2b2b2;
	border-width: 1px 0;
	border-right-width: 1px;
	border-left-width: 1px;
   color:#7dff00;
   font-size:10pt;
   font-weight:bold;
   margin:0px;
   padding-top:1px;
   padding-bottom:1px;
   padding-left:5px;
}
.news
{
   width:90%;
   float: center;
   background-color:#212226;
	border: 1px solid #b2b2b2;
	margin-top:-3px;
   margin-bottom:15px;
   margin-left:25px;
   padding-left:0px;
  	text-align:justify;
	border: 1px solid #b2b2b2;
	border-width: 1px 0;
	border-right-width: 1px;
	border-left-width: 1px;
}
.news p{
padding-left:5px;
line-height:100%;
line-height:100%;
}

strong.actu
{
font-size: 8pt;
color: #b2b2b2;
font-weight:bold;
}

/*******************
     GUESTBOOK
*******************/
.guestbook h3
{
   text-align:left;
	background: #000000;
	border-top: 1px solid #CDCDCD;
   color:#7dff00;
   font-size:10pt;
   font-weight:bold;
   margin:0px;
   padding-top:1px;
   padding-bottom:1px;
   padding-left:5px;
}
.guestbook em
{
   text-align:left;
   background:#000000;
   color:#7dff00;
   font-size:8pt;
   font-weight:bold;
   margin:0px;
   padding-top:1px;
   padding-bottom:1px;
}
.guestbook
{
   width:90%;
   float: center;
   background-color:#212226;
	border: 1px solid #CDCDCD;
   margin-bottom:5px;
   margin-left:25px;
   padding:0px;
  	text-align:justify;
}

.guestbook p {
	padding:5px;
}

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

/*******************
     MENU GAUCHE
*******************/
#menugauche h2 {
	color: #FFFFb2;
	font-size: 1.2em;
	letter-spacing: 0.05em;
	font-weight: normal;
	border-width: 1px 0;
	border-right-width: 1px;
	padding: 8px 8px;
	margin: 0 0 10px 0;
}

#menugauche a {
font-size:11pt;
font-weight:bold;
color:#FFFFb2;
text-decoration: none;
}

#menugauche a:hover {
font-size:13pt;
color:#ffffff; 
font-weight:bold;
text-decoration: none;
}

#menugauche ul {
margin-left:5px;
margin-bottom:0px;
margin-right:0px;
margin-top: 7px;
padding: 0;
list-style: none;
}

#menugauche ul li {
margin-bottom:20px; 
font-weight: bold; 
height:50px;
}

#menugauche ul li.verte {
background: url('im/fleur-verte.gif');
background-repeat: no-repeat;
background-position: top left;
}

#menugauche ul li.jaune {
background: url('im/fleur-jaune.gif');
background-repeat: no-repeat;
background-position: top left
}
#menugauche ul li.mauve {
background: url('im/fleur-mauve.gif');
background-repeat: no-repeat;
background-position: top left; 
}
#menugauche ul li.orange {
background: url('im/fleur-orange.gif');
background-repeat: no-repeat;
background-position: top left; 
}
#menugauche ul li.rouge {
background: url('im/fleur-rouge.gif');
background-repeat: no-repeat;
background-position: top left;  
}
#menugauche ul li a {
padding-left: 55px; /* Largeur de l'icone et espacement */
}

/*********************
LIENS MENU HAUT
**********************/
#menuhaut ul {
width:705;
list-style: none;  
padding: 0px;
margin:0px;
margin-left: 30px;  
}
#menuhaut ul li {
margin: 2px 0 10px 0; 
padding: 0;
font-weight: bold;
line-height: 24px; /* Hauteur de l'icone */
background-position: 0 50%;
float: left;
}
#menuhaut ul li a {
padding-left: 30px; /* Largeur de l'icone et espacement */
}

#menuhaut a {
font-size:10pt;
font-weight:bold;
color:#dd820d;
text-decoration: none;
}

#menuhaut a:hover {
font-size:10pt;
color:#ff00a2; 
font-weight:bold;
text-decoration: none;
}

/********************
          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; }