/*******************************************************************************
LES DIMENSIONS
*******************************************************************************/
body		{	min-width: 850px;/* for mozilla*/ }
#wrap	{ width: 850px; }
/* mac hide \*/
* html #wrap, * html #header { width:850px }
/* end hide*/

html, body {
	font-size: 10pt;
	font-family: "Trebuchet MS", verdana, sans-serif;
}
	

/*******************************************************************************
CENTER
*******************************************************************************/
#center	{	padding-top	: 130px; /* for HEADER */ }


/*******************************************************************************
HEADER
*******************************************************************************/
#header	{ width: 850px; height: 125px; }
#header .inbox { padding: 0 35px; }
#header	{ background: url(images/header.png) no-repeat top; }


/*******************************************************************************
FOOTER
*******************************************************************************/
#clearfooter,
#footer	{	width: 850px; height: 130px; }
#footer .inbox { padding: 0 50px; margin: 90px 0 0 0; }
#footer	{ background: url(images/footer.png) no-repeat bottom; }


/*******************************************************************************
LEFT
*******************************************************************************/
#left					{ width: 500px; padding: 0 15px 0 30px; }
#left .inbox 	{ }


/*******************************************************************************
RIGHT
*******************************************************************************/
#right				{	width: 240px; padding: 0 40px 0 15px; border-left: 1px solid gray; }
#right .inbox	{	}


/*******************************************************************************
LES IMAGES DE FOND
*******************************************************************************/
body			{ background: #ddd url(images/body.png); }
#wrap		{ background: url(images/center.png) repeat-y center; }


/*******************************************************************************
LE MENU PRINCIPAL
*******************************************************************************/
#menu_top { position: absolute; z-index: 66; top: 51px; left: 100px; height: 33px; width: 750px; }
#menu_top .subMenu { top: 32px; border: 1px #ddd solid; }
#menu_top a {
	text-decoration: none;
	font-weight	: bold;
	display			: block;
	width				: 135px;
	height			: 31px;
	line-height	: 30px;
	text-align	: center;
	background	: white url(images/btMenu.png) no-repeat left top;
}
#menu_top .subMenu a {
	height			: 20px;
	line-height	: 20px;
	text-indent	: 20px;
	text-align	: left;
	background	: #ccc;
}
#menu_top a:hover					{ background-position: left -32px; }
#menu_top .subMenu a:hover	{ background	: #eee; }


/*******************************************************************************
LE MENU SECONDAIRE
*******************************************************************************/
#menu_sec { position: absolute; z-index: 65; top: 105px; left: 50px; height: 33px; }
#menu_sec .subMenu {	top: 20px; border: 1px #ddd solid; }
#menu_sec a {
	text-decoration	: none;
	text-indent	: 22px;
	font-weight	: bold;
	display			: block;
	width				: 120px;
	height			: 20px;
	line-height	: 20px;
	background	: white url(images/menu_puce1.png) no-repeat left top;
}
#menu_sec .subMenu a {
	width				: 200px;
	background	: white url(images/menu_puce2.png) no-repeat left top;
}
#menu_sec li a:hover		{ background-position: left -22px; }


/*******************************************************************************
LES LIENS
*******************************************************************************/
a						{ font-weight: bold; color: #000080; text-decoration	: none; }
a:hover			{	text-decoration	: underline; }
a img				{	border: 1px #000080 solid; padding: 2px; }
a img:hover	{ border: 2px #000080 solid; padding: 1px; }


/*******************************************************************************
LES TITRES
*******************************************************************************/
h1 { font-size: 16pt; margin: 0 0 15px 0; }
h2 { font-size: 36pt; font-weight: bold; margin: 35px 0 0 0; color: chocolate; }
h3 { font-size: 12pt; margin: 20px 0 5px 0; }


/*******************************************************************************
RERCHERCHE
*******************************************************************************/
#search				{ margin: 0; padding: 0; top: 100px; left: 35px; width: 450px; position: absolute; z-index: 65; }
#search form		{ margin: 0; padding: 0; border: none; }
#search fieldset	{ margin: 0; padding: 0; border: none; }
#ajaxSearch_input	{ width: 330px; }


/*******************************************************************************
	DITTO
*******************************************************************************/
.ditto_summaryPost img { float: left; }
.imgArticle { float: left; }


/*******************************************************************************
	DITTO MES JEUX
*******************************************************************************/
#mesjeux .item { }


/*******************************************************************************
	DITTO SUMMARY
*******************************************************************************/
.blog_item { float: left; width: 220px; height: 150px; margin: 10px; }

/*******************************************************************************
	RSS
*******************************************************************************/
#fluxRSS ul, #fluxRSS li { list-style: none; margin: 0; padding: 0; }
#fluxRSS li a {
	height						: 22px;
	line-height				: 22px;
	padding-left			: 22px;
	background				: transparent url(images/puce_rss.png) no-repeat left;
}

/*******************************************************************************
	ARTICLES / POST
*******************************************************************************/
.post img {
	padding			: 2px;
	background	: #ccc;
}