/******************************************** Hack IE ********************************************/
* html body { overflow: hidden; }
* html #content { height: 100%; overflow: auto; }
/******************************************** Hack IE ********************************************/


/***************************************** Arrière fond. *****************************************/
body { padding-bottom: 60px; margin: 0; background: fixed #FFF url("images/bg.jpg") top repeat-x; }
/***************************************** Arrière fond. *****************************************/


/**************************************** Tableau central ****************************************/
.cont { width: 85%; margin: 5% 7.5%; color: #09F; }

.head { background: #FFF url("images/logo.png") scroll no-repeat center; height: 138px; }
.main {
	background: #FFF url("images/main.png") scroll repeat-y center; padding: 5px;
	height: 250px; vertical-align: middle; color: #09F;
}
.bottom {
	background: #FFF url("images/main.png") scroll repeat-y center; color: #000;
	text-align: center; vertical-align: middle;
}
/**************************************** Tableau central ****************************************/


/***************************************** Pied de page. *****************************************/
#foot {
	left: 0; bottom: 0; position: fixed !important; width: 100%; color: #000; font-size: 10px;
	background: #D1D1D1 url("images/footbar.png") scroll repeat-x top; vertical-align: middle;
	position: absolute; height: 60px; padding-top: 3px;
}
#foot .footl { text-align: left; float: left; padding-left: 3px; }
#foot .footr { text-align: right; float: right; padding-right: 3px; }
/***************************************** Pied de page. *****************************************/


/********************************************* Lien. *********************************************/
a { color: #09F; text-decoration: underline; }
a:hover { color: #FFE000; text-decoration: underline; }
/********************************************* Lien. *********************************************/


/******************************************* En-têtes. *******************************************/
h1 { color: #F00; font-weight: bold; text-align: center; }
/******************************************* En-têtes. *******************************************/




/***************************************** Présentation. *****************************************/
.s { text-decoration: line-through; }										/* Texte barré */
.u { text-decoration: underline; }											/* Texte souligné */
.i { font-style: italic; }													/* Texte italic */
.big { font-weight: bold; font-size: xx-large; }							/* Texte gros */
.code {
	font-family: "Courier New", Courier, monospace; border: 1px solid #CCA;
	background-color: #FFE; padding: 0 1px;
}
.null { color: #F00; }														/* Ecriture rouge */
.info { font-size: 9px; }													/* Petite écriture */
img { vertical-align: middle; border: 0; }
/***************************************** Présentation. *****************************************/


/********************************************* Liste *********************************************/
ul.puce { list-style: disc; }
ul.dec { list-style: decimal; }
ul.il { list-style: lower-roman; }
ul.iu { list-style: upper-roman; }
ul.al { list-style: lower-alpha; }
ul.au { list-style: upper-alpha; }
/********************************************* Liste *********************************************/


/****************************************** Alignement. ******************************************/
.center { text-align: center; }												/* Texte centré */
.left { text-align: left; }													/* Texte à gauche */
.right { text-align: right; }												/* Texte à droite */
/****************************************** Alignement. ******************************************/


/******************************************** Boites. ********************************************/
.boxleft { text-align: right; float: left; padding-right: 5px; width: 150px; }
.boxright { text-align: left; float: right; padding-left: 5px; width: 150px; }
.boxleftx { text-align: right; margin-right: 155px; }
.boxrightx { text-align: left; margin-left: 155px; }
.boxcode {
	font-family: "Courier New", Courier, monospace; border: 1px solid #999;
	background-color: #FFE; margin: 3px; padding: 4px 5px;
	max-height: 200px; overflow: auto;
}
.boxquote {
	border: 1px solid #999; background-color: #ADF; color: #000; margin: 3px 3px 0 3px;
	padding: 3px;
}
.boxquote .boxquote { margin: 3px 0 0 0; }
.boxquote .boxquotetitle {
	background-color: #68A; color: #FFF; margin: -3px -3px 3px -3px; padding: 2px 3px;
	font-size: smaller; border-bottom: 1px solid #999;
}
/******************************************** Boites. ********************************************/


/****************************************** Pagination. ******************************************/
/******************************* Section modifiable entièrement !! *******************************/
.page {
	border: 1px #000 solid; background-color: #DDD; padding: 0 2px; text-decoration: none;
	font-size: small;
}
.page:hover { text-decoration: none; }
.pagecurrent {
	color: #00F; border: 1px #000 solid; background-color: #CCC; padding: 0 2px; font-size: small;
}
/****************************************** Pagination. ******************************************/


/******************************************* Bordures. *******************************************/
.imgborder { border: 1px solid #000; margin-left: -1px; }
/******************************************* Bordures. *******************************************/


/****************************************** Paragraphe. ******************************************/
div.p { margin: 30px 0 30px 25px; }
/****************************************** Paragraphe. ******************************************/


/******************************************** Alerte. ********************************************/
.error { color: #F00; font-size: 9px; line-height: 50px; text-align: center; }
.warn { color: #000; font-size: 9px; line-height: 50px; text-align: center; }
.fatal { color: #F00; font-size: 18px; margin: 20px 0; text-align: center; }
/******************************************** Alerte. ********************************************/


/********************************************* News. *********************************************/
.newsp { font-size: smaller; text-align: left; margin: 45px 15px 1px 15px; }
.newshead {
	border-color: #09F; border-style: solid; border-width: 1px 2px 2px 1px; padding: 2px;
	margin-bottom: 2px; margin-left: 15px; margin-right: 15px; vertical-align: middle;
}
.newsright { text-align: right; font-size: small; }
.newsleft { text-align: left; float: left; font-size: small; }
.news {
	border-color: #09F; border-style: solid; border-width: 1px 2px 2px 1px;
	padding: 5px; font-size: 14px; margin-left: 15px; margin-right: 15px; margin-bottom: 2px;
}
.newslist, .memberlist {
	border-spacing: 0; border-color: #09F; border-style: solid; border-width: 1px 0 0 1px;
	text-align: center; margin-bottom: 30px;
}
.newslist td, .memberlist td {
	border-color: #09F; border-style: solid; border-width: 0 1px 1px 0; padding: 2px 3px;
}
.newslist .newstop, .memberlist .membertop { font-weight: bold; text-decoration: underline; }

.comment { border: 1px #09F dashed; padding: 2px 2px 0 2px; margin: 45px 15px 1px 15px; }
.commentinfo { font-size: smaller; text-align: left; margin-bottom: 2px; }
.commenttitre {
	border-color: #09F; border-style: solid; border-width: 1px; padding: 2px; font-size: smaller;
	margin-bottom: 2px; vertical-align: middle;
}
.commentright { text-align: right; font-size: small; }
.commentleft { text-align: left; float: left; font-size: small; }
.commentcont {
	border-color: #09F; border-style: solid; border-width: 1px; padding: 5px; font-size: 14px;
	min-height: 50px; margin-bottom: 2px;
}
#commentadd { border: 2px #09F dashed; margin-top: 45px; }
/********************************************* News. *********************************************/