/* 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 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	list-style: none;
}

UL, OL {
	margin-top: 2px;
	margin-bottom: 2px;
}

/* Titres */

.pun H1, H1 {
	font-family: Georgia, Arial, Times, serif;
	font-size: 25px;
	font-style:italic;
	height:16px;
	font-weight: bold;
	color: #000;
	margin:0px;
	line-height: 11px;
	text-align:center;
	width:100%;
	font-style:italic;
	/*border: 0px solid #a37c7d;
	border-width: 0px 0px 8px 0px;*/
	background-image:url(../images/fond-titre-classements.jpg);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#FFF;
	padding-top: 11px;
	
	padding: 11px 0px 12px 0px;
	width:100%;
	
	
}

.pun H2 {
	line-height:14px;
	font-size: 11px;
	margin:0px;
	padding: 4px 10px;
	background-color: #f5eeed;
	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 #9e5542;
	border-width: 0px 1px;
	background-color: #Fff;
	margin: 0px 12px;
	padding: 4px 6px;
	font-size:12px;
}

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


/* 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: #666;
	font-weight:bold;
}

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

/* Blocs de catégories */
DIV.blocktable, DIV.blockpost, DIV.blockform, DIV.blockformINSC, DIV.blockformPROF {
	border: 1px solid #9e5542;
	border-width: 0px 0px 1px 0px;
	margin: 0px;
	background-color:#FFFFFF;
}

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

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

DIV.titretopic {
	font-size:14px;
	font-weight: bold;
	margin: 0px;
	padding: 4px 10px;
	border: dotted #a37c7d;
	border-width:0px 0px 1px 0px;
	color:#2f2424;
	background-color: #f5eeed;
	background-image:url(../images/fond-th.jpg);
	background-position:left;
	background-repeat:no-repeat;
}

DIV.blockformINSC {
	padding: 8px 0px 0px 0px;
	background-color:#FFF;
	margin-top:0px;
}

DIV.blockformPROF {
	background-color:#FFF;
	font-size:12px;
	margin-top:0px;
}

div.ligneprofil {
	margin-bottom : 8px;
}

div.ligneprofil2 {
	margin-top : 12px;
	margin-bottom : 2px;
	font-weight:bold;
}

.pun .tcl {
	border-left: none;
	text-align: left;
	width: 52%;
	vertical-align:top;
}

.tc2 , .tc3, .tcmod {
	width: 9%;
	text-align: center;
	vertical-align:top;
}

.tcr, .tcr2, .tcr3 {
	width: 30%;
	text-align: right;
	vertical-align:top;
}

.tcr2 {
	text-align: center;
}

.tcr3 {
	text-align: left;
}

.tcvar {
	text-align: center;
}

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

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

.pun TH {
	margin: 0px;
	padding: 4px 10px 2px 10px;
	font-weight: normal;
	list-style: none;
	font-size:11px;
	border: dotted #a37c7d;
	border-width:0px 0px 0px 1px;
	color:#2f2424;
	background-color: #f5eeed;
	background-image:url(../images/fond-th.jpg);
	background-position:left;
	background-repeat:no-repeat;
}

.blockformPROF TH {
	font-size:13px;
	font-weight:bold;
	background-color: #f5eeed;
	background-image:url(../images/fond-th.jpg);
	background-position:left;
	background-repeat:no-repeat;
}


.pun TD {
	padding: 14px 10px;
	font-size:12px;
	border: 1px dotted #a37c7d;
	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-case, TD.tdclass-case2 {
	border:none;
	padding:6px 8px;
}

TD.tdclass-surtitres, TD.tdclass-surtitresact {
	background-color:#262620;
	padding:4px 8px;
	color:#FFF;
	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);
}

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

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;
}

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

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

/* ICONES*/

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

#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}

.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
}

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

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

/* 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 {
	display: inline;
	height: 0
}

DIV.logindroite LI {
	color:#EEE;
}

.lien11:link, .lien11:visited, .autrequiz:link, .autrequiz:visited {
	color: #2e2423;
	text-align:right;
	font-weight: bold;
	font-size:11px;
	width:130px;
	text-decoration:none;
}

.autrequiz:link, .autrequiz:visited {
	font-size:14px;
}

.lien11:hover, .autrequiz:hover {
	color:#aa3333;
	text-decoration:underline;
}

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

#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 */

.avecstyles{
	margin: 0px 40px;
}


.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; margin:0px;}

/* 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:#666;
	text-decoration: none;
}

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

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

/* 5.1 Page margins */

/* HTML, BODY {margin: 0; padding: 0}
#punwrap {margin:12px 20px} */

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

DIV.block, DIV.blockform, DIV.block2col, #postreview {margin-bottom: 0px}
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:solid #a37c7d;
	border-width: 0px 0px 1px 0px;
}

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

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

.pagelink {
	font-size:11px;

}

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

}

DIV.postlinksb {
	padding: 2px 10px;
	background-color: #f5eeed;
	background-image:url(../images/fond-th.jpg);
	background-position:left;
	background-repeat:no-repeat;
}

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



.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: 0px dotted #9e5542;
	border-top-width:1px;
	margin:10px;
}

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

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

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

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




/* 1.5 Fieldset legend text colour */

.pun LEGEND {
	color: #2e2423;
	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: #fafafa}


DIV.postleft, DIV.postfootleft, DIV.blockpost LABEL {
	background-color: #fafafa;
}

DIV.postleft DL {
	padding: 12px 10px;
}

DIV.postright {
	padding: 4px 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: 4px 0px;
}


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


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


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

.pun H2 A:hover {color: #2f2424}

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



/* ***************************** */
/* ********* VOCABULAX ********* */
/* ***************************** */

.Question {
	font-size: 16px;
	font-weight: bold;
	font-family: Georgia, Arial, Times, serif;
}

.Surquestion, a.Surquestion {
	color:#000000;
	text-decoration:none;
	font-size: 11px;
	font-weight: bold;
}

a.Surquestion:hover {
	text-decoration:underline;
}

/* INSCRIPTION */

.inputINSC, .inputINSCF, .inputINSCMF, .inputINSCM, .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: 16px;
	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;
}


.inputDATE {
	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 {
	border:1px;
	border-style:solid;
	background-color:#E0F4FB;
	margin:0px 0px 8px 0px;
}

.inputINSCF, .inputDATE, .inputSEXE, .inputINSCM {
	background-color:#F5F5EE;
}

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

.clire {
	clear:both;
}

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

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


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

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

.bas {
	clear:both;
	text-align:center;
	color:#333;
	font-size:11px;
	font-weight:bold;
	padding:6px;
	padding-bottom:3px;
	margin: 10px 0px;
}

#haut {
	padding: 16px 0px 0px 0px;
	height:130px;
}

#slogan {
	float:right;
	padding-right:14px;
	height:20px;
	margin-top:-4px;
	font:bold italic 11px Georgia, Arial, Times, serif;
}

#titre {
	border: 0px solid #fff;
	background-image:url(../images/vocabulax300mg.jpg);
	background-repeat:no-repeat;
	background-position:top;
	padding:0px 18px;
	padding-top:0px;
	margin:0px;
	margin-top:8px;
	width:952px;
	background-color:#fff;
}

#droite, #gauche {
	margin:0px;
	padding:0px;
}

#gauche {
	width:156px;
	float:left;
}

#droite {
	width:180px;
	float:right;
}

#centre {
	width:588px;
	float:right;
	margin:0px 12px 12px 12px;
	padding:0px;
	border:0px solid #eebc62;
	text-align:left;
	background-position:top;
	background-repeat:no-repeat;
}

#centreforum {	
	width:784px;
	float:right;
	margin:0px 0px 12px 0px;
	padding:0px;
	border:0px solid #000;
	text-align:left;
}

#centreadmin {
	margin:0px;
	padding:0px 12px;
	text-align:left;
}


.bloc-ope, .bloc-ope-in-vitro, .bloc-ope-jargonite, .bloc-ope-cure-termale, .bloc-ope-etymotest {
	padding:20px;
	margin: 12px 12px;
	line-height:18px;
	border:1px solid #ccc;
	color:#333;
	background-color:#fcf8f1;
	background-image:url(../images/fond-bloc-ope.jpg);
	background-repeat:repeat-x;
	background-position:bottom;	
}

.bloc-ope-in-vitro {
	background-image:url(../images/fond-bloc-ope-in-vitro.jpg);	
}

.bloc-ope-jargonite {
	background-image:url(../images/fond-bloc-ope-jargonite.jpg);	
}

.bloc-ope-cure-termale {
	background-image:url(../images/fond-bloc-ope-cure-termale.jpg);	
}

.bloc-ope-etymotest {
	background-image:url(../images/fond-bloc-ope-etymotest.jpg);	
}

.bloc-ope a, .bloc-ope-in-vitro a, .bloc-ope-jargonite a, .bloc-ope-cure-termale a, .bloc-ope-etymotest a {
	text-decoration:none;
	color:#333;
}


.titre-definitions, .Titre-Une-Reponse-Juste, .Titre-Une-Reponse-Fausse {
	font-size: 25px; 
	font-family: Georgia, Arial, Times, serif;
	margin: 0px 0px 4px 0px;
	padding: 8px 0px 16px 0px;
	width:100%;
	color: #000;
	text-align:center;
	font-weight: bold;
	font-style:italic;
	background-image:url(../images/fond-titre-definition.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}

.titre-menu, .titre-login, .titre-menu-forum, .titre-menu-liens, .titre-menu-rubrique, .titre-menu-classements {
	font-size: 21px; 
	font-family: Georgia, Arial, Times, serif;
	padding: 0px 0px 3px 0px;
	text-align: center;
	font-weight: bold;
	font-style: italic;
	border-color: #2e2423;
	background-color: #fff;
	color:#333;
	
	border-style: solid;
	border-width: 0px 0px 0px 0px;
}

.titre-login {
	border-color: #494337;
	font-variant: small-caps;
	color:#333;
	/*background-image:url(../images/fond-titre-login.jpg);*/
}

.titre-menu-classements {
	border-color:#a39c7d;
	/*background-image:url(../images/fond-titre-forum.jpg);*/
}

.titre-menu-forum {
	border-color:#a39c7d;
	/*background-image:url(../images/fond-titre-forum.jpg);*/
}

.titre-menu-rubrique {
	border-color:#a39c7d;
	/*background-image:url(../images/fond-titre-rubrique.jpg);*/
}

.titre-menu-liens {
	border-color:#a3a3a3;
	/*background-image:url(../images/fond-titre-rubrique.jpg);*/
	background-repeat:repeat-x;
}

.titre-rubrique {
	font-size: 21px; 
	font-family: Georgia, Arial, Times, serif;
	margin:0px;
	padding:0px 0px 6px 0px;
	color: #333;
	text-align:left;
	font-weight: bold;
	line-height:20px;
	font-style:italic;
}

.titre-menu a, .titre-login a, .titre-menu-forum a, .titre-menu-classements a, .titre-menu-rubrique a {
	text-decoration:none;
	color:#333;
}

.titre-menu a:hover, .titre-login a:hover, .titre-menu-forum a:hover, .titre-menu-classements a:hover, .titre-menu-rubrique a:hover {
	color:#666;
}

.bloc-liens {
	border:solid #a3a3a3;
	border-width: 6px 1px 1px 1px;
	background-color:#FFF;
	text-align:center;
	margin-bottom:18px;
}

.titre-menu {
	border-color:#7d92a3;
	/*background-image:url(../images/fond-titre-definition.jpg);*/
}

.titre-login a {
	font-variant: small-caps;
	color:#333;
}

.titre-login a:hover {
	font-variant: small-caps;
}

.titre-sous-menu {
	font-size: 14px;
	font-weight:bold;
	line-height:20px;
	font-style:italic;
	margin: -4px 0px;
	color:#7b6046;
}

.titre-sous-rubrique, .titre-sous-etymotest {
	font-weight:bold;
	color: #2e2423;
	background-color:#fff;
	padding:4px 2px;
	font-size:13px;
	text-align:center;
	background-image:url(../images/fond-sous-titre-classement.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}

.titre-sous-etymotest {
	border-color: #a39c7d;
	color: #333;
	background-image:url(../images/fond-sous-titre.jpg);
}

#nav, #navclassements, #navrubrique, #navmessages {
	list-style: none;
	margin:0px;
	margin-bottom:18px;
	padding:0px;
	border:1px solid #a39c7d;
	border-top-width:6px;
	background-color:#fff;
}

#navclassements, #navrubrique {
	border-color:#9f5542;
}


#nav li, #navclassements li, #navrubrique li {
	color: #000000;
	margin:0px;
	border-top: 1px solid #fff2ed;
}

#nav li {
	border-color: #eeebde;
}

#nav li a, #navclassements li a, #navrubrique li a {
	display: block;
	color: #000000;
	font-size: 12px;
	line-height: 15px;
	padding: 4px;
	text-align: center;
	text-decoration: none ;
	border: 0px dotted #666;
	background-color:#fff;
}

#navclassements li a {
	background-color:#fff;
	text-align: left;
	padding-left: 12px;
}

#navrubrique li a {
	background-color:#fff;
	padding-left: 12px;
}

#nav li a:hover, #nav li a:focus, #nav li a:active,
#navclassements li a:hover, #navclassements li a:focus, #navclassements li a:active,
#navrubrique li a:hover, #navrubrique li a:focus, #navrubrique li a:active {
	background-color:#eeebde;
	text-decoration:underline;
}

#navclassements li a:hover, #navclassements li a:focus, #navclassements li a:active,
#navmessages li a:hover, #navmessages li a:focus, #navmessages li a:active,
#navrubrique li a:hover, #navrubrique li a:focus, #navrubrique li a:active {
	background-color:#fff2ed;
	text-decoration:underline;
}

#navmessages {
	border-style:dotted;
	border-color: #9f5542;
	border-width: 6px 1px 0px 1px;
	border-top-style: solid;
}

#navmessages li {
	margin:0px;
}

#navmessages li a {
	display: block;
	background-color: #FFF;
	color: #333;
	font-size: 11px;
	line-height: 14px;
	padding: 5px 10px;
	text-align: left;
	text-decoration: none;
	border-bottom: 1px dotted #9f5542;
	margin:0px;
}

.alignergauche {
	float:left;
}

.pointsclassements {
	float:right;
	padding-right:4px;
}

.carrelogin, .derniersinscrits {
	padding:6px;
	text-align:center;
	border:2px solid #2e2423;
	border-top-width:6px;
	line-height:16px;
	font-size:11px;
	margin:0px;
	margin-bottom:18px;
	background-color:#fff;
	background-image:url(../images/fond-login.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}

.contourblanc{
	padding:0px;
	background-color:#FFF;
}

.derniersinscrits {
	padding:6px 10px;
	text-align:left;
	border-width:1px;
	border-top-width:6px;
	font-size:12px;
	font-weight:bold;
	color:#4f3d3d;
}

.derniersinscrits a {
	color:#4f3d3d;
	text-decoration:none;
}

.derniersinscrits a:hover {
	color: #2f2424;
	text-decoration:underline;
}

.formetymotest {
	border:1px solid #a39c7d;
	border-top-width: 6px;
	background-color:#FFF;	
	padding: 6px 12px;
	font-size:12px;
	line-height:14px;
	color:#333;
	text-align:left;
	margin:0px;
	margin-bottom:18px;
}

.separation8px {
	height:8px;
}

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


.ligneloginG2 {
	width:89px;
}

.ligneloginD2 {
	width:200px;
}

.connexion {
	margin-top:4px;
	margin-bottom: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;
}
	
.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;
}
	
	
.motetpseudo {
	text-align:left;
	margin-left:46px;
}

.pages, .pageshaut {
	margin:0px 0px 0px 4px;
	font-size:11px;
}

.pageshaut {
	margin-top: 18px;
}

.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;
}

.lienmembre:hover {
	color: #333;
	text-decoration:underline;
}

.liencomplement, .liencomplement1 {
	color: #333;
}

.liencomplement:hover, .liencomplement1:hover {
	color: #555;
}

.liencomplement {
	text-decoration:none;
}

.liencomplement:hover {
	text-decoration:underline;
}


.fond-texte {
	margin:12px 12px 0px 12px;
}

.def, #Question, .defpaire, .def-gagnante, .def-vraie, .defjargonite, .defjargonitepaire, .ReponseJuste, .ReponseFausse {
	margin:12px 12px 6px 12px;
	padding: 14px 20px;
	border-color:#eee;
	border-style:solid;
	border-width: 1px;
}

.defjargonite, .defjargonitepaire {
	margin:0px;
	border-width:0px 1px 1px 1px;
	border-color:#ccc;
	padding: 12px;
	border-style:dotted;
}

.defjargonite {
	background-color:#ebe4d6;
	background-image:url(../images/fond-def.jpg);
	background-position:top;
	background-repeat:repeat-x;
}

form.formjargonite {
	margin:0px;
	padding:0px;
}

.def {
	background-image:url(../images/fond-def.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	background-color:#fff;
}

.cadrejargonite {
	border-color:#ccc;
	border-style:dotted;
	border-width:1px 0px 0px 0px;
	margin:6px 12px;
}


.tjargon, .tcuretermale {
	font-size: 15px;
	font-weight:bold;
	color:#000;
	margin-bottom:4px;
}

.def-vraie {
	border-color:#f4f9fb;
	background-color:#7dafe0;
	background-image:url(../images/fond-vraie.jpg);
	background-position:top;
	background-repeat:no-repeat;
	border-width: 2px 2px 0px 2px;
}

.def-gagnante {
	background-color:#faeca4;
	border-color:#faf3ce;
	background-image:url(../images/fond-gagnante.jpg);
	background-position:top;
	background-repeat:no-repeat;
	border-width: 2px 2px 0px 2px;
}

/*
.ombre-def-bas {
	margin:0px 13px 0px 12px;
	background-image:url(../images/ombre-def-bas.jpg);
	background-position:right;
	background-repeat:repeat-x;
	height:6px;
	padding:0px;
	clear:both;
}
*/

.cQuestion {
	background-color:#ebe4d6;
	background-image:url(../images/fond-cQuestion.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

.cQuestionhover {
	background-color:#ffeece;
	background-image:url(../images/fond-cQuestionhover.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

.cQuestionPaire {
	background-color:#fdf8f1;
	background-image:url(../images/fond-cQuestionpaire.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

.ReponseJuste, .ReponseFausse {
	font-size: 12px;
	border: 1px solid #ccc;
	background-color:#dae4ed;
	background-position:top;
	background-repeat:no-repeat;
	background-image:url(../images/rj.jpg);
}

.ReponseFausse {
	background-image:url(../images/rf.jpg);
	background-color:#eddadc;
}

.UneReponseJuste, .UneReponseFausse {
	border: 0px dashed #65a3d6;
	border-bottom-width:1px;
	font-size: 12px;
	margin: 0px 6px 0px 0px;
	padding: 10px 20px 10px 50px;
	background-color:#FFFFFF;
}

.UneReponseFausse {
	border-color: #d7646b;
	background-color:#FEF9F9;
}

.Titre-Une-Reponse-Juste {
	background-image:url(../images/1rj.jpg);
	border-bottom-color:#65a3d6;
}

.Titre-Une-Reponse-Fausse {
	background-image:url(../images/1rf.jpg);
	border-bottom-color:#d7646b;
}

.soustitremot {
	font-size: 11px;
	color:#666666;
	font-weight: bold;
	margin:0px 4px 4px 12px;
	padding:0px;
}

a.pointsne {
	color:#666666;
	text-decoration:none;
}

a.pointsne:hover {
	color:#AA3333;
	text-decoration:none;
}

.tpoints {
	margin-top:-2px;
	font-size: 12px;
	font-weight:bolder;
	color:#666666;
	float:right;
}

.carrelogin2 {
	margin-top:20px;
	padding:8px;
	width:300px;
	text-align:center;
	border:1px solid #DDDDBC;
}

.input3 {
	border:1px solid #7d92a3;
	font-size: 11px;
	line-height: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color:#333300;
	width:121px;
	height:14px;
	margin:2px 0px;
	padding:1px;
}



input.plus, input.moins {
	padding:0px;
	width:12px;
	height:12px;
	border-width:1px;
	border-color:#7d92a3;
}

input.plus {
	background-image:url(../images/plus.jpg);
	margin: 3px 1px 0px 3px;
}

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

.cadreproposer {
	border-width:0px 1px;
	border-style:solid;
	border-color:#7d92a3;
	padding:4px;
	padding-top:0px;
	margin:0px 20px 0px 20px;
	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 20px 0px 20px;
}

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

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

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

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


#navhorizontale {
	border:0px solid #fdfaec;
	width:948px;
	float:left;
	margin:0px;
	margin-bottom:24px;
	padding: 3px 2px;
	background-color:#000;
	background-image:url(../images/fond-navh.jpg);
	background-repeat:no-repeat;
	background-position:left;
}

#navhorizontale LI {
	display:inline;
	margin:0px;
	color: #ebbc62;
	
}

#navhorizontale LI.ligauche, #navhorizontale li.ligaucheon {
	float:left;
	margin-left:0px;
}

#navhorizontale LI.lidroite, #navhorizontale li.lidroiteon {
	float:right;
	margin-right:0px;
}

#navhorizontale li a {
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
	font-family: Verdana, Arial, Times, serif;
	font-variant:small-caps;
	color: #fdfaec;
}

#navhorizontale li.ligauche a, #navhorizontale li.ligauche a:hover, #navhorizontale li.ligaucheon a {
	padding: 0px 20px 0px 17px;
	margin-left:2px;
}

#navhorizontale li.lidroite a, #navhorizontale li.lidroite a:hover, #navhorizontale li.lidroiteon a {
	padding: 0px 20px 0px 20px;
	margin-right:2px;
}

#navhorizontale li.ligauche a:hover, #navhorizontale li.ligaucheon a, #navhorizontale li.lidroite a:hover, #navhorizontale li.lidroiteon a {
	color: #000;
	background-color:#fdfaec;
}

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

.jargo {
	height:16px;
	width:150px;
	margin-right:8px;
}

.jargolong {
	height:32px;
	width:300px;
	margin-right:8px;
}

.defadmin {
	margin:8px 0px 16px 0px;
	padding:10px;
	background-color:#fff;
	border-color:#e4dbdc;
	border-style:solid;
	border-width:4px;
	background-image:url(../images/cadre-fond-m.jpg);
	background-position:top;
	background-repeat:repeat-x
}

.titrelp {
	font-size: 13px;
	color: #333;
	font-weight:bold;
}


.imagequizcombat{
	margin-top:4px;
}

.separation6px {
	height:6px
}

.textareapensebete {
	padding: 10px;
	line-height:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

.reseaux {
	border: 1px solid #ddd;
	border-width: 1px 0px;
	padding: 3px 3px 0px 12px;
	margin: 3px 12px;
	color:#666;
	font-size:11px;
	font-weight:bold;
}

</style>