* { margin:0; padding:0; list-style-type:none; border:0;  }

/* hack hauteur IE */

* html #main {
	height: 450px;

}
/*^^^^^^^^^^^^^^^^^*/

/* liens */ 

a, a:visited, a:active { text-decoration:none; color:#FAC34C; font-weight:bold; }
a:hover { text-decoration:underline; }

/*^^^^^^^^^^^^^^^^^*/

body { color:#E8D7BC; height:100%; font-family:Arial, Helvetica, sans-serif; font-size:11px; background: url(images/bg.gif) center top repeat-x #000;}

#box {   }

#cadre { position:relative; width:800px; border-left:1px solid #504C43; border-right:1px solid #504C43; margin:15px auto;  }

#cadre_main {  padding-bottom:10px; background:url(images/chien.gif) bottom left no-repeat #322F2B;  }

/*^^^^^^^^^^^^^^^^^*/

#header {  }

/* MENU */

#menu { width:180px; float:left;   }

#menu ul { }

#menu li { display: block; color: #E8D7BC; width: 100%; text-transform:uppercase;  text-indent:10px; }

#menu li a { display:block; padding: 5px 0; text-decoration: none; width: 100%; text-transform:uppercase;  text-indent:10px;   }

#menu li li a { display: block;  padding: 3px 0; text-decoration: none; width: 100%; text-indent:30px; text-transform:none; }

html>body #menu li a { width: auto; }
html>body #menu li li  a { width: auto; }

#menu li a:hover { color: #FAC34C; background: url(images/bg-menu.gif) left center no-repeat;  }

/* MAIN */ 

#main { min-height:450px; width:620px; float:right; }

	#main p { line-height:1.4em; margin:5px 0 10px 0; }
	
	#main h3 { font-size:1.3em; font-weight:bold; text-transform: uppercase; color:#F60208; margin:10px 0; }
	#main li { background:url(images/li.png) center left no-repeat; padding-left:15px; margin:5px 0 5px 15px; }
		
.bouton input { cursor:pointer; border:outset 1px #ccc; background:#999; font-weight:bold; padding: 1px 2px; background:url(images/formbg.gif) repeat-x left top; }	

#breadcrumb { margin-bottom:10px;  }
	#main h2 { font-size:1.6em; color:#FAC34C; font-weight:lighter; text-transform: capitalize; letter-spacing:0.1em;  }

/*^^^^^^^^^^^^^^^^^*/

/* images et styles particuliers */

.pic { background:url(images/block-bottom.gif) bottom center repeat-y; width:252px; float:right; margin:0 5px 5px 5px; padding:0 0 17px 0; }
	.top_pic { border-top:1px solid #95856C; }
	.pic img { display:block; margin:auto auto; }
	
.thumbpic { float:right;  margin:0 8px 5px 8px;  height:100px; }
.thumbpic img { padding:2px; border:1px solid #E8D7BC;}

.thumbpic_liens { float:right; margin:0 8px 5px 8px; border:1px solid #E8D7BC; }

					
#diaporama { margin:10px auto; width:600px; }
#diaporama .thumb { display:block; margin:0 auto; text-align:center; }
#diaporama img { border:1px solid #E8D7BC; }
.img_big { display:block; margin:5px auto; text-align:center; }

.retour { float:right; }
					
/* footer */

#footer {  }
		
#copyright { text-align:center; font-size:0.9em; margin:0 auto; color:#fff;  }
	#copyright a { color:#fff; }

/*^^^^^^^^^^^^^^^^^*/
	
/* hack clear float */ 	
	
.clr { clear: both; }