/*******************************/
/**  feuille de style originale :
/**  http://forum.ubuntu-fr.org/
/**  celle ci n'est qu'une 
/**  pale copie mise au couleur
/**  de BDA
/******************************/

/**********************************************************************************************/
/* NE PAS CHANGER CETTE PARTIE - REPARE CERTAINS BUGS ET MASQUE CERTAINS ELEMENTS             */
/**********************************************************************************************/
.clearer, .nosize {
    HEIGHT: 0;
    WIDTH: 0;
    LINE-HEIGHT: 0;
    FONT-SIZE: 0;
    OVERFLOW: hidden
}

.clearer, .clearb {CLEAR: both}
.nosize {POSITION: absolute; LEFT: -10000px}

DIV>DIV.block>DIV>.inbox , BODY>DIV>.block2col {BORDER-BOTTOM: 1px solid transparent}

* HTML .inbox, * HTML .tclcon, * HTML .inform {HEIGHT: 1%}

#brdfooter H2, #brdstats H2, #brdstats .conl DT, #brdstats .conr DT,
#modcontrols DT, #searchlinks DT {
    POSITION: absolute;
    LEFT: -10000px
}    

H1 SPAN { MARGIN: 0 0 0 -10000px }
/*H1 A, H1 A SPAN { DISPLAY: block }*/

.postright h3 { display: none }

/**********************************************************************************************/
/* PROPRIETES INITIALES                                                                       */
/**********************************************************************************************/

TABLE, DIV, FORM, P, H1, H2, H3, H4, PRE, BLOCKQUOTE, UL, OL, LI, DL, DT, DD {
    MARGIN: 0px;
    PADDING: 0px;
    FONT-SIZE: 1em
}

UL, OL, LI, DL, DT, DD {LIST-STYLE: none}

/**********************************************************************************************/
/* MISE EN PAGE                                                                               */
/**********************************************************************************************/

/* Alignement et largeur des elements */

.conr {
    FLOAT: right;
    TEXT-ALIGN: right;
    WIDTH: 60%;
    WHITE-SPACE: nowrap;
}

.conl {
    FLOAT: left;
    WIDTH: 35%;
    WHITE-SPACE: nowrap;
}

FORM .conl {
    WIDTH: auto;
    MARGIN-RIGHT: 10px;
}

.linkst .conl, .linksb .conl, .postlinksb .conl {WIDTH:18em;}

.linkst .conr, .linksb .conr, .postlinksb .conr {WIDTH:16em}

FORM .linksb .conr {WIDTH: 32em}

.block2col .blockform, .block2col .block, #viewprofile DD {MARGIN-LEFT: 14em}

.blockmenu, #viewprofile DT {
    FLOAT: left;
    WIDTH: 13em
}

#profileavatar IMG {
    FLOAT: right;
    MARGIN-LEFT: 1em
}

/* Format des tableaux */

TABLE {WIDTH: 100%}

TH {
    TEXT-ALIGN: left;
    WHITE-SPACE: nowrap
}

.tc2, .tc3 {
    WIDTH: 7%;
    TEXT-ALIGN: center;
    WHITE-SPACE: nowrap
}

.tcr {
    WIDTH: 26%;
    WHITE-SPACE: nowrap
}

#punsearch #vf .tc2 {
    WIDTH: 18%;
    TEXT-ALIGN: left;
    WHITE-SPACE: nowrap
}

#users1 TD, #users1 TH {TEXT-ALIGN: left}

#users1 .tc2 {WIDTH: 25%}

#users1 .tc3 {WIDTH: 10%; TEXT-ALIGN: center}

#debug .tcr {WIDTH: 85%; WHITE-SPACE: normal}

#vf TD, #users1 TD, #users2 TD {LINE-HEIGHT: 1.5em}

.tcmod {TEXT-ALIGN: center}

.tcmod INPUT, .linksb INPUT {
    MARGIN-RIGHT: 0;
    MARGIN-TOP: 0;
    MARGIN-BOTTOM: 0
}

/* Format des topics */

.postleft, .postfootleft {
    FLOAT: left;
    WIDTH: 18em
}
  
    
.postright, .postfootright {
    BORDER-LEFT-WIDTH: 18em;
    BORDER-LEFT-STYLE: solid
}
.postfootright {TEXT-ALIGN: right; DISPLAY: block }
.postfootright UL {	DISPLAY: inline }

.postmsg {WIDTH: 99%}

.postsignature, .postmsg {OVERFLOW: hidden}

.incqbox, .inimgbox {WIDTH: 100%; OVERFLOW: hidden}

.scrollbox {WIDTH: 100%; OVERFLOW: auto}

* HTML .imgbox {WIDTH: auto}

#postpreview .postright {BORDER-LEFT: none}

.postsignature HR {
    MARGIN-LEFT: 0;
    WIDTH: 200px;
    TEXT-ALIGN: left;
    HEIGHT: 1px;
    BORDER: none
}

.postsignature IMG, .postmsg IMG {VERTICAL-ALIGN: middle;}

#searchposts .postmsg {HEIGHT: 7em}

SPAN.bbu {TEXT-DECORATION: underline}

/* Format des listes */

#onlinelist DD, #onlinelist DT, #brdmenu LI, .linkst LI, .linksb LI, .postlinksb LI,
.postfootright LI {DISPLAY: inline; HEIGHT: 0}

#posterror UL LI {LIST-STYLE: square inside}

#viewprofile DT {TEXT-ALIGN: right}

/* Format des formulaires */

.blockform FORM, .fakeform {PADDING: 20px 20px 10px 20px}

.inform {PADDING-BOTTOM: 12px}

.infldset {PADDING: 6px 10px}

LEGEND {PADDING: 0px 6px}

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

FIELDSET LABEL INPUT, FIELDSET LABEL SELECT, 
FIELDSET LABEL TEXTAREA {DISPLAY: block; POSITION: relative}

DIV.rbox, .forminfo H3 {
    MARGIN-BOTTOM: 6px;
    MARGIN-TOP: 0px
}

.rbox INPUT, .blockpost INPUT {
    DISPLAY: inline;
    MARGIN-BOTTOM: 0;
    MARGIN-RIGHT: 1em;
    MARGIN-LEFT: 0;
}

.rbox {LINE-HEIGHT: 1.5}

FIELDSET INPUT, FIELDSET SELECT, FIELDSET TEXTAREA {
    MARGIN-TOP: 2px;
    MARGIN-BOTTOM: 6px
}

P INPUT {
    MARGIN-LEFT: 1em;
    MARGIN-RIGHT: 1em
}

.bblinks {
    FLOAT: left;
    MARGIN-TOP: 20px
}

/* Format de l'aide et autre */

#helpfile H1 {
    FONT-SIZE: 1.7em;
    LINE-HEIGHT: 2em; 
    BORDER: none
}

#helpfile H2 {MARGIN-TOP: 12px}

#helpfile DIV.box {
    PADDING: 10px; 
    BACKGROUND-COLOR: #ffc46b
}

/* tuning */

#brdtitle {padding: 0px;margin:0px;border:0px;}

/**********************************************************************************************/
/* COULEURS DE LA CHARTE GRAPHIQUE ET IMAGES                                                  */
/**********************************************************************************************/

/* Couleurs d'arriere plan */

BODY {background:#FF9900 url(images/bonhomme_bda_FF9900.png) no-repeat fixed 100px 150px;}

.infldset TH, .box {BACKGROUND-COLOR: #ffc46b}

#brdtitle {BACKGROUND: url('images/tile_back.gif') repeat-x;}

.blockform H2, .blocktable H2, .blockmenu H2 {COLOR: #FFF; BACKGROUND: url('images/tile_back.gif') repeat-x;}

#brdfooter .box {BACKGROUND-COLOR:transparent;BORDER:0px;}
#brdfooter .box .conr, #brdfooter .box .conr a {color:#ff5500;}

#brdstats, #brdheader .box, #brdmenu {BACKGROUND-COLOR: transparent;}
//.blockmenu UL LI:hover {BACKGROUND-COLOR: #ff6600}
//#brdmenu UL LI:hover {BACKGROUND-COLOR: #ffc46b}

td.tc2, td.tc3, td.tcmod, #vtpreview, .postleft, .postright, .postfootright, .postfootleft, SELECT {BACKGROUND-COLOR: #fcb953}

select, TEXTAREA, INPUT, OPTGROUP {BORDER: 1px solid #ff6600; BACKGROUND-COLOR: #fff}
input[type=submit], input[type=button], input[type=reset] {border: 2px dotted #ff5500; COLOR: #000; BACKGROUND-COLOR: transparent; FONT-WEIGHT: bold;}
//.postlink.conr, 
//.postlink {BORDER: 1px}// solid #ff6600; BACKGROUND-COLOR: #fcb953}
.postlink {text-align: center;FONT-WEIGHT: bold;}

HR {BACKGROUND-COLOR:#fcb953}
.postsignature HR {BACKGROUND-COLOR:#000}

BLOCKQUOTE {BACKGROUND-color: #fff}

.codebox {BACKGROUND: #fff} 

.inbox tbody tr:hover {background-color:#fcb953;} 

.blockpost H2, thead TH {FONT-WEIGHT: BOLD;COLOR: #a03e12; BACKGROUND: url('images/tile_sub.gif') repeat-x;}

//.box .blockpost {BACKGROUND-COLOR: pink}
//.blockpost.rowodd .clearer, .blockpost.rowodd .postright,.blockpost.rowodd .postfootright{background-color: #fcb953}

.blockpost .inbox {background-color: #fcb953}

/* Couleurs des textes */ 

BODY, H2 {COLOR: #000}

#brdmenu UL LI {color:#000}

LEGEND, .showhot, #posterror LI STRONG {COLOR: #000}

.linkst .inbox, .linksb .inbox, .postlinksb .inbox , #brdwelcome {COLOR: #000}

.postfootright {COLOR: #ff6600}

.tclcon {color:#444444}

/* Couleurs des bordures */

.blockpost, .blockform, .blockmenu, .blocktable, .box, .blockpost .box, TD, TH, BLOCKQUOTE,
.codebox, .forminfo, .box .inbox {BORDER-COLOR: #ff6600}

DIV>FIELDSET {BORDER-COLOR:#fcb953}

td.tcl, td.tc1, td.tc2, td.tc3, td.tcr {BORDER-COLOR: #ff6600}

.postright, .postfootright {BORDER-LEFT-COLOR: #fcb953}

.infldset TH, .infldset TD, .infldset THEAD, .infldset TR { BORDER-COLOR: #ff6600}

/* Couleurs des liens */

A:link {COLOR: #000}
A:visited {COLOR: #000}
A:hover {COLOR: #000}

H2 A:link, H2 A:visited{COLOR: #000}
H2 A:hover {COLOR: #000}

#brdmenu A,  #brdmenu A:link, #brdmenu A:visited {COLOR: #000}
#brdmenu LI:hover, #brdmenu A:hover {color:#000}

.linkst .inbox A:link, .linkst .inbox A:visited,
.postlinksb .inbox A:link, .postlinksb .inbox A:visited,
.linksb .inbox A:link, .linksb .inbox A:visited,
#brdwelcome A:link, #brdwelcome A:visited {COLOR: #000}

.linkst .inbox A:hover, .linksb .inbox A:hover, 
.postlinksb .inbox A:hover, #brdwelcome A:hover {COLOR: #000}

.blockmenu UL LI A:link, .blockmenu UL LI A:visited {COLOR: #000}
.blockmenu UL LI A:hover {COLOR: #000}

A:link.showclosed,  A:visited.showclosed {COLOR: #000}
A:hover.showclosed {COLOR: #000}
A IMG { border: none; }

.postfootright A {COLOR: #ff6600}

/****************************************************************/
/* ETAT DES POSTS */
/****************************************************************/

/*.inormal, .iclosed, .iredirect, .icon, .inew, .isticky {height: 26px;width: 26px;float:left;margin-right:10px}

.icon, .inormal {background: url(images/bf_nonew.gif) no-repeat;}
.inew {background: url(images/bf_new.gif) no-repeat;}
.iredirect {background: url(images/f_moved.gif) no-repeat;}
.isticky {background: url(images/f_pinned.gif) no-repeat;}
.iclose {background: url(images/f_close.gif) no-repeat;}*/

DIV.icon {
    FLOAT: left;
    MARGIN-TOP: 0.1em;
    MARGIN-RIGHT: 0.4em;
    DISPLAY: block;
    BORDER-WIDTH: none;
    WIDTH: 26px;
    HEIGHT : 26px;
}

TR DIV.icon {
  background-image: url('images/bf_nonew.gif');
  background-repeat: no-repeat;
  background-position: center;
}
TR.inew DIV.icon {
  background-image: url('images/bf_new.gif');
  background-repeat: no-repeat;
  background-position: center;
}
TR.isticky DIV.icon, TR.isticky.inew DIV.icon {
  background-image: url('images/f_pinned.gif');
  background-repeat: no-repeat;
  background-position: center;
}
TR.iredirect DIV.icon, TR.iredirect.inew DIV.icon {
  background-image: url('images/f_moved.gif');
  background-repeat: no-repeat;
  background-position: center;
}
TR.iclosed DIV.icon, TR.iclosed.inew DIV.icon {
  background-image: url('images/f_closed.gif');
  background-repeat: no-repeat;
  background-position: center;
}

/**********************************************************************************************/
/* PROPRIETES DES TEXTES                                                                      */
/**********************************************************************************************/

BODY, INPUT, SELECT, TEXTAREA, OPTGROUP {FONT-FAMILY: Verdana, Tahoma, Arial, sans-serif;}


BODY {
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt
}

* HTML BODY {FONT-SIZE: 65%} /* IE Only to enable zooming */

TABLE {FONT-SIZE: 1em}

PRE {FONT-FAMILY: monaco, "Bitstream Vera Sans Mono", "Courier New", courier, monospace}

/*H1 {FONT-SIZE: 2.4em;}*/

H2, #viewprofile DD, .postmsg P, .forminfo P, #puninstall .block P, .postsignature {
    FONT-SIZE: 1.1em;
    FONT-WEIGHT: normal
}

#brdmenu {
    FONT-SIZE: 1.1em;
    FONT-WEIGHT: bold;
    text-align: center;
}

.blockmenu LI.isactive A {
    FONT-WEIGHT: bold
}      

#brdwelcome, .postleft DD, .showhot, .blockpost H2, #brdfooter {
  FONT-SIZE: 0.9em;
}

.blockform H2, .blockmenu H2, .block H2 { 
  FONT-SIZE: 1em;
  FONT-WEIGHT: bold
} 

.blocktable H2, thead TH { 
  LINE-HEIGHT: 2em;
  FONT-SIZE: 1.1em;
  FONT-WEIGHT: bold
} 

H3, PRE {FONT-SIZE: 1.1em}

TEXTAREA, LABEL, SELECT, OPTGROUP {FONT-SIZE: 1em}

LEGEND, LABEL INPUT, LABEL TEXTAREA {font-size: 1.1em}

TH, #viewprofile DD A {FONT-WEIGHT: normal}

.linkst LI, .linksb LI, .postlink, .postmsg H4 {FONT-SIZE: 1em; FONT-WEIGHT: bold}

/**********************************************************************************************/
/* PROPRIETES DES LIENS                                                                       */
/**********************************************************************************************/

A:link, A:visited {TEXT-DECORATION: underline}
A:hover {TEXT-DECORATION: underline}

.postfootright A:link, .postfootright A:visited, H2 A:link, H2 A:visited {TEXT-DECORATION: none}

.postleft DT A:link, .postleft DT A:visited {TEXT-DECORATION: none}

.blockmenu A:link, .blockmenu A:visited {TEXT-DECORATION: none}

//.postlink A:link, .postlink A:visited {TEXT-DECORATION:none}

#brdmenu A:link,  #brdmenu A:visited {TEXT-DECORATION: underline}

A:link.showclosed,  A:visited.showclosed {TEXT-DECORATION: none}

#brdmenu A:hover {TEXT-DECORATION: underline}

H2 A:hover {TEXT-DECORATION: underline}

H1 A {TEXT-DECORATION: none}

/**********************************************************************************************/
/* PROPRIETES DES BORDURES                                                                    */
/**********************************************************************************************/

.blockpost, .blockform, .blockmenu, .blocktable, .box, TD, TH, BLOCKQUOTE, .codebox,
.forminfo {BORDER-STYLE: solid}

.box, .blockpost, .blockform, .blockmenu, .blocktable, BLOCKQUOTE, .codebox,
.forminfo {BORDER-WIDTH: 1px}

#brdheader .box {BORDER-WIDTH: 0px 0px 0px 0px}
//#brdstats .box, #punredirect .block .box, #announce .box, #msg .box {BORDER-WIDTH: 1px 1px 1px 1px}

.blockform .box, .blockpost .box, th.tcl, th.tc1, th.tc2, th.tc3, th.tcr {BORDER: none}

td.tcr {BORDER-WIDTH: 0px 0px 1px 0px}

td.tcl, td.tc1, td.tc2, td.tc3 {BORDER-WIDTH: 0px 1px 1px 0px}

H1, #brdtitle, #brdwelcome, .blocktable .box, .linkst .box, .postlinksb .box {BORDER: none}

TD, TH {BORDER-WIDTH: 0px 1px 0px 0px}

.tcr {BORDER-RIGHT-WIDTH: 0px;}

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


/**********************************************************************************************/
/* ESPACES ENTRE LES ELEMENTS                                                                 */
/**********************************************************************************************/

BODY {MARGIN: 0px 50px}

.blocktable, .block, .blockform, .block2col, #postreview {MARGIN-BOTTOM: 10px}

#punindex .blocktable, .blockpost {MARGIN-BOTTOM: 10px}

.postlinksb {MARGIN-TOP: -6px}

#brdtitle, .block2col .blockform, .block2col .block {MARGIN-BOTTOM: 0}

#brdmenu, #brdmenu LI, #brdwelcome,  .blockmenu {MARGIN: 0}

#brdwelcome .conl, #brdwelcome .conr { MARGIN: 10px 0 10px 0 }

#brdstats {MARGIN-TOP: 15px}

#punredirect {MARGIN: 75px 50px}

DD.usercontacts {MARGIN-TOP: 5px}

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

.postmsg H4 {MARGIN-BOTTOM: 10px}

* HTML .imgbox {MARGIN-RIGHT: -18px}  

FORM P INPUT {MARGIN-LEFT: 12px; MARGIN-RIGHT: 12px}

/**********************************************************************************************/
/* BORDURES INTERIEURE DES ELEMENTS                                                           */
/**********************************************************************************************/

TH, TD, H2 {PADDING: 4px 6px}

.block .inbox {PADDING: 6px 6px 0px 6px}

.block P, .blockform P, DL, #announce .inbox {PADDING-BOTTOM: 6px}

TD P {PADDING: 3px 0px 0px 0px}

.linkst {PADDING: 8px 5px 4px 5px}

.linksb, .postlinksb {PADDING: 4px 5px 8px 5px}

.linkst P, .linksb P {PADDING: 0px}

#brdwelcome, #brdfooter DL A {LINE-HEIGHT: 1.2em}

#brdwelcome {PADDING: 0px 15px 0px 15px}

#brdwelcome P {PADDING: 5px 0px 10px 0px}

#viewprofile .inbox {PADDING: 20px 20px 15px 10px}

#viewprofile DD, #viewprofile DT {PADDING: 4px 6px}

#brdmenu {PADDING: 0} 

.blockmenu .inbox {PADDING: 0px 0px 0px 0px}

#brdmenu UL LI {PADDING: 0; margin: 0}
#brdmenu UL LI A {PADDING: 0 15px 0 15px}

.blockmenu UL LI {PADDING: 5px 10px 5px 10px}

FORM #qjump, #posterror UL {PADDING-BOTTOM: 6px}

.postleft DL {PADDING: 4px 0px 10px 5px}

.postright {PADDING: 4px 5px 10px 0.5em}

.postfootleft {text-align: center; display: none;}

.postfootright P {PADDING: 6px 5px 4px 5px}

.postfootright UL, .postfootright DIV {PADDING: 6px 5px 1px 0px}

.postsignature, .postedit {PADDING-TOP: 10px}

BLOCKQUOTE, .codebox {
    MARGIN: 5px 15px 15px 15px;
    PADDING: 8px
}

.incqbox H4 {PADDING-LEFT:10px} 

#brdtitle p {padding: 0px}

input[type=submit], input[type=button], input[type=reset] {cursor: pointer;}

.punbbSmilies { padding-top: 4px;width:99%;height:80px;overflow:auto; }

.postimg, .sigimage {max-width:100%;}