body{
	background-color:#2b2b2b;
	margin: 5px 0px 0px 42px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#dbdbdb;
}
#container{
	width:1020px;
	margin:auto;	

}

#header{
	width:977px;
	height:65px;
	padding-top:15px;
}
		.logo{
		width:105px;
		height:65px;
		background-image:url('/images/elements/logo_G.jpg');
		background-repeat:no-repeat;
		float:left;
		cursor:pointer;
		}
		
		.logo a{
		border:0px;
				}
		
		#menu{
		margin-top:5px;
		width:640px;
		height:65px;
		text-align:right;
		float:left;
		}
	
		#menu a{
		padding-left:5px;
		}
	
		#changeColor{
		margin:0;
		width:20px;
		height:65px;
		float:left;
		}
			.changeColorG{
			background-image:url(/images/elements/g_change_g.jpg);
			margin:0;
			width:20px;
			height:23px;
			cursor:pointer;
			}
			
			.changeColorW{
			background-image:url(/images/elements/g_change_w.jpg);
			margin:0;
			width:20px;
			height:23px;
			cursor:pointer;
			}
	
		#language{
		margin:5px 0 0 10px;
		width:15px;
		height:65px;
		float:left;
		color:#d9d1b0;
		}
		
			#language p{
			font-size:9px;
			margin:0px;
			}
	
		#formLogin{
		width:145px;
		height:65px;
		float:left;
		
		}
		
		.loginButtonLink{
			font-family: Verdana, Arial, Helvetica, sans-serif;
			color: #d9d1b0;
			margin: 0px;
			font-size: 9px;
			padding: 0px;
			margin: 0px;
			border: none; 
			background: none; 
			cursor: pointer;
			text-align:left;
		}
		
			#formLogin p{
			color:#d9d1b0;
			margin:0px;
			font-size:9px;
			}
			
			.cssform p{
			width: 90px;
			clear: left;
			margin: 0;
			padding: 3px 0 0 0;
			padding-left: 60px; /*width of left column containing the label elements*/
			color:#d9d1b0;
			}

			.cssform label{
			float: left;
			margin-top:5px;
			margin-left: -60px; /*width of left column*/
			width: 57px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
			}

			.cssform input{ /*width of text boxes. IE6 does not understand this attribute*/
			width:80px;
			height:12px;
			font-size:9px;
			}
			
			
			.boutonlogin{
			float:left;
			margin-top:26px;
			display:block;
			}
			

	
#mainContent{
	width:1020px;
	padding-top:30px;
	word-spacing:1px;
	line-height:1.2;

}
		
		.list{
		padding:0px;
		margin:0px;
		}
		
		.list li{
		list-style-type: none;
		}
		

	#leftContent{
	width:168px;
	float:left;
	padding-right:30px;
	}
	
		.leftTop{
		width:168px;
		height:365px;
		}
		
		.leftCenter{
		width:168px;
		}
		
		.leftBottom{
		margin-top:20px;
		width:168px;
		}
	
	#centerContent{
	width:545px;
	float:left;
	
	}
	
		#grandePhoto{
		width:545px;
		height:365px;
		text-align:center;
		overflow:hidden;
		}
		
		#grandePhotoHome{
		width:545px;
		height:365px;
		overflow:hidden;
		}
		
		#scroller{
		height:365px;
		width:100%;
		}
		
		.image{
		position:relative;
		}
		
		.vignette{
		float:left;
		margin: 0px 16px 16px 0px;
		cursor:pointer;
		background-color:#202020; /* ADDED BY CONSTANT*/
		}
		
		.vignetteDroite{
		float:left;
		margin: 0px 0px 16px 0px;
		cursor:pointer;
		background-color:#202020; /* ADDED BY CONSTANT*/
		}
		
		.boutonsDiaporama{
		width:355px;
		height:30px;
		margin:5px 0 5px 0;
		padding:0 0px 0 190px;
		}
			.pause{
			width:30px;
			height:30px;
			float:left;
			background-image:url(/images/elements/bouton_pause2.gif);
			background-repeat:no-repeat;
			float:left;
			cursor:pointer;
			}
			.play{
			width:30px;
			height:30px;
			float:left;
			background-image:url(/images/elements/bouton_play.gif);
			background-repeat:no-repeat;
			float:left;
			cursor:pointer;
			}
			.previous{
			width:30px;
			height:30px;
			float:left;
			background-image:url(/images/elements/bouton_previous.gif);
			background-repeat:no-repeat;
			float:left;
			cursor:pointer;
			}
			.next{
			width:30px;
			height:30px;
			float:left;
			background-image:url(/images/elements/bouton_next.gif);
			background-repeat:no-repeat;
			float:left;
			cursor:pointer;
			}
			.numeroDiaporama{
			width:70px;
			padding:10px 0 0 10px;
			height:20px;
			float:left;
			}
			
			
			
		.vignettesDiaporama{
		width:545px;
		height:65px;
		position:absolute;
		margin-top:10px;
		overflow: hidden;	/* ADDED BY CONSTANT*/
		/*text-align:center;
		float:left;*/
		}
		
		/* ADDED BY CONSTANT */
		/* none */
		
		
		.featureFeature{
		width:165px;
		height:140px;
		margin:13px 33px 30px 0px;
		float:left;
		display:block;
		}	
		
		.coverBook{
		width:165px;
		height:160px;
		margin:13px 33px 20px 0px;
		float:left;
		display:block;
		}	
			.vignetteCover{
			float:left;
			display:block;
			}
		
		#blogContent{
		width:545px;
		border-bottom:solid 1px;
		border-bottom-color:#8c8772;
		}
			.menuBlog{
			padding:0px;
			margin-left:0px;
			height:100px;
			}
			.menuBlog li{
			padding-bottom:5px;
			list-style-type:none;
			}
			.menuPost{
			padding:0px;
			margin-left:0px;
			}
			.menuPost li{
			padding-bottom:5px;
			list-style-type:none;
			}
			.postTitle{
			width:545px;
			height:20px;
			}
			.postContent{
			width:545px;
			margin-top:30px;

			}
			.postContent p{
			margin:0 0 5px 0;
			}
			
			.author{
			color:#8c8772;
			margin-bottom:5px;
			}
			.author a{
			color:#d9d1b0;
			}
			
			.print{
			color:#8c8772;
			margin:10px 0 10px 0;
			}
			.print a{
			color:#d9d1b0;
			}
			
		#agencyContainer{
		width:545px;
		}
		
		#agencyContainer p{
		line-height:1.6;
		text-align:justify;
		padding-bottom:10px;
		}	
			.subTitle{
			width:545px;
			height:20px;
			}
			.menuAgency{
			padding:0px;
			margin-left:0px;
			height:100px;
			}
			.menuAgency li{
			padding-bottom:5px;
			list-style-type:none;
			}
			.agencyContent{
			width:545px;
			/*padding-top:30px;*/
			line-height:20px;
			}
			
			#agencyStaff{
			width:850px;
			line-height:1;

			}

			#agencyStaff p{
			text-align:justify;
			padding:0px;
			}

				.staff{
				width:200px;
				height:140px;
				float:left;
				margin:10px 0 20px 0;
				}
				
				.categorie {
				color:#8C8772;
				font-size:12px;
				font-weight:lighter;
				}

				.sous_categorie {
				color:#8C8772;
				font-size:12px;
				font-weight:lighter;
				margin:5px 0px;
				}
				

				.exergue{
				color:#FFFFFF;
				font-weight:bold;
				}
	
	#rightContent{
	width:190px;
	float:left;
	margin-left:49px;
	}
		.rightTop{
		width:168px;
		height:340px;
		}
		
		.rightCenter{
		margin-top: 20px;
		width:168px;
		height:120px;
		}
		
		.rightBottom{
		width:168px;
		}
		
		.news{
		padding:0px;
		margin-left:0px;
		margin-top:80px;
		}
		.news li{
		padding-bottom:20px;
		list-style-type:none;
		}
		
		.menuPhotographer{
		padding:0px;
		margin-left:0px;
		}
		.menuPhotographer li{
		padding-bottom:5px;
		list-style-type:none;
		}
		
		

	#bottomContent{
	width:982px;
	clear:left;
	}
		.featureHome{
		width:165px;
		height:140px;
		margin:13px 33px 0px 0px;
		float:left;
		display:block;
		}
		
		.featureHomeRight{
		width:170px;
		height:140px;
		margin-top:13px;
		float:left;
		display:block;
		}
		
		.vignetteFeature{
		width:150px;
		height:100px;
		float:left;
		display:block;
		}
		
		.nomFeature{
		width:150px;
		height:25px;
		margin-top:5px;
		float:left;
		display:block;
		text-transform:uppercase;
		word-spacing:2px;
		overflow:hidden;
		}
		
		.photographerFeature{
		color:#8c8772;
		width:150px;
		margin-top:2px;
		float:left;
		display:block;

		}
		
		.moreFeature{
		width:15px;
		height:15px;
		float:left;
		margin-top:85px;
		}
		


a{
	color:#d9d1b0;
	text-decoration:none;
}

a:hover{
	color:#8c8772;
}

h1{
	font-size:14px;
	color:#8c8772;
	font-weight:lighter;
	margin:0px 0px 10px 0px;
}
h2{
	font-size:12px;
	color:#8c8772;
	font-weight:lighter;
	margin:10px 0px 10px 0px;
}
h3{
	font-size:10px;
	color:#d9d1b0;
	font-weight:lighter;
	margin:10px 0px 10px 0px;
}

h4{
	font-size:9px;
	color:#d9d1b0;
	font-weight:bold;
	margin-right:25px;
	display: inline;
}

h5{
	font-size:12px;
	color:#8c8772;
	font-weight:lighter;
	margin:0px 0px 5px 0px;
}

h6{
	font-size:12px;
	color:#8c8772;
	font-weight:lighter;
	margin:5px 0 1px 0;
}





#footer{
	width:982px;
	color:#8c8772;
	clear:left;
	position:absolute;
	top:700px;
	font-size:8px;
	text-align:center;
}