/*
		Fichier : style.css
		Description : Feuille de style CSS du site J.Himpens
		Projet: Site Jacques HIMPENS <http://jhimpen.ajsinfo.net>
		Auteur : Sébastien WARIN <http://sebeuh.ajsinfo.net> pour AJSInfo
		Date de modification : 31/10/06
		Version : 1.2f
		(c) 2006 AJS Informatique <http://www.ajsinfo.net>
	*/

body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0;
	padding:0;
	background-image:url('../../images/bg_main.gif');
	background-position:top center; 
}
img {
	border:0;
}

.text1 {
	color:#D8D7CA;
	background-color:#5D5C4A;
	padding-left:5px;
	font-size:11px;
}
.text2 {
	color:#D8D7CA;
	background-color:#5D5C4A;
	padding:10px 0 0 10px;
}
.text3 {
	color:#D8D7CA;
	font-size:9px;
	padding-left:5px;
}
.text4 {
	color:#DAC46B;
	font-size:9px;
	padding-left:5px;
}
.link1 {
	text-align:right;
	padding:0 10px 0 0;
}
.link1 a {
	color:#DAC46B;
	background-color:#5D5C4A;
	font-size:10px;
}
.link2 a {
	color:#DAC46B;
	background-color:#5D5C4A;
}
.link3 a {
	color:#DAC46B;
	font-size:9px;
}
.linkImg {
	border:0;
	cursor:pointer;
}
.cadreImg {
	border-style: solid;
	border-color: #E0DBC7;
	border-width: 1px;
}
.imgView {
	border-style: solid;
	border-color: #E0DBC7;
	border-width: 1px;
	cursor:pointer;
}
.imgMiniature {
	border-style: solid;
	border-color: #E0DBC7;
	border-width: 1px;
	margin: 2px;
	cursor:pointer;
}
.agSelect {
	height:13px;
	background-color:#8D8B72;
	color:#D8D7CA;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:9px;
	border-top-color:#E0DBC7;
	border-right-color:#E0DBC7;
	border-bottom-color:#E0DBC7;
	border-left-color:#E0DBC7;
	border-top-style:solid;
	border-right-style:solid;
	border-bottom-style:solid;
	border-left-style:solid;
	border-top-width:1px;
	border-right-width:1px;
	border-bottom-width:1px;
	border-left-width:1px;
	margin-top:1px;
	margin-right:1px;
	margin-bottom:1px;
	margin-left:1px;
}

#contour {
	position:absolute;
	left:50%; top:50%;
	margin-top: -237px;	margin-left: -363px;
	height:474px; width:726px;
	background-image:url('../../images/contour.gif');
	background-repeat:no-repeat;
	padding:30px 30px 30px 30px;
}
#accessGallerie {
	position:absolute;
	left:60%; top:4px;
}
#copyrights {
	position: absolute;
	left:55%; top:474px;
}
#partLeft {
	position:relative;
	float:left;
	height:414px; width:336px;
}
#cadreLeft {
	background-image:url('../../images/cadreL.gif');
	position:relative;
	float:left;
	height:414px; width:321px;
}
#cadreSeparator {
	background-image:url('../../images/line.gif');
	position:relative;
	float:left;
	height:414px; width:14px;
}
#cadreRight {
	background-image:url('../../images/cadreR.gif');
	position:relative;
	float:left;
	height:414px; width:330px;
}

#logo {
	position:relative;
	height:56px; width:311px;
	background-image:url('../../images/logo.gif');
	background-repeat:no-repeat;
	margin:5px 5px 0 5px;
}
#menu {
	position:relative;
	height:39px; width:321px;
}
#page {
	position:relative;
	height:307px; width:311px;
	margin:0 5px 5px 5px;
	background: #5D5C4A;
	/* background-image:url('../../images/bg_page.gif'); */
}
#page_scroll {
	position:relative;
	height:265px; width:305px;
	padding:2px;
	overflow: hidden; z-index: 3; 
}
#page_mini_scroll, #page_mini_scroll2 {
	position:relative;
	height:100px; width:305px;
	padding:2px;
	overflow: hidden; z-index: 3; 
}
.page_content {
	position:absolute;
	width:285px;
	z-index: 1;
	overflow: hidden;
}
#page_scroller, #page_scroller2 {
	z-index: 2; 
	position: relative;
	float: right;
	height: 5px;
}
#scrollerPage {
	position:relative;
	top:80px;
}
#scrollerPageMini, #scrollerPageMini2 {
	position:relative;
	top:20px;
}

#viewImage {
	position:relative;
	height:331px; width:321px;
	margin:3px 4px 0 4px;
	background-image:url('../../images/cadreImg.gif');
	background-repeat:no-repeat;
}
#pellicule {
	position:relative;
	height:75px; width:321px;
	margin:2px 4px 4px 4px;
	background-image:url('../../images/cadreDiapo.gif');
	background-repeat:no-repeat;
}
#pellicule_scroll {
	position:relative;
	height:65px; width:310px;
	top: 5px; left: 5px;
	overflow: hidden; z-index: 3; 
}

#viewImage_content {
	position:relative;
	height:315px; width:305px;
	left:7px; top: 7px;
	background: #61604E;
}
#pellicule_content {
	position:absolute;
	height:65px;
	left: 13px;
	z-index: 1;
	white-space: nowrap;
	overflow: hidden;
	background: #61604E;
}

#pellicule_btLeft {
	z-index: 2; 
	position: relative;
	float: left;
	height: 65px;
}
#pellicule_btRight {
	z-index: 2; 
	position: relative;
	float: right;
	height: 65px;
}

#viewerContent 
{
	position:relative;
	width:535px; height: 325px;
}
#viewerImage {
	position:relative; float:left;
	width:305px; height: 315px;
	margin: 0px 0px 0px 7px;
	border: dashed 1px #E0DBC7;
}
#viewerInformation {
	position:relative; float:left;
	width:200px; height: 315px;
	margin: 0px 0px 0px 8px;
	border: dotted 1px #E0DBC7;
}
#imgFull {
	cursor:pointer;
}
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}
.modalPopup {
	background-color:#5D5C4A;
	border-width:1px;
	border-style:solid;
	border-color:#DAC46B;
	padding:3px;
}