/* ****************************************************** */
/*              SKIN Standard A&S                         */
/* ****************************************************** */

/****************************************************************/
/* 1. Valeur par défaut  */
/****************************************************************/


/* 1.1 Défaut sans classe */

HTML {MARGIN: 0; PADDING: 0}

BODY {
BACKGROUND-COLOR: #F1F1F1;
/*MARGIN: 0; PADDING: 0*/
MARGIN: 0px 19px
}

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

HR {BACKGROUND-COLOR:#ad9060}

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


#punwrap {margin:0;padding:0}
#punindex DIV.blocktable {MARGIN-BOTTOM: 6px}
#punindex TABLE, #vf TABLE {TABLE-LAYOUT: fixed}

/*toto
#punindex, #punwrap {
border: #000000 solid 2px}*/

#vtpreview, TEXTAREA, INPUT, SELECT, OPTGROUP, blockquote {BACKGROUND-COLOR:#eae7d5}
TEXTAREA, INPUT, SELECT, OPTGROUP {BORDER: 1px solid #000000}

/* 1.2 Classe principal : pun */

.pun {
FONT-SIZE: 8pt; 
LINE-HEIGHT: normal;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

.pun TABLE, .pun DIV, .pun FORM, .pun PRE, .pun BLOCKQUOTE, .pun UL, .pun OL, .pun LI, .pun DL,
.pun DT, .pun DD, .pun TH, .pun TD, .pun FIELDSET {
	MARGIN: 0px;
	PADDING: 0px;
	FONT-WEIGHT: normal;
	LIST-STYLE: none;
}

.pun TABLE {WIDTH: 100%}

.pun IMG {
BORDER: none;
MARGIN: 0px;
PADDING: 0px;
FONT-WEIGHT: normal;
LIST-STYLE: none;
}

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

.pun P {
MARGIN: 0px;
PADDING: 3px 0;
FONT-WEIGHT: normal;
LIST-STYLE: none;
}

.pun UL, .pun DL {PADDING: 3px 0}

/* 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: 8pt}

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

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

/* Font size for headers */

.pun H1{
PADDING: 0px;
MARGIN: 0px;
FONT-WEIGHT: normal;
LIST-STYLE: none;
}

.pun H2{
FONT-SIZE: 1em;
PADDING: 4px 6px;
MARGIN: 0px;
FONT-WEIGHT: bold;
LIST-STYLE: none;
}

.pun H4 {
FONT-SIZE: 1em;
MARGIN: 0px;
PADDING: 0px;
FONT-WEIGHT: normal;
LIST-STYLE: none;
}

.pun H3 {FONT-SIZE: 1.1em;
MARGIN: 0px;
PADDING: 0px;
FONT-WEIGHT: normal;
LIST-STYLE: none;
}

.pun P {
PADDING: 4px 6px;
/*PADDING: 3px 0*/
}

/* propriété des tableaux */

.pun TD {
PADDING: 4px 6px;
BORDER-STYLE: solid;
BORDER-WIDTH: 1px;
BORDER-COLOR: #BBBBBB
}

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

.pun TH {
PADDING: 4px 6px;
BORDER-STYLE: solid;
BORDER-WIDTH: 0px;
background-color:#EADD80;
}

.pun .tcl {BORDER-LEFT: none}

.pun BLOCKQUOTE {
BORDER-STYLE: solid;
BORDER-WIDTH: 1px
}


/* LIENS */

.pun A:link, .pun A:visited {
text-decoration: none; color:#A20034
}

.pun A:hover {
text-decoration: none;
COLOR: #e20000
}

.pun DIV.blockmenu LI.isactive A, #posterror LI STRONG {COLOR: #000000}

.pun PRE {FONT-SIZE: 1.2em}

.pun FIELDSET {PADDING: 0px 12px 0px 12px}

.pun LEGEND {PADDING: 0px 6px}

.pun LABEL {
DISPLAY: block;
PADDING: 3px 0;
}

.pun DIV>FIELDSET {BORDER-COLOR: #BDBDBD}

/* 1.2 Mise en forme */
/****************************************************************/

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

DIV.box {
background-color:#FBFBFB;
BORDER-STYLE: solid;
BORDER-WIDTH: 1px;
}

DIV.blocktable, DIV.block, DIV.blockform, DIV.block2col {MARGIN-BOTTOM: 9px}

DIV.blockpost {
MARGIN-BOTTOM: 6px;
background-color:#EADD80
}

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

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

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


.linkst UL, linksb UL, .postlinksb UL {MARGIN-LEFT: 18em}

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}


/* 1.3 SPECIAL SPACING FOR FORMS */
/****************************************************************/

/* 1.3.1 Padding around fieldsets */

DIV.blockform FORM, DIV.fakeform {PADDING: 20px 20px 15px 20px}
DIV.inform {PADDING-BOTTOM: 12px}

/* 1.3.2 Padding inside fieldsets */


DIV.infldset {PADDING: 9px 0px 12px 0}


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

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

/* 1.3.4 BBCode help links in post forms */

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

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

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

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


/* 1.4 SPACING AROUND CONTENT                                   */
/****************************************************************/

/* 1.4.1 Default padding for main items */

DIV.block DIV.inbox, DIV.blockmenu DIV.inbox {PADDING: 3px 6px}
DIV.blockmenu LI {PADDING: 3px 0}

/* 1.4.2 Special spacing for various elements */

DIV.linkst {PADDING: 8px 6px 3px 6px}
DIV.linksb, DIV.postlinksb {PADDING: 3px 6px 8px 6px}
DIV.blockmenu LI, DIV.rbox INPUT  {LINE-HEIGHT: 1.4em}

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

DIV.rbox INPUT, DIV.blockform P INPUT  {MARGIN-RIGHT: 12px}


/*  1.6 Placement des textes à gauche et à droite  */
/***************************************************/

/* Style de base */

.conr {
	FLOAT: right;
	TEXT-ALIGN: right;
	CLEAR: right;
	WIDTH: 40%
}

.conl {
	FLOAT: left;
	WIDTH: 55%;
	OVERFLOW: hidden;
	WHITE-SPACE: nowrap
}

LABEL.conl {
	WIDTH: auto;
	OVERFLOW: visible;
	MARGIN-RIGHT: 10px
}

/* Set up page numbering and posts links */

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

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

FORM DIV.linksb .conr {WIDTH: 32em}

/* Keep breadcrumbs from shifting to the right when wrapping */

.linkst UL, linksb UL, .postlinksb UL {MARGIN-LEFT: 18em}

/*  1.6 Tableaux */
/***************************************************/

.tcl {
TEXT-ALIGN: left;
WIDTH: 35%;
OVERFLOW: HIDDEN;
}

.tc2, .tc3, .tcmod {
WIDTH: 5%;
TEXT-ALIGN: center;
background-color: #eae7d5
}

.tcr {
WIDTH: 15%;
TEXT-ALIGN: left;
OVERFLOW: HIDDEN;
}

TR:hover {background-color: #eae7d5}

#punsearch #vf .tcl, #punmoderate #vf .tcl {WIDTH: 41%}

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

#users1 .tcl {WIDTH: 40%}

#users1 .tcr {WIDTH: 25%}

#users1 .tc2 {WIDTH: 15%; TEXT-ALIGN: center}

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

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

#punindex TD.tcr SPAN.byuser {DISPLAY: inline}
/*#punindex TD.tcr SPAN.byuser {DISPLAY: block}*/

/****************************************************************/
/* 2. STRUCTURAL SETTINGS - VERY IMPORTANT - DO NOT CHANGE */
/****************************************************************/

/* 2.1 Clearing floats and invisible items */
.pun .clearer, .pun .nosize {
	HEIGHT: 0;
	WIDTH: 0;
	LINE-HEIGHT: 0;
	FONT-SIZE: 0;
	OVERFLOW: hidden;
}

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


/* 2.2 Overflow settings for posts */

DIV.blockpost DIV.box, DIV.postleft, DIV.postsignature, DIV.postmsg {OVERFLOW: hidden}

/****************************************************************/
/* 3. BUG FIXES - VERY IMPORTANT - DO NOT CHANGE */
/****************************************************************/

/* 3.1 This attempts to eliminate rounding errors in Gecko browsers. */

DIV>DIV>DIV.postfootleft, DIV>DIV>DIV.postfootright {PADDING-TOP: 1px; MARGIN-TOP: -1px}

/* 3.2 This is only visible to IE Windows and cures various bugs. Do not alter comments */

/* Begin IEWin Fix \*/
/** HTML .inbox, * HTML .inform, * HTML .pun, * HTML .intd, * HTML .tclcon {HEIGHT: 1px}*/
/** HTML .inbox, * HTML .inform, * HTML .pun, * HTML .intd, * HTML .tclcon {HEIGHT: 1px}*/

* HTML .inbox, * HTML .tclcon, * HTML .inform {HEIGHT: 1%}
* HTML .inbox DIV.postmsg {WIDTH: 98%}
/* End of IEWin Fix */



/****************************************************************/
/* 10. HELP FILES AND MISC. */
/****************************************************************/

/* 10.1 Put some space between sections of the help file */

#helpfile H2 {MARGIN-TOP: 12px}

/* 10.2 Internal padding */

#helpfile DIV.box {PADDING: 10px}

/* 10.3 Other templates */

#punredirect DIV.block, #punmaint DIV.block {MARGIN: 50px 20% 12px 20%}

#punredirect DIV.block {
background-color:#EADD80
}

/****************************************************************/
/* 4. Entête, menu et pied de la page */
/****************************************************************/

/* 4.1 divers */

#brdtitle {padding:  0 0 0;}

#brdtitle H1 {
FONT-SIZE: 1.4em;
padding: 0 0 40px 0;
FONT-WEIGHT: bold;
WIDTH:100%;
}

#brdtitle P {
display:none;
PADDING-TOP: 0px;
}

#brdwelcome{
    MARGIN-LEFT: 19px;
    MARGIN-RIGHT: 19px;
	/*	PADDING: 0px 19px 0px 19px;*/
    margin-top:0;
	LINE-HEIGHT: 1.4em
}

#brdheader {
/*position: absolute;*/
    MARGIN-LEFT: -19px; 
    MARGIN-RIGHT: -19px;
    border:none;
}

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

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

#brdheader H1 {BACKGROUND: #EADD80 url('../img/w_defaut_eng.jpg') no-repeat 10px center;}

/* 4.2 menus */

#brdmenu {
background-color:#EADD80;
PADDING: 0
}

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

#brdmenu A:link, #brdmenu A:visited {
text-decoration: none;
font-weight: bold;
color: Black
}

#brdmenu UL LI:hover {BACKGROUND-COLOR: #FAED90}

#brdmenu UL LI {
PADDING: 0;
margin: 0
}

#brdmenu LI {
MARGIN-RIGHT: 12px;
DISPLAY: inline;
HEIGHT: 0
}

/* 4.3 la recherche rapide */

#quicksearch fieldset{
	background: transparent;
	border: none;
	text-align: right;
	padding: 0;
	margin-right: 1px;
	margin-top: 35px;
}

#quicksearch h2 {
  margin: 0;
  display: none;
}

#quicksearch #q{
  margin-left:0;
	width: 111px;
	padding: 2px 2px 2px 20px;
	background: #fff url(../img/q.png) no-repeat 3px center;
}

#quicksearch input {
	padding: 1px;
	background-color: #fff;
	border: 1px solid #986601;
}

#quicksearch{
	width: 175px;
	position: absolute;
	/*top: 0;*/
	right: 0;
	BACKGROUND:/*#000;*/ transparent	;
	margin-bottom:0;
	margin-right:4px
}

#quicksearch fieldset{
	margin-top: 25px;
}

/* 4.4 Catégorie forum */

/*
.blocktable {
background-color:#EADD80;
border: 0px solid #
}*/

/* 4.5 Annonces */

#announce DIV {background-color: #FFFFFF}
#announce DIV.box {border: 1px solid #008000}
#announce H2 {display:none}

/* 4.6 pied de la page */

#brdfooter DIV {
background-color: #EADD80;
border-color:#008000;
}

#brdfooter H2, #brdstats H2, #brdstats .conl DT, #brdstats .conr DT {
	POSITION: absolute;
	DISPLAY: block;
	OVERFLOW: hidden;
	WIDTH: 1em;
	LEFT: -999em
}

#brdstats {MARGIN-TOP: 12px}
#brdstats .box {
background-color:#f9f9f9;
border-color:#008000;
}

#onlinelist DD, #onlinelist DT {
DISPLAY: inline;
HEIGHT: 0
}

/****************************************************************/
/* 5. POST et Topic */
/****************************************************************/

#postreview {MARGIN-BOTTOM: 9px}


/* 5.1 Set up page numbering and posts links */

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

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

FORM DIV.linksb .conr {WIDTH: 32em}

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

DIV.postleft DT {
FONT-SIZE: 1.1em;
FONT-WEIGHT: bold
}

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

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

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

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

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

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

/* 5.5 Spacing for code and quote boxes */

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

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

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

/* 5.7 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
}

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

DIV.postmsg P {
PADDING: 0;
LINE-HEIGHT: 1.4
}


/* 5.9 Makes textareas and long text inputs shrink with page */

DIV.txtarea {WIDTH: 75%}

DIV.txtarea TEXTAREA, INPUT.longinput {WIDTH: 100%}

#qjump SELECT {WIDTH: 50%}

/* 5.10 Turn on square icon for posterror list */

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

/* 5.11 viewtopic */

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

/* 5.11.1 This is the basic structure. */

DIV.postleft, DIV.postfootleft {
	FLOAT:left;
	WIDTH: 18em;
	OVERFLOW: hidden;
	POSITION: relative;
	background-color:#eae7d5;
}
	
DIV.postright, DIV.postfootright {
	BORDER-LEFT-WIDTH: 18em;
	BORDER-LEFT-STYLE: solid;
	BORDER-LEFT-COLOR: #eae7d5;
	background-color:#FBFBFB
}

DIV.postfootright, P.multidelete {TEXT-ALIGN: right}

.postright h3 { display: none }

DIV.blockpost>DIV>DIV.inbox {PADDING-BOTTOM: 1px}

/* 5.11.2 This is the div which actually contains the post and is inside .postright */

DIV.postmsg {WIDTH:100%}

/* 5.11.3 These items control overflow and scrolling within posts. */

DIV.incqbox {WIDTH: 100%; OVERFLOW: hidden}
DIV.scrollbox {WIDTH: 100%; OVERFLOW: auto}
IMG.postimg {max-width: 100%}
A .postimg {max-width: 100%}

/* 5.11.4 Turn off the poster information column for preview */

#postpreview DIV.postright {BORDER-LEFT: none}

/* 5.11.5 Create the horizontal line above signatures */

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

/* 5.11.6 Maximum height for search results as posts. Position go to post link */

DIV.searchposts DIV.postmsg {HEIGHT: 8em}
DIV.searchposts DD P {PADDING-TOP: 3em}

/* 5.11.7 Class for bbcode [u] */

SPAN.bbu {TEXT-DECORATION: underline}


/* 5.12 DIVERS */

DIV.linkst LI, DIV.linksb LI, DIV.postlinksb LI,
DIV.postfootright LI {
	DISPLAY: inline;
	HEIGHT: 0
}

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

/****************************************************************/
/* 6. POST STATUS INDICATORS */
/****************************************************************/

/* 6.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.*/
/*
.iclosed {
   BACKGROUND: url('../img/topic_locked.gif') repeat 1px left;
}
*/
.iclosed {
   font-style:italic;
}

.isticky {
   background-color:#eae7d5;
}

DIV.inew  {
   BACKGROUND: url('../img/ampoule.gif') no-repeat 1px center;
}

DIV.icon {
   /*BACKGROUND-color: #000000;*/
	FLOAT: left;
	MARGIN-TOP: 0.1em;
	MARGIN-LEFT: 0.2em;
	BORDER-WIDTH: 0;
	BORDER-STYLE: solid;
	BORDER-COLOR: #D40000;
	display:block;
	width:16px;
	height:16px
}

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

/* 6.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}


/****************************************************************/
/* 7. Profil et Admin                                           */
/****************************************************************/

#profile DIV.blockmenu, #profile DIV.blockform  {
background-color:#EADD80
}

#profile DIV.inbox {
background-color:#eae7d5;
}

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

#viewprofile DL {
FLOAT: left;
WIDTH: 100%;
OVERFLOW: hidden
}

/* 7.1 Settings for Profile and Admin interface.*/

DIV.block2col {PADDING-BOTTOM: 1px}

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

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

#adminconsole DIV.inbox {
background-color:#eae7d5;
}

#adstats DIV.inbox, #adintro DIV.inbox {
background-color:#FBFBFB;
}

#adminconsole TD {
background-color:#FBFBFB;
border-color: #FBFBFB
}

#adminconsole TR {
border-color: #FBFBFB
}

#adminconsole TH {
background-color:#eae7d5;
border-color: #FBFBFB
}