/* DisplayPhotographyLAYOUT.css */


/* DisplayPhotography function listReportAlbum_PH*/

ul#listalbum	{
				width:500px;
				overflow:auto;
}
ul#listalbum li{
				display:inline;
				float:left;
				width:100px;
				height:200px;
				margin:0 10px;
}
ul#listalbum li p {
				display:block;
				margin-top:10px;
}
ul#listalbum li cite {
				display:block;
				margin-left:50px;
				margin-top:-10px;
}


ul#main_article_album	{
		position:absolute;
		top:0px;
		left:320px;
		width:290px;
		height:475px;
}
ul#main_article_album_gallery	{
		position:absolute;
		top:50px;
		left:50px;
		width:600px;
		height:500px;
}

ul#main_article_album h3 {
		display:block;
		width:250px;
		height:30px;
		text-align:right;
		margin-bottom:5px;
}

ul#main_article_album_gallery h3 {
		display:block;
		width:500px;
		height:40px;
		margin-bottom:10px;
}
h4#main_article_header_gallery	{
		position:absolute;
		top:5px;
		right:75px;
		width:175px;
		height:50px;

}
h4#main_article_header_gallery a	{
		float:right;
}
ul#main_article_album li {
				display:inline;
				float:left;
				width:60px;
				height:60px;
				margin-left:20px;
}
ul#main_article_album_gallery li {
				display:inline;
				float:left;
				width:100px;
				height:100px;
				margin-left:20px;
}

ul#main_article_album li a{
				display:block;
				float:left;
				color:#0f0;
				width:60px;
				height:60px;
}
ul#main_article_album_gallery li a{
				display:block;
				float:left;
				color:#0f0;
				width:100px;
				height:100px;
}

ul#main_article_album li a img	{
				width:60px;
				height:60px;
				border-style:solid;
				border-width:2px;
				border-color:#303030;
}
ul#main_article_album_gallery li a img	{
				width:100px;
				height:100px;
				border-style:solid;
				border-width:2px;
				border-color:#303030;
}
ul#main_article_album li a:hover img	{
				width:60px;
				height:60px;
				border-color:#606060;
}
ul#main_article_album_gallery li a:hover img	{
				width:100px;
				height:100px;
				border-color:#606060;
}
ul#main_article_album li#main_article_image {
				position:absolute;
				top:100px;
				left:20px;
				margin:0px;
				width:250px;
				height:250px;
}
ul#main_article_album_gallery li#main_article_image_gallery {
				position:absolute;
				top:160px;
				left:50px;
				margin:0px;
				width:400px;
				height:250px;
}
ul#main_article_album li#main_article_image img#main_image	{
				display:block;
				width:250px;
				height:auto;
}
ul#main_article_album_gallery li#main_article_image_gallery img#main_image	{
				display:block;
				width:400px;
				height:auto;
}


/* PANEL SUB */
li#promotion-galerie {
	position:absolute;
	display:block;
	width:250px;
	height:380px;
	top:0px;
	left:0px;
}
li#promotion-galerie h3 {
		position:absolute;
		display:block;
		top:5px;
		right:10px;
		width:240px;
		height:30px;
}		

li#promotion-galerie h4 {
		position:absolute;
		display:block;
		bottom:40px;
		left:2px;
		width:20px;
		height:140px;
}		

ul#galerie	{
	position:absolute;
	display:block;
	top:50px;
	left:25px;
	width:215px;
	height:330px;						
}
ul#galerie li	{
				display:inline;
				float:left;
				width:100px;
				height:100px;
				margin-left:5px;
				margin-bottom:5px;
			
}
ul#galerie li a {
				display:block;
				float:left;
				width:100px;
				height:100px;
				background-color:#FF0000;
}
ul#galerie li a img {
				width:100px;
				height:100px;
}

div#content_news h3 {
		position:absolute;
		top:10px;
		left:50px;
		white-space:nowrap;
		

}
ul#last-album {
	position:absolute;
	display:block;
	top:50px;
	left:60px;
	width:850px;
	height:330px;						
}
ul#last-album li	{
				display:inline;
				float:left;
				position:relative;
				width:100px;
				height:150px;
				margin:0 10px;
				margin-bottom:5px;
			
}
ul#last-album li a {
				display:block;
				float:left;
				width:100px;
				height:150px;
}
ul#last-album li a img {
				width:100px;
				height:100px;
}

ul#last-album li h4 {
				position:absolute;
				top:105px;
				left:0px;
				display:block;
}
ul#last-album li cite {
				position:absolute;
				top:120px;
				left:50px;
				display:block;
}


.PanelPhoto	{
				
				display:none;
				position:fixed;
				top:0px;
				left:0px;
				width:100%;
				height:800px;
				z-index:1500;
				cursor:pointer;
}
.PanelAction	{
				display:block;
				position:fixed;
				top:50px;
				left:50px;
				width:150px;
				height:170px;
				padding:15px;
}

.PanelAction	ul{
				margin:10px;
}

.PanelAction ul li, .PanelAction ul li#PanelPhotoOneLi{
				width:250px;
				height:30px;
}
.PanelAction li a:hover{
				text-decoration:underline;
}
.PanelPhoto img{
				display:block;
				margin:50px auto;				
				height:500px;
}
.PanelInfo {
				display:none;
				position:fixed;
				top:210px;
				left:50px;
				width:150px;
				height:370px;
				padding:15px;
}
.PanelInfo p {
				width:150px;
				padding:2px;
}
.PanelInfo p#label {
				text-align:left;
				border-bottom-width:1px;
				border-bottom-style:solid;
				border-bottom-color:#404040;
				color:#909090;
}
.PanelInfo p#value {
				text-align:right;
				color:#e0e0e0;
}

.PanelOK {
				display:none;
				position:absolute;
				top:100px;
				right:15px;
				width:220px;
}
.PanelOK p{
				height:50px;
}
.PanelOK img{
				width:70px;
				height:70px;
}
a#close_panel	{
				position:fixed;
				top:15px;
				right:0px;
}


/* ---------------  VBROD CREATION ----------------- */
/* ---------------  VBROD CREATION ----------------- */
/* ---------------  VBROD CREATION ----------------- */
ul#listalbumcreation	{
				display:block;
				width:510px;
				height:600px;
}
ul#listalbumcreation li{
				position:relative;
				display:inline;
				float:left;
				width:100px;
				height:150px;
				margin:0 10px;
}
ul#listalbumcreation li a p {
				position:absolute;
				top:110px;
				left:10px;
}
ul#listalbumcreation li a cite {
				position:absolute;
				display:block;
				top:120px;
				right:10px;
}

a#swapCreation	{
				position:absolute;
				top:60px;
				left:15px;
				display:block;
				
}

img#animation	{
				position:absolute;
				top:70px;
				left:2px;
}


span#spaceview  {
				position:relative;
				display:block;
				margin:100px 30px;				
				overflow:visible;
	/*border-style:solid;
	border-width:1px;
	border-color:#0f0;*/
}
div#content_viewer  h3 {
				position:absolute;
				top:10px;
				right:0px;
}

img#PhotoSpace	{
				position:relative;
				display:block;
				margin:0px auto;				
				height:500px;
	/*border-style:solid;
	border-width:1px;
	border-color:#f00;*/
				
				
}

a#plusinfo		{
				position:absolute;
				top:0px;
				left:-30px;
				display:block;
				width:60px;
				height:60px;
}
a#nextphot		{
				position:absolute;
				top:60px;
				left:-30px;
				display:block;
				width:60px;
				height:60px;
}
a#viewall		{
				position:absolute;
				top:120px;
				left:-30px;
				display:block;
				width:60px;
				height:60px;
}


a#panier		{
				position:absolute;
				top:180px;
				left:-30px;
				display:block;
				width:60px;
				height:60px;
}
a#bank		{
				position:absolute;
				top:240px;
				left:-30px;
				display:block;
				width:60px;
				height:60px;
}
a#backmenu		{
				position:absolute;
				top:300px;
				left:-30px;
				display:block;
				width:60px;
				height:60px;
}
a#return		{
				position:absolute;
				top:360px;
				left:-30px;
				display:block;
				width:60px;
				height:60px;
}



ul#PhotoProposal 		{
				display:block;
				width:100%;
				height:450px;
				margin:30px auto;
}
ul#PhotoProposal li, ul#PhotoProposal li#ProposalOneLi		{
				display:inline;
				float:left;
				width:150px;
				height:120px;
				margin:20px 40px;
}
ul#PhotoProposal li a img, ul#PhotoProposal li#ProposalOneLi a img		{
				display:block;
				margin:0px auto;
				height:100px;
}
ul#PhotoProposal li a p, ul#PhotoProposal li#ProposalOneLi a p	{
				margin:5px auto;
				color:#f00;
}

ul#refline	{
				display:block;
				position:relative;
				margin:0px auto;
				width:600px;
				height:50px;
}
ul#refline li, ul#refline li#reflineOneLi {
				position:relative;
				display:inline;
				float:left;
				width:50px;
				height:50px;
}

ul#refline li a, ul#refline li#reflineOneLi a	{
				position:absolute;
				top:15px;
				left:5px;
				width:50px;
				height:50px;
}
/* ---------------  FLUXRSS ET BASKET ----------------- */
/* ---------------  FLUXRSS ET BASKET ----------------- */
/* ---------------  FLUXRSS ET BASKET ----------------- */

div#PanelRss, div#PanelBasket	{ 
				display:none;
				position:absolute;
				top:88px;
				right:0px;
				width:270px;
				height:340px;
				z-index:2000;
				
				
}
div#PanelRss h3, div#PanelBasket h3 { 
				text-align:center;
				padding:10px;
}

div#PanelRss ul li, div#PanelBasket ul li{ 
					width:240px;
					height:35px;
					padding:10px;
}

/* ---------------  BANQUE IMAGE ----------------- */
/* ---------------  BANQUE IMAGE ----------------- */
/* ---------------  BANQUE IMAGE ----------------- */

ul#home-gallery	{

		width:930px;
		margin:0px auto;
		
}

ul#home-gallery	li {
		position:relative;
		width:930px;
		height:200px;
		color:#303030;
}

.diapo	{
		position:absolute;
		top:2px;
		right:250px;
}

.piclens {
		position:absolute;
		top:2px;
		right:0px;
		width:200px;
		height:40px;
}

.piclens a{
		display:block;
		width:200px;
		height:40px;
}



ul#Gnews 	{			/* ul gallery inside */
		display:block;
		width:900px;
		height:160px;
		margin-left:5px;
}
ul#Gnews li 	{			/* ul gallery inside */
				display:inline;
				float:left;
				width:100px;
				height:150px;
				margin:0 40px;
				margin-top:7px;
}
ul#Gnews li a {
				display:block;
				float:left;
				width:100px;
				height:150px;
}
ul#Gnews li a p {
				position:absolute;
				bottom:-20px;
				right:0px;
				width:200px;
				text-indent:-9999px;
}

ul#Gnews li a:hover p {
				text-indent:0;
}




ul#Gnews li a img {
				width:100px;
				height:100px;
}

ul#Gnews li h4 {
				position:absolute;
				top:105px;
				left:0px;
				display:block;
}
ul#Gnews li cite {
				position:absolute;
				top:120px;
				left:50px;
				display:block;
}
ul#home-gallery	li#ImageView 		{
				display:block;
				height:750px;
}
ul#home-gallery	li#AlbumView 		{
				display:block;
				height:600px;
				
}
ul#home-gallery	li#tree-gallery 		{
				display:block;
				height:1800px;
				
}







li#ImageView img		{
				display:block;
				margin:0px auto;
				width:640px;
				
}
li#ImageView img#thumb		{
				display:block;
				width:100px;
				
}
li#AlbumView span#album-info	{
				position:relative;
				float:left;
				top:50px;
				width:500px;
				height:330px;
}

li#AlbumView span#album-info ul	{
				position:absolute;
				display:block;
				top:50px;
				left:350px;
				width:500px;
				height:200px;
				
}

li#AlbumView span#album-info ul	li{
				display:inline;
				float:left;
				width:auto;
				height:25px;
				margin:10px 20px;
}

li#AlbumView span#album-info  h3{
				position:absolute;
				display:block;
				top:35px;
				left:350px;
				width:500px;
				height:30px;
}


li#AlbumView span img{
				position:absolute;
				left:110px;
				top:140px;
}
li#AlbumView span p{
				position:absolute;
				left:50px;
				top:60px;
}

ul#home-gallery	li#AlbumSee 		{
				display:block;
				height:800px;

				
}