/*==========================================================

styles site Simon benhamou :: Photographe
mai 2008
les styles du livre d'or sont dans guesbook/gb_style.css

==========================================================*/


/*====================================================*/
		/*styles generaux*/
/*====================================================*/

body{
margin:0px;
padding:0px;
background-color:#000;
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size:10px;
_font-size:9px;
*font-size:9px;
}

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

img {border:0px;}


/*====================================================*/
		/*styles des pages galleries*/
/*====================================================*/

#conteneur{
	width:735px;
	margin:40px auto;
	}

		#conteneur #entete{
		width:735px;
		height:60px;
		margin:0px 0px 15px 0px;
		padding:0px;
		background:url(images_sites/logobs2.gif) no-repeat top left;
		}

			#conteneur #entete #mainmenu{
			margin:0px;
			margin-top:37px;
			padding:0px;
			float:right;
			list-style-type: none;
			}

				#conteneur #entete #mainmenu li{
				margin:0px;
				padding:0px;
				float:left;

				}

				#conteneur #entete #mainmenu li a{
				width:100px;
				height:18px;
				padding:5px 0px 0px 0px;
				display:block;
				color:#FFF;
				text-decoration:none;
				text-transform:uppercase;
				text-align:center;
				font-size:10px;
				_font-size:9px;
				*font-size:9px;
				}

				#conteneur #entete #mainmenu li a.active, #conteneur #entete #mainmenu li a:hover{
				color:#000;
				font-weight:bold;
				background: url(images_sites/mainmenuactive.gif) no-repeat center center;
				}

		#conteneur #contenu{
		width:735px;
		/*height: 500px;*/
		border:3px solid white;
		}


		#conteneur .menualbums{
			width:730px;
			height:40px;
			padding: 0px;
			list-style-type: none;
			margin:2px 0px 0px 1px;
			}

				#conteneur .menualbums li{
				padding:0px;
				margin:0px;
				float:left;
				color:#FFF;
				height:100%;

				}

				#conteneur .menualbums li a{
				width:144px;
				height:100%;
				margin:0px;
				margin-left:2px;
				padding-top:5px;
				color:#666;
				text-transform:uppercase;
				font-size:9px;
				_font-size:9px;
				text-decoration:none;
				display:block;
				line-height: 15px;
				text-align: center;
				clear:both;

				}

				#conteneur .menualbums li a:hover{
				color:#FFF;
				}



		#conteneur .menualbums li a.active{
				text-decoration:none;
				cursor:default;
				background:#000;
				color:#FFF;
				}

		#conteneur .menureport{
			width:729px;
			height:40px;
			margin:6px 0px 0px 3px;
			_margin:3px 0px 0px 3px;
			*margin:3px 0px 0px 3px;

			padding:0px;
			padding-top:10px;
			list-style-type: none;
			background:#111111;
			clear: both;
			}

		#conteneur .menureport li{
				margin:0px;
				padding:0px;
				float:left;
				color:#fff;
				}

				#conteneur .menureport li a{
				margin:0px 10px;
				padding:0px;
				color:#fff;
				text-transform:uppercase;
				font-size:9px;
				text-decoration:none;
				line-height: 16px;
				}

				.menureport li a.active, #conteneur .menureport li a:hover{
				text-decoration:underline;
				}


		#conteneur .menureport li a.active{
		text-decoration:underline;
		cursor:default;
		}

		#flashcontent{
		width:730px;
		height:360px;
		padding:0px;
		margin:0px;
		overflow:hidden;
		}

		#piedpage{width:740px; text-align: center; padding:0px; margin:0px;}

		.right{font-size: 9px;  padding:0px; margin-top:10px;}
		.right li{ margin:0px 10px; display: inline; text-transform: uppercase;}
		.right li a{text-transform: uppercase; color: #FFF; text-decoration: none;}
		.right li a:hover{text-transform: uppercase; color: #FFF; text-decoration: underline;}


/*====================================================*/
		/*styles spŽcifiques a la page accueil*/
/*====================================================*/
#indexsbp #contenu{
width:735px;
height:458px;
}

#indexsbp #contenu h1{margin: 15px; padding: 0; color:#FFF; }

#indexsbp #contenu .img_home_site{
width:530px;
height:420px;
margin: 20px auto;
padding: 0;
/*background:url(images_sites/studio01.jpg)center center;*/
}




/*====================================================*/
		/*styles spŽcifiques a la page portfolio*/
/*====================================================*/

#mainportfolio #contenu{
width:735px;
margin:auto;
}

#mainportfolio #contenu h1{margin: 20px; padding: 0; color:#FFF; font-size: 14px; font-weight: bold;}

#mainportfolio #contenu p{margin: 20px; padding: 0; color:#FFF; line-height: 20px;font-size: x-small; text-align: justify;}

#mainportfolio #contenu .galleries {
width:710px;
margin:auto;
_margin-left:0px;
*margin-left:0px;
}

#mainportfolio #contenu .galleries  li{
width:340px;
float: left;
margin:0px;
margin-bottom: 10px;
margin-left: 10px;

}

#mainportfolio #contenu .galleries  li a{
width: 340px;
height:100px;
float: left;
text-indent:-3000px;
overflow:hidden;
text-decoration:none;
}

#mainportfolio #contenu .galleries  .bg_reportages a{
background: url(images_sites/bg_reportages.jpg) no-repeat top left;
}

#mainportfolio #contenu .galleries  .bg_mode a{
background: url(images_sites/bg_mode.jpg) no-repeat top left;
}

#mainportfolio #contenu .galleries  .bg_parutions a{
background: url(images_sites/bg_parutions.jpg) no-repeat top left;
}

#mainportfolio #contenu .galleries  .bg_com a{
background: url(images_sites/bg_com.jpg) no-repeat top left;
}

#mainportfolio #contenu .galleries  .bg_people a{
background: url(images_sites/bg_people.jpg) no-repeat top left;
}



#mainportfolio #contenu .ssmenuport  li{
display: inline;
margin-right: 10px;
font-size: 9px;

}

#mainportfolio #contenu .ssmenuport  li a{
color:#FFF;
line-height:20px;
_line-height:16px;
text-decoration: none;
text-transform: uppercase;
}

#mainportfolio #contenu .ssmenuport  li a:hover{
text-decoration: underline;

}

/*====================================================*/
		/*styles specifiques a la page contact*/
/*====================================================*/

#contact #contenu{
width:735px;
margin:auto;
background:url(images_sites/portraitbg.jpg) no-repeat top center;
}

#contact #contenu h1{margin: 20px; padding: 0; color:#FFF; font-size: 14px; font-weight: bold;}

#contact #contenu p{margin: 20px; padding: 0; color:#FFF; line-height: 20px;font-size: x-small; text-align: justify; }

#contact #contenu .contactme{
width:710px;
margin:auto;
_margin-left:0px;
*margin-left:0px;
}

#contact #contenu .contactme  li{
width:340px;
height:100px;
float: left;
margin:0px;
margin-bottom: 10px;
margin-left: 10px;
filter : alpha(opacity=90); -moz-opacity : 0.90; opacity : 0.90;

}

#contact #contenu .contactme  li a{
width:340px;
height:100px;
display:block;
text-indent:-3000px;
overflow:hidden;
text-decoration:none;
filter : alpha(opacity=90); -moz-opacity : 0.90; opacity : 0.90;
}

#contact #contenu .contactme  li a:hover{
filter : alpha(opacity=99); -moz-opacity : 0.99; opacity : 0.99;

}

#contact #contenu .contactme  .dl_cv a{
background: url(images_sites/dl_cv.jpg) no-repeat top left;
}

#contact #contenu .contactme  .dl_mail a{
background: url(images_sites/dl_mail.jpg) no-repeat top left;
}

#contact #contenu .contactme  .dl_vcard a{
background: url(images_sites/dl_vcard.jpg) no-repeat top left;
}

#contact #contenu .contactme  .dl_guestbook a{
background: url(images_sites/dl_guestbook.jpg) no-repeat top left;
}

/*---------page simon benhamou.html ----*/
.white h1,
.white p,
.white li {
	color: #fff;
}

.white ul {
	padding-left: 20px;
}

.white ul li {
	list-style-type: disc;
}