/****************************************************************/
/****************************************************************/
/* BASE */
/****************************************************************/
/****************************************************************/


lien11px {
	font-size:11px;
}

/* Divers blocs de base */
.pun TABLE, .pun DIV, .pun P, .pun H3,
.pun H4, .pun PRE, .pun BLOCKQUOTE, .pun UL, .pun OL, .pun LI, .pun DL,
.pun DT, .pun DD, .pun IMG, DIV.bloc-nav LI, DIV.interieurbloc-nav LI {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	list-style: none;
	
}

/* Titres */

.pun H1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 25px;
	font-style:italic;
	height:30px;
	line-height:32px;
	font-weight: bold;
	color: #2e3142;
	margin:0px;
	padding: 0px;
	line-height: 11px;
	font-style:italic;	
	
	
	
	
	
}

.pun H2 {
	line-height:14px;
	font-size: 11px;
	font-weight: bold;
	margin:0px;
	padding: 4px 6px;
	background-color: #EEEECC;
	color: #000;
}

/* BORDURES */

DIV.box {
	border-style: solid;
	border-width: 0px
}

.pun BLOCKQUOTE, DIV.codebox, DIV.blockpost LABEL {
	border-style: solid;
	border-width: 1px
}
DIV.forminfo, DIV.forminfoblanc {
	border: 1px solid #000;
	background-color: #F9F7DE;
	margin: 1px;
	padding: 4px 6px;
	font-size:12px;
}

DIV.forminfoblanc {
	background-color: #FFFFFF;
	line-height:18px;
}
/* Espace autour du contenu */

/* 6.1 Default padding for main items */
	
DIV.block DIV.inbox {
	padding: 0px;
}
	
DIV.blockmenu DIV.inbox {
	padding: 3px 6px;
}
	
DIV.blockmenu {
	border:1px solid #000;
	margin-left:1px;
}

.inbox, .inbox LI {
	font-size: 12px;
}

.inbox LI {
	font-size: 11px;
}

/* Ligne de liens dans le header */
#brdmenu {
	background-color: #F9F7DE;
	line-height:18px;
	font-size:11px;
}

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

#brdmenu a:hover {
	text-decoration:underline;
	color: #666666;
	font-weight:bold;
}

#brdmenu LI {
	margin-left:8px;
	display: inline;
}

/* Texte d'accueil dans le header */

#brdwelcome {
	line-height: 14px;
	margin-top:6px;
	margin-bottom:20px;
}

/* Apparence de base des liens */
.pun a:link, .pun a:visited {
	text-decoration:underline;
	color: #46545D;
}

.pun a:hover {
	text-decoration:none;
	color: #B07439;
}

a.sanssoulignage {
	text-decoration:none;
}

/* Blocs de catégories */
DIV.blocktable, DIV.blockpost, DIV.blockform {
	border: 1px solid #000000;
	margin: 0px;
}

DIV.blockpost {
	background-color:#FFF;
	border-width:0px;
	border-bottom:1px dotted #000;
	margin:0px;
}

DIV.blockpost H2 {
	background-color:#FFF;
	padding:0px 0px 3px 0px;
	border-bottom:1px solid #000;
	margin-bottom:3px;
}

DIV.titretopic {
	border-width:0px;
	border-bottom: 1px dotted #000;
	background-color: #EEEECC;
	padding: 4px 6px;
	font-size:14px;
	font-weight: bold;
}

DIV.blockform {
	margin-top:4px;
}

DIV.blockformINSC {
	margin: 16px 30px;
	padding:14px;
	border: 1px #928F80 dashed;
}

.pun .tcl {
	border-left: none
}

.tcl {
	text-align: left;
	width: 52%;
}

.tc2 {
	width: 9%;
	text-align: center;
}

.tc3 {
	width: 9%;
	text-align: center;
}

.tcmod {
	width: 9%;
	text-align: center;
}

.tcr {
	width: 30%;
	text-align: right;
}

.tcvar {
	text-align: center;
}

.tcvarg {
	text-align: left;
	overflow: HIDDEN;
	border-left:none;
}

.tcvard {
	text-align: right;
	overflow: HIDDEN;
	border-left:none;
}

.pun TH {
	background-color: #F9F7DE;
	margin: 0px;
	padding: 0px 6px;
	font-weight: normal;
	list-style: none;
	font-size:11px;
	border-color: #000000;
	border-style:dotted;
	border-width:1px;
	border-bottom: none;
	border-right: none;
	border-top: none;
}

.pun TD {
	padding: 10px 6px;
	font-size:12px;
	border-color: #000000;
	border-style:dotted;
	border-width:1px;
	border-bottom: none;
	border-right: none;
}

TD.tc2, TD.tc3, TD.tcmod, .tcl, TD.tcr {
	line-height:16px;
}

TD.tc2, TD.tc3, TD.tcmod {
	background-color: #FFFFFF;
}







TD.tdclass-surtitres, TD.tdclass-surtitresact, TD.tdclass-titres, TD.tdclass-titresact, TD.tdclass-case, TD.tdclass-case2 {
	border:none;
	padding:6px 8px;
}

TD.tdclass-surtitres, TD.tdclass-surtitresact {
	background-color:#262620;
	padding:4px 8px;
	color:#FFFFF1;
	text-align:center;
	margin:0px;
	font-weight:bold;
}

TD.tdclass-surtitresact {
	background-color:#FFFFF1;
	color:#262620;
}

TD.tdclass-surtitres {
background-image:url(../images/fond-surtitre-classement.jpg);
}

TD.tdclass-titres {
	background-color:#EEEECC;
	padding:2px 4px;
	text-align:center;
	margin:0px;
	font-size:11px;
}

TR.trclass-ligne1 {
	background-color:#F9F7DE;
}

TR.trclass-ligne2 {
	background-color:#FFFFF1;
}

.tdclass-surtitre {
	padding:-2px;
	height:18px;
	color:#16506E;
	text-align:left;
	font-size:11px;
	margin:0px;
	font-weight:bold;
}

.tdclass-case {
	text-align:center;
	padding:4px;
}

.tdclass-case2 {
	text-align:center;
	padding:2px 10px 2px 10px;
	border:2px solid #BCC4C8;
}

.tdclass-joueur {
	text-align:left;
	padding:4px 8px 4px 8px;
}

.alignerdte {
	text-align:right;
}

.numpage {
	color:#16506E;
	padding-top:3px;
}

TD.tdclass-surtitres a.titreclassement {
	color:#FFFFFF;
	text-decoration:none;
}

TD.tdclass-surtitres a.titreclassement:hover {
	color:#BFBDA9;
}





/* ICONES
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, DIV.inew {
	float: left;
	margin-top: 1px;
	margin-left:1px;
	display: block;
	border-width: 0px;
	width:15px;
	height:15px;
	background-image:url(../images/forum-icon.jpg);
}

DIV.inew {
	background-image:url(../images/forum-icon-new.jpg);
}

TR.iredirect DIV.icon {border-color: #F1F1F1 #F1F1F1 #F1F1F1 #F1F1F1}

TD DIV.tclcon {
	margin-left: 22px;
}







/**************/
.pun P, .pun UL, .pun DL, DIV.blockmenu LI, .pun LABEL, #announce DIV.inbox DIV {
	padding: 3px 0px;
}

.pun LABEL {
	padding: 3px 0px;
	line-height:20px;
}

/* 6.2 Special spacing for various elements */

#brdtitle P {padding-top: 0px}

#brdfooter DL A, DIV.blockmenu LI, DIV.rbox INPUT {line-height: 24px}
#viewprofile DT, #viewprofile DD {
	padding: 4px 12px;
	line-height: 20px;
	font-size:12px;
}

#viewprofile DT {padding-right: 5px}


/* 6.4 Create some horizontal spacing for various elements */
DIV.rbox INPUT, DIV.blockform P INPUT {margin: 12px}


.saut {
	line-height:6px;
	background-color:#F9F7DE;
}



.pun IMG {border: none}

.pun INPUT, .pun SELECT, .pun TEXTAREA, .pun OPTGROUP {margin: 0}























/****************************************************************/
/* 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.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 IE6 Windows and cures various bugs. Do not alter comments */

/* Begin IE6Win Fix \*/
* HTML .inbox, * HTML .inform, * HTML .pun, * HTML .intd, * HTML .tclcon {height: 1px}
* HTML .inbox DIV.postmsg {width: 95%}
/* End of IE6Win Fix */

/* 3.3 This is the equivelant of 3.2 but for IE7. It is visible to other browsers
but does no harm */

/*Begin IE7Win Fix */
.pun, .pun .inbox, .pun .inform, .pun .intd, .pun .tclcon {min-height: 1px}
/* End of IE7Win Fix */

/****************************************************************/
/* 4. HIDDEN ELEMENTS */
/****************************************************************/

/* These are hidden in normal display. Add comments to make them visible */

#brdfooter H2, #brdstats H2, #brdstats .conl DT,  #brdstats .conlF DT, #brdstats .conr DT,
#modcontrols DT, #searchlinks DT, DIV.postright H3 {
	POSITION: absolute;
	display: block;
	overflow: hidden;
	width: 1em;
	LEFT: -999em
}

/****************************************************************/
/* 5. BOX CONTAINERS AND floatS */
/****************************************************************/

/* 5.1. Setup all left and right content using floats. */  

.conr {
	float: right;
	text-align: right;
	CLEAR: right;
	width: 55%
}

.conl {
	float: left;
	width: 40%;
	overflow: hidden;
	WHITE-SPACE: nowrap
}

.conrF {
	float: right;
	text-align: right;
	CLEAR: right;
	width: 63%;
}

.conlF {
	float: left;
	width: 33%;
	overflow: hidden;
	WHITE-SPACE: nowrap;
	border-width:0px;
	border-right-width:0px;
	border-style:solid;
	border-color:#000000;
}

LABEL.conl {
	width: auto;
	overflow: visible;
	margin-right: 10px;
}

LABEL.conlF {
	width: auto;
	overflow: visible;
	margin-right: 10px;
}

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

DIV.linkst .conl, DIV.linkst .conlF, DIV.linksb .conl, DIV.linksb .conlF, DIV.postlinksb .conl , DIV.postlinksb .conlF {width:18em;}

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

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

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

.linkst UL, linksb UL, .postlinksb UL {margin-left: 18em}

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

DIV.block2col {padding-bottom: 1px}

DIV.block2col DIV.blockform, DIV.block2col DIV.block, #viewprofile DD {margin-left: 148px}
#viewprofile DD {margin-left: 173px;}

DIV.blockmenu, #viewprofile DT {
	float:left;
	width: 13em
}

#profileavatar IMG {
	float: right;
	margin-left: 1em
}

#viewprofile DL {float: left; width: 100%; overflow: hidden}

/****************************************************************/
/* 6. TABLE SETUP */
/****************************************************************/

/* 6.1 Table Basic Setup */

.pun TABLE {width: 100%}

/* 6.2 Fixed Table Setup */

#punindex TABLE, #vf TABLE {TABLE-LAYOUT: fixed}


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

#punsearch #vf .tc2 {width: 18%; text-align: left}

.tcl, .tcr {overflow: HIDDEN}

/* 6.3 Other Table Setup */

#users1 .tcl {width: 40%}

#users1 .tcr {width: 25%}

#users1 .tc2 {width: 25%; text-align: left}

#users1 .tc3 {width: 10%; text-align: center}

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

#punindex TD.tcr SPAN.byuser {display: block}

/****************************************************************/
/* 7. VIEWTOPIC SETUP */
/****************************************************************/



DIV.postfootright, P.multidelete {text-align: right}

DIV.blockpost>DIV>DIV.inbox {padding-bottom: 1px}



/* 7.4 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%}

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

#postpreview DIV.postright {border-left: none}

/* 7.6 Create the horizontal line above signatures */

DIV.postsignature HR {
	margin-left: 0px;
	width: 200px;
	text-align: left;
	height: 1px;
	border:none
}

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

/* 7.8 Class for bbcode [u] */

SPAN.bbu {text-decoration: underline}

/****************************************************************/
/* 8. LISTS SPECIAL SETTINGS */
/****************************************************************/

/* 8.1 Horizontal display of online list, main navigation menu and breadcrumbs */

#onlinelist DD, #onlinelist DT, DIV.linkst LI, DIV.linksb LI, DIV.postlinksb LI,
DIV.postfootright LI, UL.bblinks LI {
	display: inline;
	height: 0
}

DIV.logindroite LI {
	color:#EEE;
}

.deconnexion2:link, .deconnexion2:visited {
	color: #2e3142;
	text-align:right;
	font-weight: bold;
	font-size:11px;
	width:130px;
	text-decoration:none;
	margin-bottom:4px;
}

.deconnexion2:hover {
	color:#FF6633;
	text-decoration:underline;
}

.autrequiz:link, .autrequiz:visited {
	color: #46545D;
	text-align:right;
	font-weight: bold;
	font-size:14px;
	width:130px;
	text-decoration:none;
}

.autrequiz:hover {
	color:#996600;
	text-decoration:underline;
}




.logindroite {
	float:right;
}

.boutonLogin {
	border:2px;
	border-style:outset;
	background-color:#000000;
	color: #C5C5BE;
	width:70px;
	height:20px;
	padding-bottom:2px;
	font-size:10px;
	font-weight:bold;
	margin-right:4px;
}

.formlogin {
	font-size: 12px;
	line-height: 13px;
	margin:0px;
}

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

#posterror UL LI {list-style: square inside}

/* 8.3 Right alignment of descriptions in ordinary member view of other members profiles */

#viewprofile DT {text-align: right}

/****************************************************************/
/* 9. FORM SETTINGS */
/****************************************************************/

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

.pun LABEL {
	display: block;
	font-size:12px;
}

.zonedetexte {
	font-size:12px;
}

#qjump SELECT {width: 50%}

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




/* 2.1 This sets the default Font Group */

.pun, .pun INPUT, .pun SELECT, .pun TEXTAREA, .pun OPTGROUP {
	FONT-FAMILY: Verdana, 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, TEXTAREA {font-size: 12px}
TEXTAREA {
	padding: 2px;
}
/* 2.2 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}

/* 2.3 Font size for headers */

.pun H4 {font-size: 12px}
.pun H3 {font-size: 13px}

/* 2.4 Larger text for particular items */
.pun PRE {font-size: 14px}

/* 2.5 Bold text */

DIV.postmsg H4, TD.tcl H3, DIV.forminfo H3, DIV.forminfoblanc H3, P.postlink, DIV.linkst LI,
DIV.linksb LI, DIV.postlinksb LI, .blockmenu LI, .pun SPAN.warntext, .pun P.warntext {font-weight: bold}

P.postlink {
	font-size: 11px;
	padding-right:6px;
}

/****************************************************************/
/* 3. LIENS */
/****************************************************************/

/* Autres liens */
.blockpost DT A:link, .blockpost DT A:visited, .postlink A:link, .postlink A:visited, .postfootright A:link, .postfootright A:visited,
.blockmenu A:link, .blockmenu A:visited {
	text-decoration: none;
}

.blockpost H2 a:link, .blockpost H2 a:visited {
	color:#000;
	text-decoration: none;
}

.blockpost H2 A:hover {text-decoration: underline;}

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

/* 5.1 Page margins */

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

DIV.block, DIV.blockform, DIV.block2col, #postreview {margin-bottom: 12px}
DIV.block {margin-bottom: 2px}
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, DIV.linksb, DIV.statsb {
	padding-left: 8px;
	background-color:#FFFFFF;
	border:1px solid #000;
}

DIV.linksb, DIV.statsb {
	margin-top:2px;
}

DIV.statsb {
	padding:2px 6px;
	font-size:11px;
}

.pagelink {
	font-size:11px;

}

.footer {
	font-size:11px;
	line-height:13px;

}

DIV.postlinksb {
	padding: 4px 6px;
	background-color:#EEEECC;
}

/* 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: 2px;
}




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

.pun TD P {padding: 5px 0 0 0}

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


/* 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}
DIV.postmsg P.postedit {font-size: 12px}
DIV.postmsg P {line-height: 1.4}

/* 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 FORM {
	padding: 10px;
}
DIV.fakeform {padding: 13px 0px 0px 0px}
DIV.inform {
	padding-bottom: 20px;
}

/* 9.2 padding inside fieldsets */
.pun LEGEND {
	padding: 0px 6px;
	margin-left:8px;
	font-size:11px;
	font-weight:bold;
}

DIV.infldset {
	padding: 0px 8px 8px 8px;
	font-size:11px;
	background-color:#FFF;
}

DIV>FIELDSET {
	border: 1px solid #46545D;
	margin:10px;
}

.pun FORM {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	list-style: none;
}

.pun FIELDSET {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	list-style: none;
}

DIV.txtarea TEXTAREA, INPUT.longinput {width: 98%}


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



/* 9.4 BBCode help links in post forms */

UL.bblinks LI 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}







/****************************************************************/
/****************************************************************/
/* COULEURS */
/****************************************************************/
/****************************************************************/

/****************************************************************/
/* 1. background AND TEXT COLOURS */
/****************************************************************/

/* 1.1 Default background colour and text colour */
/* BODY {background-color: #FFF} */

DIV.box {
	background-color: #FFFFFF;
}

.pun BLOCKQUOTE, DIV.codebox, #adminconsole FIELDSET TH, .rowodd, .roweven {
	background-color: #FFF; 
}

#adminconsole TD, #adminconsole TH {border-color: #FFF}

/* 1. 2 Darker background colours */

#postpreview, #viewprofile DD, #adminconsole FIELDSET TD, DIV.blockmenu DIV.box, #adstats DD {background-color: #FFFFFF; border-left-color: #F9F7DE}
#postpreview, #viewprofile DT, #adminconsole FIELDSET TD, DIV.blockmenu DIV.box, #adstats DT {background-color: #F9F7DE;}

FIELDSET {background-color: #F9F7DE;}


/* 1.4 Table header rows */

.bgc4 {background-color: #D1D1D1}

/* 1.5 Fieldset legend text colour */

.pun LEGEND {
	color: #46545D;
	font-weight:bold;
}

/* 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: #FFF}
DIV.postright, DIV.postfootright {border-left-color: #F9F7DE}


DIV.postleft, DIV.postfootleft, DIV.blockpost LABEL {
	background-color: #F9F7DE;
}
DIV.postleft DL, DIV.postright {

	padding: 10px;
}

DIV.postleft DT {
	font-weight: bold;
	font-size: 11px;
}


/* 7.1 This is the basic structure. */
DIV.postleft {overflow: hidden}

DIV.postleft, DIV.postfootleft {
	float:left;
	width: 140px;
	overflow: hidden;
	POSITION: relative;
}

DIV.postright, DIV.postfootright {
	border-left-width: 140px;
	border-left-style: solid
}

DIV.postmsg {
	font-size:12px;
	padding:0px 8px;
}






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

.pun HR {background-color: #333; color: #333}

/****************************************************************/
/* 3. border COLOURS */
/****************************************************************/

/* 3.1 All external borders */

/* DIV.box {border-color: #6C8A3F} */

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

DIV.blockpost DIV.box {border-color: #7EA34B #6C8A3F #6C8A3F}

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

.pun BLOCKQUOTE, DIV.codebox, 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 */



/****************************************************************/
/* 4. AUTRES COULEURS DE LIENS */
/****************************************************************/


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

.pun H2 A:link, .pun H2 A:visited, {color: #EEEECC}
.pun H2 A:hover {color: #666}

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

LI.postreport A:link, LI.postreport A:visited, TR.iclosed TD.tcl A:link, TR.iclosed TD.tcl A:visited {color: #888}
LI.postreport A:hover, TR.iclosed TD.tcl A:hover {color: #AAA}
LI.maintenancelink A:link, LI.maintenancelink A:visited {color: #B42000}
LI.maintenancelink A:hover {color: #B42000}














/****************************************************************/
/****************************************************************/
/* Quiz combat */
/****************************************************************/
/****************************************************************/

.Style5 {
	font-size: 16px;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.Surquestion {
	font-size: 11px;
	font-weight: bold;
}






/* INSCRIPTION */

.inputINSC, .inputINSCF, .inputINSCMF, .inputINSCM, .inputINSCMD, .inputINSCMP {
	border:1px;
	border-style:solid;
	background-color:#F5F5EE;
	font-size: 12px;
	line-height: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#333300;
	width:160px;
	height:17px;
	margin:0px 0px 8px 0px;
	padding:1px;
}

.inputAREAF, .inputAREAF2 {
	border:1px;
	border-style:solid;
	background-color:#F5F5EE;
	font-size: 12px;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	color:#333300;
	width:400px;
	margin: 0px 0px 8px 0px;
	padding: 0px 8px;
}

.inputAREAF2 {
	padding:0px;
}

.inputINSCM {
	width:126px;
	margin:0px;
}

.inputINSCMD {
	width:126px;
	height:15px;
	margin:0px;
}

.inputPAYS, .inputPAYSF {
	border:1px;
	border-style:solid;
	background-color:#F2FFF5;
	font-size: 12px;
	line-height: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#333300;
	width:198px;
	height:18px;
	margin:0px 0px 8px 0px;
	padding:0px;
}

.inputDATE, .inputDATEF {
	border:1px;
	border-style:solid;
	background-color:#F2FFF5;
	font-size: 12px;
	line-height: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#333300;
	width:64px;
	height:18px;
	margin:0px 0px 8px 0px;
	padding:0px;
}

.inputSEXE, .inputSEXEF {
	border:1px;
	border-style:solid;
	background-color:#E0F4FB;
	margin:0px 0px 8px 0px;
}

.inputINSCF, .inputPAYSF, .inputDATEF, .inputSEXEF, .inputINSCM, .inputINSCMD {
	background-color:#F5F5EE;
}

.inputINSCMF {
	background-color:#F5F5EE;
	width:300px;
}


.clire {
	clear:both;
}

.message {
	margin:12px;
	color:#990000;
}

.boutonEnvoyer, .boutonAller {
	border:2px;
	border-style:outset;
	background-color:#F5F5EE;
	width:154px;
	height:22px;
	padding-bottom:2px;
	font-weight:bold;
	vertical-align:bottom;
}

.boutonAller {
	width:60px;
}






body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	text-align:left;
}

body {
	margin: 0px;
	background-color:#f3fbe0;
	background-image:url(../images/fond-degrade.jpg);
	background-position:top;
	background-repeat:repeat-x;
}

.bas {
	clear:both;
	text-align:center;
	width:100%;
	height:12px;
	margin-top:4px;
	margin-bottom:12px;
	border:0px solid #000;
	font-size:11px;
	font-weight:bold;
	color:#333;
}

#haut {
	padding: 0px;
	height:160px;
	background-color:#95aec2;
	background-image:url(../images/haut-droite.jpg);
	background-position:right;
	background-repeat:repeat-x;
}

#titre {
	background-image:url(../images/titre-domastuces.jpg);
	background-repeat:no-repeat;
	background-position:top;
	padding:0px;
	padding-top:0px;
	margin-top:6px;
	width:988px;
	background-color:#615841;
	border:1px solid #fff;
}

#corps {
	width:1008px;
	text-align:left;
	background-color:#fff;
}

#droite, #gauche {
	width:174px;
	margin:0px;
	padding:0px;
	border-width:0px solid #000000;
	float:right;
	margin-right:7px;
}

#gauche {
	float:left;
	margin-left:7px;
	margin-right:0px;
}



#centre {
	float:right;
	border:0px solid #000;
	text-align:left;
	background-color:#FFF;
	background-image:url(../images/fond-centre.jpg);
	width:644px;
	margin:0px;
	padding:1px;
	-moz-border-radius: 12px;
}

#centreforum {
	float:right;
	border:0px solid #000;
	text-align:left;
	background-color:#FFF;
	background-image:url(../images/fond-centre.jpg);
	width:794px;
	margin:0px 15px 6px 0px;
	padding:2px;
}





.bloc-menu, .bloc-menu-gauche, .nav-gauche-admin, .bloc-google, .bloc-sommaire {
	font-size:11px;
	color:#333300;
	text-align:center;
	background-color:#FFF;
	border:1px solid #999;
	-moz-border-radius: 12px;
	padding: 4px 6px;
	margin: 0px;
}

.bloc-sommaire {
	border-left-width:0px;
	padding: 0px;
	background-color:#FcFcF0;
}

.bloc-google {
	border-width:0px;
	padding: 8px 6px;
}

.bloc-menu a {
	font-size:13px;
	color:#000;
	text-decoration:none;
}

.bloc-menu-gauche {
	background-color:#FFF;
}

.nav-gauche-admin {
	float:left;
	margin-right:6px;
}

#centreadmin {
	width:740px;
	float:right;
	margin:0px;
	padding:0px 12px;
	border:1px solid #000;
	text-align:left;
	background-color:#FFF;
}


.bloc-menu-question {
	width:144px;
	padding:8px 8px;
	font-size:12px;
	line-height:14px;
	color:#333300;
	text-align:left;
}

.titre-menu, .titre-login, .titre-logue, .titre-sous-rubrique, .titre-sous-menu, .H1, .avertissement, .titre-astuce, .titre-texte {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #2e3142;
	font-style:italic;
	font-weight: bold;
}

.titre-sous-rubrique a {
	text-decoration:none;
	color: #2e3142;
	font-size: 21px; 
}

.H1, .avertissement {
	font-size: 27px; 
	margin:2px;
	padding: 26px 0px 20px 0px;
	width:626px;
	text-align:center;
	line-height: 11px;
}

.avertissement {
	font-size: 21px; 
	color:#990033;
	line-height: 22px;
}

.titre-menu, .titre-login, .titre-logue, .titre-sous-menu, .titre-sous-rubrique {
	font-size: 21px; 
	margin:1px;
	padding:3px 0px;
	text-align:center;
	font-variant: small-caps;
	line-height:18px;
}

.imagequizcombat{
	margin-bottom:4px;
}

.titre-sous-menu {
	font-size: 14px;
	line-height:20px;
}

.titre-login {
	margin-bottom:4px;
}

.titre-logue {
 color:#565a2f;
}

.titre-astuce, .titre-texte {
	font-size: 18px;
	line-height:28px;
	text-decoration:none;
}

.titre-texte{
	color:#944f73;	
}


.titre-menu, .titre-sous-menu, .titre-sous-rubrique {
	padding-top:10px;
}
	
a.titre-astuce:hover {
	color:#6e1616;
}

a.lien-sous-titre {
	color:#16506E;
	font-size:11px;
	font-weight:normal;	
}
	
a.lien-sous-titre:hover {
	color:#6e1616;
	text-decoration:none;
}


.sous-titre-astuce {
	font-size:11px;
}

a.lien-astuce {
	font-family: Arial;
	color: #16506e;
	font-size: 12px;
	line-height:22px;
	text-decoration:underline;
}

a.lien-astuce:hover {
	text-decoration:none;
	color:#6e1616;
}

.contourblanc {
	width: 170px;
	background-color:#000;
	padding:0px;
	margin-bottom:6px;
}

#bloc-nav {
	padding: 0px;
	border:6px solid #fff;
	border-top-width:5px;
	color:#333300;
	text-align:left;
	-moz-border-radius: 12px;
	padding-top:0px;
}

#nav {
	list-style: none;
	margin:0px;
	padding:0px;
	background-image:url(../images/fond-nav.jpg);
	background-repeat:no-repeat;
	-moz-border-radius: 8px;
}

#nav li a {
	padding: 6px 0px 4px 15px;
	border-width:1px 0px 0px 0px;
	border-color:#fff;
	border-style:solid;	
	display: block;
	width: 152px;
	color: #eee;
	text-decoration:none;
	font-weight:bold;
	font-size:13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	-moz-border-radius: 6px;
}

#nav li a:hover, #nav li a:focus, #nav li a:active {
	background-color:#333333;
	background-image:url(../images/fondonnav.jpg);
	color: #fff;
}

#nav li a.lienclassementsetymotest {
	display: block;
	background: #FBF8E0;
	color: #000000;
	font-size: 12px;
	line-height: 15px;
	padding: 4px;
	text-align: left;
	text-decoration: none ;
	margin: 0px 6px;
}

#navmessages {
	list-style: none;
	margin:7px 0px 0px 0px;
	padding:1px;
	background-image:url(../images/fond-liens.jpg);
}

#navmessages li {
	color: #000000;
	margin-top:1px;
}

#navmessages li a {
	display: block;
	color: #000000;
	font-size: 11px;
	line-height: 15px;
	padding: 4px;
	text-align: center;
	text-decoration: none;
	border: 0px dotted #666;
	border-top-width: 1px;
}

#navmessages li a:hover, #nav li a:focus, #nav li a:active {
	background-color:#e7f5fe;
	text-decoration:underline;
}

.alignergauche {
	float:left;
}

.alignerdroite {
	float:right;
}

.carrelogin, .carrelogue {
	padding:0px;
	text-align:center;
	line-height:16px;
	background-image:url(../images/fond-login.jpg);
	background-repeat:no-repeat;
	padding:4px 0px 6px 0px;
}

.carrelogue {
	background-image:url(../images/fond-logue.jpg);
}
	
.Titrelogin {
	font-size: 13px;
	font-weight:bold;
	margin:1px;
}




.deconnexion {
	color: #330000;
	text-align:right;
	font-weight: bold;
	text-decoration:underline;
	font-size:11px;
	width:130px;
}

.deconnexion {
	text-align:center;
}


.pas-inscrit, .pas-inscrit:hover {
	color: #330000;
	font-weight: bold;
	text-align:center;
	text-decoration:underline;
}

.pas-inscrit a:hover {
	color: #CC9966;
}



.formulairelogin {
	font-size:11px;
}

.inputlogin {
	border:1px solid #666;
	background-color:#EEE;
	font-size: 11px;
	line-height: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color:#333300;
	width:76px;
	height:14px;
	margin:2px 6px 2px -2px;
	padding:1px;
	vertical-align:middle;
}
	
.ligneloginG {
	text-align:left;
	margin-top:1px;
	margin-left:8px;
	padding:2px 0px;
}
	
.ligneloginD {
	clear:both;
	float:right;
}







	
.connexion {
	margin-top:4px;
	background-image:url(../images/connexion.jpg);
	font-size:11px;
	border:1px solid #000;
	height:20px;
	width:100px;
	color:#333;
	font-weight:bold;
}
	
	



	
.tdclass-surtitres {
	background-color:#9BBFD1;
	padding:3px 8px 3px 8px;
	color:#FFFFFF;
	text-align:center;
	margin:0px;
	font-weight:bold;
}
	
.tdclass-surtitresact {
	background-color:#FFFFFF;
	padding:3px 8px 3px 8px;
	color:#16506E;
	text-align:center;
	margin:0px;
	font-weight:bold;
}
	
.trclass-ligne1 {
	background-color:#D1DDE3;
}
	
.trclass-ligne2 {
	background-color:#DAE3E8;
}
	
.tdclass-surtitre {
	padding:-2px;
	height:18px;
	color:#16506E;
	text-align:left;
	font-size:11px;
	margin:0px;
	font-weight:bold;
}
	
.tdclass-case {
	text-align:center;
	padding:4px 12px 4px 12px;
}
	
a.titreclassement {
	color:#FFFFFF;
	text-decoration:none;
}
	
a.titreclassement:hover {
	color:#16506E;
}
	
	
.titreetcat {
	text-align:left;
	margin-left:46px;
}

.pages, .pageshaut {
	margin:-12px 32px;
	font-size:11px;
}

.pageshaut {
	margin-top: 6px;
}

.lienpages:link, .lienpages:visited {
	color: #330000;
	width:130px;
	text-decoration:underline;
}

.lienpages:hover {
	color:#CC9966;
	text-decoration:underline;
}

.lienmembre:link, .lienmembre:visited {
	color: #555555;
	text-decoration:none;
}

.ast, .astimpair, .texte {
	margin: 16px 30px;
	padding: 14px 20px;
	border: 1px #ccc dashed;
	-moz-border-radius: 12px;
	font-size:13px;
}

.astimpair {
	background-image:url(../images/fond-impair.jpg);
	background-color:#edf9ff;
}

.texte {
	border: 3px #eedeee dashed;
	background-color:#fffcfe;
}

.annonceinscription {
	margin: 16px 30px;
	padding:8px 14px;
	border-color:#AA8F80;
	border-style:dashed;
	border-width:2px;
	background-color:#edf9ff;
	text-align:center;
}

.input3 {
	border:1px;
	border-style:solid;
	background-color:#FBF8E0;
	font-size: 11px;
	line-height: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color:#333300;
	width:350px;
	height:14px;
	margin:2px 0px 2px 0px;
	padding:1px;
	vertical-align:middle;
}

.menucategories {
	border:1px;
	border-style:solid;
	background-color:#FBF8E0;
	font-size: 11px;
	line-height: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color:#333300;
	margin:2px 0px 2px 0px;
	
	height:18px;
	width:80px;
	padding: 0px;
}



input.plus, input.moins {
	margin: 0px;
	padding:0px;
	width:14px;
	height:14px;
	border-color:#FFFFFF;
}

input.plus {
	background-image:url(../images/plus.jpg);
}

input.moins {
	background-image:url(../images/moins.jpg);
}

.inputCOOR {
	border:1px;
	border-style:solid;
	background-color:#E0F4FB;
	font-size: 11px;
	line-height: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color:#333300;
	width:300px;
	height:16px;
	margin:0px 0px 8px 0px;
	padding:1px;
}

.inputPRES {
	border:1px;
	border-style:solid;
	background-color:#E0F4FB;
	font-size: 11px;
	line-height: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color:#333300;
	width:200px;
	height:16px;
	margin:0px 0px 8px 0px;
	padding:1px;
}

.aeraPRES {
	border:1px;
	border-style:solid;
	background-color:#E0F4FB;
	font-size: 11px;
	line-height: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color:#333300;
	width:500px;
	margin:0px 0px 8px 0px;
	padding:1px;
}

.inscriptionEnregistrement {
	margin:4px;
	width:228px;
	float:left;
	margin-top:6px;
}

.inscriptionPresentation {
	margin:4px;
	margin-top:10px;
	width:702px;
	clear:both;
}

.inscriptionCoordonnees {
	margin:22px 4px 4px 4px;
	padding-left:5px;
	width:460px;
	float:left;
	border-color:#000000;
	border-style:solid;
	border-width:0px 0px 0px 1px;
}

.lignePresG {
	float:left;
	width:150px;
}

.lignePresD {
	float:right;
	width:540px;
}

.ligneCoorG {
	float:left;
	width:120px;
}

.ligneCoorD {
	float:right;
	width:340px;
}

.ligneinscriptionG {
	float:left;
	width:113px;
	margin-top:2px;
	line-height:12px;
}

.ligneinscriptionD {
	float:right;
	width:115px;
}

.clire {
	clear:both;
}

.lignePetitTexte {
	clear:both;
	float:left;
	width:40px;
}

.ligneInputPays {
	text-align:left;
	float:right;
	width:420px;
}

.ligneSexeInput {
	float:left;
	width:100px;
}

.inputPAYS {
	border:1px;
	border-style:solid;
	background-color:#E0F4FB;
	font-size: 11px;
	line-height: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color:#333300;
	width:100px;
	height:16px;
	margin:0px 0px 8px 0px;
	padding:0px;
}

.inputDATE {
	border:1px;
	border-style:solid;
	background-color:#E0F4FB;
	font-size: 11px;
	line-height: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color:#333300;
	width:65px;
	height:16px;
	margin:0px 0px 8px 0px;
	padding:0px;
}

.inputSEXE {
	border:1px;
	border-style:solid;
	background-color:#E0F4FB;
}


.message {
	margin:12px;
	color:#990000;
}

.disclaim {
	font-size:9px;
	color:#666666;
	text-align:right;
	line-height:12px;
}


.cadreproposer {
	border-width:0px 1px 0px 1px;
	border-style:solid;
	border-color:#96afc2;
	padding:4px;
	margin:0px 30px;
	background-image:url(../images/cadre-fond-m.jpg);
	background-position:top;
	background-repeat:repeat-x;
}

.hautproposer1 {
	background-color:#DDDDBC;
	background-image:url(../images/cadre-haut-m.jpg);
	margin:12px 30px 0px 30px;
}

.hautproposer2 {
	background-image:url(../images/cadre-haut-droite-m.jpg);
	background-position:right;
	background-repeat:no-repeat;
	padding: 9px 6px 3px 6px;
	font-weight:bold;
	text-align:center;
	font-size: 14px; 
	font-variant: small-caps;
	margin:12px 0px 0px 30px;
	color: #2e3142;
}

.basproposerg {
	background-image:url(../images/cadre-bg-m.jpg);
	height:20px;
	margin:0px 30px;
}

.basproposerd {
	background-image:url(../images/cadre-bd-m.jpg);
	background-position:right;
	background-repeat:no-repeat;
	margin:0px 0px 0px 30px;
	height:20px;
}





.navboutonadmin {
	float:right;
	padding: 0px 56px;
	margin: -24px 15px -4px 15px;
	border:1px solid #000;
	height:20px;
	background-color:#fbf8e0;
}
	


.corpsadmin {
	width:958px;
	float:right;
	margin: 0px 15px 6px 15px;
	padding: 0px;
	border:0px solid #000;
	text-align:left;
}

.redir {
	width:606px;
	height:62px;
	font-size:16px;
	padding:4px;
	background-image:url(../images/redir.jpg);
	margin-top:70px;
}

.points{
	float:right;
}


.notation{
	margin-top:2px;
	float:right;
	font-size:17px;
	font-weight:bold;
	color: #2e3142;
}

.fondetoiles, .fondetoilesimpair {
	margin-top:3px;
	background-image:url(../images/etoilesvides.jpg);
	width:79px;
	height:18px;
	float:right;
}

.fondetoilesimpair {
	background-image:url(../images/etoilesvidesimpair.jpg);
}

.surfaceetoiles, .surfaceetoilesimpair {
	background-image:url(../images/etoilesdor.jpg);
	background-repeat:no-repeat;
	height:18px;
}

.surfaceetoilesimpair {
	background-image:url(../images/etoilesdorimpair.jpg);
}


.separation8px {
	height:8px
}


/*******************************************/
/****** VRAISEMBLABLEMENT A SUPPRIMER ******/
/*******************************************/
			DIV.bloc-nav UL {
				padding: 0px 12px;
				margin:0px;
				text-align:left;
				height:20px;
			}
			
			DIV.bloc-nav LI {
				display: inline;
				padding: 0px 6px;
				font-weight:bold;
				font-size:12px;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				color:#000000;
				line-height:20px;
			}
			
			LI.navtop {
				vertical-align:top;
			}
			
			DIV.bloc-nav LI.navtophover {
				vertical-align:top;
				background-color:#FEFBF1;
			}
			
			
			DIV.bloc-nav LI A:link, DIV.bloc-nav LI A:visited, .deconnexion2 A:visited {
				color: #000;
				text-decoration:none;
			}
			
			DIV.bloc-nav LI A:hover {
				color:#663300;
			}
			
			DIV.bloc-nav LI nav-int-d, DIV.bloc-nav LI nav-int-g {
				height:20px;
				width:8px;
				padding:0px;
				margin:0px;
				background-image:url(../images/nav-int-d.jpg);
			}
			
			li.nav-int-g {
				background-image:url(../images/nav-int-g.jpg);
			}



.pasdecontour {
	border-width:0px;
}

/*******************************************/
/****** FIN VRAISEMBLABLEMENT A SUPPRIMER ******/
/*******************************************/
</style>