/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
		{ 
				margin : 0; 
				padding : 0; 
}

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { 
				font-size : 100%; 
}

/* Removes list-style from lists */
ol,ul { 
				list-style : none; 
}

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }


/* layout.css */
html		{
			margin:0px;
			padding:0px;
}

body		{
		position:relative;
		width:940px;
		margin:0 auto;
		padding:0;

}

div#branding	{
		position:relative;
		height:200px;
		width:100%;
}

h1 			{
			position:absolute;
			width:380px;
			height:80px;
			top:30px;
}

div#branding h2{
		position:absolute;
		top:110px;
		left:195px;
		margin:0px;
		padding:0px;
}
p#branding-tagline 		{
		position:absolute;
		top:110px;
		left:-10px;
		width:200px;
}
div#branding blockquote{
		position:absolute;
		top:154px;
		left:220px;
		width:500px;
}
div#branding blockquote cite{
		position:absolute;
		top:20px;
		left:450px;
		width:250px;
}

div#branding-address {
		position:absolute;
		top:5px;
		right:0px;
		width:275px;
		height:105px;
		padding-top:5px;
}
div#branding-address p{
		width:260px;
}
div#branding-address p#branding-image {
		position:absolute;
		top:5px;
		right:190px;
		width:84px;
		height:49px;
}

p#branding-image	{
}

div#content	{
			position:relative;
			height:985px;
}
div#nav_main	{
		position:relative;
		top:460px;
		height:611px;
}
div#nav_main ul	{
		position:absolute;
		top:15px;
		left:-8px;
}
div#nav_main ul	li{
		width:160px;
		height:225px;
}

li#mariage, li#publicite, li#reportage, li#paysage, li#culture {
		position: absolute;
}

li#mariage {
	left : 35px;
}
li#publicite {
	left : 216px;
}
li#reportage {
	left : 397px;
}
li#paysage {
	left : 578px;
}
li#culture {
	left : 759px;
}
div#nav_main ul li a h4{
			position:absolute;
			top:14px;
			left:8px;
}
div#nav_main ul li a img {
			position:absolute;
			top:50px;
			left:4px;
			width:145px;
			height:145px;
}
div#nav_sub ul  {
		position:absolute;
		top:310px;
		left:350px;
		z-index:1;
		width:630px;
		margin:0;
		padding:0px;
}
div#nav_sub ul li{
			position:absolute;
			top:30px;
}
li#P_1	{
			left:0px;
}
li#P_2	{
			left:75px;
}
li#P_3	{
			left:150px;
}
li#P_4	{
			left:225px;
}
li#P_5	{
			left:300px;
}
li#P_6	{
			left:375px;
}
li#P_7	{
			left:450px;
}

div#nav_sub ul li a img {
		width:60px;
		height:60px;
}

div#nav_supp	{
		position:relative;
		top:0;
		height:412px;
		width:100%;
}

div#nav_supp h6 {
		position:absolute;
		top:390px;
		left:20px;
}
/* -------------- PANEL DE PROMOTION ------------ */



div#nav_supp ul#services	{
		position:absolute;
		top:450px;
		left:450px;
		height:600px;
}

div#nav_supp ul#Lphoto li {
		line-height:1.5em;
		text-align:justify;
}

div#nav_supp ul li h4 {
		text-align:right;
}


div#nav_supp a#PHPhotographe, div#nav_supp a#PHCreation, div#nav_supp a#PHProduction, div#nav_supp a#PHEnImages 	{
		position:absolute;
		width:100px;
		height:100px;
}
a#PHPhotographe img, a#PHCreation img, a#PHProduction img, a#PHEnImages img 	{
		position:absolute;
		height:100px;
		display:none;
}
a#PHPhotographe:hover, a#PHCreation:hover , a#PHProduction:hover, a#PHEnImages:hover 	{
		background:none;
}

a#PHPhotographe:hover img, a#PHCreation:hover img, a#PHProduction:hover img, a#PHEnImages:hover img	{
		display:block;
}
a#PHPhotographe	{
		left:557px;
		top:-367px;
		
}
a#PHCreation	{
		left:677px;
		top:-635px;;
}
a#PHProduction	{
		left:156px;
		top:-247px;
}
a#PHEnImages	{
		left:277px;
		top:-498px;
}

div#nav_supp ul#services li#Photographe	{
		position:absolute;
		top:0px;
		left:-400px;
		width:380px;
		height:150px;
}
div#nav_supp ul#services li#Creation	{
		position:absolute;
		top:270px;
		left:-400px;
		width:380px;
		height:100px;
}
div#nav_supp ul#services li#Production	{
		position:absolute;
		top:0px;
		width:380px;
		height:150px;
}
div#nav_supp ul#services li#EnImages	{
		position:absolute;
		top:250px;
		width:380px;
		height:100px;
}

ul#Lphoto li, ul#Lcrea li, ul#Lprod li, ul#Limg li	{
		float:left;
		margin-right:20px;
}

div#siteinfo ul{
			position:relative;
			width:900px;
			height:50px;
			bottom:-300px;
			margin-top:130px;
			margin-left:50px;
}
div#siteinfo ul li{
			display:inline;
}