body {
	font-family: "Lucida Grande", Lucida,  Arial, sans-serif;
	/*position:absolute;*/
	margin:0px;	
	width:100%;
}

a {
	text-decoration:none;
}

a:hover {
}

a img {border: none;}

a.thumbLink {
	border-width:0px;
}

#global {
	position:absolute;
	padding:0px;
	margin:0px;
	top:0px;
	left:0px;
	width:100%;
	/*height:100%;*/
	/*margin-top:40px;*/
	/*white-space:nowrap;*/
	/*background-color:blue;*/
}

/*
#galleriesListContainer is used to bypass a bug in ie7 with mootools accordion.
show:tooglerId don't work with position:absolute
*/
#galleriesListContainer {
	position:absolute;
	left:0px;
	top:0px;
	width:250px;
	min-height:100%;
	margin-right:15px;
	border-right-width: 0px;
	border-right-style: solid;
	padding-left:5px;
	padding-right:0px;
	overflow:hidden;
}

#galleriesList {
	width:100%; /* for IE6 */
}

#content {
	padding:0px;
	margin:0px;
	margin-left:260px;
	/*padding-top:10px;*/
	/*top:30px;*/
	/*background-color:yellow;*/
}

.componentContent {
	padding:0px;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
}

#login {
	float:left;
	margin-left:10px;
	font-size:small;
	color:gray;
}

#siteTitle {
	float:left;
	margin-left:250px;
}

#skinSwitcher {
	float:right;
	margin-right:5px;
}

#advancedSearch {
	font-size:x-small !important;
	margin:0px;
	margin-left:4px;
}

#connexion {
	margin:0px;
	margin-left:4px;
	padding-top:3px;
}

#administration {
	margin:0px;
	margin-left:4px;
	/*padding-top:3px;*/
}

.element {
	border-bottom-width: 2px;
	border-bottom-style: dashed;
}

.toggler {
	margin: 0px;
	padding-left: 5px;
	font-size: medium;
	font-weight: normal;
	clear:both;
}

.accordionElt {
	padding-left:10px;
	font-weight: normal;
}

.activeToggler {
	border-top-width:1px !important;
	border-bottom-width:0px !important;
	font-weight: bold;
}


h3.toggler {
	padding-top:2px;
	cursor:pointer;
}

div.galleryIndex {
	margin-top:2px;
	margin-bottom:4px;
}

div.galleryName {
	margin-top:3px;
	margin-bottom:3px;
	float:top;
	clear:both;
	width:100%;
	font-size:small;
	font-weight:bold;
	color:#009900;
}

div.galleryThumbDiv {
	float:left;
}

div.galleryThumbText {
	float:left;
	margin-left:5px;
	/*background-color:blue;*/
	font-size:small;
}

div.galleriesSpliter {
	clear:both;
	width:100%;
	border-top-width: 0px;
	border-top-style: dashed;
}

#galleriesTitle  {
	background-color:#009900;
	
	border-top:0px solid;
	border-bottom:0px dashed;
	margin-top:20px;
	padding:3px;
	
}

#galleriesTitle a {
	color:white;
	font-size:large;
}

#buttons {
	position:relative;
	width:100%;
	text-align:left;
	margin-top:15px;	
	overflow:hidden;
}


#searchForm {
	margin-top:5px;
	margin-left:2px;
	margin-bottom:2px;
	white-space: nowrap; 
}

#photoIndex {
}

#description {
	line-height:25px;
}

#photoContainer {
	/*position:relative;*/
	margin-left: auto;
	margin-right: auto;
	margin-top:5px;
	border-width: 5px;
	border-style: solid;
	cursor:pointer;
}

#photos {
	width:100%;
	position:relative;
	overflow:hidden;
	margin:0px;
	/*width:97%;*/
}

#previousPhoto {
	position:absolute;
	top:0px;
	left:0px;
}
#currentPhoto {
	position:absolute;
	top:0px;
	left:0px;
}
#nextPhoto {
	position:absolute;
	top:0px;
	left:0px;
}

#photoInfosDiv {
	position : absolute;
	top:0px;
	left:0px;
	padding:2%;
	width:96%;
	font-size:small;
	/*height:96%;*/
}

#photoLegendContainer {
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	padding-top:3px;
	width:100%;
}

#thumbnailsBox {
	width:98%; /* pour ie6 */
	position:relative;

	border-width: 2px;
	border-style: solid;
	margin-top:0px;
	margin-bottom:5px;
	text-align:center;
}

.thumbnailsBoxJavascript {
	overflow:hidden;
	
}

#thumbnailContainer {
	/*position:relative;*/
}

#thumbnails {
	
	top:0px;
	left:0px;
	
	padding-top:5px;
	padding-bottom:2px;
	padding-left:25px;
	padding-right:25px;

	
	z-index:999;
}

.thumbnailsJavascript {
	position:absolute;
	white-space:nowrap;
}

#shiftLeft {
	position:absolute;
	width:20px;
	height:100%;
	top:0px;
	left:0px;
	z-index:1000;
	cursor:pointer;
}

#shiftRight {
	position:absolute;
	width:20px;
	line-height:100%;
	height:100%;
	top:0px;
	right:0px;
	z-index:1000;
	cursor:pointer;
}

img.galleryThumb {
	width:50px;
	/*height:50px;*/
	margin:0px;
	padding:0px;
}

#mp3player {
	text-align:left;
	display:inline;
	width:400px; /* width needs to be changed also in <param name="FlashVars"*/
	height:20px;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:0px;
}

#flashPlayer {
	margin-top:10px;
	margin-bottom:10px;
	margin-left:0px;
}