/* GALERIE 23 - v2 131005 */

body {
	margin: 0;
	padding: 0;
	background: #666;
	}

/*
=============== 
==== INDEX ====
===============
*/

iframe, #picframe, .picframe {
	background: #000;
}
#galerie {
/**/	position:absolute;
	left: 50%;
	top: 50%;
	margin-left: -425px;
	margin-top: -300px;
	width: 850px;
	height: 600px;
	text-align: left;
	background: #000;
	z-index: 100;
}

/* ====GRDE IMAGE==== */

#cadrimag1 {
	background: #000;
	position: absolute;
	left: 70px;
	top: 20px;
	width: 560px;
	height:575px;
}
#cadrimag2 {/*iframe*/
	width: 100%;
	height: 100%;
	background: #000;
}

/* ====LIST MENU==== */

#liste {
	position: absolute;
	left: 637px;
	top: 80px;
	}
select {
	width: 142px;
	color: #333;
	background: #ddd;
}

/* ====IMAGETTES==== */

#cadrvign1 {
	position: absolute;
	left: 637px;
	top: 160px;
	width: 142px;
	height: 306px;
	background: #000;
	z-index: 10;	
}
#cadrvign2 {
	width: 100%;
	height: 100%;
	background: #000;
}

/* ====SIGNATURE==== */

#filet1 {
	position: absolute;
	top: 530px;
	left: 70px;
	width: 500px;
	height: 5px;
	border-top: 1px solid #fff;
}
#signat {
	position: absolute;
	top: 507px;
	left: 636px;
	width: 200px;
}

/*
===================
==== VIGNETTES ====
===================
*/

/* ====SCROLLBAR(IE)==== */

body.vignettes {
	scrollbar-base-color: #666; 
	scrollbar-track-color: #ccc;
	scrollbar-face-color: #666;
	scrollbar-3dlight-color: #ccc;
	scrollbar-highlight-color: #ccc;
	scrollbar-shadow-color: #ccc;
	scrollbar-darkshadow-color: #ccc;
	scrollbar-arrow-color: #fff;
} 

/* ====IMAGETTES==== */

.vignettes #vignets {
	width: 123px;
	margin: 0 0 0 0;
}
.vignettes .vignet1 {
	float: left;
	margin: 1px 0 0px 1px;
}
.vignettes .vignet2 {
	float: left;
	margin: 1px 0 1px 1px;
}

/*
======================
==== PAGES (pag1) ====
======================
*/

#bgblack {
	background: #000;
}

/* ====TITRAGE==== */

/* Titre 1 : Line Vautrin */

#grde_image #pave1 {
	position: absolute;
	left: 0px;
	top: 60px;
	width: 160px;
	height: 160px;
	background: #888;
	z-index: 200;
	}
#grde_image h1 {
	font: bold 26px TimesNR, Georgia;
	margin: 0px;	
	}
#grde_image #titr1a {
	float: left;
	position: absolute;
	left: 10px;
	top: 100px;
	width: 150px;
	text-align: right;
	color: #333;
	z-index: 250;	
	}
#grde_image #titr1b {
	float: left;
	position: absolute;
	left: 165px;
	top: 100px;
	width: 250px;
	text-align: left;
	color: #ddd;
	z-index: 250;	
	}

/* Titre 2 : nom galerie */

#grde_image #pave2 {
	position: absolute;
	left: 60px;
	top: 150px;
	width: 380px;
	height: 230px;
	background: #666;
	z-index: 300;
	}
#grde_image #titrage2 {
	position: absolute;
	left: 115px;
	top: 190px;
	width: 320px;
	z-index: 350;
	}
#grde_image h2 {
	font: bold italic 28px verdana;
	color: #cca654;
	margin: 0px;	
	}
#grde_image #titr2a {
	color: #cca654;	
	}

/* Titre 3 : note */

#grde_image #pave3 {
	position: absolute;
	left: 340px;
	top: 284px;
	width: 160px;
	height: 160px;
	background: #aaa;
	z-index: 200;
	}
#grde_image #titrage3 {
	position: absolute;
	left: 355px;
	top: 398px;
	width: 200px;
	z-index: 450;
}
#grde_image h3 {
	font: normal 9px verdana;
	color: #333;
	margin: 0px;	
	}

/* ====IMAGE==== */

#grde_image {
	width: 560px;
	height: 590px;
	background: #000;
}
#image {
	width: 560px;
	height: 500px;
	background: #000;
}

/* ====LEGENDES==== */

#xpndlgnd1, #xpndlgnd2, #xpndlgnd3 {
	position: absolute;
	left: 0;
	top: 520px;
}
#legendes {
	width: 500px;
	height: 90px;
	font: normal 10px/1.1em Verdana;
	color: #fff;
}

/* ====DETAIL==== */

#detail {
/*	cursor: pointer;*/
	position: absolute;
	left: 420px;
	top: 490px;
	width: 80px;
	height: 12px;
	font: normal 10px Verdana;
	color: #fff;
	text-align: right;
	margin: 0;
}
#detail2 {
/*	cursor: pointer;*/
	position: absolute;
	left: 410px;
	top: 485px;
	width: 80px;
	height: 12px;
	font: normal 10px Verdana;
	color: #000;
	text-align: right;
	margin: 0;
}
#detail a {
	cursor: pointer;
}
#detail a:link, #detail a:visited {
	color:#fff;
	text-decoration: none;
}
#detail a:hover {
	color:#fff;
	font-weight: bold;
	text-decoration: underline;
}

/*
====================
==== PUW (pag2) ====
====================
*/

#puwdetail {
	width: 500px;
	height: 550px;
	background: #000;
}

/* ====IMAGE==== */

#puwdetail #image {
	width: 500px;
	height: 500px;	
}

/* ====LEGENDE==== */

#puwdetail #legendes {
	float: left;
	height: 25px;
	background: #000;
	border-top: 1px solid #fff;
}
#puwdetail #lgndfr {
	margin: 5px 10px 0 10px;
}

/* ====LIEN CLOSE()==== */

#puwdetail #lien {
	float: left;
	width: 500px;
	height: 30px;
	text-align: center;
	vertical-align: middle;
	background: #ccc;
}
#puwdetail #lien .text {
	font: normal 11px Verdana;
	color: #fff;
	margin-top: 5px;
}

a {cursor: pointer;}
a:link, a:visited, a:active {text-decoration: none;} 
a:link, a:visited {color:#00f;}
a:hover, a:active {color:#00f;text-decoration: underline;}