/****************************************************************/
/* 1. IMPORTED STYLESHEETS */
/****************************************************************/

/* Import the basic setup styles */
@import url(imports/base.css);
/* Import the colour scheme */
@import url(imports/red.css);

/****************************************************************/
/* 2. TEXT SETTINGS */
/****************************************************************/

/* 2.1 This sets the default Font Group */

.pun,
.pun INPUT,
.pun SELECT,
.pun TEXTAREA,
.pun OPTGROUP{
	FONT-FAMILY:Arial, Helvetica, sans-serif;
}

.pun{
	FONT-SIZE:11px;
	LINE-HEIGHT:normal;
}

/* IEWin Font Size only - to allow IEWin to zoom. Do not remove comments \*/
* HTML .pun{
	FONT-SIZE:68.75%
}
/* End IE Win Font Size */

/* Set font size for tables because IE requires it */
.pun TABLE,
.pun INPUT,
.pun SELECT,
.pun OPTGROUP,
.pun TEXTAREA,
DIV.postmsg P.postedit{
	FONT-SIZE:1em;
}

/* 2.2 Set the font-size for preformatted text i.e in code boxes */

.pun PRE{
	FONT-FAMILY:Arial, Helvetica, sans-serif;
}

/* 2.3 Font size for headers */

.pun H2,
.pun H4{
	FONT-SIZE:11px;
}
.pun H3{
	FONT-SIZE:12px;
}
#brdtitle H1{
	FONT-SIZE:12px;
}

/* 2.4 Larger text for particular items */
DIV.postmsg P{
	LINE-HEIGHT:1.4;
}
DIV.postleft DT{
	FONT-SIZE:11px;
}
.pun PRE{
	FONT-SIZE:11px;
}

/* 2.5 Bold text */

DIV.postleft DT,
DIV.postmsg H4,
TD.tcl H3,
DIV.forminfo H3,
P.postlink,
DIV.linkst LI,
DIV.linksb LI,
DIV.postlinksb LI,
.blockmenu LI,
#brdtitle H1,
.pun SPAN.warntext,
.pun P.warntext{
	FONT-WEIGHT:bold;
}

/****************************************************************/
/* 3. LINKS */
/****************************************************************/

/* 3.1 Remove underlining for main menu,
post header links,
post links and vertical menus */

#brdmenu A:link,
#brdmenu A:visited,
.blockpost DT A:link,
.blockpost DT A:visited,
.blockpost H2 A:link,
.blockpost H2 A:visited,
.postlink A:link,
.postlink A:visited,
.postfootright A:link,
.postfootright A:visited,
.blockmenu A:link,
.blockmenu A:visited{
	TEXT-DECORATION:none;
}

/* 3.2 Underline on hover for links in headers and main menu */

#brdmenu A:hover,
.blockpost H2 A:hover{
	TEXT-DECORATION:underline;
}

/****************************************************************/
/* 4. BORDER WIDTH AND STYLE */
/****************************************************************/

/* 4.1 By default borders are 1px solid */

.pun TH,
DIV.box_id{
	BORDER:none;
}

.pun TD,
.pun BLOCKQUOTE,
DIV.codebox,
DIV.forminfo,
DIV.blockpost LABEL{
	BORDER-STYLE:solid;
	BORDER-WIDTH:1px;
	BORDER-COLOR:#D8D8D8;
}

/* 4.2 Special settings for the board header. */

#brdheader DIV.box{
	BORDER-TOP-WIDTH:4px;
}

/* 4.3 Borders for table cells */

.pun TD,
.pun TH{
	BORDER-BOTTOM:none;
	BORDER-RIGHT:none;
}

.pun .tcl{
	BORDER-LEFT:none;
}

/* 4.4 Special setting for fieldsets to preserve IE defaults */

DIV>FIELDSET{
	BORDER-STYLE:solid;
	BORDER-WIDTH:1px;
}

/****************************************************************/
/* 5. VERTICAL AND PAGE SPACING */
/****************************************************************/

/* 5.1 Page margins */

HTML,
BODY{
	MARGIN:0;
	PADDING:0;
}

/* 5.2 Creates vertical space between main board elements (Margins) */

DIV.block,
DIV.blockform,
DIV.block2col,
#postreview{
	MARGIN-BOTTOM:12px;
}

DIV.blockpost{
	MARGIN-BOTTOM:6px;
}

DIV.block2col DIV.blockform,
DIV.block2col DIV.block{
	MARGIN-BOTTOM:0px;
}

/* 5.3 Remove space above breadcrumbs,
postlinks and pagelinks with a negative top margin */

DIV.linkst{
	MARGIN-TOP:-12px;
}
DIV.linksb{
	MARGIN-TOP:0px;
}
DIV.postlinksb{
	MARGIN-TOP:-6px;
}

/* 5.4 Put a 12px gap above the board information box in index because the category tables only
have a 6px space beneath them */

#brdstats{
	MARGIN-TOP:12px;
}

/****************************************************************/
/* 6. SPACING AROUND CONTENT */
/****************************************************************/

/* 6.1 Default padding for main items */

.pun P,
.pun UL,
.pun DL,
DIV.blockmenu LI,
.pun LABEL,
#announce DIV.inbox DIV{
	PADDING:3px 0;
}
.pun H2{
	PADDING:4px 12px;
}

/* 6.2 Special spacing for various elements */

.pun H1{
	PADDING:3px 0px 0px 0;
}
#brdtitle P{
	PADDING-TOP:0px;
}
DIV.linkst{
	PADDING:8px 6px 3px 6px;
}
DIV.linksb,
DIV.postlinksb{
	PADDING:3px 6px 8px 6px;
}
#brdwelcome,
#brdfooter DL A,
DIV.blockmenu LI,
DIV.rbox INPUT {
	LINE-HEIGHT:1.4em;
}
#viewprofile DT,
#viewprofile DD{
	PADDING:0 3px;
	LINE-HEIGHT:2em;
}

/* 6.4 Create some horizontal spacing for various elements */

#brdmenu UL{
	PADDING-LEFT:12px;
}
#brdmenu LI,
DIV.rbox INPUT,
DIV.blockform P INPUT {
	MARGIN-RIGHT:12px;
}

/****************************************************************/
/* 7. SPACING FOR TABLES */
/****************************************************************/

.pun TH,
.pun TD{
	PADDING:4px 6px;
}

.pun TD P{
	PADDING:5px 0 0 0;
}

/****************************************************************/
/* 8. SPACING FOR POSTS */
/****************************************************************/

/* 8.1 Padding around left and right columns in viewtopic */

DIV.postleft DL,
DIV.postright{
	PADDING:6px;
}

/* 8.2 Extra spacing for poster contact details and avatar */

DD.usercontacts,
DD.postavatar{
	MARGIN-TOP:5px;
}
DD.postavatar{
	MARGIN-BOTTOM:5px;
}

/* 8.3 Extra top spacing for signatures and edited by */

DIV.postsignature,
DIV.postmsg P.postedit{
	PADDING-TOP:15px;
}

/* 8.4 Spacing for code and quote boxes */

DIV.postmsg H4{
	MARGIN-BOTTOM:10px;
}
.pun BLOCKQUOTE,
DIV.codebox{
	MARGIN:5px 15px 15px 15px; 
	PADDING:8px;
}

/* 8.5 Padding for the action links and online indicator in viewtopic */

DIV.postfootleft P,
DIV.postfootright UL,
DIV.postfootright DIV{
	PADDING:10px 6px 5px 6px;
}

/* 8.6 This is the input on moderators multi-delete view */

DIV.blockpost INPUT,
DIV.blockpost LABEL{
	PADDING:3px;
	DISPLAY:inline;
}

P.multidelete{
	PADDING-TOP:15px;
	PADDING-BOTTOM:5px;
}

/* 8.7 Make sure paragraphs in posts don't get any padding */

DIV.postmsg P{
	PADDING:0;
}

/****************************************************************/
/* 9. SPECIAL SPACING FOR FORMS */
/****************************************************************/

/* 9.1 Padding around fieldsets */
DIV.blockform{
	/*width:528px;*/
}
DIV.blockform FORM,
DIV.fakeform{
	PADDING:20px 20px 15px 20px;
}
DIV.inform{
	PADDING-BOTTOM:12px;
}

/* 9.2 Padding inside fieldsets */

.pun FIELDSET{
	PADDING:0px 12px 0px 12px;
}
DIV.infldset{
	PADDING:9px 0px 12px 0;
}
.pun LEGEND{
	PADDING:0px 6px;
}

/* 9.3 The information box at the top of the registration form and elsewhere */

DIV.forminfo{
	MARGIN-BOTTOM:12px;
	PADDING:9px 10px
}

/* 9.4 BBCode help links in post forms */

UL.bblinks LI{
	PADDING-RIGHT:20px;
}

UL.bblinks{
	PADDING-BOTTOM:10px;
	PADDING-LEFT:4px;
}

/* 9.5 Horizontal positioning for the submit button on forms */

DIV.blockform P INPUT{
	MARGIN-LEFT:12px;
}

/****************************************************************/
/* 10. POST STATUS INDICATORS */
/****************************************************************/

/* 10.1 These are the post status indicators which appear at the left of some tables. 
.inew = new posts,
.iredirect = redirect forums,
.iclosed = closed topics and
.isticky = sticky topics. By default only .inew is different from the default.*/

DIV.icon{
	FLOAT:left;
	MARGIN-TOP:0.1em;
	MARGIN-LEFT:0.2em;
	DISPLAY:block;
	BORDER-WIDTH:0.6em 0.6em 0.6em 0.6em;
	BORDER-STYLE:solid;
}

DIV.searchposts DIV.icon{
	MARGIN-LEFT:0;
}

/* 10.2 Class .tclcon is a div inside the first column of tables with post indicators. The
margin creates space for the post status indicator */

TD DIV.tclcon{
	MARGIN-LEFT:2.3em;
}


/****************************************************************/
/* 11. CSS ADDITIONNELS - TEMPLATE FLEXFUEL */
/****************************************************************/

#punwrap{
	margin:0;
	padding:0;
	width:683px;
}

DIV.ff_titre{
	display:block;
	width:683px;
	height:19px;
	margin:0;
	padding:0;
	background-color:#607A34;
	background-image:url(../img/flexfuel/top_darkgreen.jpg);
	background-repeat:no-repeat;
}

DIV.ff_titre_medium{
	display:block;
	height:19px;
	width:528px;
	margin:0;
	padding:0;
	background-color:#fff;
	background-image:url(../img/flexfuel/top_darkgreen_medium.jpg);
	background-repeat:no-repeat;

}

DIV.ff_titre_small{
	display:block;
	height:19px;
	margin:0;
	padding:0;
	background-color:#fff;
	background-image:url(../img/flexfuel/top_darkgreen_small.jpg);
	background-repeat:no-repeat;
}
DIV.ff_titre_redir{
	display:block;
	height:19px;
	margin:0;
	padding:0;
	background-color:#fff;
	background-image:url(../img/flexfuel/top_darkgreen_redir.jpg);
	background-repeat:no-repeat;
}

DIV.ff_titre_small DIV.ff_libel,
DIV.ff_titre_redir DIV.ff_libel,
DIV.ff_titre_medium DIV.ff_libel,
DIV.ff_titre DIV.ff_libel{
	display:block;
	margin:0 0 0 12px;
	padding:3px 0 0 0;
	font:normal 11px arial;
	color:#FFFFFF;
}
DIV.ff_desc{
	display:block;
	width:683px;
	margin:0;
	padding:0;
	background-color:#C1CC85;
	border-bottom:1px solid #D8D8D8;
}
DIV.ff_desc DIV.ff_libel{
	margin:0 0 0 12px;
	padding:9px 0;
	font:normal 14px arial;
	color:#ffffff;
	text-align:center;
}
#brdmenu{
	display:block;
	width:683px;
	margin:0;
	padding:0;
	background-color:#c1cc85;
	background-image:url(../img/flexfuel/line_beige.gif);
	background-repeat:repeat-y;
	color:#393F1F;
	border-bottom:1px solid #D8D8D8;
}
#brdwelcome{
	display:block;
	width:659px;
	margin:0;
	padding:0 12px 3px 12px;
	background-color:#FFFFFF;
	background-image:url(../img/flexfuel/line_white.gif);
	background-repeat:repeat-y;
	color:#333333;
	border-bottom:1px solid #D8D8D8;
}

.tc1,
.tc2,
.tc3,
.tcr{
	border-top:none;
}
.tc2,
.tc3{
	/*width:80px;*/
}

DIV.box,
DIV.boxprofil{
	display:block;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-color:#FFFFFF;
	color:#333333;
	border:1px solid #D8D8D8;
	/*background:#fff url(../img/flexfuel/line_white_medium.gif) 0 0 repeat-y;*/
}

DIV.block DIV.inbox,
DIV.blockmenu DIV.inbox{
	padding:3px 10px 6px 10px;
}
.pun TH, .bgc4 {
	background-color:#C1CC85;
}


/********************************/
/*	POSITIONNEMENT DU FORUM		*/
/********************************/

/* CSS Document */
body{
	margin:0;
	padding:0;
	background-color:#C6CD6D;
	background-image:url(../img/IMAGEFOND/vertical.jpg);
	background-repeat:repeat-x;
}
#container{
	margin:0 auto;
	padding:0;
	background-color:#C6CD6D;
	background-image:url(../img/IMAGEFOND/vertical.jpg);
	background-repeat:repeat-x;
	width:905px;
	height:1000px;
}
#header{
	display:block;
	float:left;
	margin:0;
	padding:0;
	background-image:url(../img/IMAGEFOND/header.jpg);
	width:905px;
	height:151px;
}
#main{
	display:block;
	float:left;
	margin:0;
	padding:0;
	background-image:url(../img/IMAGEFOND/horizontal.jpg);
	background-repeat:repeat-y;
	width:905px;
}
#menu{
	display:block;
	float:left;
	margin:0;
	padding:0;
	width:185px;
	height:358px;
}
#punwrap{
	display:block;
	float:left;
	margin:0;
	margin-left:1px;
	padding:0;
	width:683px;
	/*height:500px; valeur réelle : hauteur variable */
	background-color:#fff; /* valeur réeelle #FFFFFF */
}
#footer{
	display:block;
	float:left;
	margin:0;
	padding:0;
	background-image:url(../img/IMAGEFOND/footer.jpg);
	width:905px;
	height:72px;
}