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

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

/* Titres */

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

/* BORDURES */

.pun BLOCKQUOTE, DIV.codebox, DIV.blockpost LABEL {
	border-style: solid;
	border-width: 1px
}

DIV.forminfoblanc {
	border: 1px solid #000;
	margin: 1px;
	padding: 4px 6px;
	font-size:12px;
	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:0px solid #000;
	margin-left:1px;
	font-size:12px;
	line-height:20px;
}

.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: #333;
}

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



/* Blocs de catégories */
DIV.blocktable, DIV.blockpost {
	border: 1px solid #666;
	margin: 0px;
	margin-bottom:2px;
	-moz-border-radius: 3px;
}

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

.tcltopic, tcrtopic {
	text-align: left;
	vertical-align:top;
}

.tcltopic {
	width: 16%;
}

.tcrtopictop {
	font-size:11px;
	border: dotted #000;
	border-width: 0px 0px 1px 0px;
	padding-left:6px;
	margin: -1px -4px;
}

.pun .tcl, .pun .tcltopic {
	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, .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 {
	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:0px 0px 0px 1px;
}

.pun TD {
	padding: 4px 8px;
	font-size: 12px;
	border-color: #000000;
	border-style:dotted;
	border-width:1px 0px 0px 1px;
}

.pun table.profil {
	vertical-align:top;	
	border-color: #000000;
	border-style:dotted;
	border-width:1px 1px 0px 0px;
}


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-ligne0 {
	background-color:#F9F7DE;
}

TR.trclass-ligne1 {
	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:#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.postsignature, DIV.postmsg {overflow: hidden}

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

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


.pun .intd {padding: 8px 0px}

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

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

#brdfooter H2, #brdstats H2, #brdstats .conl 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; font-size:14px; line-height:20px;}

DIV.block2col DIV.blockform, DIV.block2col DIV.block, #viewprofile DD {margin-left: 158px}
#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;
	font-size:10px;
}

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
}

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

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

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

.autrequiz:hover {
	color:#996600;
	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: Arial, Helvetica, sans-serif
}

/* 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.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,
.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.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.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: 6px;
}

DIV.fakeform {padding: 13px 0px 0px 0px}

DIV.inform {
	padding: 10px 0px 10px 0px;
}

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

DIV.infldset {
	padding: 0px 20px 4px 20px;
	font-size:11px;
}

DIV>FIELDSET {
	margin:10px;
	-moz-border-radius: 8px;
	border:1px solid #dccfac;
	background-color:#fefaeb;
}

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

.pun FIELDSET {
	margin: 0px;
	padding: 10px;
	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} */

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

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

/* 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.4 Table header rows */

.bgc4 {background-color: #D1D1D1}

/* 1.5 Fieldset legend text colour */

.pun LEGEND {
	color: #996633;
	font-weight:bold;
	font-size:13px;
}

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


DIV.blockpost LABEL {
	background-color: #F9F7DE;
}

DIV.postright {
	padding: 10px;
}

DIV.postright {
	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 */

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






a.titrequestion {
	font-size: 16px;
	font-weight: bold;
	font-family: Georgia, Arial, Times, serif;
	color:#000000;
	text-decoration:none;
	margin-bottom:4px;
}


.reponsedrapeau{
	float:left;
	margin:4px 12px 0px 0px;
	vertical-align:bottom;
}





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

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

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

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

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





/* 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 {
	border:2px;
	border-style:outset;
	background-color:#F5F5EE;
	width:154px;
	height:22px;
	padding-bottom:2px;
	font-weight:bold;
	vertical-align:bottom;
}



/* ***************************** */
/* ********* QUIZ FOOT ********* */
/* ***************************** */

<style type="text/css">
. {}


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

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

#leurre {
	width:988px;
	height:6px;
	clear:both;
}

.bas {
	clear:both;
	text-align:center;
	width:988px;
	height:12px;
	margin-top:2px;
	padding: 6px 0px 16px 0px;
	border:0px solid #000;
	font-size:11px;
	color: #000;
}

.bas a {
	color: #7F5F2F;
	font-weight:bold;
	text-decoration:none;
}

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

#titre {
	padding:0px;
	margin:10px 0px 0px 0px;
	width:980px;
	background-color:#fff;
	border:3px solid #fff;
	-moz-border-radius: 8px;
	background-image:url(../images/quizzgeographie.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

#haut {
	height:190px;
}

#corps {
	width:978px;
	text-align:left;
	background-color:#none;
}

#droite {
	width:250px;
	float:right;
	margin-right:8px;
	-moz-border-radius: 8px;
}

#gauche {
	float:left;
	width:166px;
	margin-right:8px;
	
}

#milieu, #milieularge {
	float:left;
	width:516px;
	margin:0px;
	padding: 0px 12px;
	color:#333;
}

#centre {
	width:714px;
	float:right;
	margin: 12px 8px 0px 0px;
	text-align:left;
	background-color:#FFF;
	-moz-border-radius: 8px;
}

.separation8px {
	height:8px;
	line-height:8px;
}

.bloc-partenaires, .bloc-classements, .bloc-suivi, .bloc-entrainement {
	margin-bottom: 10px;
	font-size:11px;
	text-align:left;
}


.titre {
	font-size: 17px;
	font-family: Georgia, Arial, Times, serif;
	font-weight: bold;
	font-style:italic;
	color: #7F5F2F;
	text-align:center;
}

.titre-sous-menu {
	margin:0px;
	margin-left:1px;
	padding-bottom:2px;
	color:#333;
	text-align:center;
	font-weight: bold;
	font-size: 11px;
}

.bloc-suivi {
	padding:10px;
	-moz-border-radius: 8px;
	background-color:#fefaeb;
	line-height:14px;
	background-image:url(../images/fond-suivi.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

.bloc-classements {
	-moz-border-radius: 8px;
	border:1px solid #e4e5d3;
}

.bloc-classements .titre {
	padding:8px 0px 6px 0px;
	color:#5c4e43;
}

#classements {
	list-style: none;
	margin:-1px;
	padding:6px 6px 10px 6px;
	-moz-border-radius: 8px;
	border:1px solid #e4e5d3;
	background: #f9feeb ;
}

#classements li a {
	display: block;
	color: #5c4e43;
	font-size: 11px;
	padding: 0px 8px;
	text-align: left;
	text-decoration: none ;
	margin: 0px 6px;
}

#classements li a:hover, #classements li a:focus, #classements li a:active {
	text-decoration:underline;
}

.bloc-suivi ul {
	padding: 0px 0px 0px 10px;
	margin:0px;
	color:#5c4e43;
}

.bloc-suivi .titre {
	color: #5c4e43;
	margin-bottom:8px;
	line-height:18px;
}

.bloc-entrainement {
	font-size:11px;
	-moz-border-radius: 8px;
	border:1px solid #dccfac;
	background-color:#fefaeb;
	padding:10px;
}

.bloc-entrainement .titre {
	margin:0px;
	font-size:21px;
}

.bloc-partenaires {
	padding:10px;
	-moz-border-radius: 8px;
	background-color:#edf0dd;
	background-image:url(../images/fond-suivi.jpg);
	background-position:top;
	background-repeat:no-repeat;
	border:1px solid #edf0dd;
	font-size:11px;
}

.bloc-partenaires .titre {
	color: #5c4e43;
	font-size:21px;
}

.titre-continent {
	font-size: 13px;
	font-weight: bold;
	color: #996633;
}

a.titre-continent {
}

a.titre-continent:hover {
	text-decoration:none;
	color: #666;
}

.bloc-entrainement .gauche, .bloc-partenaires .gauche {
	margin-top:12px;
	float:left;
}

.bloc-entrainement .droite, .bloc-partenaires .droite {
	margin-top:12px;
	float:right;
	border:1px solid #ccbba2;
	border-width: 0px 0px 0px 1px;
	padding-left:8px;
}




#regionsgeo {
	width:96px;
	margin: 0px;
	padding: 0px 0px 0px 12px;
	margin-bottom:16px;
}

#regionsgeo li {
	color: #ccbba2;
}

#regionsgeo li:hover {
	color: #ccc;
}

#regionsgeo li a:hover, #regionsgeo li a:focus, #regionsgeo li a:active {
	text-decoration:underline;
	color: #666;
}

#regionsgeo li a {
	display: block;
	color: #aa7744;
	font-size: 11px;
	line-height: 11px;
	padding: 3px 0px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none ;
}

#regionsgeo.partenaires li a {
	color: #5c4e43;
}




#Question {
	border: 1px solid #dccfac;
	margin:12px 0px;
	padding:12px 18px;
	-moz-border-radius: 18px;
}

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

.cQuestionhover {
	background-color:#FFFFC4;
}

.ReponseJuste {
	background-color:#deebff;
	background-image:url(../images/fond-vraie.jpg);
	background-repeat:no-repeat;
}

.ReponseFausse {
	background-color:#ffd0d0;
	background-image:url(../images/fond-fausse.jpg);
	background-repeat:no-repeat;
}

.bloc-google {
	text-align:center;
	margin-bottom:6px;
	background-color:#FFF;
}

h1 {
	font-size: 21px; 
	font-family: Georgia, Arial, Times, serif;
	margin:0px;
	padding:12px 0px;
	font-weight: bold;
	font-style:italic;	
	font-size: 24px;
	color: #996633;
	text-align:center;
}

.titre-login {
	margin-bottom:4px;
	font-weight:bold;
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	color:#996633;
}

.alignerdroite {
	float:right;
}

#nav li a.quizspeciaux {
	display: block;
	background: #FBF8E0;
	color: #000000;
	font-size: 11px;
	line-height: 12px;
	padding: 3px 1px;
	text-align: left;
	text-decoration: none ;
	margin: 2px 6px;
	text-align:center;
}

#nav li a.quizspeciaux:hover, #nav li a.quizspeciaux:focus, #nav li a.quizspeciaux:active {
	background-color:#bfdea4;
	text-decoration:underline;
}

.avertissement {
	width:154px;
	margin: 0px;
	padding: 1px;
	background-color:#FFFFFF;
	border:0px solid #000;
	font-weight:bold;
	line-height:11px;
}

.carrelogin, .carrefacebook {
	padding:4px 12px;
	text-align:center;
	-moz-border-radius: 8px;
	border:1px solid #b1b09b;
	background-image:url(../images/fond-carte.jpg);
	background-position:top;
	line-height:14px;
	margin-bottom:10px;
	font-weight:bold;
	font-size:11px;
}

.carrefacebook {
	padding:8px;
	border-color:#b1b09b;
	background-image:none;
}

.deconnexion, .inscription {
	color: #996633;
	text-align:right;
	font-weight: bold;
	text-decoration:underline;
	font-size:12px;
	width:130px;
}

.deconnexion {
	text-align:center;
	font-size:11px;
}

.inputlogin {
	border:1px solid #666;
	background-color:#fefefe;
	font-size: 11px;
	line-height: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color:#333300;
	width:100px;
	height:14px;
	margin:0px 4px;
	padding:1px;
	vertical-align:middle;
}
	
.lignelogin {
	float:left;
	color:#6b6a5e;
}



	
.connexion {
	margin: 2px 4px 2px 0px;
	font-size:11px;
	border:0px solid #000;
	color:#996633;
	font-weight:bold;
	background-color:#fff;
	padding: 1px 14px 1px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif.;
	background-image:url(../images/connexion.jpg);
	background-position:right;
}	
	

	

.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;
}
	
.tdclass-case2 {
	text-align:center;
	padding:2px 10px 2px 10px;
	border:2px solid #BCC4C8;
}
	
.tdclass-joueur {
	text-align:left;
	padding:4px 8px 4px 8px;
}
	
.numpage {
	color:#16506E;
	padding-top:3px;
}


a.suivi {
	color:#5c4e43;
	text-decoration:none;
}

a.suivi:hover {
	color:#996633;
	text-decoration:underline;
}
	
a.titreclassement {
	color:#FFFFFF;
	text-decoration:none;
}
	
a.titreclassement:hover {
	color:#16506E;
}

.pages {
	margin:6px 14px 14px 14px;
}

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

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

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

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

.caseliens {
	padding: 0px;
	margin: 0px;
	border:0px solid #432f1a;
	width:688px;
	float:right;
}

a.navlien {
	color: #6b6a5e;
	text-decoration:none;
	font-weight:bold;
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	padding: 0px;
}

a.navlien:hover {
	color: #392712;
}

.navbouton {
	border:1px solid #b1b09b;
	border-width:1px 0px 0px 1px;
	background-color:#fff;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-topleft: 6px;
	background-image:url(../images/fond-nav.jpg);
	float:right;
	padding: 2px 10px 3px 10px;
}

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

DIV.caseliens LI {
	display: inline;
	color:#000000;
	line-height:25px;
	padding:0px 0px 0px 15px;
	font-weight:bold;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}


.imagequizcombat{
	margin-top:0px;	
}

.quizcombat{
	background-image:url(../images/fond-quiz-combat.jpg);
	background-repeat:no-repeat;
	background-position:top;
	font-size:12px;
	color:#000;
	font-weight:bold;
	padding:4px;
	line-height:16px;
	margin:0px;
	padding-top:26px;
	margin-top:8px;
}

.theme, .theme-complet {
	width:254px;
	margin:0px;
	padding: 8px 0px;
	font-size:12px;
}

.theme-quotidien {
	padding: 8px 0px;
}

.theme-partenaires {
	width:220px;
	margin:0px 0px 0px 8px;
	font-size:11px;
	padding: 4px 0px;
}

#milieularge {
	float:right;
	width:710px;
	padding:0px;
	margin:0px;
}

.fiche{
	background-image:url(../images/fond-theme.jpg);
	background-repeat:no-repeat;
	border:1px solid #5c4e43;
	-moz-border-radius: 4px;
	margin: 6px 0px 0px 6px;
	padding:8px;
	background-color:#fcfaeb;
	color: #333;
	text-align:left;
	line-height:16px;
}

.theme-complet .fiche {
	background-color:#fcf4eb;
	background-image:url(../images/fond-theme-complet.jpg);
	background-repeat:no-repeat;
}

.theme-partenaires .fiche {
	border-width: 1px 2px 2px 1px;
	border-color: #5F5F4F;
	margin: 2px 0px 0px 2px;
}

.theme .titre, .theme-complet .titre, .theme-partenaires .titre, .theme-quotidien .titre {
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	color: #7F5F2F;
	text-align: center;
	font-family: Georgia, Arial, Times, serif;
	padding: 2px 0px 8px 0px;
}

.theme-complet .titre {
	color: #996633;
}

.theme-partenaires .titre, .theme-quotidien .titre {
	text-align:left;
	color:#5F5F4F;
}

.theme a{
	text-decoration:none;
	color:#7F5F2F;
}

.theme-partenaires a {
	font-size:12px;
	font-weight:bold;
	color:#5F5F4F;
}

.theme-complet a, .theme-quotidien a, .Chapo a {
	text-decoration:none;
	color:#996633;
}

.theme a:hover, .theme-complet a:hover, .theme-quotidien a:hover, .theme-partenaires a:hover, .Chapo a:hover {
	text-decoration:underline;
}

.theme-partenaires a:hover {
	text-decoration:none;
}

a.pays {
	font-size:11px;
}


.illusommaire {
	-moz-border-radius: 4px;
	border:1px solid #5c4e43;
	float:left;
	padding:1px;
	background-color:#fff;
	margin:0px 8px 0px 0px;
}

.Chapo {
	margin:5px 0px 0px 0px ;
	padding:0px;
	font-size:12px;
	font-weight:bold;
}

.parametrequiz {
	font-weight:bold;
	padding-left:0px;
	font-size:16px;
}

.lancerlequiz {
	border:2px;
	border-style:solid;
	background-image:url(../images/lancerlequiz.jpg);
	width:256px;
	height:40px;
	margin-top:8px;
}

.illu {
	-moz-border-radius: 2px;
	border:2px solid #dccfac;
	float:right;
	padding:1px;
	background-color:#fff;
	margin : 6px 0px 10px 4px;
}


#categories, #categories2 {
	width: 720px;
	padding: 0px 20px 0px 20px;
	margin: 10px 12px 0px 8px;
}

#categories {
	margin-top:12px;
	background-image:url(../images/haut-cat.jpg);
	background-position:top;
	background-repeat:no-repeat;
	padding-top: 14px;
	text-align:center;
	font-size:15px;
}

#categories2 {
	background-image:url(../images/bas-cat.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-top: 10px;
	padding-bottom: 12px;
	line-height:28px;
	margin-top: 0px;
	font-size:13px;
}


a.catlien{
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

a.catlien:hover, a.catlien:focus, a.catlien:active {
	color:#fe0000;
}

.boutoncatnouveaux, .boutoncatfolder, .boutoncatrss, .boutoncatsoumettre, .boutoncatpluscliques, .boutoncatplusvotes {
	color: #000000;
	margin:12px;
	font-weight:bold;
	display: inline;
	padding: 0px 4px 0px 22px;
	background-position:left;
	background-repeat:no-repeat;
}

.boutoncatnouveaux {
	background-image:url(../images/nouveaux.png);
}

.boutoncatfolder {
	background-image:url(../images/folder.png);
}

.boutoncatrss {
	background-image:url(../images/rss.png);
}

.boutoncatsoumettre {
	background-image:url(../images/soumettre.png);
}

.boutoncatpluscliques {
	background-image:url(../images/pluscliques.png);
}

.boutoncatplusvotes {
	background-image:url(../images/plusvotes.png);
}






#categories li, #categories2 li {
	display:inline-block;
	color: #000000;
	margin:0px;
	list-style: none;
	text-align:left;
	font-weight:bold;
	font-family:Arial;
	padding:0px;
}

#categories li a, #categories2 li a {
	display:inline-block;
	color: #000000;
	font-size: 15px;
	text-align: left;
	text-decoration: none ;
	padding: 0px 20px ;
	margin:0px;
	/*background-image:url(../images/fondcatannu.jpg);*/
}

#categories2 li a {
	font-size:13px;
	padding: 0px 20px 8px 26px ;
}

#categories li :hover, #categories li :focus, #categories li :active, #categories2 li :hover, #categories2 li :focus, #categories2 li :active {
	color:#fe0000;
}



.iconfolder, .iconrss, .iconsoumettre, .iconpluscliques, .iconplusvotes, .iconnouveaux{
	float: left;
	margin: 0px 0px 6px 6px ;
	display: block;
	border-width: 0px;
	width:16px;
	height:16px;
}

.iconfolder {
	background-image:url(../images/folder.png);
}

.iconrss {
	background-image:url(../images/rss.png);
}

.iconsoumettre {
	background-image:url(../images/soumettre.png);
}

.iconpluscliques {
	background-image:url(../images/pluscliques.png);
}

.iconplusvotes {
	background-image:url(../images/plusvotes.png);
}

.iconnouveaux {
	background-image:url(../images/nouveaux.png);
}

#annugauche {
	float:left;
	width: 592px;
	margin: 14px 0px 0px 10px;
}

#annudroite {
	float:right;
	width: 158px;
	margin: 14px 10px 0px 0px;
}

.annusoustitre {
	font-size: 17px;
	color: #444;
	font-family: Georgia, Arial, Times, serif;
	text-align:center;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

.annusoustitre a {
	color: #555;
}

.annusoustitre a:hover {
	color: #555;
	text-decoration:none;
}

.annusite {
	margin-left: 4px;
	border: 2px solid #333;
	background-color: #f1f1f1;
	background-image:url(../images/fondannusite.jpg);
	background-position:top;
	background-repeat:no-repeat;
	padding:8px;
	margin: 0px 0px 20px 0px;
}

.annulien {
	text-align: justify;
	padding: 4px 16px 8px 16px;
}

.annulien, .annulien a, .annulien a:hover {
	font-size: 16px;
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

a.annulienfinsite {
	text-decoration: none;
	color: #000;
	text-decoration: underline;
}

.annulien a:hover, .annulienfinsite:hover {
	color: #FF0000;
	text-decoration: underline;
}

.annulien span {
	color: #F7560F;
}

.siteimg {
	border: 3px solid #333;
	padding:2px;
	margin:2px 8px 0px 0px;
	float:left;
}


a.signaler{
	float:right;
	color:#333333;
	font-size:10px;
}

a.signaler:hover{
	color:#663333;
}



</style>