body {
  background: #FBFBED url(http://www.geneatique.com/uploads/G2010/body.png) repeat-x scroll left top; 
  margin: 1em auto;
  }

#page {
	padding: 0 10px;
	margin: 0 auto; 
	width: 948px; 
	height: auto;
	background-color: white;
	border-left: 1px solid #CFCFCF;
	border-right: 1px solid #CFCFCF;
}
#blocgauche {
	float:left;
	width:180px;
	background-color: #CEE2C8;
}
#blocmilieu {
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px; 
PADDING-BOTTOM: 1px; 
MARGIN: 0px 220px; 
PADDING-TOP: 1px
}
#blocdroite {
	float:right;
	width:180px;
}
.normal {font-family: Arial, Helvetica, sans-serif; font-size: 12px}
p {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000}

.rubrique {  font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #993333; text-align: center}
.attention {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FF3300; background-color: #FFFFFF; text-align: center; height: 15px; width: 200px; float: none}
.gros {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #5B5140}
.dab {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; text-indent: 10pt}
h1 {  font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bolder; color: black; text-align: center; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0.5em; padding-right: 0px; padding-bottom: 0px; padding-left: 0px}
.imag {  margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: 0px}
.padding {  padding-top: 5px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px}
.inlist {  margin-top: 2px; margin-right: 2px; margin-bottom: 2px; margin-left: 2px}
.slink a {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #5B5140; text-decoration: none; font-style: normal}
.slink a:hover {  color: #FF3300; clip:  rect(   ); font-family: Arial, Helvetica, sans-serif}
.xlink a {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #30207D; text-decoration: none; font-style: normal}
.xlink a:hover {  color: #FF0000; text-decoration: none; font-family: Arial, Helvetica, sans-serif}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a:hover {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FF0000; text-decoration: none
}
.tableaugris {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	background-color: #666666;
}
.tableaublanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	background-color: #fff;
}

.blancgras {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	list-style-position: outside;
	list-style-type: square;
	margin: 0;
	}

.tableauvert {
	background-color: #008046;
	margin: 1.3em 0.5em 0;
	}

.tableauvertclair {
	width: 184px;
	vertical-align: top;
	}
	
.tableauorange {
	background-color: #FCEFC7;
    border:1px solid #E6B009;
	}
	
.boite_orangebord {
	MARGIN: 0px;
	BACKGROUND-COLOR: #FCEFC7;
	border: 1px solid #E6B009;
	padding: 1px;
}

.boite_blanchebordorange {
	margin: 0 0 1.5em;
	BACKGROUND-COLOR: #fff;
	border: 1px solid #E6B009;
	padding: 0.5em;
	}

.boite_orange {
	MARGIN: 0px;
	BACKGROUND-COLOR: #E6B009;
	padding: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-indent:5px ;
}
.boite_orange a, .boite_orange h2 {
	MARGIN: 0px;
	BACKGROUND-COLOR: #E6B009;
	padding: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
    text-decoration: none;
	text-indent:5px ;
}
.boite_verte {
	MARGIN: 0px;
	BACKGROUND-COLOR: #174C27;
	padding: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-indent:5px ;
}
.boite_blanchebordvert {
	margin: 0 0 1.5em;
	BACKGROUND-COLOR: #fff;
	border: 1px solid #174C27;
	padding: 0.5em;
	}
.boite_grise {
	MARGIN: 0px;
	BACKGROUND-COLOR: #666666;
	padding: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;

}
.boite_griseforum {
	margin-right: 10px;
    margin-left: 10px;
	BACKGROUND-COLOR: #666666;
	padding: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
}
.boite_griseforum h3 {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
}
.boite_grisebordblanc {
	margin: 0px;
	background-color: #fff;
	border: 1px solid #666666;
	padding: 3px 1px;
}
.boite_grisebordblancforum {
	margin-right: 10px;
    margin-left: 10px;
	background-color: #fff;
	border: 1px solid #666666;
	padding: 1px;
	}

#links ul {
        list-style-type: none;
        width: 92%;
	margin: 0 0 0 1em;
	padding-left: 0.5em;
} 

#links li {
        border-top: 1px dotted #999;
        border-width: 1px 0;
        margin: 1px 0;
}

#links li h3{ 
    margin: 0;
	color: #000066;
    display: inline;
    font: bold 12px Arial, Helvetica, sans-serif;
    padding: 3px;
    text-decoration: none;
	}

#links li a { 
    color: #000066;
    display: block;
    font: bold 12px Arial, Helvetica, sans-serif;
    padding: 3px;
    text-decoration: none;
	}

* html #links li a {  /* make hover effect work in IE */
	width: 90%;
	}

#links li a:hover {
	background: #FCEFC7;
	}

#links a em { 
    color: #333;
    display: block;
    font: normal 12px Arial, Helvetica, sans-serif;
    line-height: 125%; 
	}
.left {
	float: left;
 display: inline;
	}

#gauche {
    float: right;
 display: inline;
	}
.imagedroite img {
	margin-right: 1em;
	}
#menugauche ul {
	margin: 0 0 0 1em;
	padding-left: 0.5em;
	list-style-image: url('gifs/redot.gif');
	}
#menugauche li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5B5140;
	text-decoration: none;
	list-style-image: url('gifs/redot.gif');
}
#menugauche li:hover{
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #5B5140;
	text-decoration: none;
	list-style-image: url('gifs/redot.gif');
}
#menugauche li {
	margin-left: 0em;
	padding-left: 0.1em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px
	}
div.onglet-genea div#minibanniere {
  width: 92px;
  height: 71px;
  background: url(http://www.geneatique.com/uploads/G2010/minibanniere-guide.png) no-repeat 0 0;
  float: right;
  margin-right: 0.5em;
  position: relative;
  top: 1px;
  }

div#footer {
  width: 970px;
  margin: 0 auto;
  text-align: center;	
  background: url(http://www.geneatique.com/uploads/G2010/footer.png) no-repeat scroll left top;
  height: 63px;
  color: white;
}
div#footer p {
  color: white;
  margin: 0;
  padding: 1em 10.5em 1.5em 1.5em;
  font-size: 10px;
  line-height: 1.5em;
  font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
}
div#footer a {
  color: white;
  font-weight: normal;
  font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
  font-size: 10px;
}
div#footer a:hover {
  text-decoration: none;
}