/****************************************************************/
/* 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;
	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.forminfo, DIV.forminfoblanc {
	border: 2px solid #000;
	-moz-border-radius: 10px;
	background-color: #FaF8FF;
	margin: 4px 12px;
	padding: 8px 16px;
	font-size:13px;
	line-height:20px;
}

DIV.zonedechamps {
	margin-left: 4px;
	border: 2px solid #333;
	background-color: #f1f1f1;
	background-image:url(../images/fondchamps.jpg);
	background-position:top;
	background-repeat:no-repeat;
	padding:8px 16px;
	margin: 0px 0px 20px 0px;
	font-size:12px;
}

DIV.zonedechamps .titre {
	text-align: justify;
	padding: 4px 16px 8px 16px;
	font-size: 16px;
	font-weight: bold;	
}






DIV.forminfoblanc {
	background-color: #FFFFFF;
}
/* 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: #46545D;
}

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



/* Blocs de catégories */
DIV.blocktable, DIV.blockpost {
	border: 1px dotted #000000;
	margin: 0px;
	margin-bottom:2px;
}

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.blockformINSC {
	padding: 8px 12px 12px 12px;
	background-color:#FFF;
	margin-top:2px;
}

.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 {
	
	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-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}
.clearb {font-size:11px;}

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

DIV.logindroite LI {
	color:#EEE;
}

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

.deconnexion2:hover {
	color:#CC9966;
	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: 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,
.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-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;
	list-style: none;
}

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








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

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

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

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

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





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






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

#haut {
	padding: 4px 0px 0px 15px;
	height:140px;
}

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

.texte-slogan {
	background-position:left;
}

#titre {
	background-image:url(../images/quizfootball.jpg);
	background-repeat:no-repeat;
	background-position:top;
	padding:0px;
	padding-top:0px;
	margin:10px 0px 0px 0px;
	width:988px;
	background-color:#abc693;
	border:1px solid #748663;
}

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

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

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

#centre {
	width:606px;
	float:right;
	margin:0px 6px;
	padding:1px;
	border:3px solid #000;
	text-align:left;
	background-color:#FFF;
}

#centreforum {
	width:776px;
	float:right;
	margin-left:0px;
	margin-right:15px;
	padding:2px;
	border:3px solid #000;
	text-align:left;
	background-color:#FFF;
}


.separation4px {
	height:4px;
	line-height:4px;
}

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

.bloc-menu, .bloc-menu-gauche, .bloc-nouveau {
	width:156px;
	padding:2px;
	border:3px solid #000;
	margin-bottom:6px;
	font-size:11px;
	color:#333300;
	text-align:center;
	background-color:#FFF;
}

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

.bloc-nouveau {
	width:144px;
	font-size:12px;
	font-weight:bold;
	line-height:16px;
	padding: 46px 8px 6px 8px;
	background-image:url(../images/annuaire-foot.jpg);
	background-repeat:no-repeat;
	letter-spacing:0.5px;
}

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

.bloc-google {
	text-align:center;
	padding: 0px;
	border:3px solid #000;
	margin-bottom:6px;
	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-sous-rubrique {
	font-size: 21px; 
	font-family: Georgia, Arial, Times, serif;
}

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

.titre-definitions, .pun H1 {
	font-family: Georgia, Arial, Times, serif;
	margin:0px;
	padding:14px 0px 2px 0px ;
	font-weight: bold;
	font-style:italic;	
	font-size: 24px;
	color: #666666;
	text-align:center;
}

.titre-definitions {
	text-align:center;
}

.pun H1 {
	padding:8px 0px 6px 0px ;
}

.titre-login, .titre-sous-menu, .titre-sous-rubrique, .titre-menu {
	margin:0px;
	margin-left:1px;
	padding:8px 0px 2px 0px;
	width:154px;
	color:#333;
	text-align:center;
	font-weight: bold;
	font-style:italic;	
	line-height:18px;
}

.titre-sous-rubrique {
	background-color:#FDFCF0;
	margin-bottom:4px;
}

.titre-menu {
	background-color:#FDFCF0;
}

.titre-sous-menu {
	background-color:#FFF;
	font-size: 14px;
	font-weight:bold;
	line-height:20px;
}

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


.quizzpointus {
	float:left;
	width: 180px;
	padding:0px 7px;
}

a.quizzspeciaux {
	color: #000000;
	text-decoration:underline;
	margin: 4px 0px;
}

a.quizzspeciaux:hover {
	background-color:#bfdea4;
	text-decoration:none;
}

#nav {
	width: 154px;
	list-style: none;
	margin:-1px 0px 0px 0px;
	padding:1px;
}

#nav li {
	background: #FBF8E0 ;
	color: #000000;
	margin-top:1px;
}

#nav li a {
	display: block;
	background: #FBF8E0;
	color: #000000;
	font-size: 12px;
	padding: 4px;
	text-align: center;
	text-decoration: none ;
}


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

.alignergauche {
	float:left;
}

.alignerdroite {
	float:right;
}

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

#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 {
	padding:0px;
	width:156px;
	text-align:center;
	border:0px solid #DDDDBC;
	background-image:url(../images/etoiles.jpg);
	background-repeat:no-repeat;
	background-position:top;
	line-height:14px;
}

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

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


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

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



.inputlogin {
	border:1px solid #666;
	background-color:#fefefe;
	font-size: 11px;
	line-height: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color:#333300;
	width:90px;
	height:14px;
	margin:4px 4px 2px -2px;
	padding:1px;
	vertical-align:middle;
}
	
.ligneloginG, .ligneloginGdouble {
	float:left;
	text-align:right;
	margin-top:3px;
	width:50px;
	margin-left:4px;
	font-weight:bold;
	font-size:11px;
}
.ligneloginGdouble {
	line-height:10px;
}
	
.ligneloginD {
	float:right;
}







	
.connexion {
	margin-top:8px;
	margin-bottom:6px;
	background-image:url();
	font-size:12px;
	border:2px solid #000;
	width:100px;
	color:#333;
	font-weight:bold;
	background-color:#ccc;
	padding-bottom:2px;
}
	
	
	
.titre-mdj {
	background-image:url(../images/fond-titre-mdj.jpg);
	margin:0px;
	padding-top:5px;
	width:160px;
	height:18px;
	color: #000000;
	text-align:center;
	font-weight: bold; 
	font-size: 14px; 
	font-variant: small-caps; 
	line-height: 11px;
}
	
.bas-mdj {
	background-image:url(../images/fond-titre-mdj-bas.jpg);
	margin:0px;
	padding:0px;
	width:160px;
	height:8px;
}
	
	#navmdj {
	width: 160px;
	list-style: none;
	margin:-1px 0px 0px 0px;
	padding:0px;
}
	
	#navmdj li {
	background: #EAC44D ;
	height:20px;
	color: #000000;
	margin-top:0px;
	border-color:#C69E59;
	border-width:0px 1px 0px 1px;
	border-style:solid;
}
	
	#navmdj li a {
	display: block;
	background: #EAC44D;
	color: #000000;
	font-size: 12px;
	line-height: 15px;
	padding: 2px;
	text-align: center;
	text-decoration: none ;
}
	
	#navmdj li a:hover, #navmdj li a:focus, #navmdj li a:active {
	background-color:#F8EC75;
	text-decoration:underline;
	}
	
	
	



	#navclass {
	list-style: none;
	margin:0px;
	margin-right:4px;
	border-width:0px 1px 0px 1px;
	border-color:#000000;
}
	
	#navclass li {
	background-image:url(../images/fond-nav-class.jpg);
	height:20px;
	width:56px;
	color: #000000;
	float:right;
	margin:0px 0px 0px 1px;
	padding:0px 12px 0px 12px;
}
	
	#navclass li a {
	display: block;
	color: #FFFFFF;
	font-size: 11px;
	line-height: 14px;
	padding: 2px;
	text-align: center;
	text-decoration: none ;
	font-weight:bold;
}
	
	#navclass li a:hover, #navclass li a:focus, #navclass li a:active {
	text-decoration:underline;
	color: #000000;
}
	

.taclass {
	border:0px solid #16506E;
	text-align:center;
	margin:0px;
	border-spacing:2px;
	margin-top:8px;
	background-color:#FFFFFF;
	border-spacing:2px;
}
	
.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;
}
	
.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;
}

.derniersinscrits {
	font-size:12px;
	padding:2px;
}


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

a.derniersinscrits:hover {
	color:#CC9966;
	text-decoration:underline;
}
	
a.titreclassement {
	color:#FFFFFF;
	text-decoration:none;
}
	
a.titreclassement:hover {
	color:#16506E;
}
	
	
.motetpseudo {
	text-align:left;
	margin-left:46px;
}

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


.lienpages:link, .lienpages:visited {
	color: #330000;
	font-weight: bold;
	width:130px;
	text-decoration:none;
}

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

.definitions {
	padding:8px 12px;
	border-style:solid;
	border-width:0px;
	border-color:#555533;
	height:100%;
	background-color:#FFFFFF;
}

.fond-def {
	margin:12px 12px 0px 12px;
	background-image:url(../images/ombrebd.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
	padding-bottom:6px;
}

.def, #Question, .defpaire, .def-gagnante, .def-vraie, .defjargonite, .defjargonitepaire {
	margin:0px 6px 0px 0px;
	padding:14px;
	border-color:#928F80;
	border-style:dashed;
	border-width:1px;
}

.defjargonite, .defjargonitepaire {
	margin:0px;
	border-width:0px 1px 1px 1px;
	padding:14px 16px;
	border-style:dotted;
}

.cadrejargonite {
	margin-top: 6px;
	border-color:#928F80;
	border-style:dotted;
	border-width:1px 0px 0px 0px;
}

.def, .defjargonite {
	background-color:#FBF8E0;
}

.motjargon {
	font-style:italic;
	font-weight:bold;
}

.tparajargon {
	font-size: 12px;
	font-weight:bolder;
	color:#000000;
	float:left;
}

.def-vraie {
	border-color:#7b91a6;
	border-style:dotted;
	background-color:#f4f9fb;
	background-image:url(../images/fond-vraie.jpg);
	background-position:top;
	background-repeat:repeat-x;
}

.def-gagnante {
	background-color:#faf2c9;
	border-color:#ebc354;
	border-style:dotted;
	background-image:url(../images/fond-gagnante.jpg);
	background-position:top;
	background-repeat:repeat-x;
}

#Question {
	border-width: 1px;
}

.cQuestion {
	background-color:#FBF8E0;
}

.cQuestionhover {
	background-color:#FFFFC4;
}

.cQuestionPaire {
	background-color:#FFFFFF;
}

.ReponseJuste, .ReponseFausse {
	font-size: 12px;
	margin:0px 6px 0px 0px;
	padding:12px;
	border-style:dashed;
	border-width:1px;
}

.ReponseJuste {
	background-image:url(../images/rj.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

.ReponseFausse {
	background-image:url(../images/rf.jpg);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#FEF9F9;
}







.ligne-menu {
	background-color:#DDDDBC;
	margin:1px 0px 1px 1px;
	padding:2px;
	width:154px;
	height:18px;
	color: #000000;
	text-align:left;
	font-size: 12px;
	line-height: 15px;
}

.titremot {
	font-size: 24px;
	font-weight: bold;
	margin:6px 0px 0px 0px;
	padding:2px;
	padding-left:26px;
	background-image:url(../images/puce1.jpg);
	background-position:left;
	background-repeat:no-repeat;
}

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





.tpara {
	font-size: 12px;
	font-weight:bolder;
	color:#000000;
	float:left;
}

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

.ligneloginG2 {
	float:left;
	text-align:left;
	margin-top:1px;
	width:89px;
}

.ligneloginD2 {
	float:right;
	width:211px;
}

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






input.plus {
	background-image:url(../images/plus.jpg);
	margin-bottom:-4px;
	padding:0px;
	width:14px;
	height:14px;
	border-color:#FFFFFF;
}

input.moins {
	background-image:url(../images/moins.jpg);
	margin-bottom:-4px;
	padding:0px;
	width:14px;
	height:14px;
	border-color:#FFFFFF;
}

.proposer {
	margin-top:8px;
	background-image:url(../images/proposer.jpg);
	border:2px solid #000000;
	height:25px;
	width:133px;
	color:#000000;
	font-weight:bold;
}

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

.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:#C69E59;
	padding:4px;
	padding-top:4px;
	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;
}

.caseliens {
	padding: 0px;
	padding-top: 1px;
	margin: 0px 15px 6px 15px;
	border:3px solid #fff;
	width:952px;
	height:20px;
	float:left;
	color:#fbe0e0;
	background-color:#000;
}

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

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

.navdroite {
	float:right;
}

.navboutondroite, .navboutondroitehover, .navboutongauche, .navboutongauchehover {
	float:right;
	padding: 0px 13px;
}

.navboutongauche, .navboutongauchehover, .navgauche {
	float:left;
}

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

.fond-theme {
	background-image:url(../images/fond-theme.jpg);
	width:262px;
	height:35px;
	float:left;
	margin:4px;
	padding:10px 12px 12px 8px;
	font-size:12px;
}

.fond-theme-du-jour {
	float:left;
	margin:4px;
	padding:0px;
	font-size:12px;
}

.Chapo {
	margin:5px 0px 0px 0px ;
	padding:0px;
	font-size:12px;
	line-height:20px;
}

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

.pasdecontour {
	border-width:0px;
}





#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;
	font-size: 16px;
	font-weight: bold;
}

.annulien, .annulien a, .annulien a:hover {
	text-decoration: none;
	color: #000;
}

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






</style>