/*   
Theme Name: Linko Solutions
Theme URI: http://linkosolutions.com/
Description: A Theme for Linko Solutions
Author: Alexandre Moreau
Author URI: http://linkosolutions.com/
Version: 13.04.2010
*/

/******************* System ********************/
html,body{
	margin:0px;
	padding:0px;
}
html{
	height:100%;
	background-image:url(images/img_bg_background.jpg);
	background-repeat:repeat;
}
body{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin:auto;
	background-image:url(images/img_bg_backgroundLine.jpg);
	background-repeat:repeat-x;
}
/******************* Wrapper ********************/
div#wrapper{
	min-height: 100%;
	height: auto !important;
	width: 985px;
	margin:0 auto 24px auto;
	outline:0 none;
	padding: 12px 0 48px 0;
	vertical-align:baseline;
}
/******************* Header ********************/
div#header{
	position:relative;
	clear:both;
	margin: 0;
	width: 973px;
	height: 124px;
	background-color:#ffffff;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	background-image:url(images/img_bg_header.png);
}
div#topOptions{ height: 36px; float:right; margin: 12px 12px 0 0;}
div#topOptions a{ float:left; margin: 0 0 0 12px; color:#009900; font-family:Helvetica, Arial, sans-serif; font-size:12px;}
div#topOptions a#lg{margin: 5px 0 0 12px;}
div#topOptions form{ float:left; margin: 0 0 0 12px;}
div#topOptions #topSearch{ color:#009900; vertical-align:top;}
img#eMail{margin: 3px 0 0 0;}


img#logo{ float:left; margin: 24px 0 0 24px;}

/******************* Menu ********************/
div#menu{
	position:relative;
	clear:both;
	margin: 0;
	height:184px;
}
div#topMenu {position:relative; width:750px; height:17px; padding: 16px 12px 14px 211px; background-image:url(images/img_bg_topMenu.png); background-repeat:repeat; z-index: 910;}
div#topMenu > ul { float:left; position:relative; list-style:none outside none; margin:0; padding:0; height:28px;}
div#topMenu ul li{ float:left; position:relative; margin:0; padding:0; height:20px;}
div#topMenu ul li a{ font-family:Helvetica, Arial, sans-serif; font-size:13px; font-weight:bold; color:#e2efff; letter-spacing: 1px; padding: 19px 16px 13px 16px;text-transform:uppercase;}
div#topMenu ul li a:hover{background-image:url(images/img_bg_topMenu_a.png); color:#FFF;}
*+html div#topMenu ul li a{ border: none;}

div#topMenu ul li.page-item-63 a{ border:none;  background-image:url(images/img_bg_bt_home.png); background-repeat:no-repeat; background-position:center;text-decoration: none; padding: 19px 16px 15px 16px; width:25px;}
div#topMenu ul li.page-item-63 a:hover{ border:none;  background-image:url(images/img_bg_bt_home.png); background-repeat:no-repeat; background-position:center;text-decoration: none; padding: 19px 16px 5px 16px; width:25px;;}

div#topMenu ul:hover > li.page-item-63 a{ border:none;  background-image:url(images/img_bg_bt_home.png); background-repeat:no-repeat; background-position:center;text-decoration: none; padding: 19px 16px 15px 16px; width:25px;}
div#topMenu ul:hover > li.current_page_item , div#topMenu ul:hover > li.current_page_ancestor{ background:none;}

div#topMenu ul li ul { z-index:911; display: none;}
div#topMenu ul li ul li{ z-index:911; padding: 0; margin:12px 0 0 0;}
div#topMenu ul li ul li a{ z-index:911; border:none; padding: 0; margin:0; text-transform:none; font-weight:normal; background-image:url(images/img_bg_leftMenu_arrow.png); background-position:left center; background-repeat:no-repeat; padding-left:12px;}
div#topMenu ul li ul li a:hover{background-image:url(images/img_bg_leftMenu_arrow.png);}
div#topMenu ul li:hover ul li a{background-image:url(images/img_bg_leftMenu_arrow.png);}
div#topMenu ul li:hover ul li a:hover{background-image:url(images/img_bg_leftMenu_arrow.png);}

div#topMenu ul li:hover ul { z-index:911; display: block; float:none; position:absolute; width:190px; list-style:none; background-image:url(images/img_bg_leftMenu.png); background-repeat:repeat-x; background-color:#275392; padding: 0 12px 12px 12px; margin:10px 0 0 0; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px;}

div#topMenu ul li:hover a { background-image:url(images/img_bg_topMenu_a.png);}

*+html div#topMenu ul li:hover > div#topMenu ul li ul { display:none;}
	
	
div#topMenu ul li.current_page_item , div#topMenu ul li.current_page_ancestor{
	padding-bottom: 13px;
	background-image:url(images/img_bg_bt_current.png);
	background-position:center bottom;
	background-repeat:no-repeat;
}

div#topMenu ul li.current_page_ancestor li.current_page_item{
	padding: 0;
	background:none;
}



div#leftMenu{ clear:both; float:left; margin:0; padding: 38px 0 12px 12px; width:960px; height:87px; background-image:url(images/img_bg_leftMenu.png); background-repeat:repeat;	z-index: 100;}
div#leftMenu ul { float:left; position:relative; list-style:none outside none; margin:0; padding:0;}
div#leftMenu ul li { margin: 0 0 12px 0;}
div#leftMenu ul li a{ color:#e2efff; font-size:14px; background-image:url(images/img_bg_leftMenu_arrow.png); background-position:left center; background-repeat:no-repeat; padding-left:12px;}
div#leftMenu ul li a:hover{ color:#FFFFFF;}

/******************* QuickFact ********************/
div#quickFact{
	position:relative;
	z-index: 90;
	margin: 0;
	width:955px;
	height:150px;
	background-color:#FFFFFF;
	padding: 18px 0 12px 18px;
	-moz-border-radius-bottomleft: 10px;
	background-image:url(images/img_bg_quickFact.png);
}

div#quickFact span{font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight:bold; color:#444444;}
div#quickFact p{font-family: Helvetica, Arial, sans-serif; font-size: 11px; color:#444444; width: 170px; margin: 12px 0 12px 0;}
div#quickFact a{font-family: Helvetica, Arial, sans-serif; font-size: 11px; font-weight:normal; text-decoration:underline;}
/******************* Content (HOME)********************/
div#content{
	z-index: 900;
	position:absolute;
	margin: -316px 0 0 198px;
	width: 763px;
	background-image:url(images/img_bg_content.png); 
	background-repeat:repeat-x; 
	background-position:top;
	background-color:#FFFFFF;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	padding: 12px 12px 12px 12px;
}

div#introductionHidden{display:none;}
div#introduction{
	z-index: 910;
	position:relative;
	width:739px;
	height: 158px;
	clear:both;
	margin: 0;
	padding: 24px 12px 0 12px;
	line-height: 20px;
	background-image:url(images/img_bg_col.jpg);
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
}

div#introduction p{ font-size:14px; color:#dbfec9; width: 450px;}
div#introduction p strong{ font-size:16px; color:#ffffff;}


div#choice01Hidden{display:none;}
div#choice01{display:block; position:relative; width:739px; height: 158px; clear:both; padding: 24px 12px 0 12px; line-height: 18px; background:url(images/img_bg_col.jpg) no-repeat scroll -763px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px;}
div#choice01 ul{ font-family: Helvetica, Arial, sans-serif; font-size:14px; color:#444444; margin: 0 0 0 12px; list-style:none outside none; padding:0;}
div#choice01 li{ font-size:14px; color:#444444; margin: 12px 0 0 0;}
div#choice01 h2{ color:#436ba8; margin: 0 0 24px 0;}

div#choice02Hidden{display:none;}
div#choice02{display:block; position:relative; width:739px; height: 158px; clear:both; padding: 24px 12px 0 12px; line-height: 18px; background:url(images/img_bg_col.jpg) no-repeat scroll -1526px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px;}
div#choice02 ul{ font-family: Helvetica, Arial, sans-serif; font-size:14px; color:#444444; margin: 0 0 0 12px; list-style:none outside none; padding:0;}
div#choice02 li{ font-size:14px; color:#444444; margin: 12px 0 0 0;}
div#choice02 h2{ color:#436ba8; margin: 0 0 24px 0;}

div#choice03Hidden{display:none;}
div#choice03{display:block; position:relative; width:739px; height: 158px; clear:both; padding: 24px 12px 0 12px;; line-height: 18px; background:url(images/img_bg_col.jpg) no-repeat scroll -2289px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px;}
div#choice03 ul{ font-family: Helvetica, Arial, sans-serif; font-size:14px; color:#444444; margin: 0 0 0 12px; list-style:none outside none; padding:0;}
div#choice03 li{ font-size:14px; color:#444444; margin: 12px 0 0 0;}
div#choice03 h2{ color:#436ba8; margin: 0 0 24px 0;}

.linkCol:hover{cursor:pointer;}
.linkCol:hover{text-decoration:none;}

div#col01{
	width: 222px;
	float:left;
	clear:left; 
	margin:24px 0 0 0; 
	-moz-border-radius-bottomleft: 10px; 
	background-image:url(images/img_bg_col.png); 
	background-repeat:repeat-x; 
	background-position:bottom; 
	background-color:#edf0f6; 
	height: 225px;
	padding: 0 12px 12px 12px;
}
div#col02{
	width: 235px;
	float:left; 
	margin:24px 0 0 0;  
	height: 225px;
	background-image:url(images/img_bg_col02.png); 
	background-repeat:repeat-x; 
	background-position:bottom; 
	padding: 0 12px 12px 24px;
}
div#col03{
	width: 222px; 
	float:left; 
	clear:right; 
	margin:24px 0 0 0; 
	-moz-border-radius-bottomright: 10px; 
	background-image:url(images/img_bg_col.png); 
	background-repeat:repeat-x; 
	background-position:bottom; 
	background-color:#edf0f6; 
	height: 225px;
	padding: 0 12px 12px 12px;
}

div#col01 h3 {font-family:Helvetica, Arial, sans-serif; font-size:15px; text-align:center; color:#444444; line-height: 20px; font-weight:bold; margin:0; width:140px; padding: 36px 82px 24px 0; background-image:url(images/img_col01.png); background-position:right; background-repeat:no-repeat;}
div#col02 h3 {font-family:Helvetica, Arial, sans-serif; font-size:15px; text-align:center; color:#444444; line-height: 20px; font-weight:bold; margin:0; width:140px; padding: 36px 82px 24px 0;background-image:url(images/img_col02.png); background-position:right; background-repeat:no-repeat;}
div#col03 h3 {font-family:Helvetica, Arial, sans-serif; font-size:15px; text-align:center; color:#444444; line-height: 20px; font-weight:bold; margin:0; width:140px; padding: 36px 82px 24px 0;background-image:url(images/img_col03.png); background-position:right; background-repeat:no-repeat;}

div#col01 p {font-family: Helvetica, Arial, sans-serif; font-size: 12px; color:#444444;}
div#col02 p {font-family: Helvetica, Arial, sans-serif; font-size: 12px; color:#444444;}
div#col03 p {font-family: Helvetica, Arial, sans-serif; font-size: 12px; color:#444444;}

div#col01 span {font-family: Helvetica, Arial, sans-serif; font-size: 12px; color:#009900;}
div#col02 span {font-family: Helvetica, Arial, sans-serif; font-size: 12px; color:#009900;}
div#col03 span {font-family: Helvetica, Arial, sans-serif; font-size: 12px; color:#009900;}


div#col01 h3 a{ color:#444444;}
div#col02 h3 a{ color:#444444;}
div#col03 h3 a{ color:#444444;}

div#col01 p a{color:#444444;}
div#col02 p a{color:#444444;}
div#col03 p a{color:#444444;}

div#col01 span a {color:#009900;}
div#col02 span a {color:#009900;}
div#col03 span a {color:#009900;}


#imgColRol01{margin: -219px 0 0 -12px; width:245px; height: 250px;}
#imgColRol02{margin: -219px 0 0 -25px; width:275px; height: 250px;}
#imgColRol03{margin: -219px 0 0 -12px; width:245px; height: 250px;}
/******************* Content 02 (PAGE)********************/
div#content02{
    z-index: 900;
	position:absolute;
	margin: -316px 0 0 198px;
	width: 763px;
	background-image:url(images/img_bg_content.png); 
	background-repeat:repeat-x; 
	background-position:bottom;
	background-color:#FFFFFF;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	padding: 12px 12px 12px 12px;
	min-height: 450px;
}

div#content02 h2{ color:#436ba8; font-size:18px; font-weight:bold; margin: 24px 0 24px 12px;}

div#content02 .boxLeft{ width:351px; float:left; clear:left; margin: 0 0 12px 24px;}
div#content02 .boxRight{ width:351px; float:left; margin-bottom:100px; margin: 0 0 12px 24px;}

div#content02 h3{ color:#009900; font-size:16px; font-weight:normal;}
div#content02 p{ color:#444444; font-size:12px; line-height: 17px; margin: 12px 0 12px 12px;}
div#content02 li{ font-family:Helvetica, Arial, sans-serif; color:#444444; font-size:12px; line-height: 17px;}
div#content02 span a{ color:#009900;}

/******************* Content 03 (BLOG)********************/
div#content03{
    z-index: 900;
	position:absolute;
	margin: -316px 0 0 198px;
	width: 763px;
	background-image:url(images/img_bg_content.png); 
	background-repeat:repeat-x; 
	background-position:bottom;
	background-color:#FFFFFF;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	padding: 12px 12px 12px 12px;
	min-height: 450px;
}

div#content03 h2{ color:#436ba8; font-size:18px; font-weight:bold; margin: 24px 0 0 12px;}

div#content03 .boxLeft{ width:468px; float:left; clear:left; margin: 0 0 12px 24px;}
div#content03 .boxRight{ width:234px; float:left; margin-bottom:100px; margin: 0 0 12px 24px;}

div#content03 h3{ color:#009900; font-size:16px; font-weight:normal; margin: 12px 0 6px 0;}
div#content03 p{ color:#444444; font-size:12px; line-height: 17px; margin: 12px 0 12px 0;}
div#content03 li{ font-family:Helvetica, Arial, sans-serif; color:#444444; font-size:12px; line-height: 17px;}
div#content03 span a{ color:#009900;}

#sidebar ul {list-style:none outside none; padding:6px 0 24px 12px;}
#sidebar div {padding:6px 0 24px 12px;}

#sidebar span { font-size:16px; color:#436BA8;}

div#content03 li.widget_tag_cloud{line-height: 22pt;}
div#content03 span.datePost{ color:#436BA8; font-size:12px; line-height: 17px; margin: 6px 0 12px 0;}

div#content03 div.post {
	width: 456px;
	margin: 0 0 12px 0;
	padding: 12px;
	background-image:url(images/img_bg_col02.png);
	background-repeat:repeat-x; 
	background-position:bottom;
	-moz-border-radius-bottomleft: 10px; 
	-moz-border-radius-bottomright: 10px; 
}

/******************* Portfolio ********************/
div#content02 p.thumbnail {
	width: 318px;
	margin: 24px 12px 12px 12px;
	padding: 0 0 18px 12px;
}

div#content02 p.thumbnail img{border:#FFF solid 1px;}

.imgThumbnail{ float:left; margin: 0 12px 12px 0;}
.linkSite{ clear:left; float:left;}

/******************* Footer ********************/

div#footer{
	position:absolute;
	height: 12px;
	margin: 0;
	padding: 10px 0 0 0;
	z-index:999;
	bottom:0;
	right:0;
}	

div#footer span{font-family:Helvetica, Arial, sans-serif; font-size:11px; color:#ffffff; float: right; padding: 20px 0 0 0;}

/******************* ÉLÉMENTS DE BASE ********************/

p {	font-family: Helvetica, Arial, sans-serif; font-size: 12px; color:#000000;}

h1{font-family:Helvetica, Arial, sans-serif; font-size:18px; color:#FFFFFF; font-weight:bold; letter-spacing: 2px; margin: 0; padding:0;}
h2{font-family:Helvetica, Arial, sans-serif; font-size:18px; color:#FFFFFF; font-weight:bold; letter-spacing: 2px; margin: 0; padding:0;}
h3{font-family:Helvetica, Arial, sans-serif; font-size:16px; color:#444444; font-weight:bold; letter-spacing: 1px; margin: 0; padding:0;}
h4{font-family:Helvetica, Arial, sans-serif; font-size:14px; color:#336699; font-weight:normal; margin: 0;}

a{font-family: Helvetica, Arial, sans-serif; color:#000000 ; text-decoration: none;}
a img{border:0;}

a:link{color:#009900;text-decoration: none;}
a:visited{color:#009900;}
a:hover{color:#000000;}
a:active{color:#009900;}

/******************* WORDPRESS ********************/

.hiddenText{ display:none;}
.pagenav{ list-style:none;}