body {
	width:100%;
	height:100%;
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	font-family: Verdana;
	background: url('design/trame.gif');
}

html {
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
}

#menufantome {
	position: absolute;
	margin:0;
	width:120px;
	height: 280px;
	bottom:0px;		
	background-color: #4C3029;

	/*background: transparent url('design/ghost.png') repeat-y 7% 77%;*/
	z-index:-9;
}

#contenu {		
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0 0 0 0;
	width: 962px;
	height:auto;		
}

#contenu2 {		
	margin-bottom: 0;
	padding: 0 0 0 0;
	width: 962px;
	height:auto;
	background: transparent url('design/ghost.png');
	background-position: center;
	background-repeat: repeat-y;
	background-attachment: scroll;
	z-index:100;
				
}

.spacer{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 962px;
	height: 65px;
	z-index:1;
}

#logo {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 962px;		
	z-index:1;
}

#logo #pic {
	position:absolute;
	top:0px;
	left: -33px;
	padding:35px 0 0 0px;

}

#header{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 15px;
	padding:0;
	width: 962px;
	height: 143px;
	background-color: #4C3029;
}

#mentions {
	position:absolute;
	margin:0;
	padding:0;
	right:0px;
	bottom:0px;	
	z-index:2;
}

#header #mentions p {
	color:#fff;
	font-family: "Courier New", Courier, mono;			
	font-size:12px;
	margin:0 8px 5px 0;
	padding:0px;
}
#header #mentions a {
	color:#fff;
	text-decoration: underline;
}
#header #mentions a:hover {
	color:#FF8400;
	text-decoration: none;
}


#menu {
	position:relative;
	float:left;
	width:145px;
	height:auto;
	background-color: #FFF;
	padding:20px;
	margin:0;
	text-transform: uppercase;
	font-family: "Courier New", Courier, mono;
	color:#4C3029;			
	font-size:14px;
	font-weight:500;
	z-index:100;			
}


#themes, #contributeurs, #liens, #lanewsletter {
	position:relative;
	clear:both;
	float: left;
	margin: 0 0 30px 0;
	padding: 0px;
	list-style-type: none;
	color:#4C3029;

}

#themes a,  #contributeurs a, #liens a{
	color:#FF8400;
	text-decoration:none;
}
#themes a:hover,  #contributeurs a:hover, #liens a:hover {
	color:#4C3029;
	text-decoration:underline;
}

#presentation {
	position:relative;
	float:right;
	margin: 0px 0 0 0;
	padding: 0px;
	width:762px;
	height:auto;
	background-color: #FFF;	
}

#presentation p {
	margin:0;
	padding: 15px;
}

#lesblocs{
	position:relative;
	clear:right;
	
	display:none;
	margin:0;
	padding:0;
}

.bloc {
	position:relative;
	float:right;
	width:732px;
	height:auto;
	margin: 12px 0 0px 0;
	padding: 15px;
	background-color: #FFF;	
		
}

.bloc2 {
	position: absolute;
	top:0px;
	right:0px;
	width:660px;
    height:100%;
	margin: 0 0 0 0;
	padding: 0px 50px 0 50px;
	
	background: transparent url('design/fondbio.png');
	display : none;
	z-index:2000;		  
}
		

.bloc p {
	font-size: 12px;
	margin:0 0 0 0;
	padding: 0px 0 0 0;	
}
.bloc p a, .bloc2 p a {
	color:#000;
	text-decoration:underline;	
}

.bloc p a:hover, .bloc2 p a:hover {
	color:#000;
	text-decoration:none;	
}

.parfum {
	position:absolute;
	padding:0;
	margin:0;
	bottom: -1px;
	color:#000;
	font-size: 15px;
}

.parfum a {
	color:#000;
	text-decoration:underline;	
}

.parfum a:hover {
	color:#000;
	text-decoration:none;	
}

#footer {
	position:relative;
	clear:both;
	margin: 0 0 0 0;
	width: 962px;
	z-index:1;
}

#footer p{
	font-family: "Courier New", Courier, mono;			
	font-size:12px;
	color:#4C3029;
	background-color: #fff;
	margin: 0 0 0 0;
	padding:8px;
	text-align:center;
}

#footer p a{
	color:#4C3029;
	text-decoration:underline;
}

#footer2 {
	position:relative;
	clear:both;
	margin 0 0 0 0;
	width: 962px;
	height:0;	
	background: transparent url('design/ghost.png');
	background-position: center;
	background-repeat: repeat-y;
	background-attachment: scroll;
}

.chapeau {
	position:relative;
	float:left;
	width:100%;
    display:block;		
	padding: 0px 0 0 0px;
	margin: 0 0 10px 0;			
	font-family: Verdana;
	font-weight: normal;
}

.infos {
	position:relative;
	float:left;
	width:100%;
	display:block;
	padding:0 0 0px 0px;
	margin: 0 0 25px 0;
	font-family: Verdana;
	font-weight: normal;
}

.bio {
	position:absolute;
	padding:0;
	margin:0;
	bottom: 3px;		
	font-size:14px;
	color:#FF8400;		
}

.bio a {
	color:#FF8400;
	text-decoration:underline;	
}

.bio a:hover {
	text-decoration:none;	
}

.metier{
	position:absolute;
	padding:0;
	margin:0;
	bottom: 5px;		
	font-size:16px;
	color:#000;
}

.ladate{
    float:left;
	padding:0;
	margin:0;	
	font-size:12px;
	color:#000;
}


h1 {
	float:left;
	font-family: Verdana;
	font-weight: normal;		
	font-size:25px;		
	padding:0;
	margin:0px;
	width:auto;
	color:#FF8400;
}

h2 {
	clear:both;
	float:left;
	margin: 0 0 8px 0;
	padding: 0 0 0 0;
	font-size:14px;
	font-weight:500;
}

#blocpagination {
	position:relative;
        float:right;
	width:962px;
	height:auto;
	margin: 0px;
	padding: 15px 0 0 0;
	background: transparent url('design/ghost.png');
	background-position: center;
	background-repeat: repeat-y;
	background-attachment: scroll;
	text-align:center;

	z-index:10;
}

.pagination {
position:relative;
float:right;
width:762px;
height:auto
margin: 2px 0 0 0;
padding: 10px 0 10px 0;
background-color: #FFF;
font-family: "Courier New", Courier, mono;
font-size: 11px;	
text-align:center;
z-index:100;		
}

#nav1, #nav2, #nav3 {

font-family: "Courier New", Courier, mono;
padding:0;
margin: 5px 0 0px 0;	
}

.pagination a, #nav1 a, #nav2 a, #nav3 a{
background:#fff;		
color:#4C3029;
margin:2px;
padding:.2em .4em;
text-decoration:underline;
}

.pagination a:hover, #nav1 a:hover, #nav2 a:hover, #nav3 a:hover {
background:#fff;	
color:#FF8400;
text-decoration:none;
}

.pagination span.inactive, #nav1 a, #nav2 a, #nav3 a{
background:#fff;	
color:#ffffff;
margin:2px;
padding:.2em .4em
}

.pagination span.active, #nav1 a.activeSlide, #nav2 a.activeSlide, #nav3 a.activeSlide{
background:#fff;
color:#FF8400;
font-weight:700;
margin:2px;
padding:.2em .4em;
text-decoration:none;
}

#ma_liste-menu{
     margin:0 0px 15px 15px; 
     padding:0;
}
object {
	clear:right;
	padding:0;
	margin: 20px 0 0 0;
}

#menu object {
	clear:left;
	padding:0;
	margin: 0;
}