/*  
@Nuno Costa [criacaoweb.net]
@Since [cmsms 1.6]
@Contributors: Mark and Dev-Team
*/
body {
	font: normal 0.75em Arial, Tahoma, Verdana, Helvetica, sans-serif;
	color: #3A3A36;
	background: #fff url(/images/layout/background.jpg) no-repeat fixed center top;
}

#entete {
	width: auto;
	background: transparent url(/images/layout/entete-fond.png) repeat-x left top;
}

#technoPIEUX-fr_FR {
	width: auto;
	background: transparent url(/images/layout/entete.jpg) no-repeat center top;
}

#technoPIEUX-en_US {
	width: auto;
	background: transparent url(/images/layout/entete-fr.png) no-repeat center top;
}

#fond-contenu {
        background: transparent url(/images/layout/fond-contenu.png) no-repeat center 130px;
}
/* wiki style external links */
/* external links will have "(external link)" text added, lets hide it */
a.external span {
	position: absolute;
	left: -5000px;
	width: 4000px;
}
a.external {
/* make some room for the image, css shorthand rules, read: first top padding 0 then right padding 12px then bottom then right */
	padding: 0 12px 0 0;
}
/* colors for external links */
a.external:link {
	color: #008c32;
/* background image for the link to show wiki style arrow */
	background: url(/images/layout/external.gif) no-repeat 100% -100px;
}
a.external:visited {
	color: #008c32;
/* a different color can be used for visited external links */
/* Set the last 0 to -100px to use that part of the external.gif image for different color for active links external.gif is actually 300px tall, we can use different positions of the image to simulate rollover image changes.*/
	background: url(/images/layout/external.gif) no-repeat 100% -100px;
}
a.external:hover {
	color: #008c32;
/* Set the last 0 to -200px to use that part of the external.gif image for different color on hover */
	background: url(/images/layout/external.gif) no-repeat 100% 0;
	background-color: inherit;
}
/* end wiki style external links */
/* hr and anything with the class of accessibility is hidden with CSS from visual browsers */
.accessibility, hr {
/* absolute lets us put it outside the viewport with the indents, the rest is to clear all defaults */
	position: absolute;
	top: -9999em;
	left: -9999em;
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	border: none;
}
/* ------------ Standard  HTML elements and their default settings ------------ */
b, strong{font-weight: bold;}i, em{	font-style: italic;}
p {
	padding: 0;
	margin-top: 0.5em;
    margin-bottom: 1em;
   text-align:left;
}
h1, h2, h3, h4, h5 {
	line-height: 1.6em;
	font-weight: normal;
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
}

h2 {
font-weight:bold;
}
/*default link styles*/
a {
	color: #008c32;
	text-decoration: none;
	text-align: left;
}
a:hover {
	color: #008c32;
}
a:active {
	color: #008c32;
}
a:visited {
	color: #008c32;
}

a.pdf {
padding-left:30px;
background: transparent url(/images/layout/icone-pdf.png) no-repeat left top;
padding-bottom:10px;
display:block;
}

input, textarea, select {
	font-size: 0.95em;
}
/* ------------ Wrapper ------------ */
div#pagewrapper {
	position: relative;
	z-index: 1;
}
/* ------------ Header ------------ */
#header {
	height: 129px;
	width: 970px;
}
#logo a {
	height: 70px;
	width: 250px;
	display: block;
	text-indent: -9999em;
	margin-top: 0;
	margin-left: 0;
}
/* ------------ Header ------------- */

div#liens {
	width: 209px;
	height: 129px;
	margin: 0px;
        padding:0;
	background: url(/images/layout/visitez-techno-pieux.png) no-repeat right bottom;
}

div#liens a{
width:190px;
height:60px;
display:block;
text-indent:-9999em;
margin:70px 0 0 20px;
}



div#search {
	width: 190px;
	height: 28px;
	margin-top: 31px;
	margin-right: 20px;
}
div#search label {
	text-indent: -9999em;
	height: 0pt;
	width: 0pt;
	display: none;
}
div#search input.search-input {
	width: 143px;
	height: 17px;
	border-style: none;
	color: #999;
	padding: 7px 0px 4px 10px;
	float: left;
	font: bold 0.9em Arial, Helvetica, sans-serif;
	background: url(/images/layout/search.png) no-repeat left top;
}
div#search input.search-button {
	width: 37px;
	height: 28px;
	border-style: none;
	text-indent: -9999em;
	float: left;
	margin: 0;
	cursor: pointer;
	font-size: 0px;
	line-height: 0px;
	background: transparent url(/images/layout/search.png) no-repeat right top;
}
/* ------------ Content ------------ */
#content {
        margin-top:-1px;
	width: auto;
	text-align: left;
}
#bar {
	width: auto;
	height: 40px;
	padding-right: 1em;
	padding-left: 1em;
}
.print {
	margin-right: 75px;
	margin-top: 10px;
}

/* Site Title */
h1.title {
	font-size: 2em;
	color: #15a415;
	margin: 0.5em 0;
}
/* Breadcrumbs */
div.breadcrumbs {
	padding: 0.5em 0;
	font-size: 80%;
	margin: 0 1em;
}
div.breadcrumbs span.lastitem {
	font-weight: bold;
}
/* ------------ Side Bar  ------------ */

#left {
clear:both;
        width: 213px;
}

#vosbesoins a {
	height: 77px;
	width: 182px;
	display: block;
	text-indent: -9999em;
	margin: 0 auto 20px;
	background: transparent url(/images/layout/quels-sont-vos-besoins.png) no-repeat 0 0;
}
#vosbesoins a:hover {
	background: transparent url(/images/layout/quels-sont-vos-besoins-hover.png) no-repeat 0 0;
}

/* -------------  menu gauche ------------- */

#menu-gauche { 
  margin:75px 0;
}

#menu-gauche ul {
        width:192px;
        margin:0;
}

#menu-gauche ul li{
        width:192px;
        display:block;
        text-align: left;
margin-left:20px;
}


#menu-gauche ul li.menuactive,
#menu-gauche ul li.menuparent,
#menu-gauche ul li.parent {
text-align:left;
        margin-top:20px;
margin-left:25px;
}

#menu-gauche ul li h3,
#menu-gauche ul li span,
#menu-gauche ul li a.menuactive,
#menu-gauche ul li a.menuparent,
#menu-gauche ul li a.parent {
        font-size:16px;
        text-transform:uppercase;
        font-family: Arial, Helvetica, sans-serif;
        color:#054306;
        font-weight:bold;
        margin-top:20px;
}


#menu-gauche ul li ul li {
        width:192px;
        display:block;
	padding:2px;
        text-align:left;
        margin-left:25px;
}

#menu-gauche ul li ul li.sectionheader ul li a span,
#menu-gauche ul li ul li.sectionheader ul li a{
        color:#000;
        font-size:12px;
	line-height: 1.6em;
        margin:0;
        display:block;
        text-align:left;
        text-transform:none;
        font-weight:normal;
margin-left:20px;
        
}

#menu-gauche ul li ul li.sectionheader ul li a {
}



#menu-gauche ul li ul li h3,
#menu-gauche ul li ul li.sectionheader a:hover,
#menu-gauche ul li ul li.sectionheader span:hover,
#menu-gauche ul li ul li.currentpage span{
        color:#15a415;
        
}


#menu-gauche ul li ul li.sectionheader {
        margin-top: 20px;
        border-bottom: none;
}

#menu-gauche ul li ul li.sectionheader ul li {
	padding:2px;
margin:0;
        border-bottom:0px dashed #ccc;
}

#menu-gauche ul li ul li.sectionheader ul li a,
#menu-gauche ul li ul li.sectionheader ul li a.menuactive span,
#menu-gauche ul li ul li.sectionheader ul li a span,{
        color:#15a415;
}

#menu-gauche ul li ul li.sectionheader span{
        font-size: 14px;
        font-weight: bold;
        color:#15a415;
}

#right {
        margin-top:40px;
	width: 217px;
        padding:0 0 0 14px;
}

#rightaccueil {
        margin-top:10px;
	width: 217px;
        padding:0 0 0 12px;
}

/* End  */
.sbar-title {
	font: bold 1.2em Arial, Helvetica, sans-serif;
	color: #252523;
}
.sbar-top {
       height: 20px;
	width: auto;
display: block;
       background: url(http://www.technopieux-quebec.com/images/layout/bg-news-top-cd.png) no-repeat right top;
}
.sbar-main {
	width: auto;
        height: 118px;
        margin:0;
        padding:0;
        display: block;
	background: url(http://www.technopieux-quebec.com/images/layout/bg-news-cd.png) no-repeat right top;
}
.sbar-bottom {
	width: auto;
	display: block;
	height: 20px;
	background:url(http://www.technopieux-quebec.com/images/layout/bg-news-btm-cd.png) no-repeat right top;

}
/*
.sbar-top {
	height: 20px;
	width: auto;
	background: url(http://www.technopieux-quebec.com/images/layout/bg_content_news.png) no-repeat right top;
}
.sbar-main {
	width: auto;
        display: block;
	background: background: url(http://www.technopieux-quebec.com/images/layout/bg-news-cd.png) no-repeat right top;
};
 margin:0;
padding:0;
}
span.sbar-bottom {
	width: auto;
	display: block;
	height: 20px;
	background:url(http://www.technopieux-quebec.com/images/layout/bg_content_news-bottom.png) no-repeat left bottom;
text-align:right;
}
*/


span.sbar-bottom a{
color: #b4f5b4;
background: url(http://www.technopieux-quebec.com/images/layout/fleche-nouvelles.gif) no-repeat left bottom;
padding-left:18px;
margin-right:10px;
font-size:10px;
}



/* ------------ Main (Right) ------------ */
#main {
        padding-top:10px;
	min-height: 534px;
	height: auto!important;
	height: 514px;
	width: 516px;
}

#mainaccueil {
        margin-top:10px;
	min-height: 534px;
	height: auto!important;
	height: 514px;
	width: 741px;
}
.main-top {
	height: 15px;
	width: auto;
	background: url(/images/layout/bg__content.png) no-repeat right top;
}
.main-main {
	width: auto;
        padding:10px;
	padding-top: 0px;
}

.main-main ul li{
        margin:0;
	list-style-image:none !important;
	list-style-type:none !important;
}
.main-bottom {
	width: auto;
	height: 41px;
	background: url(/images/layout/bg__content.png) no-repeat right bottom;
}
.right49, .left49 {
	font-size: 0.85em;
	margin: 7px 5px 5px 10px;
	font-weight: bold;
}
.left49 span {
	display: block;
	padding-top: 1px;
}
.left49 a {
	font-weight: normal;
}
.right49 {
	height: 28px;
	width: 50px;
	padding-right: 10px;
	background: url(/images/layout/bull.png) no-repeat right top;
}
.right49 a, .right49 a:visited {
	padding: 7px 4px;
	display: block;
	color: #000;
	height: 15px;
	background: url(/images/layout/bull.png) no-repeat  left top;
}
#main h2,
#main h3,
#main h4,
#main h5,
#main h6 {
	font-size: 1.4em;
	color: #301E12;
}
div#main ul,
div#main ol,
div#main dl,
#footer ul,
#footer ol {
	line-height: 1em;
	margin: 0 0 1.5em 0;
}
div#main ul,
#footer ul {
	list-style: circle;
}
div#main ul li,
div#main ol li,
#footer ul li,
#footer ol li {
	padding: 2px 0px 2px 0px;
	margin-left: 0px;
}
/* definition lists topics on bold */
div#main dl dt {
	font-weight: bold;
	margin: 0 0 0 1em;
}
div#main dl dd {
	margin: 0 0 1em 1em;
}
div#main dl {
	margin-bottom: 2em;
	padding-bottom: 1em;
	border-bottom: 1px solid #c0c0c0;
}
/* ------------ Footer ------------ */
#footer-wrapper {
	min-height: 465px;
	height: auto!important;
	height: 465px;
	width: auto;
	margin-top: 5px;
	text-align: center;
	margin-right: 0px;
	margin-left: 0px;
	background: url(/images/layout/footer-fond.png) repeat-x left top;
}
#footer{
	color: #989797;
	min-height: 465px;
	height: auto!important;
	height: 465px;
	background: transparent url(/images/layout/footer-content.png) no-repeat center top;
}

#footer .liensfooter {
        margin-top:325px;
}

#footer .liensfooter p{
	text-align: right;
}

#footer .btn-concessionnaire {
width:450px;
height:75px;
display:block;
text-indent:-9999em;
}



/* ------------ Footer Links ------------ */
#footer ul {
	width: auto;
	text-align: left;
	margin-left: 50px;
}
#footer ul ul {
	margin-left: 0px;
}
#footer ul li a {
	color: #FFF;
	display: block;
	font-weight: normal;
	margin-bottom: 0.5em;
	text-decoration: none;
}
#footer a {
	color: #DCEDF1;
	text-decoration: underline;
	font-weight: bold;
}
/* ------------ END LAYOUT ---------------*/
/* ------------  Menu  ROOT  ------------ */
.page-menu {
	width: 761px;
	_width: 760px;
	height: 59px;
	margin: 0 ;
	background-repeat: repeat-x;
        background-position :left 19px;
        _background-position :left 20px;
	background-image: url(/images/layout/tabs.gif);
}
.menuwrapper {
}

ul#primary-nav li hr.menu_separator{
        position: relative;
        visibility: hidden;
        display:block;
        width:5px;
       	height: 59px;
       	margin: 0px 0px 0px;
}
.page-menu ul#primary-nav {
	height: 1%;
        width:auto;
	float: left;
	list-style: none;
	padding: 0;
	_padding-left: 208px;
	margin: 0px 0px 0px 200px;
        _margin-left:0px;
}
.page-menu ul#primary-nav li {
	float: left;
        font-size:17px;
}

.page-menu ul#primary-nav li.last-fr_FR {
	float: right;
}

.page-menu ul#primary-nav li a,
.page-menu ul#primary-nav li a span {
	display: block;
	padding: 18px 8px 0px 8px;
        width:auto;
        text-align:left;
	background-repeat: no-repeat;
	/*background-image: url(/images/layout/tabs.gif);*/
}



.page-menu ul#primary-nav li a {
	padding-left: 0;
	color: #fff;
	font-weight: bold;
	line-height: 2.15em;
	text-decoration: none;
	margin-left: 1px;
	font-size: 0.85em;
}
.page-menu ul#primary-nav li a:hover,
.page-menu ul#primary-nav li a:active {
	color: #064306;
}
.page-menu ul#primary-nav li a.menuactive,
.page-menu ul#primary-nav li a:hover span {
	color: #064306;
}
.page-menu ul#primary-nav li a span {
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 5px;
}
.page-menu ul#primary-nav li a.menuparenth,
.page-menu ul#primary-nav li a.menuactive,
.page-menu ul#primary-nav li a:hover,
.page-menu ul#primary-nav li a:focus,
.page-menu ul#primary-nav li a:active {
	background-position: 100% -120px;
}
.page-menu ul#primary-nav li a {
	background-position: 100% -80px;
}
.page-menu ul#primary-nav li a.menuactive span,
.page-menu ul#primary-nav li a:hover span,
.page-menu ul#primary-nav li a:focus span,
.page-menu ul#primary-nav li a:active span {
	background-position: right -59px;
}
.page-menu ul#primary-nav li a span {
	/*background-position: 0 0;*/
}
.page-menu ul#primary-nav .sectionheader,
.page-menu ul#primary-nav li a:link.menuactive,
.page-menu ul#primary-nav li a:visited.menuactive {
/* @ Opera, use pseudo classes otherwise it confuses cursor... */
	cursor: text;
}
.page-menu ul#primary-nav li span,
.page-menu ul#primary-nav li a,
.page-menu ul#primary-nav li a:hover,
.page-menu ul#primary-nav li a:focus,
.page-menu ul#primary-nav li a:active {
/* @ Opera, we need to be explicit again here now... */
	cursor: pointer;
}
/* Additional IE specific bug fixes... */
* html .page-menu ul#primary-nav {
	display: inline-block;
}
*:first-child+html .page-menu ul#primary-nav {
	display: inline-block;
}
/* --------------------  menu dropdow  -------------------------
/* Unless you know what you do, do not touch this */
/* Reset all ROOT menu styles. */
ul#primary-nav ul.unli li li a span,
ul#primary-nav ul.unli li a span,
ul#primary-nav .menuparent .unli .menuparent .unli li a span {
	font-weight: normal;
        text-align:left;
        font-family: Verdana, Arial, Tahoma, Helvetica;
        font-size:11px;
	background-image: none;
	display: block;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
        color:#777;
}
#primary-nav {
	margin: 0px;
	padding: 0px;
}
#primary-nav ul.unli {
	list-style: none;
	margin: -6px 0px 0px;
	padding: 0px;
/* Set the width of the menu elements at second level. Leaving first level flexible. */
	width: 180px;
        width:auto;
        background:white;
        border:1px solid grey;
}
#primary-nav ul.unli  {
	position: absolute;
	z-index: 1001;
	top: auto;
	display: none;
	padding-top: 9px;
}
* html #primary-nav ul.unli {
	padding-top: 12px;
}
#primary-nav ul.unli ul {
	margin-left: -7px;
	left: 100%;
	top: 3px;
}
* html #primary-nav ul.unli ul {
	margin-left: -0px;
}
#primary-nav li {
	margin: 0px;
	float: left;
}
#primary-nav li ul.unli li {
	margin-left: 7px;
	margin-top: -1px;
	float: none;
	position: relative;
width: 170px;
}

#primary-nav li ul.unli li span {
width:260px;
width:auto;
}
/* Styling the basic appearance of the menu elements */
ul#primary-nav ul hr.menu_separator{
        position: relative;
        visibility: visible;
        display:block;
       	height: 1px;
       	margin: 2px 30px 2px;
	padding: 0em;
	border-bottom: 1px solid #ccc;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
#primary-nav .separator,
#primary-nav .separatorh {
	height: 9px;
	margin: 0px 0px 8px;
}
* html #primary-nav .separator {
       z-index:-1;
}
*:first-child+html #primary-nav .separator {
       z-index:-1;
}
#primary-nav li ul.unli li a {
	padding: 0px 10px;
	margin: 5px;
width:auto;
	background-image: none;
color:#000;
}
* html #primary-nav li ul.unli li a {
	padding: 0px 10px 0px 5px;
	margin: 5px 0px;
width:150px;
color:#000;
}
#primary-nav li ul.unli li a:hover {
        color:#15a415;
}
/* Styling the basic appearance of the active page elements (shows what page in the menu is being displayed) */
#primary-nav li.menuactive li a {
	text-decoration: none;
	background: none;
}
#primary-nav ul.unli li.menuparenth,
#primary-nav ul.unli a:hover,
#primary-nav ul.unli a.menuactive {
        color:#15a415;
}
/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul.unli li .menuparent,
#primary-nav ul.unli li .menuparent:hover,
#primary-nav ul.unli li .menuparent,
#primary-nav .menuactive.menuparent .unli .menuactive.menuparent .menuactive.menuparent {
	background-image: url(/images/layout/arrow.gif);
	background-position: center right;
	background-repeat: no-repeat;
}
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */
#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li:hover ul ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul,
#primary-nav li.menuparenth ul ul ul {
	display: none;
}
#primary-nav li:hover ul,
#primary-nav ul li:hover ul,
#primary-nav ul ul li:hover ul,
#primary-nav ul ul ul li:hover ul,
#primary-nav li.menuparenth ul,
#primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul,
#primary-nav ul ul ul li.menuparenth ul {
	display: block;
}
/* IE Hacks */
#primary-nav li li {
	float: left;
	clear: both;
}
#primary-nav li li a {
	height: 1%;
}
/*************** End Menu *****************/
/* ------------ News Module ------------ */
#news {
        padding:10px;
	}

#news a {
        color:white;
        font-weight:bold;
}
.NewsSummary {
}

         .NewsSummaryPostdate {
         color:#b4f5b4;
          font-weight:bold;
text-align:left;

}
.NewsSummaryCategory,
.NewsSummaryAuthor {
	font-style: italic;
	font-size: 0.8em;
}
.NewsSummaryLink {
	margin: 2px 0;
text-align:center;
}
.NewsSummaryContent {
	margin: 10px 0;
}
.NewsSummaryMorelink {
	margin: 5px 0 15px;
}
/* ------------ End News Module ------------ */

/* ------------ Listing de gallery ------------- */
li.thumb {border-bottom: 1px solid #999999; display:block; height:140px; margin-bottom:50px; list-style-type:none;
width:auto;}

li.thumb a{
padding:5px;
margin-left:185px;
background:#149c14;
display:block;
color:white;
width:120px;
}

li.thumb img {
float:left; border:3px solid #999999; margin-right:25px;}

li.thumb h2 {
font-size:1.5em;}

/* ---------------- company directory page ------------- */

.panes div.repertoire {
width:auto;
height:125px;
font-size:11px;
border-bottom:1px dotted #888; 
padding-bottom:15px; 
margin:15px 15px 0 0;
}

.panes div.repertoire h2{
font-size:12px;
font-weight:bold;
}