/*RESET*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, big, font, img, small, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse; border-spacing:0;}
/*RESET*/

.cleaner{clear:both;}

html{
	/*background:url(../img/bghtml.jpg);*/
	background:url(../img/bg500x400.jpg);
}

body{
	margin:0px;
	padding:0px;
	/*background:url(../img/bgbody.jpg) repeat-x;*/
	color:#a1a1a1;
	font-family:arial;
	font-size:12px;
	height:100%;
	width:100%;
	padding-bottom:20px;
}

#topLine{
	width:100%;
	position:absolute;
	top:0;
	left:0;
	height:26px;
	background:url(../img/bgbody.jpg);
}

#page{
	/*background:url(../img/bgpage.jpg) no-repeat;*/
	position:absolute;
	left:50%;
	width:900px;
	margin-left:-450px;
	height:100%;
}

#pageContent{
	margin-top:20px;
	position:relative;
}

.indexCenter{
	text-align:center;
	width:500px;
	height:400px;
	position:absolute;
	left:50%;
	margin-left:-250px;
	margin-top:150px;
}

.indexCenter a{
	background-image:url(../img/logoEnter.jpg);
	display:block;
	width:500px;
	height:400px;
	border:none;
}

.indexCenter a:hover{
	color:#FFFFFF;
}

#header{
	width:900px;
}

#logo{
	background-image:url(../img/logo.jpg);
	margin-left:240px;
	margin-bottom:30px;
	width:420px;
	height:40px;
	position:relative;
}

/*logo lumiere*/
#logo{
	background-image:url(../img/logo2.jpg);
	width:616px;
	height:80px;
	position:relative;
	margin-left:140px;
}

#menu {
	height:41px;
}

#menu #menu1, 
#menu #menu2{
	text-align:center;
	line-height:20px;
	height:20px;
}

#menu1{
	border-bottom:1px solid #444444;
}

/*
#menu div a.menuLink{
	color:#FFFFFF;
	text-decoration:none;
	display:inline;
	padding:0px 15px;
	height:20px;
	font-weight:bold;
}

#menu div a:hover,
#menu div a.over{
	color:#721d18;
}
*/
/* MENU IMAGE */

#menu1 a.menuLink{
	background-image:url(../img/menu1.jpg);
	height:20px;
	display:inline-block;
}

#menu1 a#photos{background-position:0px 0px; width:66px;}
#menu1 a#photos.over, #menu1 a#photos:hover{background-position:0px -20px; width:66px;}
#menu1 a#links{background-position:-66px 0px; width:53px;}
#menu1 a#links.over, #menu1 a#links:hover{background-position:-66px -20px; width:53px;}
#menu1 a#clients{background-position:-119px 0px; width:67px;}
#menu1 a#clients.over, #menu1 a#clients:hover{background-position:-119px -20px; width:67px;}
#menu1 a#contact{background-position:-187px 0px; width:77px;}
#menu1 a#contact.over, #menu1 a#contact:hover{background-position:-187px -20px; width:77px;}


#menu2 a.menuLink{
	background-image:url(../img/menu2.jpg);
	height:20px;
	width:60px;
	display:inline-block;
}

#menu2 a#portrait{background-position:0px 0px; width:82px;}
#menu2 a#portrait.over, #menu2 a#portrait:hover{background-position:0px -20px;}
#menu2 a#fashion{background-position:-82px 0px; width:76px;}
#menu2 a#fashion.over, #menu2 a#fashion:hover{background-position:-82px -20px;}
#menu2 a#hotels{background-position:-158px 0px; width:67px;}
#menu2 a#hotels.over, #menu2 a#hotels:hover{background-position:-158px -20px;}
#menu2 a#events{background-position:-225px 0px; width:67px;}
#menu2 a#events.over, #menu2 a#events:hover{background-position:-225px -20px;}
#menu2 a#stilllife{background-position:-292px 0px; width:72px;}
#menu2 a#stilllife.over, #menu2 a#stilllife:hover{background-position:-292px -20px;}
#menu2 a#sequence{background-position:-364px 0px; width:96px;}
#menu2 a#sequence.over, #menu2 a#sequence:hover{background-position:-364px -20px;}
#menu2 a#bands{background-position:-460px 0px; width:67px;}
#menu2 a#bands.over, #menu2 a#bands:hover{background-position:-460px -20px;}
#menu2 a#concerts{background-position:-527px 0px; width:89px;}
#menu2 a#concerts.over, #menu2 a#concerts:hover{background-position:-527px -20px;}


div.sideText{
	background-image:url(../img/borderImage.jpg);
	width:30px;
	height:180px;
	position:absolute;
}

div.portraits{background-position:0px 0px;}
div.fashion{background-position:-30px 0px;}
div.hotels{background-position:-60px 0px;}
div.events{background-position:-90px 0px;}
div.stilllife{background-position:-120px 0px;}
div.sequence{background-position:-150px 0px;}
div.bands{background-position:-180px 0px;}
div.concerts{background-position:-210px 0px;}

/*pageHome*/
.homeContent .center{
	float:left;
	width:800px;
	height:490px;
}

.homeContent .left,
.homeContent .right{
	position:absolute;
	height:64px;
	top:200px;
	width:25px;
	background-image:url(../img/arrows3.jpg);
	background-position:0px 0px;
	cursor:pointer;
	left:25px;
	visibility:hidden;
}

.homeContent .right{
	background-position:-25px 0px;
	left:850px;
}

#ssGal{
	position:absolute;
	left:27px;
	top:0px;
	width:24px;
}

#ssGal a{
	background-image:url(../img/chiffres.jpg);
	clear:both;
	color:transparent;
	float:left;
	height:24px;
	text-decoration:none;
	width:24px;
}

#ssGal a.over, #ssGal a:hover{
	color:transparent;
}

#ssGal a#sg1.over, #ssGal a#sg1:hover{background-position:-24px 0px;}
#ssGal a#sg2{background-position:0px -24px;}
#ssGal a#sg2.over, #ssGal a#sg2:hover{background-position:-24px -24px;}
#ssGal a#sg3{background-position:0px -48px;}
#ssGal a#sg3.over, #ssGal a#sg3:hover{background-position:-24px -48px;}
#ssGal a#sg4{background-position:0px -72px;}
#ssGal a#sg4.over, #ssGal a#sg4:hover{background-position:-24px -72px;}
#ssGal a#sg5{background-position:0px -96px;}
#ssGal a#sg5.over, #ssGal a#sg5:hover{background-position:-24px -96px;}
#ssGal a#sg6{background-position:0px -120px;}
#ssGal a#sg6.over, #ssGal a#sg6:hover{background-position:-24px -120px;}
#ssGal a#sg7{background-position:0px -144px;}
#ssGal a#sg7.over, #ssGal a#sg7:hover{background-position:-24px -144px;}
#ssGal a#sg8{background-position:0px -168px;}
#ssGal a#sg8.over, #ssGal a#sg8:hover{background-position:-24px -168px;}
#ssGal a#sg9{background-position:0px -192px;}
#ssGal a#sg9.over, #ssGal a#sg9:hover{background-position:-24px -192px;}


#infoGal{
	text-align:center;
	padding-top:15px;
	padding-bottom:40px;
}

#imageManager{
	position:absolute;
	top:0px;
	left:75px;
	width:750px;
	height:490px;
}

#pageContent.contact {
	text-align:center;
	line-height:40px;
}

#pageContent.clients {
	line-height:40px;
}

#pageContent.links a{
	display:block;
	clear:both;
	color:#A0A0A0;
	text-decoration:none;
	text-align: center;
	line-height:20px;
}

#pageContent.links a:hover{
	color:#551010;
}