body {
	background:white url(./design/fond.jpg) no-repeat left top;
	background-attachment:fixed;
}

#derriere{
	position:absolute;
	background-color:#272727;
	margin:70px 0px 0px 110px;
	width:230px;
	height:145px;
	border:1px solid #fff;
	z-index:1;
}
#devant{
	position:absolute;
	background-color:#444444;
	margin:40px 0px 0px 250px;
	padding:0;
	width:175px;
	height:110px;
	border:1px solid #fff;
	z-index:3;
}#devant:hover{background-image:url("./design/diap.gif")}
#big_index{
	position:absolute;
	background-color:#961313;
	width:300px;
	height:170px;
	margin:120px 0px 0px 200px;
	padding:0px 15px 25px 0px;
	border:1px solid #fff;
	text-decoration:none;
	z-index:2;
}

#big{
	position:absolute;
	background-color:#961313;
	min-width:625px;
	min-height:480px;
	margin:120px 0px 0px 200px;
	padding:10px 15px 25px 235px;
	border:1px solid #fff;
	text-decoration:none;
	z-index:2;
}

	#texte_big{
		position:absolute;
		background: #272727;
		margin:130px 0px 0px -195px;
		padding:40px 12px 13px 12px;
		width:170px;
		min-height:145px;
		font-family : Trebuchet, Verdana, Geneva, Arial, sans-serif;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
		color:#fff;
		z-index:4;
	}
		#texte_big a{ color:#fff; } #texte a:hover{ color:#444; }
		#texte_big a:hover{ color:#961313; } #texte a:hover{ color:#444; }


	#texte{
		position:absolute;
		background-color:#272727;
		margin:130px 0px 0px -173px;
		padding:40px 12px 13px 12px;
		width:114px;
		min-height:145px;
		font-family : Trebuchet, Verdana, Geneva, Arial, sans-serif;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
		color:#fff;
		z-index:4;
	}

	#titre{
		position:absolute;
		background-color:#444444;
		margin-left:-161px;
		width:98px;
		height:30px;
		margin-top:123px;
		padding:0px 20px 0px 20px;
		font-size: 12px;
		font-family : Trebuchet, Verdana, Geneva, Arial, sans-serif;
		font-weight: bold;
		text-decoration: none;
		color:#fff;
		z-index:5;
	}
	#cadre{
		position:absolute;
		margin:110px 0px 0px -184px;
		width:138px;
		height:30px;
		border:1px solid #fff;
		z-index:6;
	}
	#av_ap{
		position:absolute;
		margin:91px 0px 0px -184px;
		padding:0px 0px 0px 4px;
		width:138px;
		height:12px;
		z-index:7;
	}
		a#av_link{
			padding: 0px 0px 0px 7px;
			font-size: 10px;
			font-family : Trebuchet, Verdana, Geneva, Arial, sans-serif;
			color:#272727;
			font-weight: bold;
			text-decoration: none;
		}
			a#av_link:hover{
				background: url(./design/fond-av_ap.jpg) no-repeat 0% 65%;
			}
		a#ap_link{
			padding: 0px 7px 0px 0px;
			font-size: 10px;
			font-family : Trebuchet, Verdana, Geneva, Arial, sans-serif;
			color:#272727;
			font-weight: bold;
			text-decoration: none;
		}
			a#ap_link:hover{
				background: url(./design/fond-av_ap.jpg) no-repeat 100% 65%;
			}

		a#av_link_lb, a#ap_link_lb{
			padding:2px;
			position:fixed;
			font-size: 17px;
			font-family : Trebuchet, Verdana, Geneva, Arial, sans-serif;
			color:#fff;
			font-weight: bold;
			text-decoration: none;
			border-bottom:3px solid #fff;
			z-index:11;
		}
			a#av_link_lb:hover, a#ap_link_lb:hover{
				background-color:#fff;
				color:#333333;
			}
		a#av_link_lb{top:0px; left:0px; border-right:3px solid #fff;}
		a#ap_link_lb{top:0px; right:0px; border-left:3px solid #fff;}

	p.desc {
		visibility: hidden; 
		position:fixed;
		width:175px;
		min-height:110px;
		margin-left:-283px;
		top:36px;
		border-color:#fff;
		border-style:solid;
		background-color:#444444;
		border-width:1px;
		z-index:9;
		font-size: 12px;
		font-family : Trebuchet, Verdana, Geneva, Arial, sans-serif;
		color:#fff;
		text-decoration: none;
		text-align:left;
	}
			a:hover p{visibility: visible; }

	#list_img{

		padding-left:60px;
		margin:50px auto 10px auto;
		max-width:500px;
		border-left:2px solid #fff;
		text-align:left;
	}

	img.miniature {
		margin:5px;
		border:1px solid #fff;
		z-index:8;
	}
		img.miniature:hover {
			margin:5px;
			border:1px solid #fff;
			-moz-box-shadow:0px 0px 7px #fff;
		}

		img#image_me {
			position:relative;
			margin-top:50px;
			margin-right:auto;
			margin-left:auto;
			z-index:8;
			text-align:center;
		}
		img#image {
			position:relative;
			border:3px solid #fff;
			margin-top:50px;
			margin-right:auto;
			margin-left:auto;
			max-height:400px;
			max-width:600px;
			z-index:6;
		}
		#div_img{text-align:center; position:relative;}
		a#zoom {text-align:center;}
			a#zoom span{display:none;}
			a#zoom:hover span{
			display:inline;
			position:absolute;
			left:50%;
			top:50px;
			padding:0px 3px 0px 3px;
			margin:0 0 0 -24px;
			border:3px solid #fff;
			font-size: 17px;
			font-family : Trebuchet, Verdana, Geneva, Arial, sans-serif;
			color:#fff;
			font-weight: bold;
			text-decoration: none;
			text-shadow: #000 0px 0px 5px;
			z-index:7;
			}

		#lightbox{display:none; text-align:center; height:100%; line-height:100%;}
		#lightbox:target{display:block;}
			#filter{
				position: fixed;
				top: 0%;
				left: 0%;
				width: 100%;
				height: 100%;
				background-color: #000;
				z-index:9;
				opacity:0.8;
				filter: alpha(opacity=80);
				text-align:center;
			}
			#box{
				position: relative;
				max-width: 200%;
				max-height: 200%;
				padding: 0;
				display:inline;
				vertical-align:middle;
				margin-left:auto;
				margin-right:auto;
				border: 20px solid #fff;
				background-color: white;
				z-index:11;
			}

#menu{
	position:absolute;
	margin:99px 0px 0px 600px;
	height:20px;
	text-align: center;
	word-spacing: 12px;
}
	a.menu_link{
		font-size: 15px;
		font-family : Arial, Trebuchet, Verdana, Geneva, sans-serif;
		letter-spacing: 6px;
		font-weight: normal;
		text-decoration: none;
		color: #000;
	}
		a.menu_link:hover{
			font-weight: bold;
		}

	.login{ width:170px; }

	#copyright{
		position:fixed;
		bottom:6px;
		margin-left:0px;
		height:16px;
		padding:0px 20px 0px 20px;
		font-size: 11px;
		font-family : Arial, Trebuchet, Verdana, Geneva, sans-serif;
		font-weight: normal;
		text-decoration: none;
		text-shadow: #808080 0px 0px 5px;
		color:#333333;
	}

a{text-decoration:none;}


###### LISTE bazar ######

#liste_dossier{
position:absolute;
margin:20px 0 0 0;
padding:10px;
width:600px;
height:400px;
border:2px solid #000;
}
#liste_dossier ul{
margin:0;
padding:0;
border-left:5px solid #444444;
border-top:2px solid #fff;
}
#liste_dossier li{
list-style-type:none;
padding:2px 0 2px 20px;
color:#fff;
border-left:2px solid #fff;
border-bottom:2px solid #fff;
border-right:2px solid #fff;
}
#liste_dossier li a{
display:block;
width:auto;
margin:0;
padding:0 10px;
font-size: 18px;
font-family : Arial, Trebuchet, Verdana, Geneva, sans-serif;
font-weight: bold;
text-decoration: none;
color:#fff;
}
#liste_dossier li:hover{
cursor:pointer;
list-style-type:circle;
background-color:#fff;

}
#liste_dossier li:hover a{
text-decoration: none;
color:#961313;
}
#liste_dossier h1{
margin:0;
padding:5px;
background-color:rgba(255, 255, 255, 0.2);
border:2px solid #f1f1f1;
border-top:none;
font-size: 23px;
font-family : Arial, Trebuchet, Verdana, Geneva, sans-serif;
font-weight: bold;
text-decoration: none;
color:#fff;
}
#liste_dossier li:hover a:before{}