/* Reset
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
 form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin		: 0;
	padding		: 0;
	border		: 0;
	font-weight	: inherit;
	font-style	: inherit;
	font-size	: 100%;
	font-family	: arial;
	vertical-align: center;
	font-family	: Arial,Verdana,sans-serif;
}


/* General
-------------------------------------------------------------- */
a:focus         { outline: 0px;}
body 			{ line-height: 1.5; height:100%; }
.left   		{ float:left; }
.right  		{ float:right; }
.reset-margin   { margin:0; }
.reset-padding  { padding:0; }
.reset          { margin:0; padding:0; }
.align-justify  { text-align:justify; }
.align-left     { text-align:left; }
.align-center   { text-align:center; }
.align-right    { text-align:right; }
.clear			{ clear:both; visibility:hidden; margin:0px; height:0px; padding:0px; border:0px; }
.clearHeight	{ clear:both; visibility:hidden; height:30px; }
.clearHeightSmall { clear:both; visibility:hidden; height:15px; }
.hide       	{ display: none; }
.hidden       	{ visibility:hidden; }
.inline       	{ display: inline; }
label           { display:block; }

/* Modal
-------------------------------------------------------------- */
#modalBlock         { z-index: 1000; position: absolute; opacity : .5;  top:0px; left:0px; background-color: #000; width: 100%; }
*html #modalBlock,    { filter:alpha(opacity=50); }
*+html #modalBlock { filter:alpha(opacity=50); }

/* Pop up
-------------------------------------------------------------- */
.popBtnClose        { position: absolute; right: 5px; top: 5px; cursor: pointer; width: 33px; height: 33px; background: transparent url("../images/popClose.gif") top right }

/* Slide Tabs
-------------------------------------------------------------- */

/* Buttons & Links
-------------------------------------------------------------- */
.lnkAdd             { color:green; font-weight:bold; font-size:12px; padding-left:16px; background:transparent url("../images/icnLnk/icnLinkNew.gif") no-repeat left center;}
.lnkDel             { color:red; font-weight:bold; font-size:12px; padding-left:16px; background:transparent url("../images/icnLnk/icnLinkDel.gif") no-repeat left center;}
.lnkFile            { color:blue; font-weight:bold; font-size:12px; padding-left:16px; background:transparent url("../images/icnLnk/icnLinkFile.gif") no-repeat left center;}
.lnkExpand          { color:#666; font-weight:bold; font-size:12px; padding-left:16px; background:transparent url("../images/icnLnk/icnLinkExpand.gif") no-repeat left center;}
.lnkCollapse        { color:#666; font-weight:bold; font-size:12px; padding-left:16px; background:transparent url("../images/icnLnk/icnLinkCollapse.gif") no-repeat left center;}
.lnkPdf             { color:blue; font-weight:bold; font-size:12px; padding-left:16px; background:transparent url("../images/icnLnk/icnLinkPdf.gif") no-repeat left center;}
.lnkClose,.lnkCancel{ color:red; font-weight:bold; font-size:12px; padding-left:16px; background:transparent url("../images/icnLnk/icnLinkClose.gif") no-repeat left center;}
.lnkSwitch          { color:#999; font-weight:bold; font-size:12px; padding-left:18px; background:transparent url("../images/icnLnk/icnLinkSwitch.gif") no-repeat left center;}
.lnkCheck           { color:#999; font-weight:bold; font-size:12px; padding-left:16px; background:transparent url("../images/icnLnk/icnAllCheck.gif") no-repeat left center;}
.lnkDecheck         { color:#999; font-weight:bold; font-size:12px; padding-left:18px; background:transparent url("../images/icnLnk/icnAllDecheck.gif") no-repeat left center;}
.lnkTransfert       { color:blue; font-weight:bold; font-size:12px; padding-left:18px; background:transparent url("../images/icnLnk/icnLinkTransfert.gif") no-repeat left center;}
.lnkEdit            { color:orange; font-weight:bold; font-size:12px; padding-left:16px; background:transparent url("../images/icnLnk/icnLinkEdit.gif") no-repeat left center;}


/* Pager
-------------------------------------------------------------- */

#pager			{ width: 100%; margin-top: 10px; margin-bottom: 10px; font-size: 12px; }
#pagerLnkTop	{ width: 20%; float: left; text-align: right; margin-top: 10px; margin-bottom: 10px; font-size: 12px; }
.pagerCurrent	{ background-color: #CAC8CC; border: 1px solid #000; font-weight: bold; margin-right: 3px; padding: 2px 4px; color: #000; }
.pagerPages a 	{ background-color: #EFEFEF;	border: 1px solid #999; color: #555;	margin-right: 3px; padding: 2px 4px; }
.pagerPages a:hover { background-color: #CAC8CC; border: 1px solid #000; color: #222; margin-right: 3px; padding: 2px 4px; text-decoration:none; }
.pagerFirst 	{ background-color:#EFEFEF ; border: 1px solid #999; color: #222; margin-right: 3px; padding: 2px 4px; font-weight: bold; }


/* Tooltip et wait
-------------------------------------------------------------- */
.divTooltip {
    background-color:#DEDEDE;
    border:1px solid #FFFFFF;
    left:-2000px;
    padding:5px;
    position:absolute;
}
.divTooltip p em{
    font-weight:bold;
    text-decoration:underline;
    font-size:14px;
    display:block;
}
.divTooltip p {
    background-color:#222222;
    color:#FFFFFF;
    margin:0pt;
    font-size:12px;
    padding:2px 7px;
}

/* Tables
-------------------------------------------------------------- */

/* form
-------------------------------------------------------------- */

form input.error        { border:2px solid #FF0000; background-color: #FFCFCF}
form label.error        { color:#FF0000; font-weight:bold; font-size:11px; }
form label.required     { font-weight:bold; }
form .submitButton      { margin-bottom:15px; font-size:15px; font-weight:bold; color:#FFF; cursor:hand; border:1px solid #000; }

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: bold; }
h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.5em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 0.5em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 0.5em; }
h5 { font-size: 1em; margin-bottom: 0.5em; }
h6 { font-size: 1em; }
#h2normal { margin: 5px; display: inline; }

/* color
-------------------------------------------------------------- */

.red { color : red; }

/* Text elements
-------------------------------------------------------------- */

p.last      { margin-bottom: 0; }
p img       { float: left; margin: 0.3em; padding: 0; }
p img.top   { margin-top: 0; } /* Use this if the image is at the top of the <p>. */

ul, ol      { margin:0 }
ul          { list-style-type: none; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin-top: 1.5em; font-style: italic; }
del         { color:#666; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; }
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }

.txtUltraSmall	{ font-size: 0.7em; text-decoration: none;}
.txtSmall		{ font-size: 0.8em; }
.txtMedSmall	{ font-size: 0.9em; }
.txtMed			{ font-size: 1em; }
.txtMedBig		{ font-size: 1.5em; }
.txtBig			{ font-size: 2em; }
.txtError       { font-size: 12px; }

/* Tabs
-------------------------------------------------------------- */
.tab-wrapper    { padding:1em 1.5em; margin:0px 10px 10px 10px; border:1px solid #eee; clear:both;}
.tab-menu       { margin:0px 10px 0px 10px; padding:0px; list-style:none; overflow:auto; }
.tab-menu li    { margin-right:5; padding:0; float:left; line-height:2em; }
.tab-menu li a  { padding:0px 5px 0px 5px; font-weight:bold; }
.tab-menu li.tab-selected a{ text-decoration:none; }