@charset "utf-8";
/* CSS Document -- Axial Développement
Réalisé par Maxime St-Jacques Couture*/

body{
 behavior: url("/includes_axial/csshover.htc");
}

*{
outline:0;}


body{
background:url(/themes/tekna/images/back.jpg) repeat-x left 109px;
padding:0;
margin:0;
font-family:Arial, Helvetica, sans-serif;
color:#333;
}

h1{font-size:25px; margin-top:0}
h2{font-size:18px;}
h3{font-size:15px;margin:6px 0;}
h4{font-size:13px;margin:10px 0 0;}
h5{font-size:10px;}
h6{font-size:8px;}
#aside h2, #sidebar h2{background:transparent url(/themes/tekna/images/red.gif) no-repeat scroll right center;
margin-right:21px;
padding-right:23px;
text-align:right;
_margin-top:30px;
}

*+html #aside{margin-top:30px;}



a img{border:none;}
a{text-decoration:none;color:#333;}
.left{float:left}
.right{float:right}
.right div{float:left}

#header{width:1015px;height:109px;float:;color:#333; margin:0 auto; padding:0 70px; background:transparent url(/themes/tekna/images/header.gif) no-repeat scroll 358px center; position:relative;}

#language{position:absolute;
			right:120px;
			top:5px;
			display:none;}
			
#language a{color:#888888;
			font-size:12px;
			font-weight:bold;
			padding:0 5px;}

#language a:hover{text-decoration:underline}

#main{width:1152px;height:px;float:;color:#333; margin:0 auto;font-size:12px;}
	#shade1{width:95px;height:612px;float:left;color:#; background:url(/themes/tekna/images/shade1.jpg)}
	#shade2{width:95px;height:612px;float:left;color:#; background:url(/themes/tekna/images/shade2.jpg)}
    #page{width:958px; _height:550px;float:left;color:#; background:#fff;border-left:1px solid #CCCCCC; min-height:550px;
border-right:1px solid #CCCCCC;z-index:100; /*position:relative;*/}
/**+html #page{position:static;}*/
    .img_zone1{width:220px;}
	.img_zone1 img{border:4px solid #181a1c}
	
	/*-----
	
	MENU PRINCIPAL
	
	-----*/
	
    	#menu{width:960px;height:31px;float:;color:#; background:url(/themes/tekna/images/menu_back.jpg); z-index:200;}
		#menu img{float:left;}
		#menu p{margin:0}
		
		#menu ul{list-style:none;margin:0;padding:0;}
		#menu ul.level0 li{float:left;background:transparent url(/themes/tekna/images/sep.gif) no-repeat scroll right center; position:relative;}
		#menu ul.level0 li:hover ul{display:block}
		
		#menu ul.level0 li a{color:#37434b;
							display:block;
							font-size:12px;
							font-weight:bold;
							padding:8px 23px 7px 15px;
							line-height:16px;}
		#menu ul.level0 li a:hover{color:#990000}
		
		#menu form{ background:url(/themes/tekna/images/search.jpg) no-repeat;margin:5px 10px 0 0;}
		#menu .input{background-color:transparent;
					border:medium none;
					color:#6A7E8A;
					display:block;
					float:left;
					font-size:9px;
					font-weight:bold;
					padding:5px 20px 0 8px;
					width:100px;}
		#menu .btn{margin-left:-25px}
		
		#menu .menu{font-size:11px;
					font-weight:bold;
					line-height:31px;
					margin:0 10px;}
		#menu .menu a{margin:0 5px;color:#37434b;}
		
		#menu .menu a:hover{color:#990000;}
		
		/*******
		MEGA DROPDOWN
		******/
		#menu ul.level0 li:hover #mega_dd{display:block;}
		
		#mega_dd{background:transparent url(/themes/tekna/images/mega_back.png) repeat-y scroll 0 0; 				_border:1px solid #94B2C7;
				_background:#e4f5ff;
				display:none;
				left:-7px;
				min-height:293px;
				padding:0 10px 0;
				_padding:0;
				position:absolute;
				width:540px;
				z-index:201;}
				
		#mega_dd .bottom{background-image:url(/themes/tekna/images/mega_bottom.png);
						height:20px;
						left:-10px;
						position:relative;
						top:20px;
						width:570px;
						_display:none;}
		
		#mega_dd ul h3{margin:0; padding:5px 0 10px;cursor:default;}
		
		
		#mega_dd li{}
		
		#mega_dd ul.level1{background:transparent url(/themes/tekna/images/menu_arrow.gif) no-repeat scroll 135px 10px;
							border-right:1px solid #94B2C7;
							float:left;
							margin:1px 0 0 14px;
							/*max-width:147px;*/ _width:140px;
							padding:0 10px 0 5px;
							/*position:static;*/}
		
							
		#mega_dd ul.Services{border:none;}
		#mega_dd ul.level1:hover{background-color:#c5e3f4;}
		#mega_dd ul.level1:hover h3{color:#990000}
		
		#mega_dd ul.level1 li{width:150px; _width:140px; height:auto; background:none; font-size:11px; float:none;border-bottom:1px solid #94B2C7;}
		#mega_dd ul.level1 li:hover a{color:#990000}
		#mega_dd ul.level1 li:hover li a{color:#333}
		#mega_dd ul.level1 li:hover li a:hover{color:#990000}
		
		#mega_dd ul.level1 li a{font-size:11px;
padding:3px 0 1px;}
		
		#mega_dd ul.level2{/*position:static;*/}
		
		#mega_dd ul.level2 li{border:none; _height:15px;}
		
		#mega_dd ul.level2 li a{font-size:10px;
								font-weight:normal;
								padding:2px 6px 2px 27px;
								background:transparent url(/themes/tekna/images/menu_bullet.gif) no-repeat scroll 15px;}
		
		*+html #mega_dd ul.level2 li a{padding:1px 6px 0 30px; _padding:0 6px 0 30px;}

		/*******
		UL DROPDOWN
		******/
		#menu ul.level0 #menu li.simple ul{display:none}
		#menu ul.level0 #menu li.simple:hover ul{display:block; position:absolute}
		
		#menu li.simple ul.level1{background:transparent url(/themes/tekna/images/drop_back.png) repeat-y scroll 0 0;
		_background:#e4f5ff;
		_border:1px solid #94B2C7;
								display:none;
								float:left;
								left:-18px;
								padding:10px 40px 0 30px;
								_padding:10px 10px 0 10px;
								position:absolute;
								}
		
		#menu li.simple ul.level1 li:hover{background-color:#c5e3f4;}
							
		#menu li.simple ul.level1 li{width:150px; height:auto; background:none; font-size:11px; float:none;border-bottom:1px solid #94B2C7;}
		
		#menu li.simple ul.level1 li:hover a{color:#990000}
		#menu li.simple ul.level1 li:hover li a{color:#333}
		#main #menu li.simple ul.level1 li:hover li:hover a{color:#990000}
		
		#menu li.simple ul.level1 li a{font-size:11px;padding:3px 0 1px; _width:150px}
		
		#menu li.simple ul.level2 li{border:none; _height:15px; /*_width:60px*/}
		
		#menu li.simple ul.level2 li a{font-size:10px;
								font-weight:normal;
								padding:2px 6px 2px 30px;
								_width:70px;
								background:transparent url(/themes/tekna/images/menu_bullet.gif) no-repeat scroll 15px;}
								
		
		li.simple .bottom{background:url(/themes/tekna/images/drop_bottom.png) no-repeat;
						height:20px;
						left:-30px;
						position:relative;
						top:20px;
						width:222px;
						_display:none;}
						
		*+html li.simple .bottom{top:21px;; _top:20px;}
		
		/*
		#mega_dd{background:transparent url(/themes/tekna/images/mega.png) no-repeat scroll 0 0;
				display:none;
				left:-13px;
				min-height:293px;
				padding:0 10px 15px;
				position:absolute;
				width:540px;
				z-index:201;}
		
		#mega_dd ul h3{margin:0; padding:5px 0 10px;}
		
		
		#mega_dd li{}
		
		
		
							
		#mega_dd ul.Services{border:none;}
		#mega_dd ul.level1:hover{background-color:#c5e3f4;}
		#mega_dd ul.level1:hover h3{color:#990000}
		
		
		
		
		
		
		#mega_dd ul.level2{}
		
		
		
		*+html #mega_dd ul.level2 li a{padding:1px 6px 0 30px; _padding:0 6px 0 30px;}
		
		*/
		
		
		
		
		
		
	/*-------*/
	
	       
        #options{background:#E9EAEB none repeat scroll 0 0;height:20px;padding:0 21px;line-height:20px;font-size:11px;}
		#options a:hover{color:#990000;}
        
        #content{width:650px;height:px;float:left;color:#; margin-left:21px;  margin-top:20px; padding-bottom:30px; _margin-left:10px; overflow:hidden}
		#content a:hover{color:#990000;text-decoration:underline;}
        
		/*

		------------BLOG
		
		*/
		#sidebar{float:right;
		width:260px;}
		#sidebar ul{}
		
		textarea{width:100%; _width:450px;}
		.postmetadata{display:none}
        /*-----
	
		MENU SIDE
	
		-----*/
		
		#aside{width:px;height:px;float:right;color:#;}
		#aside .menu{list-style:none;margin:21px;padding:0;_margin:21px 0 21px 21px;}
		#aside .menu li{padding-left:11px;max-width:230px; _width:184px}
		#aside .menu li a{border-bottom:1px solid #CCCCCC;
							display:block;
							font-size:13px;
							font-weight:bold;
							padding:10px 40px 10px 20px;
							width:170px;
							/*_width:140px;*/}
		#aside .menu li a:hover{background:#EEEFF1 none repeat scroll 0 0;
								color:#990000;}
		#aside .menu li.selected a:hover{_background-color:#cc0000;color:#fff; text-decoration:underline}
		#aside .menu li.selected ul.level2 a:hover{text-decoration:none}
		
		#aside .menu li.selected{background:url(/themes/tekna/images/red.gif) 0px 5px no-repeat;}
							
		#aside .menu li.selected a{ display:block;
									font-size:13px;
									font-weight:bold;
									color:#FFFFFF;
									background:#cc0000;
									/*padding:10px 40px 0px 20px;*/
									border-bottom:medium none;}
		#aside .menu ul.level2{
								list-style-image:none);
								list-style-position:inside;
								list-style-type:none;
								margin:0;
								line-height:12px;
								padding:0;
								display:none;}
		
		#aside .menu li.selected ul.level2{padding:0 0 8px;}
								
		#aside .menu li.selected ul.level2{background:#CC0000 none repeat scroll 0 0;display:block;}
		
		#aside .menu ul.level2 li{padding:0 0 0 30px;}
		#aside .menu li ul.level2 li:hover{background-color:#eeeef1; color:#990000;}
		#aside .menu li.selected ul.level2 li:hover{background-color:#990000; color:#FFFFFF;}
		#aside .menu ul.level2 li a{border-bottom:medium none;
									font-size:11px;
									font-weight:normal;
									padding:2px 11px;
									background:transparent url(/themes/tekna/images/bullet_a.gif) no-repeat scroll 0 4px;
									width:150px;}
									
									
		#aside .extra{background-color:#EEEFF1;
						float:right;
						margin-right:20px;
						width:230px;
						margin-bottom:50px;}
						
		#aside .extra .pad{padding:0 25px;}
						
		#aside .extra ul{list-style-image:url(/themes/tekna/images/bullet_b.gif);
						margin:10px 0 10px 20px;
						padding:0;
						}
		
		#aside .extra h3{margin:10px 0}
						
		#aside .extra a{font-weight:bold; font-size:11px; padding:0 4px;}
		#aside .extra a:hover{color:#990000}
		
		
		/*--------*/
		
		
    
      .clearDiv{clear:both;}
	  
	  #bott{ width:958px; border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;position:relative}
    
      #footer{background:transparent url(/themes/tekna/images/bottom.gif) no-repeat scroll center top;
				padding-bottom:50px;
				padding-top:12px;
				width:960px;}
.top{
font-size:10px;
font-weight:bold;
position:absolute;
right:15px;
top:-6px;
color:#37434b;
/*margin-right:20px;*/

/*bottom:0;
float:right;
font-size:10px;
font-weight:bold;
position:absolute;
right:20px;*/
}


.top:hover, .top2:hover{color:#999999; text-decoration:underline}

.credits{color:#9CA5AB;
			font-size:11px;
			line-height:12px;}


#footer .menu{font-size:11px}
	#footer .menu p{margin:0}
  #footer .menu a{padding:0 6px;color:#37434b;}
  #footer .menu a:hover{color:#990000;}
  
.smllog{float:left; margin-top:8px;}
.rss{float:right; margin-top:8px;}

/************************
				
				------------------HOME PAGE
				
************************/

#banner{height:208px;
		margin:22px auto;
		width:931px;}
		
#banner img, #banner a{float:left;}

#banner a.item1{width:226px; height:71px; background:url(/themes/tekna/images/banner1.jpg) no-repeat;}
#banner a.item2{width:226px; height:64px; background:url(/themes/tekna/images/banner2.jpg) no-repeat;}
#banner a.item3{width:226px; height:73px; background:url(/themes/tekna/images/banner3.jpg) no-repeat;}

#banner a.item1:hover{width:226px; height:71px; background:url(/themes/tekna/images/banner1-o.jpg) no-repeat;}
#banner a.item2:hover{width:226px; height:64px; background:url(/themes/tekna/images/banner2-o.jpg) no-repeat;}
#banner a.item3:hover{width:226px; height:73px; background:url(/themes/tekna/images/banner3-o.jpg) no-repeat;}




#home1{float:left; width:430px; margin-left:20px; _margin-left:10px; line-height:18px;}

#home1 h1{margin:0; color:#192227;}
#home1 h2{color:#5A6267;
		font-size:15px;
		margin:0;}
#home1 a{color:#990000;}
#home1 a:hover{color:#990000; text-decoration:underline}

#home2{color:#666;
		float:left;
		font-size:11px;
		margin:0 13px 0 21px;
		width:226px;}
	#home2 h4{color:#333;}
	#home2 .item{border:3px solid #333; width:220px;}
	#home2 h3.title{background-color:#333333;
					color:#FFFFFF;
					font-size:11px;
					font-weight:bold;
					margin-bottom:0;
					margin-left:0;
					margin-right:0;
					margin-top:0;
					padding-bottom:3px;
					padding-left:5px;
					padding-right:3px;
					padding-top:3px;}
#rotate{
width:230px;
float:left;
font-family:Arial;
z-index:101;
min-height:300px;
_height:300px;
/*position:relative;*/
}

#rotate a:hover h4{text-decoration:underline}


/******SITEMAP*****/

#sitemap{}

#sitemap h2{color:#990000}
#sitemap h3{background:#EEEEF1 none repeat scroll 0 0;}

#content #sitemap ul{list-style:none; padding:0}

#sitemap ul.level1 li{font-weight:bold;}

#sitemap ul.level1 li a{padding-left:20px; display:block}

#sitemap ul.level2 li{font-weight:normal}

#sitemap ul.level2 li a{padding-left:40px;}

#sitemap h2 a:hover{background-color:transparent;}
#sitemap a:hover{color:#990000; background-color:#EEEFF1}

#sitemap li{}


.site{float:left;width:210px;}

.site2{clear:both}

.site3{}

{}

/*********

CONTENT STYLING

****************/
/*
<table class="contenttab3">
<caption></caption>
<tr>
<td></td>
<td></td>
</tr>
</table>


<a class="top2" href="javascript:scroll(0,0)">
Top of the page
<img height="7" width="9" alt="top" src="/themes/tekna/images/top.gif"/>
</a>
*/
div.Section2{
margin-bottom:30px;
padding-bottom:20px;
}

div.Section{border-bottom-color:#CCCCCC;
border-bottom-style:solid;
border-bottom-width:1px;
min-height:120px;
margin-left:50px;}

.Section h2{margin-left:-15px; _margin-left:0}

.Section a:hover{color:#990000; text-decoration:none}

.Section p img{float:left;margin-right:20px;}

#sidebar ul{list-style:none}

#content ul, #sidebar li ul{ list-style-image:url(/themes/tekna/images/bullet.gif);}

#content blockquote{margin-right:0}
#content p a{color:#990000}
#content p a:hover, #sidebar a:hover{text-decoration:underline; color:#990000;}

#content p{ /*text-indent:20px;*/line-height:19px; margin-bottom:0}
.top2{float:right;
font-size:10px;
font-weight:bold;
margin-right:10px;
color:#37434b;}

.zoom{cursor:url(/scripts/zoom.cur),default;}

.contenttab2{
padding:5px;
}
#content caption{font-size:14px;
font-weight:bold;
text-align:left;}

.contenttab1 ul, .contenttab2 ul, .contenttab3 ul{
list-style-image:url(/themes/tekna/images/bullet_b.gif);
}
.contenttab2 td{vertical-align:top;}

.contenttab2 img, .contentimg1{
border:4px solid #181A1C;
margin-bottom:10px;
margin-left:14px;}

.contenttab1{
background-color:#EEEEF1;
margin-left:50px;
padding:5px;
margin-bottom:20px;
font-size:11px;
line-height:normal;
min-width:400px;
}

.contenttab3{
background-color:#EEEEF1;
border-collapse:collapse;
margin-bottom:20px;
margin-left:50px;
}

.contenttab3 .img{background-attachment:scroll;
background-color:#FFFFFF;
background-image:none;
background-position:0 0;
background-repeat:repeat;
padding-bottom:5px;
padding-left:20px;
padding-right:20px;
padding-top:5px;}

.contenttab1 td{
padding:7px;
}


/***********documents*/

ul#docul li{float:left;margin-right:30px;width:170px;font-size:14px}
table.doc{margin:14px 0; background-color:#EEEEF1;padding:5px;line-height:normal;}
table.doc td{padding:0 14px 0 6px; vertical-align:top;}
table.doc table{margin-left:30px}

/***********

perfect table
************/

.pt {
border-top:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
		border-collapse: collapse;
		
		
		} 

.pt th, .pt td { 
		border: 1px solid #bbbbbb; 
		/*font-size: 1.2em;*/
		padding: 4px 10px;
		line-height: 1.2;
		font-size:11px;
		} 

.pt tbody td {
		border-top: 0;
		border-bottom: 0;
		}

.pt th {
		background: #e4e5e4 url(/themes/tekna/images/table-heading-background.gif) 0 50% repeat-x; 
		text-align: left;
		}

.pt tfoot {
		background-color: #e2e2e2;
		color: #555555;
		}

.pt tfoot td {
		font-size: 1.0em;
		text-align: center;
		}

.pt tbody tr.alt td {
		background:#CC8888 none repeat scroll 0 0;
		color:#FFFFFF;
		}

.pt tbody tr.over td, .pt tbody tr:hover td {
		background: #777;
		color: #ffffff;
		}

.pt tbody tr.over+tr td {
		background-image: url(/themes/tekna/images/shadow.png);
		background-repeat: repeat-x;
		}



/************************
				
				NEwS
				
************************/

#fragment-3 ul{font-size: 11px; list-style-image: url(/uploads/editor/image/ico-pdf.gif);}

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

				
/*TEXTE*/
.ui-tabs-panel .date{color:#990000; font-weight:bold;font-size:11px;}
.ui-tabs-panel h4{margin:0;font-size:12px;}
.ui-tabs-panel p{font-size:10px;}
.ui-tabs-panel a.more{background-color:#999999;
						color:#FFFFFF;
						font-weight:bold;
						padding:3px 7px;
						text-decoration:none;
						font-size:11px;
						}
.ui-tabs-panel a.more:hover{background-color:#990000}
.ui-tabs-panel{font-size:10px}

.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0;
	border-bottom:2px solid #CCCCCC;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 -2px -2px;
    width:78px;
	height:28px;
	text-align:center;
	font-weight:bold;
	/*position:relative;
	top:2px;*/
}

li.ui-tabs-selected{ background:url(/themes/tekna/images/tab.gif)}

.ui-tabs-nav a {
    margin: 4px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    font-size:12px;
    text-align: center;
	color:#333;
	display:block;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    color: #990000;
}

.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    padding: 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
	/*font-size:0.7em;*/
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}