body {
	background-color: #ddd;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	font-size:12pt;
	text-align:center;
}
a:link {text-decoration: none}     /* unvisited link */
a:visited {text-decoration: none}  /* visited link */
a:hover {text-decoration: underline}   /* mouse over link */
a:active {text-decoration: none}   /* selected link */




#container {
	width:1003px;
	margin:0 auto 0 auto;
	background-color:#fff;
	text-align:left;
}

#arbreasc {
	width:4500px;
	margin:0 auto 0 auto;
	background-color:#fff;
}
.clearBoth {
	clear:both;
	font-size:0.01em;
	visibility:hidden;
}
.smallText {
	font-size:smaller;
}
/*Zone banni�re top*/
#banniere_top {
	padding:0px;
}
#banniere_top .logoNewsletter {
	width:250px;
	margin-top:0px;
	text-align:center;
}
#banniere_top .leader {
	width:728px;
	float:right;
}
#banniere_top img {
	border:0;
}
/*Ent�te*/
#entete {
}
/*Zone menu top*/
#menu_top {
	height:30px;
	background-color:#fff;
	font-size:0.9em;
	color:#000;
	padding-top:0px;
	margin-top:0px;
	border-bottom: 1px solid #888;
}
#menu_top ul {
	width:630px;
	float:left;
	margin:10px 15px 0px 0pt;
	padding:0;
	list-style-type:none;
	border-right:1px solid #000;
}
#menu_top ul li {
	display:inline;
	border-left:1px solid #000;
	padding-left:15px;
	margin-left:15px;
}
#menu_top a {
	color:#000;
	font-weight:bold;
}
#menu_top a:link, #menu_top a:active, #menu_top a:visited {
	text-decoration:none;
}
#menu_top a:hover {
	text-decoration:underline;
}


/*Menu gauche*/
#menu_gauche {
	width:153px;
	float:left;
	margin:10px 5px 0 3px;
	font-size:0.65em;
	clear:left;
	padding:20px 0 15px 0;
	
	background: url(http://www.familledupontdelisle.com/famille/images/menu-gauche.png) 
         top left no-repeat; 
	border-left: 1px solid #888;
	border-right: 1px solid #888;
	border-top: 1px solid #888;
	border-bottom: 1px solid #888;
	
}
#menu_gauche ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#menu_gauche ul li  {/*Les sections principales du menu*/
	padding-left:5px;
	padding-right:5px;
	font-weight:bold;
	line-height:1.5em;
	color:#000;
	background-color:#eee url(../images/puce_blanche.gif) no-repeat 5px 4px;
	
}
#menu_gauche ul li a
{
	color:#000;
	border-top: 1px solid #888;
	
}
#menu_gauche ul li a:link, #menu_gauche ul li a:active, #menu_gauche ul li a:visited
{
	text-decoration:none;
}
#menu_gauche ul li a:hover
{
	text-decoration:underline;	
}
#menu_gauche ul li ul {
	padding:0 0 15px 0;
	margin:0 0 0 -20px;
	background-color:#eee;
}
#menu_gauche ul li ul li  {/*Les section secondaires du menu*/
	font-size:0.85em;
	padding-left:2px 0 2px 20px;
	margin-left:10px;
	color:#000000;
	background-color:#eee url(../images/puce_noire.gif) no-repeat 5px 4px;
}
#menu_gauche ul li ul li a
{
	color:#000000;
}
#menu_gauche ul li ul li a:link, #menu_gauche ul li ul li a:active, #menu_gauche ul li ul li a:visited
{
	text-decoration:none;
}
#menu_gauche ul li ul li a:hover
{
	text-decoration:underline;
} 
/*menu droit*/
#menu_droit {
	width:164px;
	float:left;
}
/*zone contenu*/
#main {
	width:835px;
	float:left;
	margin-top:10px;
	overflow:hidden;
	
}
#colonne_gauche
{
	width:560px;
	margin-right:5px;
	float:left;
	margin-left: 20px;
	
}
#colonne_droite
{
	width:210px;
	float:left;
	margin-left: 20px;
	zoom:1;/*hack anti-peekaboo*/
	
	
}
.titreBrique, .titreAcajou, .titreCafe
{
	margin:0px;
	text-align:center;
	0.85em;
	padding:2px;
	height:18px;
}

.titreBrique
{
	background-color:#333;
	color:#ffffff;
	
}
.titreAcajou
{
	background-color:#444;
	color:#ffffff;
}
.titreCafe
{
	background-color:#555;
	color:#ffffff;
}
.textBlock
{
	padding:10px;
	font-size:0.75em;
	background-color:#eee;
	zoom:1;/*hack anti-peekaboo*/
	margin-bottom:3px;
	border-top: 1px solid #888;
	border-bottom: 1px solid #888;
	border-left: 1px solid #888;
	border-right: 1px solid #888;
}
.textBlock p
{
	text-align:left;
}
img.thumbnails
{
	float:left;
	margin:0 5px 5px 0;
	border:1px solid #000000;
}
.textBlock a, table#listeItems td a
{
	color:#86240b;
	font-weight:bold;		
}
/*Liste d'items*/
table#listeItems
{
	width:100%;
	margin-top:0;
	border:1px solid #ffffff;	
	border-collapse:collapse;
}
table#listeItems td
{
	width:50%;
	padding:10px;
	font-size:0.75em;
	background-color:#ffffff;
	border-left:2px solid #d6ccb3;
	border-bottom:2px solid #d6ccb3;
	border-right:2px solid #d6ccb3;			
}
/*fiche item*/
img.imgFiche
{
	float:left;
	margin:0 5px 5px 0;
	border:1px solid #000000;
}

.galerieFiche
{
	text-align:center;
}
.galerieFiche img
{
	margin:5px;
	border:1px solid #000000;
	vertical-align:middle;	
}

.bloc_droit
{
	
	padding:10px;
	font-size:0.75em;
	background-color:#ffffff;
	zoom:1;/*hack anti-peekaboo*/
	margin-bottom:3px;
}

.bloc_droit ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
.bloc_droit ul li  {/*Les sections principales du bloc_droit*/
	padding-left:20px;
	font-weight:bold;
	line-height:1.2em;
	color:#000000;
	background:#ffffff url(../images/puce_cafe.gif) no-repeat 5px 4px;
	
}
.bloc_droit ul li a
{
	color:#000000;
}
.bloc_droit ul li a:link, .bloc_droit ul li a:active, .bloc_droit ul li a:visited
{
	text-decoration:none;
}
.bloc_droit ul li a:hover
{
	text-decoration:underline;	
}
.bloc_droit ul li ul {
	padding:0 0 15px 0;
	margin:0 0 0 -20px;
	background-color:#ffffff;
}
.bloc_droit_plus li   {/*Les section secondaires du bloc_droit*/
	font-size:0.65em;
	padding-left:2px 0 2px 20px;
	margin-left:10px;
	color:#000000;
	background:#ffffff url(../images/puce_noire.gif) no-repeat 5px 4px;
}
.bloc_droit ul li ul li a
{
	color:#000000;
}
.bloc_droit ul li ul li a:link, .bloc_droit ul li ul li a:active, .bloc_droit ul li ul li a:visited
{
	text-decoration:none;
}
.bloc_droit ul li ul li a:hover
{
	text-decoration:underline;
} 
#arbre {
text-align:left;
font-size:10px;
margin-left:2em;
margin-right:1px;
margin-top:0.5em;
padding-left:0.5em;
border-left:1px dashed black;
background-color:#F7F7F7;
}

ul.liste, .liste li, .liste a {padding:1px ; margin:0px} /*met � 0 les marges internes et externes de la liste et des liens */
ul.liste2, .liste2 li, .liste2 a {padding:1px ; margin-left:4px} /*met � 0 les marges internes et externes de la liste et des liens */

.arbre ul {
    list-style: none;
}
.arbre li{
    list-style-image:url(../img_pack/arbre.png)
}

#siecle {
     font-size:28px;
     color:white;
     background-color:#DEDEDE;
     border:1px solid #C0C0C0;
}

.logo-full {
     float:none;
}