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;
} #derriere:hover{cursor: crosshair;}
#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_index_b{
	position:absolute;
	background-color:#12368C;
	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_index_v{
	position:absolute;
	background-color:#13961B;
	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;
}
#big_v{
	position:absolute;
	background-color:#138C19;
	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:20;
		font-size: 12px;
		font-family : Trebuchet, Verdana, Geneva, Arial, sans-serif;
		color:#fff;
		text-decoration: none;
		text-align:left;
	}
			a:hover p{visibility: visible; z-index:20;}

	#list_img{

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

		#img_type{

		padding-left:10px;
		margin:20px auto 30px auto;
		max-width:500px;
		text-align:left;
	}

.miniature{
}
	.miniature img{
	margin:7px;
	width:100px; height:100px;
		border:1px solid #fff;
		z-index:8;
	}
		.miniature img:hover{
			margin:-3px; position :relative;
			width:120px; height:120px;
			border:1px solid #fff;
			-moz-box-shadow:0px 0px 7px #fff;
			box-shadow:0px 0px 7px #fff;
			-webkit-box-shadow:0px 0px 7px #fff;
		}
	.miniature span{
		position:absolute;
		color:#fff;
		margin:107px 0 0 -115px
	}
	.miniature2{
		margin:3px;
		width:40px; height:40px;
		border:1px solid #fff;
		z-index:8;
	}
		.miniature2:hover {
			margin:-2px; position :relative;
			width:50px; height:50px;
			border:1px solid #fff;
			-moz-box-shadow:0px 0px 4px #fff;
			box-shadow:0px 0px 4px #fff;
			-webkit-box-shadow:0px 0px 4px #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; position:fixed; overflow:auto; z-index:8; text-align:center; height:100%; width:100%; line-height:100%;}
		#lightbox:target{display:block; z-index:8;}
			#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;
				height: auto;
				width: auto;
				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, h2{
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 h2{
font-size: 28px;
}
#liste_dossier li:hover a:before{}

.del{display:inline; width:5px; margin:0; padding:0; float:right;}
.del:after{content:"X";}
.del:hover{border: 2px solid #961313; margin:0; padding:0; }

#mini_chat input[type="text"]{border: 2px solid #fff; widht:auto; height:20px; background-color: rgba(255, 255, 255, 0.2); color:#fff;}
#mini_chat textarea{border: 2px solid #fff; width:100%; height:150px; background-color: rgba(255, 255, 255, 0.2); color:#fff;}


#cv{
	background-color:#444444;
	width:760px;
	min-height:1000px;
	margin:80px 70px 15px -155px;
	padding:10px 15px 25px 25px;
	border:5px solid #fff;
	border-bottom:3px dashed #fff;
	font-size:0.85em;
	font-weight: bold;
	font-family : Trebuchet, Verdana, Geneva, Arial, sans-serif;
	color: #fff;
	text-decoration:none;
	z-index:2;
}
	#cv div h1{
		margin:18px 0 4px -8px;
		padding:0;
		font-size:0.9em;
		font-weight:bold;
		text-decoration:none;
		font-family:Trebuchet, Verdana, Geneva, Arial, sans-serif;
		border-bottom:1px solid #A61212
	}
		#cv div:hover h1{border-bottom:1px solid #12368C}
		h1:hover{border-bottom:1px solid #12368C}
	#cv #entete{
		margin: -3px 0 70px -15px;
		padding: 0;
		font-size:0.9em;
		font-weight: bold;
		font-family : Trebuchet, Verdana, Geneva, Arial, sans-serif;
	}
	#cv #photo_id{
		float: right;
		width:99px; height:137px;
		margin: 5px 5px 5px 5px;
		padding:0;
		border: 2px solid #fff;
		background:#333 url(./design/me_cv_01.jpg) no-repeat left top;
	}
		#cv #photo_id_hidden{display:none;}
		#cv:hover #photo_id{background-image:url(./design/me_cv_02.jpg)}
		#cv:hover #photo_id:hover{border-color:#A61212;}
		#cv:hover #photo_id:active{border-color:#12368C;}
	#cv ul{margin:0 0 50px 15px; padding:0;}
	#cv li{text-indent:-3px; margin:5px 0; padding:0; list-style-image: url('./design/cv_liste.png');}
	#cv li:hover{list-style-image: url('./design/cv_liste_h.png');}
	#cv li:active{list-style-image: url('./design/cv_liste_c.png');}

	#cv .logiciel{
		width:220px;
		float:left;
		margin:0 0px 40px 30px;
		padding:0;
	}
	#cv .logiciel li{padding:0 0 0 10px; text-indent:-13px;}
	#cv .logiciel li:first-line{
		font-size:1.1em;
	}
	#cv a{color:#D9D9D9;}
	#cv a:hover{color:#961313;}
	
	#experience{margin-left:140px;}
	#formation{}
	#langues{margin-left:100px;}
	#logiciels{}
	#loisirs{clear:both; margin-left:350px;}

	#imprim{float:right; margin:60px 150px 0 0;}
	#imprim a{color:#fff; font-size:11px; font-weight:bold;}