/* GALERIE 11 - v2 131005 */

body {
	width: 100%;
	height: 100%;
	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 {/*iframe wrapper*/
	background: #000;
	position: absolute;
	left: 70px;
	top: 9px;/*20*/
	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;
	}

/* ====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: #666;
	} */

/* ====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 : "Créations Line Vautrin" */

#grde_image #pave1 {
	position: absolute;
	left: 0px;
	top: 70px;/*60*/
	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 utilisateur */

#grde_image #pave3 {
	position: absolute;
	left: 320px;/*340*/
	top: 280px;/*284*/
	width: 180px;/*160*/
	height: 180px;/*160*/
	background: #aaa;
	z-index: 250;
	}

#grde_image #titrage3 {/*fra-relative-*/
	position: absolute;
	left: 340px;/*350*/
	top: 390px;/*384*/
	width: 150px;
	z-index: 450;/*
	background:green;*/
	}
#grde_image #titrage3 h3.fra {
	/*color: red;*/
	}
#grde_image #titrage3 h3.eng {
	padding: 4px 0 0 2px;
	/*color: yellow;*/
	}

#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;/*520px*/
	max-height: 60px !important;
}
#legendes {
	width: 500px;/**/
	font: normal 10px/1.1em Verdana;
	color: #fff;
	
	padding-top:7px !important;
	padding-bottom:0;
	margin:0;
}
/*
#lgndfr {
	}
*/

	
	

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

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

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

#puwdetail {/*wrap
	width: 500px;
	height: 550px;
	background: #000;*/
	}
	
#puwdetail {/**/
    position:absolute;
    left: 50%;
    top: 50%;
    margin-left: -250px;
    margin-top: -279px;
    width: 500px;
    height: 558px;
    text-align: left;
    background: #000;/**/
    z-index: 100;	
	border: 1px solid #fff;
    }

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

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

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

#puwdetail #legendes, #puwdetail #legendes2 {
	float: left;
	background: #000;
	border-top: 1px solid #fff;
	}
#puwdetail #legendes {/* 1 ligne */
	text-align: center;
	height: 24px;
	}
#puwdetail #legendes2 {/* 2 lignes */
	height: 34px;
	}
#puwdetail #lgndfr {
	margin: 5px 10px 0 10px;
	}

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

#puwdetail #lien {
	float: left;
	width: 500px;
	height: 26px;
	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;}

/*
=====================
==== PUM légende ====
=====================
*/

#pum_avert3 {	
	visibility: hidden;
	position: absolute;
	top: 10px;
	left: 640px;
	background: #f60;/*f60*/
	}
#pum_avert3 .pumcont {
	width: 180px;
	font: normal 11px verdana;
	color: #fff;
	text-align: left;
	vertical-align: top;
	margin: 10px;
	}