/* CSS Document */

body{
	margin: 0;
	padding: 0;
	width: 100%;
	background-color: #a6aaad;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	background-image: url(../images/background.gif);
	background-repeat: repeat-x;
	}
	
img{
	border: none;
	}

h2 {
	font-size: 1.1em;
	color: #654f8c;
	background-color: #ffffff;
	font-weight: bold;
	padding: 0 0 0 0;
	margin: 0 0 10px 0;
	}

h3{
	font-size: 0.9em;
	color: #654f8c;
	background-color: #ffffff;
	font-weight: bold;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}

a{
	text-decoration: underline;
	color: #654f8c;
	background-color: #ffffff;
	}
a:hover{
	color: #000000;
	background-color: #ffffff;
	}

#passionate{
	float: right;
	}
/**------Admin text area------------------*/
#content{
	width: 400px;
	}

/*----------------------------------------Position Main Interface-------------------*/

#interface {
	margin: 0px auto;
	width: 760px;
	}
	#header {
		float: left;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		width: 760px;
		height: 158px;
		}
	/*-----------------------------------------Menu gestion----------------------------*/
	#menu {
		float: left;
		margin: 13px 0 0 0;
		padding: 0 0 0 0;
		width: 760px;
		}
	
	#menu ul{
		float: left;
		list-style: none;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		}
	
	#menu li{
		float: left;
		}
	
	#menu a{
		height: 1px;
		background: transparent;
		color: #fff;
		text-decoration: underline;
		}
		
		
	#menu #weddings-bt a{
		width: 100px;
		height: 34px;
		background-image: url(../images/buttons/weddings-bt-normal.gif);
		background-repeat: no-repeat;
		
		display: block;
		}
		
	#menu #weddings-bt a:hover{
		background-image: url(../images/buttons/weddings-bt-over.gif);
		background-repeat: no-repeat;
		}
		
	#menu #portraits-bt a{
		width: 93px;
		height: 34px;
		background-image: url(../images/buttons/portraits-bt-normal.gif);
		background-repeat: no-repeat;
		display: block;
		}
		
	#menu #portraits-bt a:hover{
		background-image: url(../images/buttons/portraits-bt-over.gif);
		background-repeat: no-repeat;
		}
		
	#menu #commercial-bt a{
		width: 164px;
		height: 34px;
		background-image: url(../images/buttons/commercial-bt-normal.gif);
		background-repeat: no-repeat;
		display: block;
		}
		
	#menu #commercial-bt a:hover{
		background-image: url(../images/buttons/commercial-bt-over.gif);
		background-repeat: no-repeat;
		}
	
	#menu #order-prints-bt a{
		width: 115px;
		height: 34px;
		background-image: url(../images/buttons/order-prints-bt-normal.gif);
		background-repeat: no-repeat;
		display: block;
		}
		
	#menu #order-prints-bt a:hover{
		background-image: url(../images/buttons/order-prints-bt-over.gif);
		background-repeat: no-repeat;
		}
	
	#menu #download-bt a{
		width: 103px;
		height: 34px;
		background-image: url(../images/buttons/downloads-bt-normal.gif);
		background-repeat: no-repeat;
		display: block;
		}
		
	#menu #download-bt a:hover{
		background-image: url(../images/buttons/downloads-bt-over.gif);
		background-repeat: no-repeat;
		}
	
	#menu #contact-us-bt a{
		width: 103px;
		height: 34px;
		background-image: url(../images/buttons/contact-us-bt-normal.gif);
		background-repeat: no-repeat;
		display: block;
		}
		
	#menu #contact-us-bt a:hover{
		background-image: url(../images/buttons/contact-us-bt-over.gif);
		background-repeat: no-repeat;
		}
		
		
	/*-------------------------------------Main Container----------------------------*/
	#main-container {
		float: left;
		margin: 3px 0 0 0;
		padding: 0 0 0 0;
		width: 760px;
		height: 345px;
		color: #000000;
		background-color: #ffffff;
		}
	
	
	
	/*--------------------------------------Menu left-----------------------------------*/
	#menu-left{
		font-size: 0.8em;
		float: left;
		width: 94px;
		height: 341px;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		}
	
	#menu-left ul{
		list-style: none;
		float: left;
		margin: 3px 0 0 0;
		padding: 0 0 0 4px;
		width: 85px;
		}
		
	/*#menu-left li{
		float: left;
		width: 85px;
		margin: 20px 0 0 0;
		}*/
	#menu-left .numbers{
		float: left;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		width: 14px;
		height: 20px;
		}
	#menu-left .numbers a{
		font-size: 0.8em;
		text-decoration: none;
		color: #fbfafc;
		margin: 0 0 0 0;
		padding: 6px 0 2px 4px;
		background-color: #654f8c;
		background-image: url(../images/buttons/number-bt-normal.gif);
		background-repeat: no-repeat;
		background-position: top left;
		display: block;
		}
	#menu-left .numbers a:hover{
		color: #fbfafc;
		background-color: #654f8c;
		background-image: url(../images/buttons/number-bt-over.gif);
		background-repeat: no-repeat;
		}
	
	#menu-left .numbers-on{
		float: left;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		width: 14px;
		height: 20px;
		/*color: #fbfafc;
		background-image: url(../images/buttons/number-bt-over.gif);
		background-repeat: no-repeat;*/
		}
	#menu-left .numbers-on a{
		text-decoration: none;
		color: #fbfafc;
		margin: 0 0 0 0;
		/*padding: 4px 0 2px 4px;*/
		padding: 6px 0 2px 4px;
		font-size: 0.7em;
		background-position: top left;
		display: block;
		background-color: #654f8c;
		background-image: url(../images/buttons/number-bt-over.gif);
		background-repeat: no-repeat;
		} 
	#menu-left #info-pricing a{
		width: 74px;
		height: 25px;
		background-image: url(../images/buttons/info-pricing-bt-normal.gif);
		background-repeat: no-repeat;
		display: block;
		margin: 25px 0 0 0;
		padding: 0 0 0 0;
		}
		
	#menu-left #info-pricing a:hover{
		background-image: url(../images/buttons/info-pricing-bt-over.gif);
		background-repeat: no-repeat;
		}
	#menu-left #info-pricing-hover a{
		background-image: url(../images/buttons/info-pricing-bt-over.gif);
		background-repeat: no-repeat;
		}
	#menu-left #nursery {
		float: left;
		}
	#menu-left #nursery a{
		width: 74px;
		height: 25px;
		background-image: url(../images/buttons/nursery-bt-normal.gif);
		background-repeat: no-repeat;
		display: block;
		margin: 25px 0 0 0;
		padding: 0 0 0 0;
		}
		
	#menu-left #nursery a:hover{
		background-image: url(../images/buttons/nursery-bt-over.gif);
		background-repeat: no-repeat;
		}
	#menu-left #nursery-hover a{
		background-image: url(../images/buttons/nursery-bt-over.gif);
		background-repeat: no-repeat;
		}
	
	#menu-left #galleries a{
		float: left;
		width: 74px;
		height: 9px;
		background-image: url(../images/buttons/galleries-bt-normal.gif);
		background-repeat: no-repeat;
		background-position: bottom left;
		display: block;
		margin: 20px 0 0 0;
		padding: 0 0 0 0;
		}
		
	#menu-left #galleries a:hover{
		width: 74px;
		background-image: url(../images/buttons/galleries-bt-over.gif);
		background-repeat: no-repeat;
		display: block;
		}
	
	#menu-left #albums a{
		float: left;
		width: 74px;
		height: 9px;
		background-image: url(../images/buttons/albums-bt-normal.gif);
		background-repeat: no-repeat;
		background-position: bottom left;
		display: block;
		margin: 20px 0 0 0;
		padding: 0 0 0 0;
		}
		
	#menu-left #albums a:hover{
		background-image: url(../images/buttons/albums-bt-over.gif);
		background-repeat: no-repeat;
		}
	
	#menu-left #testimonials a{
		float: left;
		width: 74px;
		height: 9px;
		background-image: url(../images/buttons/testimonials-bt-normal.gif);
		background-repeat: no-repeat;
		background-position: bottom left;
		display: block;
		margin: 20px 0 0 0;
		padding: 0 0 0 0;
		}
		
	#menu-left #testimonials a:hover{
		background-image: url(../images/buttons/testimonials-bt-over.gif);
		background-repeat: no-repeat;
		}
	
	#menu-left #testimonials-hover a{
		background-image: url(../images/buttons/testimonials-bt-over.gif);
		background-repeat: no-repeat;
		}
	
	
	
	
	
	#photo-homepage{
		float: left;
		
		width: 330px;
		height: 345px;
		}
	#photo{
		float: left;
		margin: 0 0 0 0;
		padding: 0 0 0 10px;
		width: 252px;
		height: 345px;
		}
	#photo-center{
		text-align: center;
		}
	#photo-center ul{
		list-style: none;
		padding: 0 0 0 25px;
		margin: 0 0 0 0;
		font-size: 0.9em;
		text-align: left;
		color: #654f8c;
		background-color: #ffffff;
		}
	#photo-center li{
		margin: 5px 0 0 0;
		}
	#content-text-homepage{
		overflow: auto;
		float: left;
		font-size: 0.7em;
		line-height: 1.4em;
		margin: 15px 0 0 0;
		padding: 0 10px 0 20px;
		width: 390px;
		height: 315px;
		text-align: justify;
		}
	#content-text-homepage ul{
		list-style: none;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		}
	#content-text-homepage li{
		padding: 0 0 10px 0;
		margin: 10px 0 0 0;
		}
		
		
	#content-text{
		overflow: auto;
		float: left;
		font-size: 0.7em;
		line-height: 1.4em;
		margin: 15px 0 0 0;
		padding: 0 10px 0 20px;
		width: 370px;
		height: 315px;
		text-align: justify;
		}
	#content-gallery{
		overflow: auto;
		float: left;
		font-size: 0.7em;
		line-height: 1.4em;
		margin: 130px 0 0 0;
		padding: 0 10px 0 60px;
		width: 250px;
		height: 165px;
		text-align: left;
		}
	
	#matrice{
		float: left;
		width: 255px;
		height: 305px;
		margin: 19px 0 0 10px;
		}
	.thumbnail{
		float: left;
		width: 57px;
		height: 57px;
		border: 1px solid #CCCCCC;
		margin: 0 0 3px 3px;
		padding: 0 0 0 0;
		}
	#matrice-show{
		float: left;
		/*---------------------------Taille maxi du zoom sur la photo, je recentrerai ca apres pareil-------------------*/
		width: 360px;
		height: 305px;
		line-height: 305px;
		/*border: 1px solid red;*/
		margin: 20px 0 0 20px;
		text-align: center;
		}
	
	/*------------------------------------Flash Album------------------------------------*/
	#flash-album{
		float: left;
		width: 655px;
		height: 305px;
		/*border: 1px solid red;*/
		margin: 20px 0 0 0;
		padding: 0 0 0 8px;
		}
	/*------------------------------------Links---------------------------------------------*/
	.links{
		float: left;
		list-style: none;
		padding: 0 0 0 0;
		margin: 20px 0 0 0;
		width: 252px;
		line-height: 0.85em;
	}
	.links a{
		text-decoration: none;
		color: #999999;
		background-color: #ffffff;
		font-size: 0.7em;
		padding: 0 0 0 5px;
	}
	.links a:hover{
		text-decoration: underline;
		color: #333333;
		background-color: #ffffff;
	}
	.links .links-category{
		color: #ffffff;
		width: 220px;
		background-color: #654f8c;
		padding: 5px 5px 5px 5px;
		margin: 0 0 10px 0;
		font-weight: bold;
		font-size: 0.8em;
	}
	.links #links-category-photographers{
		color: #ffffff;
		width: 220px;
		background-color: #654f8c;
		padding: 5px 5px 5px 5px;
		margin: 20px 0 10px 0;
		font-weight: bold;
		font-size: 0.8em;
	}
	/*------------------------------------Contact page-------------------------------*/
	#content-text-contact{
		float: left;
		width: 420px;
		font-size: 0.85em;
		}
	#content-text-contact ul{
		list-style: none;
		padding: 0 0 0 30px;
		margin: 20px 0 0 0;
		}
	#content-text-contact li{
		float: left;
		margin: 2px 0 0 0;
		width: 400px;
		}
	
	.contact-form-names{
		float: left;
		width: 70px;
		}
	#content-text-contact input{
		float: left;
		width: 322px;
		height: 15px;
		margin: 0 0 0 0;
		border: 1px solid #a6aaad;
		background-color: #efefef;
		color: #000000;
		}
	#content-text-contact textarea{
		width: 390px;
		height: 150px;
		}
	#content-text-contact #submit{
		width: 70px;
		height: 20px;
		}
	
	/*------------------------------------Footer-------------------------------------*/
	#footer {
		float: left;
		margin: 3px 0 0 0;
		padding: 0 0 0 0;
		width: 760px;
		}
	#mentions-legales {
		float: left;
		font-size: 0.6em;
		width: 500px;
		padding: 10px 0 0 0;
		color: #666666;
		}
	#mentions-legales a{
		color: #666666;
		background-color: #a6aaad;
		}
		
		
	/*--------------------------------Menu bottom--------------------------*/
	#menu-bottom{
		float: right;
		width: 250px;
		height: 34px;
		}
	
	#menu-bottom ul{
		float: right;
		list-style: none;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		}
	
	#menu-bottom li{
		float: right;
		}
	
	#menu-bottom a{
		background: transparent;
		}
	
	#menu-bottom #sitemap-bt a{
		width: 74px;
		height: 34px;
		background-image: url(../images/buttons/sitemap-bt-normal.gif);
		background-repeat: no-repeat;
		display: block;
		}
		
	#menu-bottom #sitemap-bt a:hover{
		background-image: url(../images/buttons/sitemap-bt-over.gif);
		background-repeat: no-repeat;
		}
	
	#menu-bottom #links-bt a{
		width: 67px;
		height: 34px;
		background-image: url(../images/buttons/links-bt-normal.gif);
		background-repeat: no-repeat;
		display: block;
		}
		
	#menu-bottom #links-bt a:hover{
		background-image: url(../images/buttons/links-bt-over.gif);
		background-repeat: no-repeat;
		}
		
	#menu-bottom #about-us-bt a{
		width: 70px;
		height: 34px;
		background-image: url(../images/buttons/about-us-bt-normal.gif);
		background-repeat: no-repeat;
		display: block;
		}
		
	#menu-bottom #about-us-bt a:hover{
		background-image: url(../images/buttons/about-us-bt-over.gif);
		background-repeat: no-repeat;
		}
		
		
/*------------------------------Sitemap----------------------------*/

#sitemap{
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
#sitemap ul{
	margin: 2px 0 0 0;
	padding: 0 0 20px 0;
	}
#sitemap .level-one{
	list-style: none;
	padding: 0 0 0 2px;
	margin: 0 0 0 10px;
	border-left: 1px solid #CCCCCC;
	}
#sitemap .level-two{
	padding: 0 0 0 2px;
	margin: 0 0 0 10px;
	border-left: 1px solid #CCCCCC;
	}