/****************************************************************/
/* 1. Couleurs de fond et du texte */
/****************************************************************/

/* 1.1 default background colour and text colour */

body {background-color: #CCCCCC}

.pun {color: #000000}

#punwrap {
	background: #CCCCCC url(../../img/srcf/page2.png) repeat-y center top;
	color: inherit;
	border-bottom: 1px solid #ccc;
	/*border:1px #333333 solid;*/
}

#brdheader div.box, .box#brdwelcome {
	border: none;
	background: none;
}
#brdtitle {
	height: 180px;
	background: #ffffff url(../../img/srcf/fond_entete.jpg) no-repeat center top;
	color: #ffffff;
}
#punredirect, #punmaint, #helpfile {
	padding: 30px 0 0 0;
	background: transparent url(../../img/srcf/top_simple.png) no-repeat center top;
}

.inbox#brdmenu {
	background: #ffffff url(../../img/srcf/menu.gif) no-repeat center top;
	color: #ffffff;
	height: 25px;
}

div.box, .pun blockquote, div.codebox, #adminconsole fieldset th, .rowodd, .roweven {background-color: #f1f1f1}
#adminconsole td, #adminconsole th {border-color: #f1f1f1}

/* 1. 2 darker background colours */
td.tc2, td.tc3, td.tcmod, #postpreview, #viewprofile dd, .modinfos dd, div.forminfo,
#adminconsole fieldset td, div.blockmenu div.box, #adstats dd {background-color: #dedfdf}

/* 1.3 main headers and navigation bar background and text colour */
.pun h2 {
/*	background: #fff url(../../img/srcf/h2.png) no-repeat center top; */
	background: #CCC url(../../img/srcf/h4.png) no-repeat left top;
	border-bottom:1px #D34424 solid;
	color: #333;
	padding-left: 18px;
}
div.box {
	padding-bottom: 12px;
	background: #f1f1f1 url(../../img/srcf/box.png) no-repeat center bottom;
}
#helpfile div.box {
	padding-bottom: 16px;
	background: #f1f1f1 url(../../img/srcf/box.png) no-repeat center bottom;
}
#postreview .rowodd, #postreview .roweven {
	padding-bottom: 0;
	background: #f1f1f1;
}
#brdfooter div.box div.inbox, #brdstats div.box div.inbox {
	background: transparent url(../../img/srcf/box_top.png) no-repeat center top;
}


div.home {
	float: left;
	width: 345px;
	padding-left: 30px;
}
div.home div.box div.inbox {
	background: transparent url(../../img/srcf/box_top_demi.png) no-repeat center top;
}
div.home div.box {
	padding-bottom: 12px;
	margin-bottom: 12px;
	background: #f1f1f1 url(../../img/srcf/box_demi.png) no-repeat center bottom;
}
div.home div.box div.inbox h3 {
	font-weight: bold;
	padding-bottom: 1em;
}
div.home div.box div.inbox li {
	line-height: 180%;
	list-style-type: square;
	margin-left: 15px;;
}

/* 1.4 table header rows */
.pun th {background-color: #d1d1d1}

/* 1.5 fieldset legend text colour */
.pun legend {color: #666665}

/* 1.6 highlighted text for various items */
.pun div.blockmenu li.isactive a, #posterror li strong {color: #333}

/****************************************************************/
/* 2. post backgrounds and text */
/****************************************************************/

/* 2.1 this is the setup for posts. */

div.blockpost div.box, div.postright, div.postfootright {background-color: #f1f1f1}
div.postright, div.postfootright {border-left-color: #dedfdf}
div.postleft, div.postfootleft, div.blockpost label {background-color: #dedfdf}

/* 2.2 background for post headers and text colour for post numbers in viewtopic 

div.blockpost h2 {background-color: #006fc9}*/
div.blockpost h2 span.conr {color: #FFFFFF}

/* 2.3 this is the line above the signature in posts. colour and background should be the same */

.pun hr {background-color: #cccccc ; color: #cccccc}
div.postsignature { color: #999999 }

/****************************************************************/
/* 3. border colours */
/****************************************************************/

/* 3.1 all external borders */

div.box {border-color: #666665}

/* 3.2 makes the top border of posts match the colour used for post headers */

div.blockpost div.box {border-color: #006fc9 #666665 #666665}

/* 3.3 table internal borders. by default th is same as background so border is invisible */

.pun td {border-color: #fff}
.pun th {border-color: #d1d1d1}

/* 3.4 creates the inset border for quote boxes, code boxes and form info boxes */

.pun blockquote, div.codebox, div.forminfo, div.blockpost label {border-color: #aca899 #fff #fff #aca899}

/* 3.5 gecko's default fieldset borders are really nasty so this gives them a colour
without interferring with ie's rather nice default */

.pun div>fieldset {border-color: #aca899}

/****************************************************************/
/* 4. link colours */
/****************************************************************/

/* 4.1 this is the default for all links */

.pun a:link, .pun a:visited {color: #666665}
.pun a:hover {color: #000000}

.pun h9 a:link, .pun h9 a:visited {color: #000000}
.pun h9 a:hover {color: #000000}

/* 4.2 this is the colour for links in header rows and the navigation bar */

.pun h2 a:link, .pun h2 a:visited {color: #000000}
.pun h2 a:hover {color: #333333}
.pun h2 a:hover, #brdmenu a:hover {color: #333333}

#brdmenu a:link, #brdmenu a:visited {color: #FFFFFF}
#brdmenu a:hover {color: #000000}

/* 4.3 this is for closed topics and "hot" links */

li.postreport a:link, li.postreport a:visited, tr.iclosed td a:link, tr.iclosed td a:visited {color: #888888}
li.postreport a:hover, tr.iclosed td a:hover {color: #aaaaaa}
li.maintenancelink a:link, li.maintenancelink a:visited {color: #b42000}
li.maintenancelink a:hover {color: #b42000}

/* 4.4 external links */

.postsignature a[href^="http://"], .postmsg a[href^="http://"] {
	padding-right: 10px;
	background: transparent url(../../img/srcf/link.png) no-repeat 100% 2px;
}
.postsignature a[href^="http://"]:hover, .postmsg a[href^="http://"]:hover {
	padding-right: 10px;
	background: transparent url(../../img/srcf/link_hover.png) no-repeat 100% 2px;
}
.postsignature a[href*="punbb.fr"], .postmsg a[href*="punbb.fr"] {
	padding: 0;
	background: none;
}
.postsignature a[href*="punbb.fr"]:hover, .postmsg a[href*="punbb.fr"]:hover {
	padding: 0;
	background: none;
}

/****************************************************************/
/* 5. post status indicators */
/****************************************************************/

/* 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. the default is "icon". by default only .inew is different.*/

div.icon {background: #f1f1f1 url(../../img/srcf/ico_default.png) no-repeat 0 0;margin-right:5px;}
div.icon_aim {background: #f1f1f1 url(../../img/srcf/ico_aim.gif) no-repeat 0 0; margin-right:5px;}
div.icon_aprilia {background: #f1f1f1 url(../../img/srcf/ico_aprilia.gif) no-repeat 0 0;margin-right:5px;}
div.icon_ancillotti {background: #f1f1f1 url(../../img/srcf/ico_ancillotti.gif) no-repeat 0 0;margin-right:5px;}
div.icon_tgm {background: #f1f1f1 url(../../img/srcf/ico_tgm.gif) no-repeat 0 0;margin-right:5px;}
div.icon_tm {background: #f1f1f1 url(../../img/srcf/ico_tm.gif) no-repeat 0 0;margin-right:5px;}
div.icon_cycle {background: #f1f1f1 url(../../img/srcf/ico_cycle.gif) no-repeat 0 0;margin-right:5px;}
div.icon_minarelli {background: #f1f1f1 url(../../img/srcf/ico_minarelli.gif) no-repeat 0 0;margin-right:5px;}
div.icon_hiro {background: #f1f1f1 url(../../img/srcf/ico_hiro.gif) no-repeat 0 0;margin-right:5px;}
div.icon_fantic {background: #f1f1f1 url(../../img/srcf/ico_fantic.gif) no-repeat 0 0;margin-right:5px;}
div.icon_autres_marques {background: #f1f1f1 url(../../img/srcf/ico_swm.gif) no-repeat 0 0;margin-right:5px;}
div.icon_autres_moteurs {background: #f1f1f1 url(../../img/srcf/ico_sachs.gif) no-repeat 0 0;margin-right:5px;}
div.icon_portraits {background: #f1f1f1 url(../../img/srcf/ico_portrait.gif) no-repeat 0 0;margin-right:5px;}
div.icon_epoca {background: #f1f1f1 url(../../img/srcf/ico_pilote.gif) no-repeat 0 0;margin-right:5px;}
div.icon_plastic {background: #f1f1f1 url(../../img/srcf/ico_plastic.gif) no-repeat 0 0;margin-right:5px;}
div.icon_casque {background: #f1f1f1 url(../../img/srcf/ico_casque.gif) no-repeat 0 0;margin-right:5px;}
div.icon_opinion {background: #f1f1f1 url(../../img/srcf/ico_opinion.gif) no-repeat 0 0;margin-right:5px;}
div.icon_courses {background: #f1f1f1 url(../../img/srcf/ico_courses.gif) no-repeat 0 0;margin-right:5px;}
div.icon_srcf {background: #f1f1f1 url(../../img/srcf/ico_srcf.gif) no-repeat 0 0;margin-right:5px;}
div.icon_gori {background: #f1f1f1 url(../../img/srcf/ico_gori.gif) no-repeat 0 0;margin-right:5px;}
div.icon_gilera {background: #f1f1f1 url(../../img/srcf/ico_gilera.gif) no-repeat 0 0;margin-right:5px;}
div.icon_cagiva {background: #f1f1f1 url(../../img/srcf/ico_cagiva.gif) no-repeat 0 0;margin-right:5px;}
div.icon_cagiva {background: #f1f1f1 url(../../img/srcf/ico_cagiva.gif) no-repeat 0 0;margin-right:5px;}
div.icon_cimatti {background: #f1f1f1 url(../../img/srcf/ico_cimatti.png) no-repeat 0 0;margin-right:5px;}
div.icon_aspes {background: #f1f1f1 url(../../img/srcf/ico_aspes.gif) no-repeat 0 0;margin-right:5px;}
div.icon_beta {background: #f1f1f1 url(../../img/srcf/ico_beta.gif) no-repeat 0 0;margin-right:5px;}
div.icon_rotax {background: #f1f1f1 url(../../img/srcf/ico_rotax.gif) no-repeat 0 0;margin-right:5px;}
div.icon_restauration {background: #f1f1f1 url(../../img/srcf/ico_restauration.gif) no-repeat 0 0;margin-right:5px;}
div.icon_video {background: #f1f1f1 url(../../img/srcf/ico_video.gif) no-repeat 0 0;margin-right:5px;}
div.icon_equipement {background: #f1f1f1 url(../../img/srcf/ico_equipement.gif) no-repeat 0 0;margin-right:5px;}

div.picon {background: #f1f1f1 url(../../img/srcf/ico_post_default.png) no-repeat 0 0;}
div.inew {background: #f1f1f1 url(../../img/srcf/ico_new.png) no-repeat 0 0;}
div.pinew {background: #f1f1f1 url(../../img/srcf/ico_post_new.png) no-repeat 0 0;}
tr.iredirect div.icon {background: #f1f1f1 url(../../img/srcf/ico_redirect.png) no-repeat 0 0;}

tr.iclosed div.picon {background: #f1f1f1 url(../../img/srcf/ico_closed.png) no-repeat 0 0;}
tr.isticky div.picon {background: #f1f1f1 url(../../img/srcf/ico_sticky.png) no-repeat 0 0;}
tr.isticky div.pinew {background: #f1f1f1 url(../../img/srcf/ico_sticky_new.png) no-repeat 0 0;}
tr.isticky td {background: #dedfdf;}
tr.iclosed td {color: #888888;}

/****************************************************************/
/* 6. post buttons */
/****************************************************************/

div.postfootright ul, div.modfootright ul {color: #f1f1f1}

div.postfootright li, div.modfootright li { padding: 4px 0 4px 0; }
div.postfootright li a, div.modfootright li a { padding: 0 0 0 18px; }

div.postfootright li.postreport {background: #f1f1f1 url(../../img/srcf/bt_report.png) no-repeat 0 3px; }
div.postfootright li.postquote {background: #f1f1f1 url(../../img/srcf/bt_quote.png) no-repeat 0 3px; }
div.postfootright li.mpreply {background: #f1f1f1 url(../../img/srcf/bt_reply.png) no-repeat 0 3px; }
div.modfootright li.postversion {background: #f1f1f1 url(../../img/srcf/bt_release.png) no-repeat 0 3px; }
div.postfootright li.postdelete, 
div.modfootright li.postdelete {background: #f1f1f1 url(../../img/srcf/bt_delete.png) no-repeat 0 3px; }
div.postfootright li.postedit, 
div.modfootright li.postedit {background: #f1f1f1 url(../../img/srcf/bt_edit.png) no-repeat 0 3px; }

li.pmlink {background: #ffffff url(../../img/srcf/ico_new_mp.png) no-repeat 0 0; }
li.pmlink a {padding: 0 0 0 18px;}

.button {
	background:#009900;
	color: #ffffff;
	
}

/****************************************************************/
/* 7. formulaires */
/****************************************************************/

label {
	cursor: pointer;
	cursor: hand;
}

input, textarea { border: 1px solid #dddddd; }

input[type=submit] {
	background: #339933;
	padding: 2px 3px;
	color: #ffffff;
}
input[type=submit]:hover,
input[type=submit]:active,
input[type=submit]:focus {
	background: #666665;
	color: #ffffff;
	cursor: pointer;
	cursor: hand;
}

/****************************************************************/
/* 8. additionals */
/****************************************************************/

.pun fieldset.latest {
	border-color: #666665;
    border-width: 1px;
}

p.feedlink {
}
p.feedlink a {
	background: transparent url(../../img/srcf/feed.png) no-repeat 0 40%;
	padding-left: 16px;
}