/* 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:100%;
		margin:0 0;
		padding:0;
		min-width:800px;

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

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

h6 			{
			position:absolute;
			width:210px;
			height:50px;
			top:0px;
}

div#branding h2{
		position:absolute;
		top:160px;
		left:40px;
		margin:0px;
		padding:0px;
}
p#branding-tagline 		{
		position:absolute;
		top:90px;
		left:10px;
		width:200px;
		text-indent:-9999px;
}
div#branding blockquote{
		position:absolute;
		top:190px;
		right:0px;
		width:250px;
		z-index:2;
}
div#branding blockquote cite{
		position:absolute;
		top:70px;
		left:0px;
		width:240px;
		z-index:1;

}

div#branding-portal	ul{
		position:absolute;
		top:80px;
		right:300px;
		width:270px;
		height:60px;

}
div#branding-portal	ul li {
		position:absolute;
		width:50px;
		height:50px;
		top:5px;

}
div#branding-portal	ul li a{
		display:block;
		width:50px;
		height:50px;
}
div#branding-portal	li#PHPortal  {
		left:3px;
}
div#branding-portal	li#PHPhoto  {
		left:56px;
}
div#branding-portal	li#PHProd  {
		left:110px;
}
div#branding-portal	li#PHCrea  {
		left:163px;
}
div#branding-portal	li#PHImg  {
		left:216px;
}

div#branding-portal	li#textAnnonce {
		top:50px;
		left:20px;
}
div#branding-address {
		position:absolute;
		top:80px;
		right:15px;
		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;
}
div#branding-address p#branding-auteur {
		position:absolute;
		top:210px;
		right:0px;
		width:261px;
		height:123px;
		z-index:1;
}
div#branding-address p#branding-auteur h2 {
		text-indent:-9999px;
}
div#branding-rss-basket {
		position:absolute;
		top:70px;
		right:580px;
		width:130px;
		height:70px;
}


div#branding-rss-basket a#branding-rss {
			position:absolute;
			top:0px;
			right:0px;
			width:61px;
			height:61px;
}
div#branding-rss-basket a#branding-basket {
			position:absolute;
			top:0px;
			left:0px;
			width:61px;
			height:61px;
}
a#branding-rss i, a#branding-basket i  {
			display:block;
}




div#nav_main	{
			position:absolute;
			top:10px;
			right:0px;
			width:800px;
			height:79px;
			z-index:1000;
			
}

div#branding-photo ul{
			position:relative;
			top:42px;
			left:5px;
			width:940px;
			height:700px;

}

div#branding-photo li  img#FRONT{
			width:940px;
			height:627px;
			/*margin-left:75px;*/
			border:none;
			z-index:10;
}
div#branding-photo li  a img#ID1{
			position:absolute;
			width:123px;
			height:60px;
			margin-left:0px;
			top:8px;

}
div#branding-photo li  a img#ID2{
			position:absolute;
			width:123px;
			height:60px;
			margin-left:0px;
			top:76px;

}
div#branding-photo li  a img#ID3{
			position:absolute;
			width:123px;
			height:60px;
			margin-left:0px;
			top:144px;

}
div#branding-photo li  a img#ID4{
			position:absolute;
			width:123px;
			height:60px;
			margin-left:0px;
			top:212px;

}


/* -------- content main -----------*/

div#content	{

			width:90%;
			margin:0px auto;
			height:2300px;

}
div#content_main	{
	position:relative;
	width:100%;
	height:2000px;
	padding:10px;
}
div#content_sub	{
	position:absolute;
	top:305px;
	margin-left:520px;
	height:395px;
	width:270px;
}
div#content_viewer	{
	position:absolute;
	top:0px;
	height:1400px;
	width:100%;
}

div#content_news	{
	position:relative;
	margin:100px auto;
	width:940px;
	height:200px;
}
div#siteinfo ul{
			position:relative;
			width:900px;
			height:50px;
			margin:30px auto;
}
div#siteinfo i{
			position:relative;
			width:900px;
			height:50px;
			margin-left:150px;
}
div#siteinfo ul li{
			display:inline;
}