/* IMPORTANT !!! :
	propriety semantic order =
	position box,
	width,
	heigth,
	margin,
	background-color,
	background-image,
	padding,
	content (color, style font, ...),
	border,
	 ... */
	 
/* ===== Style sheets import ====== */
@import url(message.css); /* style sheet pour les messages (warning, saviez vous, bonne idée, etc.) */
@import url(block.css); /* style sheet des blocks hors page d'accueil */
/*@import url(popup.css);*/ /* style sheet for the popup */
/* @import url(xoadmin.css); */ /* style sheet for xoops administration */

/*========  RESET CSS SELECTORS ======== */
* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	text-decoration: none;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
}
html, body {
	height:100%;	
}

/*========  THE BASICS ======== */
body { 
	margin: 0;
	background-color: #151515;
	padding: 0;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}
#xo-top-header {
	width:1000px;
	margin:auto;
}
#xo-canvas {
	width:1000px;
	margin:auto;
	border:#666666 1px solid;
	background-color:#EDEDED;
}
#xo-canvas-content {
	/*position: relative;*/	
}

/*========  Balise HTML ======== */
a {
	background-color: transparent;
	color: #666;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	background-color: inherit;
	color: #ff6600;
}

h1 {
	font-size: 1.4em;
	font-weight: bold;
}
h2 {
	font-size: 1.2em;
}
h3 {
	font-size: 1em;
	padding-bottom: 3px;
}
h4 {
	font-size: 1em;
}
h5 {
	font-size: 0.9em;
}
h6 {
	font-size: 0.8em;
}

img {
	border: 0;
}
acronym, abbr, dfn {
	cursor: help;
}
q, cite, em, dfn, strong {
	font-style:italic;
}
strong, dfn {
	font-weight: bold;
}
del {
	text-decoration: line-through;
}
address { 
	font-style: normal;
	letter-spacing: 0.1em;
}

/*========  Show class ======== */
.clear{ clear:both; height:0; font-size:0; line-height:0; }
.clearleft{ clear:left; height:0; font-size:0; line-height:0; }
.clearright{ clear:right; height:0; font-size:0; line-height:0; }
.block { display: 				block; }
.hide  { display: 				none; }
.spacer { padding: 				0 0 3px 0;}
.floatleft {
	float: 							left;
	margin-top: 					1em;
	margin-right : 				1em;
	padding-left: 					4px;
	border: 							0;
}
.floatright {
	float: 							right;
	margin-bottom: 				1em;
	margin-left: 					1em;
	padding: 						2px;
	border: 							0;
}
/* ========= Font class ========== */
.extrasmall { font-size: .7em;}
.small { font-size: .9em;}
.normal { font-size: 1em;}
.big { font-size: 1.2em;}
.maxi { font-size: 1.5em;}

.bold { font-weight: bold;}
.italic {font-style: italic;}
.underline { text-decoration: underline;}

/* ===== forms ===== */
#xo-page fieldset {
	margin: 0 0 1em 0;
	padding: 1em;
	border: none;
}
#xo-page legend {
	font-size: 	1.1em;
	font-weight: bold;
}
#xo-page label {
}
input {
	font-size: 1em;
	border: 1px solid #ccc;
}
button, input[type="submit"], input[type="button"], input[type="reset"], .xo-formbuttons, .formButton {
	background-color: #e6e6e6;
	color: #000000;
	border:	1px solid #bbb;
	cursor: pointer;
	padding: 2px;
}
button:focus, input[type="submit"]:focus, input[type="button"]:focus, input[type="reset"]:focus, .xo-formbuttons:focus, .formButton:focus,
 button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, .xo-formbuttons:hover, .formButton:hover {
	background-color: #151515;
	color: #fff;
}
select {
	background-color: #f6f6f6;
	color: #000;
	border:	 1px solid #ccc;
	font-size: 0.9em;
}
select:focus {
	background-color: #fff;
	color: #000;
	border:	 1px solid #999;
}
textarea {
	width: 85%;
	height:	110px;
	margin:	0.5em 0.5em 0.5em 0;
	background-color: #eee;
	padding: 5px;
	color: #000;
	border:	1px solid #bbb;
	overflow: auto;
}
textarea:focus {
	background-color: #fff;
	color: #000;
	border:	1px solid #999;
}

/*========  HEADER ======== */
/* Start Header */
#xo-header {
	width: 100%;
	margin-bottom:10px;
	position:relative;
}
#xo-headerlogo {
	height: 110px;
	background-image: url(../img/tcb_top1000.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#xo-headerlogo img#xo-logo {
	padding-top: 7px;
	padding-left: 10px;
	border:0px;
}
#xo-headerbanner {
	position:absolute;
	top:7px;
	left:260px;
	width:728px;
	height:90px;
	text-align:center;
	vertical-align:middle;
	/*border: #C06 1px solid;
	background-color:#FC6;*/
}
#xo-globalnav {
	border-bottom: 1px solid #dddddd;
	background-image: url(../img/reverse_lignes.png);
	height:17px;
	/*font-size:0.9em;*/
	/*padding-right: 15px;*/
	/*text-align:right;*/
}
#xo-globalnav #traduction {
	float:right;
	padding-top:2px;
	padding-right:10px;
}

/* End Header */

/*========  COLONNE DE GAUCHE ======== */
/* Start Left Column */
/* AH NE PAS UTILISER DANS CE THEME
/*#xo-canvas-leftcolumn {
	float: left;
	width: 175px;
}
#xo-canvas-leftcolumn th {
	background-color: #646464;
	color: #fff;
	vertical-align: middle;
}
#xo-canvas-leftcolumn .xo-blocktitle {
	height:17px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	background-image: url(../img/bg_titre_bloc.png);
	background-repeat: repeat-x;
	background-position: left center;
}
#xo-canvas-leftcolumn .xo-blocktitle h3 {
	background-color: #FFF;
	color: #FF7F00;
	font-weight: bold;
	font-size:0.9em;
	margin-left:15px;
	margin-right:15px;
	padding-top:2px;
	padding-left:22px;
	padding-right:2px;
	padding-bottom:2px;
	background-image: url(../img/fleche.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#xo-canvas-leftcolumn .xo-blockcontent {
	padding: 3px;
	line-height: 1.2em;
	background-color:#E0DDD6;
	font-size:0.9em;
}
#xo-canvas-leftcolumn .xo-blockfoot {
	height:17px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	background-image: url(../img/bg_titre_bloc.png);
	background-repeat: repeat-x;
	background-position: left center;
}*/
/* End Left Column */

/*========  COLONE CENTRALE ======== */
/* Start Center Column */
/* WARNING - THIS HAS BEEN CHANGED - TRASH - NOT USED ANYMORE}*/
#xo-page {
	min-height: 500px;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 5px;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 0.9em;
	/*border:#0F9 1px solid;*/
} 

#xo-canvas.leftcolumn-layout #xo-page, 
#xo-canvas.threecolumns-layout #xo-page {
	margin-left: 185px;
}

#xo-canvas.rightcolumn-layout #xo-page,
#xo-canvas.threecolumns-layout #xo-page { 
	margin-right: 185px;
}
#xo-canvas-bottom,
#xo-canvas-footer {
}		
			
#xo-page th {
	background-color: #646464;
	color: #fff;
	vertical-align: middle;
	font-size: 0.9em;
}
#xo-topcenterblocks,
#xo-bottomcenterblocks {
	margin:0px;
}
#xo-topcenterblocks .xo-blocktitle,
#xo-bottomcenterblocks .xo-blocktitle {
}
#xo-topcenterblocks .xo-blocktitle h3,
#xo-bottomcenterblocks .xo-blocktitle h3 {
	color:#FF7F00;
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 5px;
	border-bottom: 1px dashed #333;
	padding-top:3px;
	padding-left:22px;
	padding-bottom:3px;
	padding-right:3px;
	background-image: url(../img/fleche.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#xo-topcenterblocks .xo-blockcontent,
#xo-bottomcenterblocks .xo-blockcontent {
	padding: 3px;
	line-height: 1.2em;
}
#xo-topcenterblocks .xo-blockfoot,
#xo-bottomcenterblocks .xo-blockfoot {
	text-align:right;
	padding-right:15px;
}
#xo-topleftblocks, #xo-bottomleftblocks {
	float: left;
	width: 49.5%;
}
#xo-topleftblocks .xo-blocktitle,
#xo-bottomleftblocks .xo-blocktitle {
}
#xo-topleftblocks .xo-blocktitle h3,
#xo-bottomleftblocks .xo-blocktitle h3 {
	color:#FF7F00;
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 5px;
	border-bottom: 1px dashed #333;
	padding-top:3px;
	padding-left:22px;
	padding-bottom:3px;
	padding-right:3px;
	background-image: url(../img/fleche.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#xo-topleftblocks .xo-blockcontent,
#xo-bottomleftblocks .xo-blockcontent {
	padding: 3px;
	line-height: 1.2em;
}
#xo-topleftblocks .xo-blockfoot,
#xo-bottomleftblocks .xo-blockfoot {
	text-align:right;
	padding-right:15px;
}

#xo-toprightblocks, #xo-bottomrightblocks {
	width: 49.5%;
	float: right;
}
#xo-toprightblocks .xo-blocktitle,
#xo-bottomrightblocks .xo-blocktitle {
}
#xo-toprightblocks .xo-blocktitle h3,
#xo-bottomrightblocks .xo-blocktitle h3 {
	color:#FF7F00;
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 5px;
	border-bottom: 1px dashed #333;
	padding-top:3px;
	padding-left:22px;
	padding-bottom:3px;
	padding-right:3px;
	background-image: url(../img/fleche.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#xo-toprightblocks .xo-blockcontent,
#xo-bottomrightblocks .xo-blockcontent {
	padding: 3px;
	line-height: 1.2em;
}
#xo-toprightblocks .xo-blockfoot,
#xo-bottomrightblocks .xo-blockfoot {
	text-align:right;
	padding-right:15px;
}
#xo-page .xo-block {
	margin-bottom:25px;
	padding-top:2px;
	padding-left:2px;
	padding-bottom:2px;
	padding-right:2px;
	border:1px #CCCCCC solid;
	background-color:#f7f7f7;
}

.xo-content {
	/*clear:						both;*/
	/*padding-top: 				10px;*/
	/*padding-bottom: 			10px;*/
	/*text-align: 				justify;*/
} 
/* End Center Column */

/*========  COLONNE DE DROITE ======== */
/* Start Right Column */
#xo-canvas-rightcolumn {
	float: right;
	width: 175px;
	background-color:#666;
	padding-left:2px;
	padding-right:2px;
	margin-right: 2px;
}
#xo-canvas-rightcolumn th {
	background-color: #646464;
	color: #fff;
	vertical-align: middle;
}
#xo-canvas-rightcolumn .xo-blocktitle {
}
#xo-canvas-rightcolumn .xo-blocktitle h3 {
	color:#FFF;
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 5px;
	border-bottom: 1px dashed #CCC;
	padding-top:3px;
	padding-left:22px;
	padding-bottom:3px;
	padding-right:3px;
	background-image: url(../img/fleche.gif);
	background-repeat: no-repeat;
	background-position: left center;	
}
#xo-canvas-rightcolumn .xo-blockcontent {
	padding: 3px;
	line-height: 1.2em;
	color:#FFF;
	font-size:0.9em;
	margin-bottom:12px;
}
#xo-canvas-rightcolumn .xo-blockcontent a {
	color:#FFF;
}
#xo-canvas-rightcolumn .xo-blockcontent a:hover {
	color:#FF7F00;
}

#xo-canvas-rightcolumn .xo-blockfoot {
	display:none;
}
/* End Right Column */

/*========  FOOTER ======== */
#xo-footer {
	clear: both;
	padding-top:10px;
}
#xo-footer #xo-footer-xoops {
	background-image: url(../img/reverse_lignes.png);
	text-align: center;
	padding-top:3px;
	padding-bottom:2px;
	font-size:0.9em;
	font-weight:bold;
	color:#555555;
}
#xo-footer #xo-footer-autre {
	background-color:#DEDCD8;
	padding-top:3px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:3px;
	text-align:center;
}
#xo-footer #xo-footer-autre #xiti-logo {
	text-align:center;
	padding-top:3px;
}

/*========  DEBUG ======== */
#xo-logger-output{ font-size: .8em;}

/*========  LISTES ======== */
#xo-canvas-content ul {
	margin: 2px;
	padding: 2px;
	list-style: decimal inside;
	text-align: left;
}
#xo-canvas-content li {
	margin-left: 2px;
	background-color: inherit;
	line-height: 1.4em;
	list-style: square inside;
}

/*========  FORM ======== */
input {font-size: 1em;}
select {font-size: .9em;}

/*========  MENU PRINCIPALE ======== */
/* INUTILE DANS CE THEME */
/*#mainmenu {	font-size: .8em;}
#mainmenu a {
	display: 					block;
	margin: 						0;
	background-color: 		#e6e6e6; 
	padding: 					4px;
	color: 						#666;
}
#mainmenu a:hover {
	background-color: 		#fff;
	color: 						#ff6600;
}
#mainmenu a.menuTop {
	padding-left: 				3px;
	border-top: 				1px solid #ccc;
	border-right: 				1px solid #666;
	border-bottom: 			1px solid #666;
	border-left: 				1px solid #ccc;
}
#mainmenu a.menuMain {
	padding-left: 				3px;
	border-right: 				1px solid #666;
	border-bottom: 			1px solid #666;
	border-left: 				1px solid #ccc;
}
#mainmenu a.menuSub {
	background-color: 		#fff;
	padding-left: 				12px;
	color: 						#666;
	font-size:					.9em;
	font-style:					italic;
	border-right: 				1px solid #666;
	border-bottom: 			1px solid #666;
	border-left: 				1px solid #ccc;
}
#mainmenu a.menuSub:hover {
	background-color: 		#e6e6e6;
	color: 						#ff6600;
}/*
/* End Main Menu */

/*========  MENU UTILISATEUR ======== */
/* Start User Menu */
#usermenu {
}
#usermenu a {
	display: block;
	margin: 0;
	/*background-color: #e6e6e6;*/
	padding: 4px;
	color: #666;
	/*border-right: 1px solid #666;*/
	/*border-bottom: 1px solid #666;*/
	/*border-left: 1px solid #ccc;*/
}
#usermenu a:hover {
	background-color: #fff;
	color:  #ff6600;
}
#usermenu a.menuTop {
	/*border-top: 1px solid #ccc;*/
}
#usermenu a.highlight {
	background-color: #fcc;
	color: #ff0000;
}
/* End User Menu */

/*========  TABLEAU ET CELLULES ======== */

table {
	width: 100%;
}
tbody {
}
table.outer { 
	border-collapse: separate;
}
.outer {
	border: 1px solid #ccc;
}
th, thead {
	background-color: #646464;
	padding : 2px;
	color: #ffffff;
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
.head {
	background-color: #757575;
	padding: 5px;
	color: #FFF;
	font-weight: bold;
}
.head a {
	color:#FFF;	
}
.head a:hover{
	color:  #ff6600;
}
.even {
	background-color: #d7d7d7;
	padding:5px;
}
.odd {
	background-color: #f0f0f0;
	padding: 5px;
}
.foot, tfoot {
	background-color: #cdcdcd;
	padding: 5px;
	font-weight: bold;
}
table td {
	padding: 0;
	border-width: 0;
	vertical-align: top;
}
tr.even td {
	background-color: #d7d7d7;
	padding:5px;
	color:#000
}
tr.odd td {
	background-color: #f0f0f0;
	padding: 5px;
	color:#000;
}

/*========  MESSAGE NOYAU ======== */
/* core messages */
.errorMsg,.confirmMsg, .resultMsg  { margin-bottom: 1em; padding: .8em; text-align:center; border: 2px solid #ddd;}
.errorMsg { background-color: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }
.confirmMsg { background-color: #FFF6BF; color: #817134; border-color: #FFD324; }
.resultMsg { background-color: #E6EFC2; color: #529214; border-color: #C6D880; }
.errorMsg a { background-color: transparent; color: #D12F19; }
.confirmMsg a { background-color: transparent; color: #817134; }
.successMsg a {background-color: transparent; color: #529214; }

/*========  CODE & CITATIONS ======== */
.xoopsCode {
	background-color: #ffffff;
	padding: 0 6px 6px 6px;
	/*max-height: 				200px;*/
	font-family: "Courier New",Courier,monospace;
	border: 1px inset #000080;
	/*overflow: 					auto;*/
}
.xoopsQuote {
	background-color: #ffffff;
	padding: 0 6px 6px 6px;
	font-family: "Courier New",Courier,monospace;
	font-style:	italic;
	border: 1px inset #000080;
}

/*========  ARTICLES ======== */

.item {
	border: 1px solid #ffffff;
	background-color:#f4f4f4;
}
.itemHead {
	background-color: #646464;
	padding: 3px;
	color: #ffffff;
	font-size:1.1em;
}
.itemInfo {
	background-color: #ebebeb;
	padding: 3px;
	text-align:	right;
}
.itemTitle a {
	background-color: transparent;
	color: #ffffff;
	font-weight: bold;
	font-variant: small-caps;
	font-size:inherit;
}
.itemTitle a:hover {
	color:  #ff6600;
}
.itemPoster {
	font-size: 0.9em;
	font-style: italic;
}
.itemPostDate {
	font-size: 0.9em;
	font-style: italic;
}
.itemStats {
	font-size: 0.9em;
	font-style: italic;
}
.itemBody {
	padding-left: 5px;
}
.itemText {
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 1.5em;
	font-size:1.1em;
}
.itemText:first-letter {
	font-size: 1.3em;
	font-weight: bold;
}
.itemText img {
	margin:5px;
}
.itemFoot {
	text-align: right;
	padding: 3px;
	background-color: #ebebeb;
}
.itemAdminLink {
	font-size: 0.9em;
}
.itemPermaLink {
	font-size: 0.9em;
}

/*========  FORUM ======== */
.comTitle {
	margin-bottom:2px;
	font-weight: bold;
	text-align:left;
}
.comText {
	padding: 2px;
	vertical-align:top;
}
.comUserStat {
	font-size: 0.9em;
	font-weight: bold;
	color:#F06C00;
	background-color:#FFFFFF;
	border:	1px solid #ccc;
	margin: 2px;
	padding: 2px;
}
.comUserStatCaption {
		font-weight: normal;
}
.comUserStatus {
	margin-left: 2px;
	margin-top: 10px;
	color: #F06C00;
	font-weight: bold;
	font-size: 0.9em;
}
.comUserRank {
	margin: 2px;
}
.comUserRankText {
	font-size: 0.9em;
	font-weight: bold;
}
.comUserRankImg {
	border: 0;
}
.comUserName {
}
.comUserName a {
	color:#FFF;
}
.comUserName a:hover {
	color:  #ff6600;
}
.comUserImg {
	margin: 2px;
}
.comDate { 
	font-size: 0.9em;
	font-weight: normal;
	font-style: italic;
}
.comDateCaption { 
	font-size: .9em;
	font-weight: bold;
	font-style: normal;
}
.signature { 
	font-style:italic;
}


/* NEWBB */
/* color -- dropdown menu for Forum */
div.dropdown a, div.dropdown .menubar a{
	color:#FFF;
}

div.dropdown .menu, div.dropdown .menubar, div.dropdown .item, div.dropdown .separator{
	/*background-color: #2F5376;*/ /* color set in your theme/style.ss .th{} is recommended */
	/*color:#FFF;*/
}

div.dropdown .separator{
	border: 1px inset #e0e0e0;
}

div.dropdown .menu a:hover, div.dropdown .userbar a:hover{
	color: #333;
}
/* color - end */

/* 2 Fix for "right-to-left" themes (Arabic, Persian and more): adding to theme/style.css as following: */

/* direction -- for rtl */
div.dropdown ul, div.dropdown .userbar{
	direction: ltr;
}

div.dropdown li ul {
	left: -150px !important; /* for IE, tune the value if necessary */
}
div.dropdown li>ul { 
	left: -1px !important; /* for non-IE, tune the value if necessary */
}

div.dropdown .userbar{
	float: right !important;  /* need a more formal solution, any help would be appreciated */
}
/* direction fix end */