/* body description */
body  { 
	color: black; 
	background-color: #e1d4c0; 
	/*background-image: url("http://xvgzwor.local/timCSS/bkgrLower.gif"); */
	background-image: url("/pics/page/bkgrLower_ti.gif"); 
	background-repeat: repeat-y; 
	background-position: center top 
	}
#pageBackground   {
	position:relative;
	min-height: 100%;
	background-image: url("/pics/page/bkgrBanner_ti.gif"); 
	background-repeat: repeat-x; 
	visibility: visible; 
	z-index: 1; 
	}
#bannerBkgr   { 
	position:relative;
	/*background-image: url("/pics/page/bkgrTop_ti.gif"); */
	background-repeat: no-repeat; 
	background-position: center top; 
	visibility: visible; 
	z-index: 2;
	}
	
#content	{
	position:relative;
	padding-bottom:30px;
	}

/* In some browsers, forms tend to get some margins around them.  
   We don't like this. */ 
form {
    margin: 0px;
    padding: 0px;
    height:100%;
	}
    
h1, h2, h3, h4, h5, h6 {
    /* But Helvetica looks better on headings */
    font-family: lucida grande, geneva, helvetica, arial, sans-serif;
	} 
    
/* redefine table cell */
td      { 
    font-size: 11px; 
    /*lucida grande, geneva, helvetica, arial, sans-serif;*/
    font-family: "Trebuchet MS",Verdana,Arial,Sans-serif
    }
    
/* redefine table header */
th  { 
    color: white; 
    font-size: 12px; 
    font-weight: bold; 
    }

select { 
    width: 70px; 
    /*margin-top: 5px;*/ 
    margin-left: auto; 
    margin-right: auto; 
    font-size: 10px; }
    
button { 
    width: 70px; 
    margin-top: 5px; 
    margin-left: auto; 
    margin-right: auto; 
    font-size: 10px; }

/*link classes */
a, a:visited  { 
    color: #555555; 
    text-decoration: none; 
    /*border-bottom: 1px dotted #a3a3a3; */ }
    
a:hover, a:active, a:visited:hover  { 
    color: green; 
    text-decoration: underline; 
   /* border-bottom: 1px solid red;*/}

/*===========================================================================*/
/*archives display classes */
/*===========================================================================*/
.archiveDate { 
    color: black; 
    font-size: 9px; 
    margin-left: 10px; }
    
.archiveTitle  { 
	color: #ffffff; 
	font-size: 12px; 
	font-weight: bold; 
	}

.archiveEnBref { color: gray; 
    font-size: 9px; 
    margin-left: 20px; 
    margin-right: 10px;
    text-align: justify; }

/*===========================================================================*/
/*annonces emploi display*/
/*===========================================================================*/
.annonceTitle  { color: #ff0000; font-size: 11px; font-weight: 700; line-height: 1; margin-left: 10px }

.description  { color: #414141; font-size: 10px; text-align: justify; margin-top: -10px; margin-left: 20px;
margin-right:20px;}

.conclusion  { 
	color: #000000; 
	font-size: 10px;
	font-weight: bold;
	text-align: justify; 
	margin-top: -10px; 
	margin-left: 20px;
	margin-right:20px;
	}

/*===========================================================================*/
/*class for banners in clickEmploi */
/*===========================================================================*/
.clickCellPadding {
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 5px;
	margin-bottom: 5px;

    text-decoration: none; 
    border-bottom: 0px;
}

/*===========================================================================*/
/*small frames classes */
/*===========================================================================*/
.smallFrameTitle   { 
    color: red; 
    font-size: 14px; 
    font-family: "Trebuchet MS",Verdana,Arial,Sans-serif; 
    font-weight: bold;
    }
    
.smallFrameEditionNo   { 
    color: black; 
    font-size: 14px; 
    font-family: "Trebuchet MS",Verdana,Arial,Sans-serif; 
    font-weight: bold;
    }

ol { 
    font-size: 10px;
    }
    
ul { font-size: 11px; line-height: 14px; font-weight: bold; list-style-type: square;}
li { color: #360; list-style-type: square; margin-left: -10px;}

/*===========================================================================*/
/*large frames classes */
/*===========================================================================*/    
/*
.title   { 
    color: #ff0000; font-size: 14px; 
    font-family: "Trebuchet MS",Verdana,Arial,Sans-serif; 
    font-weight: bold; 
    margin: 10px;}
  */  
.title   { 
	color: #360; font-size: 14px; 
	font-family: "Trebuchet MS",Verdana,Arial,Sans-serif; 
	font-weight: bold; 
	margin: 10px;}
    
.enBref   {
/*used for the homepage*/
    color: #222222; 
    font-size: 11px; 
    font-family: "Trebuchet MS",Verdana,Arial,Sans-serif; 
    text-align: justify; 
    
	margin-left:20px;
	margin-right:10px; }

.enBref2  { 
/*used for the read article page*/
    color: black; 
    font-size: 11px; 
    font-family: "Trebuchet MS",Verdana,Arial,Sans-serif; 
    font-weight: bold; 
    text-align: justify; 
    margin-left:20px;
	margin-right:10px; }

.title2   { 
    color: #360; 
    font-size: 16px; 
    font-family: "Trebuchet MS",Verdana,Arial,Sans-serif; 
    font-weight: bold; 
    margin-top: 10px; 
    margin-right: 10px; 
    margin-left: 10px; }
    

.imgMargin {
    margin: 10px 20px 10px 10px }
	
a.imgMargin:link, a.imgMargin:link:hover, a.imgMargin:link:hover:visited {
    text-decoration: none;
	border-bottom: none;
	}
	
.minorArticleImage{
	margin: 10px 10px 10px 10px 
}
    
.readMore { 
	margin-top: 10px; 
    margin-right: 10px; 
    margin-left: 10px; }

.footer { 
    color: black;
    font-weight: bold;
    font-size: 9px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular 
    }
    
.errorMsg 
{ 
    color: #ff0000;
    font-weight: bold;
}
.error
{
	color:Red;
}

#bottom_copyright 
{
	position:absolute;
 	bottom:0px;
 	height:30px;
 	width:100%;
 	float:left;
 }   
.copyright, a.copyright:link, a.copyright:link:visited  { 
    color: #555555; 
    font-size: 9px; 
    font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular 
    }
    
a.copyright:link:hover, a.copyright:link:hover:visited  { 
    color: #555555; 
    /*font-size: 9px;*/
    /*font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular*/ 
    }

.copyright .SZfootlink
{
	color:#555555;
	text-decoration:underline;
}
.copyright a.SZfootlink:hover
{
	color:green;
	text-decoration:underline;
}
.copyright .SZs
{
	color:#ee0f16;
}
.copyright .SZz
{
	color:#19378d;
}
.copyright .szInfo
{
	color:#555555;
}

.header {
    font-size: 11px;
    /*font-family: lucida grande, geneva, helvetica, arial, sans-serif;*/
    }

.headerCell
{
	background-image:url(/pics/page/timHeader.gif);
	width:750px;
	height:100px;
	vertical-align:top;
	z-index:999;
}
.headerLoggedUser
{
	color:#ffffff;
}

.small {
    color: #000000;
    font-weight: bold;
    font-size: 11px;
    font-family: lucida grande, geneva, helvetica, arial, sans-serif;
    }
    
/*====================================*/    
/*Used for QMMGraphicsComponent button*/
/*====================================*/
.button, a.button:link, a.button:visited:hover{
    color: #000000;
    font-weight: bold;
    font-size: 11px;
    font-family: lucida grande, geneva, helvetica, arial, sans-serif;
    text-decoration: none
    }
    
a.button:hover, a.button:visited{
    color: #ffffff;
    font-weight: bold;
    font-size: 11px;
    font-family: lucida grande, geneva, helvetica, arial, sans-serif;
    }
/*====================================*/
    
.siteMap, a.siteMap:link, a.siteMap:link:visited {
    color: #555555;
    font-size: 9px;
    font-family: lucida grande, geneva, helvetica, arial, sans-serif;
    padding: 1px;
    text-decoration: none;
    position: relative; 
    top: 5px; 
    left: 10px;
    }
    
a.siteMap:link:hover, a.siteMap:link:visited:hover {
    color: #ffffff;
    background: #000000;
    padding: 1px;
    }
    
/* Header style for small links */ 
.headerLink, a.headerLink:link, a.headerLink:link:visited {
    color: #555555;
    font-size: 9px;
    font-family: lucida grande, geneva, helvetica, arial, sans-serif;
    padding: 1px;
    text-decoration: none;
    }
    
a.headerLink:link:hover, a.headerLink:link:visited:hover {
    color: #ffffff;
    background: #888888;
    padding: 1px;
    }

    
.listing, a.listing:link, a.listing:link:visited {
    color: #000000;
    font-size: 9px;
    font-family: lucida grande, geneva, helvetica, arial, sans-serif;
    text-decoration: none
    padding: 1px;
    }
    
.tri, a.tri:link, a.tri:link:visited {
    color: #000000;
    font-size: 9px;
    font-weight: bold;
    text-decoration: none;
    padding: 10px;
    margin: 10px;
    }
 
a.listing:link:hover, a.listing:link:visited:hover {
    font-size: 9px;
    color: #ffffff;
    background: #000000;
    padding: 1px;
    }
      
.chapter, a.chapter:link, a.chapter:link:hover, a.chapter:link:visited, a.chapter:link:visited:hover { 
    color: #000000; 
    font-size: 24px; 
    font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
}

.subTitle, a.subTitle:link, a.subTitle:visited, a.subTitle:link:hover, a.subTitle:link:visited:hover { 
    color: #000000; 
    font-weight: bold; 
    font-size: 11px; 
    font-family: lucida grande, geneva, helvetica, arial, sans-serif; 
    margin: 10px;
}

/*----------------------------------------------------------------------------------*/
/*					BannerCollection Styles											*/
/*----------------------------------------------------------------------------------*/

.LabelNormal
{
	font-size: 14;
	font-family:Arial;
	font-weight:bold;
	color:#000000;
}

/*----------------------------------------------------------------------------------*/
/*					Admin top menu styles											*/
/*----------------------------------------------------------------------------------*/

.menuStaticItem
{
	font-size:11px;
	font-weight:bold;
	color:MenuText;
	width:100px;
	border-width:1px;
		
}
.menuDynamicItem
{
	background-color:InfoBackground;
	width:130px;
}

/*----------------------------------------------------------------------------------*/
/*					GENERAL															*/
/*----------------------------------------------------------------------------------*/
.mandatoryField
{
	width:15px;
	color:Red;	
}

.details tr
{
	height:25px;
}

.Details td.TitleTD
{
	width:200px;
	vertical-align:top;
}

.smallBox
{
	width:60px;
}
.mediumBox
{
	width:120px;
}
.largeBox
{
	width:250px;
}
.megaBox
{
	width:400px;
}

input.smallBox, input.mediumBox, input.largeBox, input.megaBox, select.smallBox, select.mediumBox, select.largeBox, select.megaBox
{
	border: 1px solid #996633;
	height:20px;
}
textarea.megaBox, textarea.largeBox
{
	border: 1px solid #996633;
}

.thinTB
{
	font-size:x-small;
}

/* **** Criteria Boxes **** */
.SmallBoxH
{
	width:60px;
	margin-bottom:10px;	
}
.mediumBoxH
{
	width:120px;
	margin-bottom:10px;	
}
.largeBoxH
{
	width:250px;
	margin-bottom:10px;	
}
.megaBoxH
{
	width:400px;
	margin-bottom:10px;	
}
textarea.megaBoxH, textarea.largeBoxH, input.smallBoxH, input.mediumBoxH, input.largeBoxH, input.megaBoxH,
select.smallBoxH, select.mediumBoxH, select.largeBoxH, select.megaBoxH
{
	border: solid 1px #996633;
	height:20px;
}
/* FromToCriteria */
span.fromToBoxH
{
	/*margin-bottom:10px;	*/
	padding-bottom:0px;
	display:block;
}
span.fromToBoxH table tr td input
{
	border: solid 1px #996633;
	width:100px;
	height:20px;
}

.crSingleField
{
	vertical-align:bottom;
}
.crSingleField select
{
	margin-bottom:6px;
}
.crSingleField input
{
	margin-bottom:6px;
}
.crDoubleField
{
	vertical-align:bottom;
	padding-bottom:100px;	
}

.crDoubleField table tr td
{
	padding:0px;
	
}


/*----------------------------------------------------------------------------------*/
/*					ListDetail          											*/
/*----------------------------------------------------------------------------------*/
.lddltRow
{
	background-color:#ffffff;
}
.lddltSelect
{
	background-color: #D0A375;
}
.lddltAlt
{
	background-color:#dddddd;
}
.lddltSelect td, .lddltAlt td, .lddltRow td
{
	padding:3px;
}
a.SortAsc
{
	background-image: url(/pics/page/ascending.gif);
	background-repeat:no-repeat;
	padding-left:20px;
}
a.SortDesc
{
	background-image: url(/pics/page/descending.gif);
	background-repeat:no-repeat;
	padding-left:20px;
}

/*----------------------------------------------------------------------------------*/
/*					small frame classes												*/
/*----------------------------------------------------------------------------------*/

.smallFrameTitle   { 
    color: green; 
    font-size: 14px; 
    font-family: "Trebuchet MS",Verdana,Arial,Sans-serif; 
    font-weight: bold;
    }
    
/*----------------------------------------------------------------------------------*/
/*					articles classes												*/
/*----------------------------------------------------------------------------------*/

.pageCounting
{
	margin-right: 1em;
	font-weight: bold;
	font-size: 85%;
}
.pageNextPrev
{
	font-size:85%;
	cursor:pointer;
}
.pageNextPrevDisabled
{
	font-size:85%;
	color:Gray;
}    

.editLargeTB
{
	width:450px;
}
    
/*----------------------------------------------------------------------------------*/
/*					annonces classes												*/
/*----------------------------------------------------------------------------------*/
 
 
 .ann_region  { 
	color: #000000; 
	font-size: 11px; 
	font-weight: 700; 
	line-height: 1; 
	margin-left: 10px;
	cursor:pointer; 
	}

.ann_description  { 
	color: #414141; 
	font-size: 10px; 
	text-align: justify; 
	margin-top: -10px; 
	margin-left: 20px;
	margin-right: 10px;
	}   


.AnnonceSectionTitle
{
	padding: 15px 5px 10px 0px;
	font-size: 16px;
	font-weight: bold;
	color: #D0A375;
}
.chooseCategoryZone
{
	text-align:center;
	margin-top:10px;
	padding:20px;
	background-color:#D0A375;
}
.hidablePnlHeader
{
	background-color:#D0A375;
	cursor:pointer;
}
.hidablePnlTitle
{
	padding:5px;
	color:#ffffff;
}
.hidablePanelImg
{
	margin-right:10px;
}
.hidablePnlContent
{
	padding:5px;
	border:solid 1px #D0A375;
	background-color:#e1d4c0;
	cursor:default;
}
fieldset.fsdetail
{
	margin-top:15px;
	border: solid 1px #D0A375;
	padding:5px;
}

td.separator
{
	border-bottom: solid 1px #D0A375;
}
	
/*----------------------------------------------------------------------------------*/
/*					Videos classes	     											*/
/*----------------------------------------------------------------------------------*/
.videoList
{
	border: 0pt;
}

.videoItemDisplay
{
	width: 150px;
	vertical-align:bottom;
	text-align:left;
}

.videoTitle 
{
	font-size:12px;
	font-weight:bold;
}

.videoLink img 
{
	border:medium none;
	text-decoration:none;
}

.videoLinkBack, .videoLinkBack:visited 
{
	display:block;
	padding-left:30px;
	padding-top:20px;
	text-decoration:none;
}

.title2 
{
	color:#336600;
	font-family:"Trebuchet MS",Verdana,Arial,Sans-serif;
	font-size:16px;
	font-weight:bold;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
}

.resumeVideo 
{
	margin-bottom:30px;
	padding-left:30px;
}

.smallFrameEditionNo 
{
	color:black;
	font-family:"Trebuchet MS",Verdana,Arial,Sans-serif;
	font-size:14px;
	font-weight:bold;
}

/*----------------------------------------------------------------------------------*/
/*					Supplements classes    											*/
/*----------------------------------------------------------------------------------*/

td.SupplementsLogo
{
	padding-top: 15pt;
	border: medium none ; 
	height: 112px; 	
	opacity: 1; 	
	width: 300px; 
	
}

td.SupplementsTitle
{
	margin-bottom: 0px; 
	margin-top: 0px; 
	padding-bottom: 0pt; 
	padding-top: 15pt; 
	text-align: center; 
	color: rgb(107, 92, 92); 
	font-size: 13px; 
	letter-spacing: 0.18em; 
	text-transform:uppercase;
	line-height: 18px; 
	opacity: 1;	
}

.pageLink img 
{
	border:medium none;
	text-decoration:none;
}

.pageName
{
	
}

.supplementCell
{
	text-align:center;
}