@charset "utf-8";
/* CSS Document */
body { /* The width + padding or border must be igual as #header and #footer */
	background:url(../img/bg_black.png) repeat-y center scroll #000;
	font-family:Tahoma, "Lucida sans unicode", Geneva, Arial, Helvetica, sans-serif;
	width:936px;
	position: absolute;
	left: 50%;
	margin-left: -468px; /* must be the half of the whole width */
	margin-top:0px;
	margin: 0x; /* end of align */
	font-size:10pt;
}
/* General construction (30.11.2007) */
/* Dynamic header comes from class=$categorid */
	#header /* The width + padding or border must be igual as #footer and body */
	{
		width:900px;
		float:left;
		height:70px;
		text-align:center;
		vertical-align:middle;
		border:5px solid #666;
		border-bottom:none;
		margin-top:1px;
	}
	.category7 {
		background-image:url(../img/header_upsilon_home_black.gif);
		background-repeat:no-repeat;
	}
	.category2
	{
		background-image:url(../img/header_upsilon_femmes_black.gif);
		background-repeat:no-repeat;
	}
	.category4
	{
		background-image:url(../img/header_upsilon_voyages_black.gif);
		background-repeat:no-repeat;
	}
	.category5
	{
		background-image:url(../img/header_upsilon_potpourri_black.gif);
		background-repeat:no-repeat;
	}
	.category6
	{
		background-image:url(../img/header_upsilon_expovente_black.gif);
		background-repeat:no-repeat;
	}
	.category3
	{
		background-image:url(../img/header_upsilon_mandats_black.gif);
		background-repeat:no-repeat;
	}
	.category10
	{
		background-image:url(../img/header_upsilon_artistes_black.gif);
		background-repeat:no-repeat;
	}
	.category1
	{
		background-image:url(../img/header_upsilon_reportages_black.gif);
		background-repeat:no-repeat;
	}
	.category8
	{
		background-image:url(../img/header_upsilon_coursphoto_black.gif);
		background-repeat:no-repeat;
	}
	.category9
	{
		background-image:url(../img/header_upsilon_contact_black.gif);
		background-repeat:no-repeat;
	}
	.category12
	{
		background-image:url(../img/header_upsilon_excursions_black.gif);
		background-repeat:no-repeat;
	}
	.category13
	{
		background-image:url(../img/header_upsilon_photocontest_black.gif);
		background-repeat:no-repeat;
	}
	#logo /* watch out vspace and hspace of img logo + size of image */
	{
		width:195px;
		float:left;
		height:70px;
		text-align:center;
		vertical-align:middle;
	}
	#maintitle /* Watch out the margins of h1 */
	{
		width:700px;
		float:left;
		height:53px;
		text-align:center;
		vertical-align:middle;
		color:#FFF;
	}
	#searchfield {
		text-align:right;
	}
	#searchfield input {
		background-color:#FFF;
		border:1px solid #ee3223;
		color:#333;
	}
#contentboth /* Check sum of #contentright */
{
	width:940px;
	float:left;
	margin:0px;
	padding:0px;
}
	#menuset { /* Check out width and padding of #contentboth */
		width:188px;
		float:left;
		margin:0px;
		padding:0px;
	}
	#menuset a {
		text-decoration:none;
		cursor:pointer;
		color:#FFF;
	}
		#menuitem {
			float:left;
			width:168px;
			height:20px;
			padding:10px 10px 10px 10px;
			font-weight:bold;
			border-bottom:1px solid #000;
			font-size:10pt;
			cursor:pointer;
		}
		#menuitem:hover {
			cursor:pointer;
			background-color:#999;
		}
		.itemact {
			background-color:#ee3223;
			cursor:pointer;
		}
		.item5act {
			background:URL(/img/potpourri_act.png) no-repeat top right #ee3223;
			cursor:pointer;
		}
		.itemact:hover {
			background-color:#ee3223;
			cursor:default;
		}
		.item5act:hover {
			background:URL(/img/potpourri_act.png) no-repeat top right #ee3223;
			cursor:default;
		}
		.iteminact {
			background-color:#666;
			cursor:pointer;
		}
		.item5inact {
			cursor:pointer;
			background:URL(/img/potpourri.png) no-repeat top right #666;
		}
		#menupromobox /* Google Ads and KILAMU */
		{
			float:left;
			width:188px;
			margin:10px 0px 0px 0px;
			vertical-align:middle;
			border:0px;
			color:#FFF;
		}
		#menupromobox .boxtitlered, #menupromobox .boxtitlegrey {
			width:182px; /* Because of IE 6 */
		}
		#menupromocontent
		{
			padding:4px;
			width:178px;
			color:#666;
			border:1px #ee3223 solid;
		}
		#menucontent
		{
			padding:0px 1px;
			width:184px;
			color:#666;
			border:1px #666 solid;
		}
		#menupromocontent ul a, #menupromobox ul a {
			color:#ee3223;	
			text-decoration:underline;
		}
		#menupromocontent ul, #menupromobox ul {
			color:#FFF;	
		}
		#menulanguages
		{
			float:left;
			width:184px;
			padding:5px 2px 5px 2px;
			color:#999;
			text-align:center;
		}
			#menulanguages a:link, #menulanguages a:visited
			{
				color:#666;
				text-decoration:none;
			}
			#menulanguages a:active, #menulanguages a:hover
			{
				color:#ee3223;
				text-decoration:underline;
			}
		#menusponsor /* ILFORD */
		{
			font-size:11px;
			color:#666;
			float:left;
			width:185px;
			padding:0px;
			margin:15px 0px;
			text-align:center;
			letter-spacing:1px;
			word-spacing:1px;
		}
	#contentright /* Check also width and padding of #menuset */
	{
		float:left;
		width:730px;
		border:0px;
		margin:0px;
		padding:0px;
	}
		#toolbar {
			background-color:#666;
			width:723px;
		}
			#toolbarleft {
				width:588px;
				padding-left:19px;
				padding-bottom:2px;
				float:left;
				background-color:inherit;
			}
			#toolbarright {
				width:96px;
				padding-right:19px;
				padding-bottom:2px;
				float:left;
				background-color:inherit;
			}
		#toolbar a {
			color:#FFF;
			text-decoration:none;
		}
		#toolbar a:hover {
			color:#FFF;
			text-decoration:underline;
		}
		#toolbar strong {
			font-weight:bold;
			color:#000;
		}
		#contentinside { /* Check #contentright and watch out THIS padding also */
			width:690px;
			background-color:#000;
			padding:10px 0px 0px 20px;
			margin:0px;
			color:#999;
			float:left;
		}
#footer {
	float:left;
	width:720px;
	text-align:center;
	color:#666;
	padding:5px 0px 5px 200px;
	font-size:11px;
	word-spacing:2px;
	letter-spacing:1px;
}
#footer a {
	color:#666;
	text-decoration:none;
}
/* General tags and settigns */
h1 {
	font-size:15pt;
	margin:12px 0px 0px 0px;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	color:#FFF;
}
h2 {
	font-family:"Times New Roman", Times, serif;
	color:#FFF;
	font-size:13px;
	font-weight:normal;
	height:16px;
	margin:0px;
	float:left;
}
h3 {
	color:#ee3223;
	margin:0px 0px 10px 0px;
	vertical-align:middle;
	font-weight:bold;
	font-size:12px;
}
.sitemapcat h2 {
	background-color:#ee3223;
	color:#FFF;
	font-size:15px;
	margin:0px 0px 3px 0px;
	padding:2px;
	top:0px;
	left:0px;
	width:auto;
	border-bottom:1px solid #CCC;
	font-weight:bold;
	float:none;
}
.sitemapcat h1 {
	width:99%;
	font-size:13px;
	font-weight:normal;
	margin:0px 0px 1px 0px;
	padding-left:5px;
	padding-right:5px;
}
.sitemapcat h2 a {
	color:#FFF;
	text-decoration:none;
}
.sitemapcat {
	width:100%;
	border:1px solid #CCC;
	margin:0px 6px 12px 0px;
}
.sitemapcat a {
	color:#999;
	text-decoration:underline;
	font-weight:bold;
}
.sitemapcat p {
	margin-left:10px;
}
.sitemapcat a:hover {
	text-decoration:underline;
}
strong {
	color:#FFF;
	font-weight:bold;
}
em {
	color:#666;
	letter-spacing:1px;
	word-spacing:2px;
}

/* FORMS AND ELEMETS */
label {
	float:left;
	width:98%;
	font-weight:bold;
	margin-top:2px;
}
	.tablelineeven {
		border-bottom:1px solid #CCC;
		padding:2px;
		width:99%;
	}
	.tablelineodd {
		background-color:#111;
		border-bottom:1px solid #ccc;
		padding:2px;
		width:99%;
	}
		.tablelabel {
			font-weight:bold;
			text-align:left;
			width:99%;
			color:#FFF;
		}
		.tablevalue {
			text-align:left;
		}
input, textarea {
	color:#000;
	margin:0px 5px 5px 3px;
	background-color:#999;
	border:none;
}
	.emptyinput {
		border:1px solid #ee3223;
		background-color:#CCC;
	}
	.button {
		float:left;
		width:98%;
		text-align:right;
	}
	.button input {
		color:#000;
		width:auto;
	}
	.largefield {
		width:96%;
	}
/* This comes into .boxtitlegrey and .boxtitlered */
div.commandintitle {
	color:#FFF;
	float:right;
}
div.commandintitle a:link, div.commandintitle a:active, div.commandintitle a:visited, div.commandintitle a:hover {
	font-weight:normal;
}
#dontmissit {
	color:#ccc;
	font-size:24pt;
}
a:link, a:hover, a:visited, a:active
{
	color:#ee3223;
	text-decoration:underline;
}
.withoutdeco:hover, .withoutdeco:visited, .withoutdeco:link, .withoutdeco:active, .withoutdeco {
	text-decoration:none;
	color:#999;
	font-size:10px;
}
/* STICKERS ARE LIKE ITEMS, SHOWING A SUBJECT, WORK, etc */
	#stickerhorimg {
		width:124px;
		height:124px;
		vertical-align:middle;
		text-align:center;
		float:left;
		padding:2px;
	}
	#stickerhorimg img {
		vertical-align:middle;
	}
	#stickerhortxt {
		width:56%;
		float:left;
		padding:2px;
		height:130px;
	}
	
/* ABOUT BOXES */
#setofboxesfull {
	width:99%;
	margin-bottom:15px;
	float:left;
}
#setofboxesleft {
	width:48%;
	float:left;
	margin-bottom:15px;
	padding:0px;
}
#setofboxesright {
	width:48%;
	float:left;
	margin-left:13px;
	margin-bottom:15px;
	padding:0px;
}
	#setofboxesleft #setofboxesleft {
		width:32%;
		float:left;
	}
	#setofboxesleft #setofboxesright {
		width:64%;
		float:left;
		margin-left:15px;
	}
#box {
	width:99%;
	margin-bottom:15px;
	float:left;
	padding:0px;
}
#halfbox {
	width:48%;
	margin:0px 13px 15px 0px;
	float:left;
	padding:0px;
}
	/* Used on index for best voted and most voted
	#setofboxesleft #halfboxleft, #setofboxesright #halfboxleft {
		width:47%;
		margin:0px 7px 15px 0px;
		float:left;
		font-size:9pt;
		text-align:center;
		padding:0px;
	}
	#setofboxesleft #halfboxright, #setofboxesright #halfboxright {
		width:47%;
		margin:0px 0px 15px 0px;
		float:left;
		font-size:9pt;
		text-align:center;
		padding:0px;
	}
	*/
.boxtitlered {
	background-color:#ee3223;
	color:#FFF;
	padding:3px;
	height:14px;
	width:99%;
	border:1px solid #ee3223;
}
.boxtitlegrey {
	background-color:#666;
	color:#FFF;
	padding:3px;
	height:14px;
	width:99%;
	border:1px solid #666;
}
.boxtitlewhite {
	background-color:#ccc;
	color:#000;
	padding:3px;
	height:14px;
	width:99%;
	border:1px solid #FFF;
}
	.boxtitlegrey h2, .boxtitlegrey a:link, .boxtitlegrey a:hover, .boxtitlegrey a:visited, .boxtitlegrey a:active, .boxtitlegrey h3 {
		color:#000;
		text-decoration:none;
		font-weight:bold;
	}
	.boxtitlered h2, .boxtitlered a:link, .boxtitlered a:hover, .boxtitlered a:visited, .boxtitlered a:active, .boxtitlered h3 {
		color:#FFF;
		text-decoration:none;
		font-weight:bold;
	}
	.boxtitlewhite h2, .boxtitlewhite a:link, .boxtitlewhite a:hover, .boxtitlewhite a:visited, .boxtitlewhite a:active, .boxtitlewhite h3 {
		color:#000;
		text-decoration:none;
		font-weight:bold;
	}
.boxcontent {
	border:1px solid #666;
	border-top:none;
	width:99%;
	padding:3px;
	border-collapse:collapse;
	float:left;
}
.boxcontentred {
	border:1px solid #CC3223;
	border-top:none;
	width:99%;
	padding:3px;
	border-collapse:collapse;
	float:left;
}
/* ABOUT GALLERIES, IMAGES AND THUMBNAILS */
#intogallery {
	height:348px;
	width:261px;
	float:left;
	padding:0px;
	margin:2px 7px 3px 0px;
	border:1px solid #666;
}
#intogallery div.boxtitlegrey {
	background-color:#666;
	color:#FFF;
	padding:3px;
	height:14px;
	width:98%;
	border:none;
}

#intogallery div.boxcontent {
	width:98%;
	float:left;
	padding:3px;
	border:none;
}
.cellforpix {
	width:125px;
	height:170px;
	float:left;
	background-color:#222;
	padding:3px;
	margin:2px;
	text-align:center;
	color:#666;
	font-size:10px;
}
.cellforlastpix {
	width:123px;
	height:168px;
	float:left;
	background-color:#333;
	padding:3px;
	margin:2px;
	text-align:center;
	border:1px solid #999;
	color:#CCC;
	font-size:10px;
}
.cellforpix:hover {
	background-color:#333;
	color:#CCC;
}
.cellforpix a, .cellforlastpix a, a.discret, #menupromobox a {
	text-decoration:none;
	color:#666;
}
.cellforpix a:hover, .cellforlastpix a:hover, a.discret:hover, #menupromobox a:hover {
	text-decoration:underline;
	color:#FFF;
}
.cellforpix #thumbnail, .cellforlastpix #thumbnail {
	vertical-align:middle;
	width:120px;
	height:135px;
	text-align:center;
	display:table-cell;
	cursor:pointer;
}
.cellforpix #thumbnail img {
	vertical-align:middle;
	color:#ccc;
}
.cellforpix #comment, .cellforlastpix #comment {
	width:99%;
	float:left;
	height:38px;
}
.photo {
	border:1px solid #666;
}
.thumbnail {
	border:1px #FFF solid;
	z-index:-1;
}
.thumbnailonhomelarger {
	margin:1px 4px 4px 1px;
	border:1px solid #666;
	width:60px;
}
.thumbnailonhomehigher {
	margin:1px 4px 4px 1px;
	border:1px solid #666;
	height:60px;
}
.thumbnailonhome {
	margin:1px 4px 4px 1px;
	border:1px solid #666;
	width:70px;
	height:70px;
}
#bigphotoarea {
	text-align:center;
}
	#bigphotocenter {
		width:626px;
		text-align:center;
		float:left;
	}
	#bigphotocenter img {
		text-align:center;
		padding:8px;
		border:5px solid #FFF;
		text-align:center;
	}
	.prev {
		margin-right:5px;
		float:left;
		width:
	}
	.next {
		margin-left:5px;
		float:left;
	}
#photocommands {
	width:95%;
	padding:5px;
	margin:5px;
	float:left;
}
#pagination {
	width:99%;
	text-align:center;
	margin:10px 0px 10px 0px;
	float:left;
}
	#pagination, #pagination a {
		color:#FFF;
		text-decoration:none;
	}
#paginationpage {
width:14px;
height:14px;
background-color:#ee3223;
border:1px solid #000;
float:left;
padding:2px;
cursor:pointer;
}
#paginationpageactive {
	width:14px;
	height:14px;
	background-color:#666;
	border:1px solid #FFF;
	float:left;
	padding:2px;
}
.hidden, .visitor_url {
	display:none;
}
#div1 {
	position:absolute;
	top: 100;
	left: 200;
	width:230px;
	visibility:hidden;
	background-color:#666;
	color:#000;
	padding:10px;
}
table.tablelist td, table.tablelist th  {
	border-bottom:1px solid #999;
	height:35px;
}
.bg1stgrey {
	background-color:#333;
}
.border2ndgrey {
	border:1px solid #ccc;
}
.1stgrey {
	color:#333;
}
.bg2ndgrey {
	background-color:#ccc;
}
.2ndgrey {
	color:#ccc;
}
.bgdesign {
	background-color:#000;
}
.design {
	color:#000;
}
.bgdesigninvert {
	background-color:#FFF;
}
.designinvert {
	color:#FFF;
}
legend {
	border:1px dotted #999;
	color:#FFF;
	background-color:#000;
	padding:1px 4px;
	margin-left:10px;
}
fieldset {
	border:1px dotted #999;
	padding:4px;
}
.moreless {
	width:9px;
	float:left;
	margin-right:5px;
}
.helptopic {
	display:none;
	padding:10px;
	position:absolute;
	background-color:#FC0;
	color:#000;
	border:1px solid #FFF;
}