/*
+-----------------------------------------------------------------+
|                                                                 |
|              Feuille de styles Smart Gallery V2.5               |
|                                                                 |
+-----------------------------------------------------------------+
*/


/* Styles principaux */
html,body { 
	margin: 0; padding:0; border: none;
	font-family: Verdana, Helvetica, Lucida, Tahoma, Arial, sans-serif; 
	font-size: 11px;
	color:#ccc; 
	background:#222;
	cursor:default;
	height:100%
}

p        			{ margin: 10px 30px 10px 12px; }
a , a img  		{ border: 0; }
span a 			{ text-decoration: none; color:#777 } 
span a:hover 		{ color:#7AB51D } 
span				{ color:#444; }
h2 				{ margin: 25px 0 20px 50px; color:#FFF; letter-spacing:1px }
h1				{ font-size: 36px; font-weight:normal; margin: 10px 0 0 10px; color:#343434; letter-spacing:2px }

#main 			{ min-height:100%; margin-bottom: -35px; position:relative; }

/* Header */
#logo 			{ 
	position:absolute; 
	width:50px;
	height:27px;
	text-align:center;
	border-top:2px solid #111;
	background:#111;
	overflow:hidden;
}

#mainMenu { 
	padding: 0; 
	margin: 0; 
	width: 100%; 
	height: 30px; 
	background:#111 url(../images/backgrounds/menu.jpg) repeat-x; 
	z-index:1
}
#mainMenu #links { margin-left:50px }
#mainMenu a		{ 
					display:block; 
					float:left; 
					line-height:20px; 
					padding:5px 15px 5px 15px; 
					background:#111 url(../images/backgrounds/menuBt.jpg) no-repeat; 
					color:#444;
					font-weight:bold;
					text-decoration:none; 
				}
#mainMenu a:hover{ background:#111 url(../images/backgrounds/menuBtHover.jpg) no-repeat; color:#7AB51D }

#slideOver		{ position:absolute; top:30px; z-index:1; width:100% }
#albumsContainer{ 
					width:100%; 
					background:url(../images/backgrounds/backslide.png); 
					border-bottom:#000 solid 1px; 
					border-top:#000 solid 1px; 
					z-index:1 }
#albumsMenu		{ 	
					float:left; 
					margin:9px; 
					text-align:center; 
					width:120px; 
					height:120px; 
					padding-top:5px; 
					background:url(../images/backgrounds/thumb.png) no-repeat; 
					z-index:1 
				}
.overflow		{
					width:97px;
					height:97px;
					overflow:hidden; 
					margin-left:5px;
				}
#contactsContainer{ 
					width:100%; 
					background:url(../images/backgrounds/backContactSlide.png); 
					border-bottom:#000 solid 1px; 
					border-top:#000 solid 1px; 
					z-index:1 
				}
#albumsMenu img 	{ border:1px solid #000 }


/* body */
#mainContent	{  width:100%; position:relative; }
#mainTable		{  width:100%; position:relative; }
#mainDisplay{
	float:left;
	width:160px;
	height:160px;
	padding-top:5px;
	background: url(../images/backgrounds/thumb.jpg) no-repeat; 
	text-align:center;
	margin:10px;
}
.parent a{ 
	font-weight:bold; 
	display:block; 
	background:#111111; 
	padding: 10px 30px 10px 12px; 
	color:#CCC; 
	text-decoration:none;
	border-top:1px solid #222;
}
.parent a:hover		{ color:#7AB51D }
.parent a.current	{ color:#7AB51D }
.photosMenu			{ display:block; padding-left:12px }
.sub td				{ padding:5px; }
.subOpen{
	padding:8px 0 0 8px; 
	width:300px; 
	background:#282828; 
	border-bottom:1px dashed #444; 
	border-top:1px solid #222
}
.subLatest{
	padding:8px 0 0 8px; 
	width:300px; 
	background:#282828; 
	border-bottom:1px dashed #444
}
.subDisplay{
	padding-left:15px; 
	width:300px; 
	background:#282828; 
	border-bottom:1px solid #222; 
	font-weight:normal
}
.subDisplayLatest{
	width:50px;
	height:50px;
	padding:5px;
	background:#111;
	text-align:center;
	border-right:1px solid #222;
	border-bottom:1px solid #222;
}
.open				{ margin: 0 30px 7px 12px; }
.openLink			{ margin: 0 0 0 12px; }
.openLink a { 
	font-weight:bold; 
	color:#111; 
	text-decoration:none; 
	display:block; 
	padding:0 5px 5px 0 
}
.openLink a:hover	{ color:#7AB51D }

.nav a				{ 
						display:block; 
						padding:12px; 
						background:url(../images/backgrounds/pagination.jpg) no-repeat; 
						color:#666; 
						float:left; 
						margin-right:2px;
						text-decoration:none
					}
.nav a:hover			{ 
						display:block; 
						padding:12px; 
						background:url(../images/backgrounds/paginationHover.jpg) no-repeat; 
						color:#7AB51D; 
						float:left; 
						margin-right:2px;
						text-decoration:none
					}
.nav span			{ 
						display:block; 
						padding:12px; 
						background:url(../images/backgrounds/paginationHover.jpg) no-repeat; 
						color:#333; 
						float:left; 
						margin-right:2px 
					}

#bottomSpanner		{
						clear:both;
						margin-bottom:25px;
					}

#footer 			{ position:relative; height:32px; background:#111; padding-bottom:2px; color:#444; border-top:1px solid #222; clear:both }
/* Footer */
#footer a 		{ color:#444; text-decoration:none; }
#footer a:hover 	{ color:#7AB51D; }