body {
	background-color:#000;
	background-image: url(pics/photographe-bckgd.gif);
	margin: 0 0 0 0;
} 

/* Main Sections 
------------------------------------------------------------------------- */

#container { 
	
	width: 1250px;
	height: 765px;
	position: relative;
	/*left:0;*/
	margin: 10px auto;
	margin: auto;
	/*margin-left: 0;
	padding-left: 0;
	margin-right: auto;*/
	/*border: 2px solid #00eeff;*/
	/*background-color:#FF0000;*/
}
object { 
	outline:none; 
}
embed { 
	outline:none; 
}
	
/* header
------------------------------------------------------------------------- */	
#header { 
/*border: 1px solid #ffffff;*/
position: relative; top: 5px; left: 20px;
/*margin-left: 0;
margin-right: auto;*/
width: 1120px;
height: 129px;
}

#logo {
	position: relative;
	left: 10px;
	top: 10px;
}

/* Menu
------------------------------------------------------------------------- */
#navbar { 
/*border: 1px solid #ff00ff;*/
/*background-image: url(pics/menu-reportage-photo.gif);*/
position: relative;
float: left;
top: -40px; left: 275px;
/*margin-left: auto;
margin-right: auto;*/
width: 700px;
height: 55px;
}

#menu
{
	margin:0;
	padding:0;
	list-style-type:none;
}

#menu li
{
	margin:0;
	padding:0;
	display:block;
	/*float:left;*/
	display:inline;
	
}
#menu li a {

 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 background:url(pics/Menu-photographe.gif);
 /*width: 106px;*/
 color:#FFF;
 text-decoration:none;
 padding: 12px;
 }
#menu li a:hover {
 color:#C69;
 }
 #menu li a:active {
 color:#C69;
 }


/* content
------------------------------------------------------------------------- */
#content { 
/*border: 1px solid #ffffff;*/
/*display: block;*/
/*float: left;*/
position: relative;
top: 0px;
/*left: 20px;*/
margin: auto;
width: 1300px;
height: 629px;
}
#ColonneG { 
/*border: 1px solid #ff0000;*/
/*display: block;*/
/*float: left;*/
position: absolute;
padding: 10px;
top: 15px;
left: 10px;
/*margin-left: 0;
margin-right: 0;*/
width: 400px;
height: 580px;
font-family:Arial, Helvetica, sans-serif;
font-size:  12px;
font-style: normal;
line-height: 16px;
text-transform: Aucune;
color:#FFFFFF;
}
#ColonneD {
	/*border: 1px solid #242424;*/
/*vertical-align:top;*/
/*display: block;*/
/*float: right;*/
position: absolute;
top: 7px;
left: 470px;
/*margin-left: 0;
margin-right: 0;*/
width: 850px;
height: 627px;
outline: 0px;
}
#ColonneFlash { 
/*border: 1px solid #ff0000;*/
/*vertical-align:top;*/
/*display: block;*/
/*float:right;*/
/*position: absolute;*/
top: 0px;
left: 0px;
/*margin-left: 0;
margin-right: 0;*/
width: 850px;
height: 628px;
}
#ColonneGRANDE { 
/*border: 1px solid #ff0000;*/
display: block;
vertical-align:top;
float: left;
position: relative;
top: 25px;
left: 10px;
/*margin-left: 0;
margin-right: 0;*/
width: 840px;
height: 580px;
font-family:Arial, Helvetica, sans-serif;
font-size:  12px;
font-style: normal;
line-height: 16px;
text-transform: Aucune;
color:#FFFFFF;
}

/* Bottom
------------------------------------------------------------------------- */
#bottom { 
border: 1px solid #ffffff;
/*background-image: url(pics/bottom-pic.gif);*/
position: relative; top: 650px;
margin-left: 0;
margin-right: 0;
width: 1120px;
height: 20px;
}

/* boutons
------------------------------------------------------------------------- */
a.mariage
{/*display: block;*/ float:left; /*position:relative; left: 0px;*/ width: 179px; height: 261px; 
background-image: url(pics/mariages-galerie-portfolio.jpg);background-repeat: no-repeat;}
a.mariage:hover {background-image:url(pics/mariages-galerie-portfolio.jpg);} 

a.evenements
{/*display: block;*/ float:right; width: 179px; height: 261px; /*position:relative;*/ left: 0px; top: 0px; /*clear: both;*/
background-image: url(pics/evenement-galerie-portfolio.jpg);background-repeat: no-repeat;}
a.evenements:hover {background-image:url(pics/evenement-galerie-portfolio.jpg);} 

a.portraits
{/*display: block;*/ float:left; width: 179px; height: 261px; position:relative; left:0px; top: 12px; /*clear: both*/;
background-image:url(pics/portrait-galerie-portfolio.jpg);background-repeat: no-repeat;}
a.portraits:hover {background-image:url(pics/portrait-galerie-portfolio.jpg);} 

a.architecture
{/*display: block;*/ float:right; width: 179px; height: 261px; position:relative; left: 0px; top: 12px; /*clear:both;*/
background-image: url(pics/architecture-galerie-portfolio.jpg);background-repeat: no-repeat;}
a.architecture:hover {background-image:url(pics/architecture-galerie-portfolio.jpg);} 

/* formulaire
------------------------------------------------------------------------- */
textarea {
font-family:"Arial Black", Gadget, sans-serif;
border: thin solid #fff;
margin-bottom: 2px;
margin-top: 2px;
background-color:#CCC;
}

input {
font-family:"Arial Black", Gadget, sans-serif;
border: thin solid #fff;
margin-bottom: 2px;
margin-top: 0px;
background-color:#CCC;
}

/* Polices
------------------------------------------------------------------------- */
h1 {
	font-family:Arial, serif;
	font-size: 16px;
	color:#FFFFFF;
	background-color:transparent;
	/*text-align:left;*/
	font-weight: normal;
}
h2 {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFF; line-height:6px; }

.body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	text-transform: Aucune;
	color:#FFFFFF;
	text-align:justify;
	vertical-align:text-top;
}
p { text-align:justify; }

a { font-family: Arial, Helvetica, san-serif; font-size: 12px; color:#FFF; text-decoration: underline; }
/*a:visited {color:#00FF00}*/
a:hover { color:#c69; }
a:active { color:#c69; 
}

a.link { 
font-family: Arial, Helvetica, san-serif; 
font-size: 12px; 
color:#FFF; 
text-decoration: underline;
}

a.link:hover { 
font-family: Arial, Helvetica, san-serif; 
font-size: 12px; 
color:#c69; 
text-decoration: none; 
}
.date {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	text-transform: Aucune;
	color:#c69;
	text-align:justify;
	vertical-align:text-top;
}
/* SLIDESHOW */

.scrollable {
	position:			relative;
	overflow:			hidden;
	width: 				421px;
	height:				629px;
	background-color:	#fff;
	padding:			0px;
	float:				left;
}
.scrollable img {
	width:				421px;
	height:				629px;
}
.scrollable .items {
	width:				20000em;
	position:			absolute;
	clear:				both;
}
.items div {
	float:				left;
	width:				421px;
}
.navi {
	width:				20px;
	height:				629px;
	float:				left;
}
.navi a {
	width:				8px;
	height:				8px;
	float:				left;
	margin:				3px;
	background:			url(img/navigator.png) 0 0 no-repeat;
	display:			block;
	font-size:			1px;
}
.navi a:hover {
	background-position:0 -8px;      
}
.navi a.active {
	background-position:0 -16px;     
}