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

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


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

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


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

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