/** Structure du site **/

*, h1, h3, p
{
	margin:0;
	padding:0;
	font-family:Arial;
	font-size:11px;
}
a img
{
	border:none;
	text-decoration:none;
}

body
{
background-color:#453B32;
}

div#wrapper
{
	position:relative;
	text-align:left;
	width:800px;
	height:620px;
	margin:0 auto;
}

div#site
{
	position:absolute;
	width:800px;
	height:599px;
	top:0;
	background-color:white !important;
	background-image:url("/themes/ferri/images/bcg_footer.gif");
	background-repeat:no-repeat;
	background-position:bottom right;
}

div#pageHeader
{
	position:absolute;
	z-index:20;
	top:0;
	height:136px;
	width:800px;
	background-image:url("/themes/ferri/images/header.gif");
	background-repeat:no-repeat;
	background-color:#453B32;
}

div#pageHeader img#sitelogo
{
	position:absolute;
	top:35px;
	left:5px;
}

div#pageHeaderContent, div#pageHeaderContent a
{
font-size:10px;
color:white !important;
text-decoration:none;
}
div#pageHeaderContent
{
	position:absolute;
	top:5;
	right:20;
}

img#siteLeftImage
{
	position:absolute;
	left:0;
	top:136px;
	z-index:12;
}

div#menu
{
	position:absolute;
	top:114px;
	right:0;
	width:600px;
	height:20px;
}
div#pageSideContent
{
	position:absolute;
	width:178px;
	height:175px;
	bottom:0;
	left:30;
	z-index:15;
	font-size:11px;
	color:white;
}

div#pageSideContent h2
{
	font-size:18px;
	font-weight:bold;
	padding:15px;
	text-align:center;
	color:white;
}
div#pageSideContent p
{
	padding:0 15px;
	width:148px;
	_width:178px;
	text-align:justify;
}
div#pageSideContent a
{
font-size:11px;
display:block;
color:white;
padding:20px 15px 0 15px;
text-align:center;

}

div#pageContent
{
	z-index:10;
	position:absolute;
	right:0;
	top:138px;
	width:520px;
	height:400px;
	_width:560px;
	_height:430px;
	padding:15px;
	overflow:auto;
}

div#pageFooter, div#pageFooter a
{
font-size:11px;
color:white !important;
}
div#pageFooter
{
position:absolute;
bottom:0;
width:100%;
text-align:right;
}

/** MENU **/
div#menu li
{
	list-style:none;
}
div#menu li ul
{
	display:none;
}

div#menu a
{
	text-decoration:none;
	color:white;
	font-weight:bold;
	text-transform:uppercase;
	font-size:11px;
	line-height:20px;
}

ul.menu0
{
	height:20px;
}
ul.menu0 li
{
	float:left;
	width:119px;
	text-align:center;
	height:20px;
}
ul.menu0 li.level0
{
	position:relative;
}
ul.menu1
{
	position:absolute;
	top:20;
	left:0;
	margin-left:-30px;
	width:180px !important;
}
ul.menu2
{
	position:absolute;
	top:0;
	left:180px;
}
ul.menu1 li.level1
{
	position:relative;
	background-color:#930229;
	border-top:1px solid white;
	width:180px;
}
ul.menu2 li.level2
{
	background-color:#930229;
	border-top:1px solid white;
	border-left:1px solid white;
	border-right:1px solid white;
	width:180px;
}
ul.menu1 a
{
font-weight:normal !important;
}
ul.menu1 li.hovered
{
	background-color:#382E25 !important;
}
div#menu ul.menu1 li.hovered ul li a
{
	color:white !important;
}

/** Pages **/
p, h1, #pageContent h2
{
	padding:5px;
	
}
h1.titreFerri
{
	font-size:27px;
	line-height:20px;
	border-bottom:4px solid #930229;
	margin-bottom:5px;
	width:220px;
	_width:230px;
}
h2
{
	font-size:17px !important;
	color:#930229;
}
a.fleche
{
	padding-left:5px;
	color:#930229;
	font-weight:bold;
}