/*   
Theme Name: Yu Centrik
Theme URI: http://www.yucentrik.ca
Description: Yu Centrik - A usability company based in Montréal - Québec, Canada
Author: Benoît Decomble
Author URI: http://www.benoitdecomble.info
Version: 1.0
.
General comments/License Statement if any.
.
*/


/* RESET !!! */

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* RESET ENDING !!!! */

/* Basic / General Definition */
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.80em;
	color:#3b3b3b;
	background: #ccc url('images/bg_page.jpg') repeat-x;
}

a{
	color:black;
}

a:hover{
	text-decoration:underline;
	color:#900;
}


.right{
	float:right;
}




/* Page Structure */

#page{
	width:985px;
	margin:auto;
	background-color: white;
	padding:0 10px 0 10px;
}

/* Bords arrondis de la page */
#pagebottom{width:1005px; margin:auto; background-color: white; display: block; height:9px;}
#pagebottom_english{width:995px; margin:auto; background-color: white; display: block; height:9px}
#pagebottom .bleft, #pagebottom .bright {margin-top:1px; width:9px; height:9px; display: block;}
#pagebottom .bleft { background: url('images/corner_page_bl.jpg') no-repeat; float:left;}
#pagebottom .bright {  background: url('images/corner_page_br.jpg') no-repeat; float:right;}


/*  Header  */
#header{
	border:1px solid white;
	margin:0 0 0 0;
	padding:0;
}

	#logo, #logo_en{
		background: url('images/yucentrik.gif');
		width:200px;
		height:56px;
		text-indent:-1000px;
		float:left;
		margin-bottom:1.4em;
	}
	
	#logo_en{
		background: url('images/yucentrik_en.gif');
	}
	
		#logo a, #logo_en a{
			display: block;
			width:100%;
			height:56px;
			text-decoration: none;
		}
		
		#logo h1, #logo_en h1{
			text-decoration: none;
			border:0;
			padding:0;
			margin:0;
			font-size: 1em;
		}
	
	#nav{
		clear:both;
		display: block;
		width:100%;
		background: url('images/bg_menutop.jpg') repeat-x;
		height:30px;
		padding-top:7px;
		letter-spacing: 0.1em;
	}
	

	#nav li{
		font-size:0.95em;
		font-weight:bold;
		font-family: Tahoma, Verdana, Arial, sans-serif;
		color:#990000;
		display: block;
		height:17px;
		float:left;
		margin-right:1em;
		line-height: 1.25em;
		padding-right:1em;
	}
	
	
		#nav li a{
text-decoration: none;
			padding-left:1em;
		}
		
		#nav li.current_page_item a, #nav li.current_page_parent a, #nav li.current_page_ancestor a{
			color:#900;
			display: block;
			height:100%;
			background: url('images/menutop_l') no-repeat top left;
		}
		
		#nav li.current_page_item, #nav li.current_page_parent, #nav li.current_page_ancestor{
			background: white url('images/menutop_r') no-repeat top right;
		}
		
		/* Home Button */
		#nav li.page-item-3{
			display:block;
			width:15px;
			height:15px;
			padding-top: 0;
			margin-left:1.5em;
			margin-top:2px;
			background: none;
		}
		
			#nav li.page-item-3 a{
				text-indent: -1000px;
				display: block;
				width:100%;
				height:100%;
				background:url('images/bouton_home.jpg') no-repeat;
			}
			
			#nav li.page-item-3 a:hover{
				text-indent: -1000px;
				display: block;
				width:100%;
				height:100%;
text-decoration: underline;
				background:url('images/bouton_home2.jpg') no-repeat;
			}
			
			#nav li.page-item-3.current_page_item a{
				background:url('images/bouton_home2.jpg') no-repeat;
text-decoration: none;
			}
					
			/* Dernier bouton de la nav sans pointillés */
			
			#nav li.page-item-14{
				border:0;
			}
		
		#nav li a:hover{
			text-decoration: underline;
			color:#900;
		}
		
		#nav li a:visited{
			text-decoration: none;
		}
	
	#top-right{
		float:right;
		border:0;
		padding:0;
		margin:0.8em 0 0 0;
		font-weight: bold;
		font-size:0.9em;
	}
	
	#top-right a{
		text-decoration: none;
	}
	
	#top-right a.contactez{
		color:#990000;
	}
	
	#top-right a.switch{
		color:#9e9e9e;
	}
	
/*  Main  */
#main{
	width:100%;
}

	#right-side{
		float:left;
		width:22%;
		font-family: Tahoma, Verdana;
		margin-top:20px;
		background: url('images/menuleft_bg.jpg') no-repeat;
		padding:1.3em 0 0 0.7em;
	}
	
	#right-side #sub-nav li{
		width:95%;
		margin-bottom:0.5em;
		padding-bottom: 0.5em;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 0.85em;
		border-bottom: 1px dotted black;
	}
	
	#right-side a{
		text-decoration: none;
	}
	
	#right-side #sub-nav ul{
		padding:0 0 0 1em;
	}
	
	#right-side #sub-nav ul li{
		text-transform: none;
		font-weight: normal;
		font-size: 1.1em;
		margin-top:0.3em;
		margin-bottom:0;
		list-style-image: url('images/menuleft_puce.jpg');
		border: none;
		display: none;
	}
	 		
	#right-side #sub-nav li.current_page_item ul li, #right-side #sub-nav li.current_page_parent ul li{
		display:list-item;
		padding-bottom: 0em;
	}
	
	#right-side #sub-nav li.current_page_item a{
		color:#990000;
	}
	
	#right-side #sub-nav li.current_page_item ul li a{
		color:black;
	}
	
	#right-side #sub-nav li.current_page_item ul li a:hover{
		color:#900;
	}
	
	#right-side #sub-nav li.current_page_item ul{
		color:black;
		padding-bottom:0.2em;
	}
 
/*  Footer  */
#footer{
	clear:both; 
	display:block; 
	color:white; 
	background:#900;
}



.roundedcornr_content {
padding-left: 20px;

}

.roundedcornr_top div {
		   background: url(images/corner_footer_tl.jpg) no-repeat top left;
		}
		.roundedcornr_top {
		   background: url(images/corner_footer_tr.jpg) no-repeat top right;
		}
		.roundedcornr_bottom div {
		   background: url(images/corner_footer_bl.jpg) no-repeat bottom left;
		}
		.roundedcornr_bottom {
		   background: url(images/corner_footer_br.jpg) no-repeat bottom right;
		}

		.roundedcornr_top div, .roundedcornr_top, 
		.roundedcornr_bottom div, .roundedcornr_bottom {
		   width: 100%;
		   height: 9px;
		   font-size: 1px;
		}
		
.page_bottom div {
		   background: url(images/corner_page_bl.jpg) no-repeat bottom left;
		}
		.page_bottom {
		   background: url(images/corner_page_br.jpg) no-repeat bottom right;
		}
.page_bottom div, .page_bottom {
		   width: 100%;
		   height: 9px;
		   font-size: 1px;
		}

.page_bottom_english div {
		   background: url(images/corner_page_bl.jpg) no-repeat bottom left;
		}
		.page_bottom_english {
		   background: url(images/corner_page_br.jpg) no-repeat bottom right;
		}
.page_bottom_english div, .page_bottom_english {

		   width: 1002px;
		   height: 9px;
		   font-size: 1px;
position: relative;
left: -2px;
		}


#footerenglishfix {

}

	#footer a{
		color:white;
		text-decoration: none;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { float:right; }
img.alignleft { float:left; }
.alignright { float: right; }
.alignleft { float: left; }
/* End Images */