/****************************************************************/
/* 0. IMPORTS */
/****************************************************************/
@import url("browserdefaults_compact.css");

/****************************************************************/
/* 1. PAGINATION GÉNÉRALE */
/****************************************************************/

/* 1.1. Pagination globale */

body { /* Page entière */
	text-align: center;
	margin:0;
	}

#titleBar { /* Barre d'en-tête */
	border-top: 2px solid #1860AC; /* Grosse barre bleue en haut de la page */
	height: 110px;
	text-align: left;
	width: 100%;
	background: url(m4-wiki.png) repeat-x; /* image de fond avec le logo */
	}

#globalWrapper { /* Wrapper pour le reste de la page */
	margin-top: 0px; 
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	width: 90%;
	}

#column-content { /* Wrapper pour le contenu de la page */
	margin-left: 200px;
	}

#column-one { /* Wrapper pour la Sidebar */
	position: absolute;
	top: 125px;
	width: 185px;
	}

#footer { /* Wrapper pour le pied-de-page */
	clear: both;
	height: 5em;
	margin: 3em 0 3em 200px;
	}


/* 1.2. Pagination de la Sidebar ***/

#p-personal {
    width: 100%;
    white-space: nowrap;
    padding: 0;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    border: none;
    background: none;
    overflow: visible;
    line-height: 1.2em;
}

#p-personal h5 {
    display: none;
}
#p-personal .portlet,
#p-personal .pBody {
    padding: 0;
    margin: 0;
    border: none;
    z-index: 0;
    overflow: visible;
    background: none;
}

#p-personal ul {
    border: none;
    line-height: 1.4em;
    color: #2f6fab;
    padding: 0 2em 0 3em;
    margin: 0;
    text-align: right;
    text-transform: lowercase;
    list-style: none;
    z-index: 0;
    background: none;
}
#p-personal li {
    z-index: 0;
    border: none;
    padding: 0;
    display: inline;
    color: #2f6fab;
    margin-left: 1em;
    line-height: 1.2em;
    background: none;
}
#p-personal li a {
    padding-bottom: .2em;
    background: none;
}

/****************************************************************/
/* 2. RÉGLAGES GÉNÉRAUX */
/****************************************************************/

/* 2.1 Définitions des classes spéciales */

.visualClear {
	clear: both;
	}


/* 2.2 Réglages des paramètres par défaut */
a {
    text-decoration:none;
    }
    
tt {
	font-size: 1.1em;
	color: #0000ff;
	}

img {
	border: 0px solid #333;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps {
	font-size: 0.9em;
	letter-spacing: .07em;
	}

pre {
    border: 1px dashed #808080;
    padding: 3px;
	margin: auto;
    background-color: #ffffef;
    color: #000;
    font-size: 1.0em;
	word-wrap: break-word;
	}

dt {
    font-weight:bold;
    }

dd {
    margin-left:4em;
    padding-bottom:1em;
    }

/* 2.3 Styles généraux */

#siteSub, .urlexpansion, .printfooter {
	display: none;
	}

#footer ul {
	list-style: none;
	margin: 0;
	}

#footer ul li {
	margin: 0.1em;
	margin-right: 1em;
	}
#f-lastmod {}
#f-viewcount {float:right;}
#f-copyright {}
#f-about {float: left;}
#f-disclaimer {float: left;}
#f-developedby {float: left;}
#f-tagline {display:none;}

body {
	/*background-color: #ffffff; /* white */
	color: #333; /* dark grey */
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 72.5%;
/*	font-size: 80%;*/
	}

#content {
	font-size: 1.2em;
	line-height: 1.2em;
	}

#column-one {
	font-size: 1.1em;
	line-height: 1.0em;
	color: #444444;
	}

#toc { /* table of contents */
	background: #f8f8f8; /* gris */
	border: 1px solid #1860AC; /* bleu */
	}
	
#toctitle {
	background: #1860AC; /* bleu */
	color: #d5d5d5; /* gris */
	}
	
#footer {
	border-top: 1px solid #666666;
	color: #999999;
	}

/* Titres */
h1, h2 {border-bottom: 1px dotted #333333;  line-height: 1.1em; padding-bottom: 0.15em;}

h1 .editsection { font-size: 53%; font-weight: normal; }
h2 .editsection { font-size: 53%; font-weight: normal; }
h3 .editsection { font-size: 60%; font-weight: normal; }
h4 .editsection { font-size: 76%; font-weight: normal; }
h5 .editsection { font-size: 86%;font-weight: normal; }
h6 .editsection { font-size: 100%; font-weight: normal; }

.editsection {float: right; margin-left: 5px;
/*margin-top: 1em;*/
}

.firstHeading {border-bottom-style: solid; border-bottom-color: #d5d5d5; font-size: 1.8em; color: #1860AC}
.portlet h5 { /* blocks within #column-one */
    font-size:100%;
	border-bottom: 1px solid #eeeeee;
	padding-top: 0.15em;
	margin-bottom:0;
	margin-top:0;
	}
	
/* Links */
a {color: #2153B0; text-decoration:none;} /* blue */
a:hover {color: #173A7B;} /* dark blue */
p a:visited {color: #173A7B;} /* dark blue */
#content a.new {color: #FD9A26;} /* orange */
#column-one a:hover {color: #173A7B;} /* dark blue */
#column-one .selected a {
	color: #FD9A26; /* orange */
	font-weight: bolder;
	}
#toc a {color: #808080;} /* blue */
#toc a:hover {color: #173A7B;} /* dark blue */
#toc p a:visited {color: #2153B0;} /* blue */
#footer a {color: #999999;}
#footer a:hover {color: #173A7B;} /* dark blue */

/* LINK ICONS
** keep the whitespace in front of the ^=, hides rule from konqueror
** this is css3, the validator doesn't like it when validating as css2
*/
#bodyContent a[href ^="http://"], #bodyContent a[href ^="gopher://"] {
    background: url(external.png) center right no-repeat;
    padding-right: 13px;
	}

#bodyContent a[href ^="http://www.ratoupedia.org"] {
    background: none;
    padding-right: 0px;
	}

#bodyContent a[href ^="https://"], .link-https {
    background: url("lock_icon.gif") center right no-repeat;
    padding-right: 16px;
	}

#bodyContent a[href ^="mailto:"], .link-mailto {
    background: url("mail_icon.gif") center right no-repeat;
    padding-right: 18px;
	}

#bodyContent a[href ^="news://"] {
    background: url("news_icon.png") center right no-repeat;
    padding-right: 18px;
	}

#bodyContent a[href ^="ftp://"], .link-ftp {
    background: url("file_icon.gif") center right no-repeat;
    padding-right: 18px;
	}

#bodyContent a[href ^="irc://"], .link-irc {
    background: url("discussionitem_icon.gif")  center right no-repeat;
    padding-right: 18px;
}

/* Listes */
ul {
	margin: 10px;
	padding-left: 15px;
	}

html>body li {
	margin-left: 10px;;
	}

.portlet ul {
	margin-bottom: 2em;
	}

.portlet li {
	margin: 0.5em 0;
	}

/* Special stylized non-IE bullets
   Does not work in Internet Explorer, which merely default to normal bullets. */
html>body .portlet ul {
	list-style: none;
	margin-left: 0px;
	padding: 0 0 0 30px;
	padding-left: 10px;
	text-indent: -10px;
	} 

html>body .portlet li {
	margin-left: 10px;
	}

html>body .portlet ul li:before {
	content: "\00BB \0020";
	}


/****************************************************************/
/* 3. ESPACES DE NOMS */
/****************************************************************/

/* les nombre impairs représentent les espaces de discussion
 '0': 'Article', '1' : 'Discuter'
 '2': 'Utilisateur', '3' : 'Discussion utilisateur'
 '4': 'Wikipédia', '4' : 'Discussion Wikipédia'
 '6': 'Image', '5' : 'Discuter Image'
 '8': 'MediaWiki', '9' : 'Discussion MediaWiki'
 '10': 'Modèle', '10' : 'Discuter Modèle'
 '12': 'aide', '13' : 'Discuter Aide'
 '14': 'categorie', '15' : 'Discuter Catégorie'
 '100': 'portail', '101': 'Discussion Portail'
 '104': 'référence', '105': 'Discussion Référence'
*/

/*
 * Les lignes suivantes définissent la couleur de fond des différents espaces de Wikipédia
 */

/* Couleur de fond des articles */
body.ns-0, 
.ns-0 * #content, 
.ns-0 * #p-cactions li, 
.ns-0 * #p-cactions li a { 
   background : white;
}

/* Couleur de fond des pages Utilisateur */
body.ns-2, 
.ns-2 * #content, 
.ns-2 * #p-cactions li, 
.ns-2 * #p-cactions li a {
   background : #E7FFE7;
}

/* Couleur de fond pages Communauté  */
body.ns-4, 
.ns-4 * #content, 
.ns-4 * #p-cactions li, 
.ns-4 * #p-cactions li a {
   background: #EEEEEE;
}

/* Couleur de fond des pages Image */
body.ns-6, 
.ns-6 * #content, 
.ns-6 * #p-cactions li, 
.ns-6 * #p-cactions li a {
   background: white;
}

/* Couleur de fond pages MediaWiki */
body.ns-8, 
.ns-8 * #content, 
.ns-8 * #p-cactions li, 
.ns-8 * #p-cactions li a {
   background: #DDDDFF;
}

/* Couleur de fond des pages Modèle */
body.ns-10, 
.ns-10 * #content, 
.ns-10 * #p-cactions li, 
.ns-10 * #p-cactions li a { 
   background: #EEEEFF;
}

/* Couleur de fond des pages Aide */
body.ns-12, 
.ns-12 * #content, 
.ns-12 * #p-cactions li, 
.ns-12 * #p-cactions li a {
   background: #FFEEEE;
}

/* Couleur de fond des pages Catégorie */
body.ns-14, 
.ns-14 * #content, 
.ns-14 * #p-cactions li, 
.ns-14 * #p-cactions li a {
   background: white;
}

/* Couleur de fond des pages d'admin */
body.ns-100, 
.ns-100 * #content, 
.ns-100 * #p-cactions li, 
.ns-100 * #p-cactions li a {
   background: #faf;
}

/* Couleur de fond des pages de reference */
body.ns-104, 
.ns-104 * #content, 
.ns-104 * #p-cactions li, 
.ns-104 * #p-cactions li a {
   background: #EEFFEE;
}

/* Couleur de fond des pages de discussion des differents namespaces */
body.ns-1, .ns-1 * #content, .ns-1 * #p-cactions li, .ns-1 * #p-cactions li a,
body.ns-3, .ns-3 * #content, .ns-3 * #p-cactions li, .ns-3 * #p-cactions li a,
body.ns-5, .ns-5 * #content, .ns-5 * #p-cactions li, .ns-5 * #p-cactions li a,
body.ns-7, .ns-7 * #content, .ns-7 * #p-cactions li, .ns-7 * #p-cactions li a,
body.ns-9, .ns-9 * #content, .ns-9 * #p-cactions li, .ns-9 * #p-cactions li a,
body.ns-11, .ns-11 * #content, .ns-11 * #p-cactions li, .ns-11 * #p-cactions li a,
body.ns-13, .ns-13 * #content, .ns-13 * #p-cactions li, .ns-13 * #p-cactions li a,
body.ns-15, .ns-15 * #content, .ns-15 * #p-cactions li, .ns-15 * #p-cactions li a,
body.ns-101, .ns-101 * #content, .ns-101 * #p-cactions li, .ns-101 * #p-cactions li a,
body.ns-105, .ns-105 * #content, .ns-105 * #p-cactions li, .ns-105 * #p-cactions li a {
   background: #FFFFDD;
}

/* Couleur de fond du Forum */
body.forum, 
.forum * #content, 
.forum * #p-cactions li, 
.forum * #p-cactions li a { 
   background : #FFEECC;
}

/* Couleur par défaut */
#content, 
#p-cactions li, 
#p-cactions li a {
/*   background: #F8FCFF; (bleu ciel) */
   background: white;
}

/****************************************************************/
/* 4. WIKI */
/****************************************************************/

/* 4.1 Boîtes spéciales */
.catlinks {
    background-color: #F2F6FF; /* very light blue */
    border: 1px solid #CBDDFF; /* light blue */
    clear: both;
    margin: 1em 0;
    padding: 0.5em;
	}

.alerte {
    background-color: #FFF6F2; /* very light red */
    border: 1px solid #FFDDCB; /* light red */
    clear: both;
    margin: 1em 0;
    padding: 0.5em;
	}

.usermessage {
    background-color: #ffce7b; /* yellow */
    border: 1px solid #ffa500; /* orange */
    color: Black;
    font-weight: bold;
    margin: 2em 0em 1em 0em;
    padding: 0.5em 1em;
    vertical-align: middle;
	}

.error {color: red; font-size: larger;}

#siteNotice {
    font-size: 95%;
    padding: 0 0.9em 0 0.9em;
    text-align: center;
	}

#siteNotice p {margin: 0; padding: 0;}


/* 4.2 Classes spéciales */ 

.urlexpansion,
.hiddenStructure {
    display: none;
}
img.tex { vertical-align: middle; }
span.texhtml { font-family: serif; }


/* 4.3 Table of Contents */

#toc {
	float: right;
	margin: 0 0 1em 1em;
	}
#toc td {padding: 0.5em;}
#toc .tocindent {margin-left: 1em;}
#toc .tocline {margin-bottom: 0px;}
#toc p {margin: 0}
#toc .editsection {margin-top: 0.7em;}

/* 4.4 Page history styling */

.autocomment {color: gray;}
#pagehistory span.user {margin-left: 1.4em; margin-right: 0.4em;}
#pagehistory span.minor {font-weight: bold;}
#pagehistory input {margin: 0.2em;}
#pagehistory li {border: 1px solid #ffffff; margin-top: 1px; margin-bottom: 1px;}
#pagehistory li.selected {
	background-color: #CBDDFF; /* light blue */
	border:1px dashed #FDA32F; /* orange */
	}

/* 4.5 Diff rendering */

table.diff {background: #FEFEFE; border: 1px solid #cccccc; padding: 0.5em}
table.diff td {vertical-align: top;}
td.diff-otitle a, td.diff-ntitle a, td.diff-otitle a:visited, td.diff-ntitle a:visited {color: #2153B0;}
td.diff-otitle a:hover, td.diff-ntitle a:hover {text-decoration: underline;}
td.diff-otitle {}
td.diff-ntitle {}
td.diff-addedline {background:#F2F6FF;}
td.diff-addedline span.diffchange {
	background: #CDDEFF;
	border: 1px dashed #676F80;
	color: green;
	font-weight: bold;
	}
td.diff-deletedline {background:#FFF9F2;}
td.diff-deletedline span.diffchange {
	background: #FFE9CB;
	border: 1px dashed #B3A38E;
	color: red;
	font-weight: bold;
	text-decoration: line-through;
	}
td.diff-context {background:#eeeeee;}
.newpage {color: green;	font-weight: bolder;}


/* 4.6 forms */

fieldset {
	background: #FAFCFF;
	border: 1px solid #CBDDFF;
	margin: 1em;
	padding: 0.5em 1em;
	}

fieldset div {
	margin: 0.25em 0;
	}

fieldset input {
	margin: 0 0.5em;
	}

legend {
	color: #2153B0;
	font-size: 1.25em;
	font-weight: bolder;
	padding: 0.2em 0.5em;
	}


/* 4.7 Divers */ 

div.floatright, table.floatright {
    clear: right;
    float: right;
    position: relative;
    margin: 0 0 0.5em 0.5em;
    border: 0
}
div.floatright p { font-style: italic; }
div.floatleft, table.floatleft {
    float: left;
    position: relative;
    margin: 0 0.5em 0.5em 0;
    border: 0
}
div.floatleft p { font-style: italic; }
/* thumbnails */
div.thumb {
    margin-bottom: 0.5em;
    border-style: solid; border-color: White;
    width: auto;
}
div.thumb div {
    border:1px solid #cccccc;
    padding: 3px !important;
    background-color:#f9f9f9;
    font-size: 94%;
    text-align: center;
    overflow: hidden;
}
div.thumb div a img {
    /*border:1px solid #cccccc;*/
}
div.thumb div div.thumbcaption {
    border: none;
    text-align: left;
    line-height: 1.4em;
    padding: 0.3em 0 0.1em 0;
}
div.magnify {
    float: right;
    border: none !important;
    background: none !important;
}
div.magnify a, div.magnify img {
    display: block;
    border: none !important;
    background: none !important;
}
div.tright {
    clear: right;
    float: right;
    border-width: 0.5em 0 0.8em 1.4em;
}
div.tleft {
    float: left;
    margin-right:0.5em;
    border-width: 0.5em 1.4em 0.8em 0;
}




/****************************************************************/
/* 5. FORUM */
/****************************************************************/

.forum .postleft dl {
    margin-left:0.5em;
}
.forum .postleft dt {
    font-weight:normal;
}
.forum .postleft dd {
    margin-left:0em;
    font-size:80%;
	padding: 0px;
    }
.forum dd.postavatar {
    padding-bottom:1em;
    }

.forum #brdstats dd {
margin-left:0;
padding-bottom:0em;
}

/*
.forum TABLE, .forum DIV, .forum FORM, .forum P, .forum H1, .forum H2, .forum H3,
.forum H4, .forum PRE, .forum BLOCKQUOTE, .forum UL, .forum OL, .forum LI, .forum DL,
.forum DT, .forum DD, .forum TH, .forum TD, .forum FIELDSET, .forum IMG {
	MARGIN: 0px;
	PADDING: 0px;
	FONT-WEIGHT: normal;
	LIST-STYLE: none;
}*/
.forum IMG {BORDER: none}
.forum INPUT, .forum SELECT, .forum TEXTAREA, .forum OPTGROUP {MARGIN: 0}

.forum DIV.postleft, DIV.postfootleft {
	FLOAT:left;
	WIDTH: 10em;
	OVERFLOW: hidden
}
.forum DIV.postright, .forum DIV.postfootright {
	margin-left:10em;
}
.forum DIV.postfootright, .forum P.multidelete {TEXT-ALIGN: right}
.forum DIV.blockpost>DIV>DIV.inbox {PADDING-BOTTOM: 1px}
.forum DIV.postmsg {WIDTH:100%}
.forum DIV.incqbox {WIDTH: 100%; OVERFLOW: hidden}
.forum DIV.scrollbox {WIDTH: 100%; OVERFLOW: auto}
.forum IMG.postimg {max-width: 100%}
.forum A .postimg {max-width: 100%}
/* #postpreview DIV.postright {BORDER-LEFT: none} */
.forum DIV.searchposts DIV.postmsg {HEIGHT: 8em}
.forum DIV.searchposts DD P {PADDING-TOP: 3em}
.forum SPAN.bbu {TEXT-DECORATION: underline}

.forum #onlinelist DD, .forum #onlinelist DT, .forum #brdmenu LI, .forum DIV.linkst LI, 
.forum DIV.linksb LI, .forum DIV.postlinksb LI, .forum DIV.postfootright LI, 
.forum UL.bblinks LI {
	DISPLAY: inline;
	HEIGHT: 0
}
.forum #posterror UL LI {LIST-STYLE: square inside}
.forum #viewprofile DT {TEXT-ALIGN: right}


/* 7.6 Create the horizontal line above signatures */
.forum .postfootleft {
/*    position:relative;
    top:-1em;
  */  }
.forum .postfootleft p, .forum .postfootright ul {
    margin:0;
    padding:0;
    font-size:80%;
}
.forum .postfootleft {
    margin-left:-0.5em;
    padding-right:0.5em;
    border-right:0;
}
.forum .postfootleft, .forum .postfootright {
/*    background-color:#eee;*/
    padding:0.2em;
    border-top:1px solid #ccf;
}
.forum .postsignature {
    font-size:80%;
    color:#777;
    font-style:italic;
    clear:both;
	padding-bottom: 1em;
}
.forum .postsignature hr {
	height:1px;
	width: 200px;
	margin-left: 0px;
	border:0;
	color:#777;
	background-color:#777;
}


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

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

/* 2.2 Overflow settings for posts */
DIV.blockpost DIV.box, DIV.postleft, DIV.postsignature, DIV.postmsg {OVERFLOW: hidden}

/* 5.1. Setup all left and right content using floats. */  
.conr {
	FLOAT: right;
	TEXT-ALIGN: right;
	CLEAR: right;
/*	WIDTH: 60% */
}

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

LABEL.conl {
	WIDTH: auto;
	OVERFLOW: visible;
	MARGIN-RIGHT: 10px
}
/*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}
.linkst UL, linksb UL, .postlinksb UL {MARGIN-LEFT: 18em}*/

/*div.linkst, div.linksb, div.postlinksb {
    padding:0em;
    margin-bottom:-1em;
}
.linkst .pagelink, .linksb .pagelink, .postlinksb .pagelink {
    float:right;
    text-align:right;
}
.linkst .postlink, .linksb .postlink, .postlinksb .postlink {
    display:none;
}
.linkst ul, .linksb ul, .postlinksb ul {
    float:left;
    text-align:left;
    	margin-left: 0px;
	padding-left: 0px;
}
*/
.linkst .conr, .linksb .conr, .postlinksb .conr {WIDTH:140px;}
.linkst .conl, .linksb .conl, .postlinksb .conl {WIDTH: auto; margin-right: 5px;}


DIV.block2col {PADDING-BOTTOM: 1px}
DIV.block2col DIV.blockform, DIV.block2col DIV.block, #viewprofile DD {MARGIN-LEFT: 14em}
DIV.blockmenu, #viewprofile DT {
	FLOAT:left;
	WIDTH: 13em
}
#viewprofile #avatar {
	float: right;
	margin-left: 1em
    }
#viewprofile dl {
    float: left; 
    /*width: 100%;*/ 
    overflow: hidden;
    }
#viewprofile dd {
    padding-bottom:0;
    }

.forum #content {
}

.forum #bodyContent {
    background-color:#fff;
    border: solid 2px #ccc;
    padding:1em;
    }

.forum div.rowodd {
    background-color:#eef;
    border: solid 2px #ddf;
    padding:2px;
    margin:2px;
}

.forum div.roweven {
    background-color:#ddf;
    border: solid 2px #ccf;
    padding:2px;
    margin:2px;
}

.forum .blocktable {
    font-size:0.9em;
    background-color:white;
}

.forum .blocktable h2 { 
    font-size:1em;
    font-weight:bold;
    background-color:brown;
    color:white;
    border-top: 2px solid #500;
    border-bottom: 2px solid #500;
    padding-left:1em;
    margin-bottom:0.7em;
    margin-right:-2px;
    }

#brdstats {
    font-size:0.9em;
}

#brdstats H2 {
    font-size:1em;
    font-weight:bold;
    background-color:#aaa;
    color:white;
    border-top: 2px solid #777;
    border-bottom: 2px solid #777;
    padding-left:1em;
    margin-right:-2px;
    margin-top:50px;
    margin-bottom:0.7em;
}

#brdstats .box {
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    background-color:#e7e7e7;
    padding-right:1em;
    margin-left:0;
    margin-top:-0.7em;
}

.forum .blocktable h3 { 
    margin-bottom:0;
    margin-top:0;
    }

.forum .blocktable table { 
    padding-left:0.5em;
    margin-top:-0.5em;
    }

.forum .blocktable .tclcon { 
    padding-bottom:0.5em;
    padding-top:0.5em;
    }

.forum .blocktable td { 
    border-bottom: 1px solid #ccc;
    margin-bottom:1px;
    }

.forum .blocktable .box {
    padding:0;
}

.forum .blocktable th {
/*    TEXT-ALIGN: left;*/
    WHITE-SPACE: nowrap;
    font-weight:normal;
    font-style:italic;
    border-bottom: solid 1px #ccc;
    margin:0;
    background-color:#eee;
}

.forum .tcl {
    padding-left:1.5em;
}

.forum .tc2, .forum .tc3 {
    WIDTH: 7%;
    TEXT-ALIGN: center;
    WHITE-SPACE: nowrap
}

.forum .tcr {
    WIDTH: 26%;
    WHITE-SPACE: nowrap;
    padding-right: 10px;
}

.forum .blockpost h2 { 
    font-size:0.8em;
    border-bottom: solid 1px #ccf;
    padding-left:0.5em;
    margin-top:0;
    margin-left:-0.1em;
    margin-right:-0.1em;
    font-weight:normal;
    }
.forum .blockpost h2 a { 
    color:#333;
    }
/*.forum .blockpost h2:before {
    content : "Posté le : ";
    }*/
.forum .blockpost .conr {
    float:none;
    display:none;
    }
/* 2.1 This is the setup for posts. */

.forum div.box {
    padding-left:0.5em;
    margin-top:-0.2em;
    margin-bottom:-0.2em;
    margin-left:-0.5em;
    margin-right:-0.1em;
    padding-bottom:0;
}

.forum DIV.postright, .forum DIV.postfootright {
    border-left: solid 1px #ccf; 
    padding-left:1em;
    margin-top:-0.2em;
    }
.forum DIV.postleft, .forum DIV.postfootleft {
    margin-top:-0.2em;
    }
.forum DIV.postfootleft {
    margin-left:-0.1em;
    }
.forum DIV.postleft, DIV.postfootleft, DIV.blockpost LABEL {
    border-right: solid 1px #ccf;
    }

/* DIVERS FORUM */
/* 3. BUG FIXES - VERY IMPORTANT - DO NOT CHANGE */
/* 3.1 This attempts to eliminate rounding errors in Gecko browsers. */
DIV>DIV>DIV.postfootleft, DIV>DIV>DIV.postfootright {PADDING-TOP: 1px; MARGIN-TOP: -1px}

/* 3.2 This is only visible to IE Windows and cures various bugs. Do not alter comments */
/* Begin IEWin Fix \*/
* HTML .inbox, * HTML .inform, * HTML .pun, * HTML .intd, * HTML .tclcon {HEIGHT: 1px}
* HTML .inbox DIV.postmsg {WIDTH: 98%}
/* End of IEWin Fix */

/* 4. HIDDEN ELEMENTS */
/* These are hidden in normal display. Add comments to make them visible */
#brdfooter H2, #brdstats .conl DT, #brdstats .conr DT,
#modcontrols DT, #searchlinks DT, DIV.postright H3 {
	POSITION: absolute;
	DISPLAY: block;
	OVERFLOW: hidden;
	WIDTH: 1em;
	LEFT: -999em
}

/* 9. FORM SETTINGS */
/* 9.1 Makes textareas and long text inputs shrink with page */
DIV.txtarea {WIDTH: 75%}
DIV.txtarea TEXTAREA, INPUT.longinput {WIDTH: 100%}
.forum LABEL {DISPLAY: block}
#qjump SELECT {WIDTH: 50%}

/* 10. HELP FILES AND MISC. */
#helpfile H2 {MARGIN-TOP: 12px} /* 10.1 Put some space between sections of the help file */
#helpfile DIV.box {PADDING: 10px} /* 10.2 Internal padding */
#punredirect DIV.block, #punmaint DIV.block {MARGIN: 50px 20% 12px 20%} /* 10.3 Other templates */


/* 6. Table setup */
.forum TABLE {WIDTH: 100%}
/*
#punindex TABLE, #vf TABLE {TABLE-LAYOUT: fixed}
.tcl {TEXT-ALIGN: left; WIDTH: 50%}
.tc2, .tc3, .tcmod {WIDTH: 9%; TEXT-ALIGN: center}
.tcr {WIDTH: 32%; TEXT-ALIGN: left}
#punsearch #vf .tcl, #punmoderate #vf .tcl {WIDTH: 41%}
#punsearch #vf .tc2 {WIDTH: 18%; TEXT-ALIGN: left}
.tcl, .tcr {OVERFLOW: HIDDEN}

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

*/

/*
.inormal, .iclosed, .iredirect, .icon.inew { /* .inew, * /
    FLOAT: left;
    MARGIN-TOP: 0.65em;
    MARGIN-LEFT: 0.25em;
    BORDER-WIDTH: 0.17em 0.17em 0.17em 0.17em;
    BORDER-STYLE: dashed;
}*/

.iredirect{
	font-style: italic;
    }

.inew {
    background-color: #ffc;
    }
    
.isticky {
    }
.stickytext {
    font-style:italic;
    }

/*
.isticky, .iclosed{
	float: none;
	border-style: none;
}
#searchposts .inew, #searchposts .inormal {MARGIN-LEFT: 0}
.iclosed {BORDER-COLOR: #ddd}
.inormal {BORDER-COLOR: #ad9060}
*/

/* post preview */
#postpreview DIV.postright {BORDER-LEFT: none}
#postpreview DIV.postright {BORDER-LEFT: none}
#postpreview h2 { 
    font-size:1em;
    border-bottom: none;
    padding-left:0;
    }
#postpreview h2 a { 
    color:#333;
    }
#postpreview h2:before {
    content : "";
    }

.forum  div.navigation {
    font-size:1em;
    font-weight:bold;
    background-color:brown;
    color:white;
    border-top: 2px solid #500;
    border-bottom: 2px solid #500;
    margin-bottom:0.7em;
    }
.forum  div.navigation a {
    color:white;
    }
.forum  div.navigation a:hover {
    color:yellow
    }
.forum .navigation ul:before {
    content: "»"
    }
.forum .navigation ul {
    padding:0;
    margin:0;
    display:inline;
    }
.forum .navigation li {
    display:inline;
    }
/*
.postlink a {
    background-color:#eee;
    border:2px solid #ccc;
    padding:0.7em;
}*/


#chatbox p:before { content:" "; }
div.chatline {}

/****************************************************************/
/* 9. DIVERS */
/****************************************************************/


#toc,
.toc,
.mw-warning {
	border: 1px solid #aaa;
	background-color: #f9f9f9;
	padding: 5px;
	font-size: 95%;
}
#toc h2,
.toc h2 {
	display: inline;
	border: none;
	padding: 0;
	font-size: 100%;
	font-weight: bold;
}
#toc #toctitle,
.toc #toctitle,
#toc .toctitle,
.toc .toctitle {
	text-align: center;
}
#toc ul,
.toc ul {
	list-style-type: none;
	list-style-image: none;
	margin-left: 0;
	padding-left: 0;
	text-align: left;
}
#toc ul ul,
.toc ul ul {
	margin: 0 0 0 2em;
}
#toc .toctoggle,
.toc .toctoggle {
	font-size: 94%;
}

.mw-warning {
	margin-left: 50px;
	margin-right: 50px;
	text-align: center;
}

#toc {
	float: none;
	margin: 0;
	}

#toctitle {
	background: none; 
	color: #1860AC; 
	}