/* @override 
	http://localhost:3000/stylesheets/screen.css?1222965647
	http://localhost:3000/stylesheets/screen.css?1233589879
	http://csbq.local/stylesheets/screen.css?1240257876
*/

/* -----------------------------------------------------------------------

   Blueprint CSS Framework 0.x (Date TBD) 
   http://blueprintcss.googlecode.com
   
   * Copyright (c) Olav Bjorkoy 2007. See docs/License.txt for more info.
   * This is a compressed file. See the sources in the 'src' directory.

----------------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
body { line-height:1.5; background:#fff; margin:1.5em 0; }
table { border-collapse:separate; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
a img { border:none; }
body { font-size:75%; color:#222; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; color:#111; }
h1 { font-size:3em; line-height:1; margin-bottom:0.5em; }
h2 { font-size:2em; margin-bottom:0.75em; }
h3 { font-size:1.5em; line-height:1; margin-bottom:1em; }
h4 { font-size:1.2em; line-height:1.25; margin-bottom:1.25em; }
h5 { font-size:1em; font-weight:bold; margin-bottom:1.5em; }
h6 { font-size:1em; font-weight:bold; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin:0; }
p { margin:0 0 1.5em; }
p.last { margin-bottom:0; }
p img { float:left; margin:1.5em 1.5em 1.5em 0; padding:0; }
img { margin:0 0 1.5em; }
a:focus, a:hover { color:#000; }
a { color:#009; text-decoration:underline; }
blockquote { margin:1.5em; color:#666; font-style:italic; }
strong { font-weight:bold; }
em, dfn { font-style:italic; background:#ffc; }
dfn { font-weight:bold; }
sup, sub { line-height:0; }
abbr, acronym { border-bottom:1px dotted #666; }
address { margin:0 0 1.5em; font-style:italic; }
del { color:#666; }
pre, code { margin:1.5em 0; white-space:pre; }
tt { display:block; margin:1.5em 0; line-height:1.5; }
pre, code, tt { font:1em 'andale mono', 'lucida console', monospace; line-height:1.5; }
li ul, li ol { margin:0 1.5em; }
ul, ol { margin:0 1.5em 1.5em 1.5em; }
ul { list-style-type:circle; }
ol { list-style-type:decimal; }
dl { margin:0 0 1.5em 0; }
dl dt { font-weight:bold; }
dd { margin-left:1.5em; }
table { margin-bottom:1.4em; }
th { border-bottom:2px solid #ccc; font-weight:bold; background:#eee; }
td { border-bottom:1px solid #ddd; }
th, td { padding:4px 10px 4px 5px; }
tr.even td { background:#eef; }
tfoot { font-style:italic; }
caption { background:#ffc; }
table .last { padding-right:0; }
.small { font-size:.8em; margin-bottom:1.875em; line-height:1.875em; }
.large { font-size:1.2em; line-height:2.5em; margin-bottom:1.25em; }
.hide { display:none; }
.quiet { color:#666; }
.loud { color:#000; }
.highlight { background:#ff0; }
.added { background:#060; color:#fff; }
.removed { background:#900; color:#fff; }
.top { margin-top:0; padding-top:0; }
.bottom { margin-bottom:0; padding-bottom:0; }
.container { width:950px; margin:0 auto; }
.showgrid { background:url(src/grid.png); }
.column { float:left; margin-right:10px; }
.last { margin-right:0; }
.span-1 { width:30px; }
.span-2 { width:70px; }
.span-3 { width:110px; }
.span-4 { width:150px; }
.span-5 { width:190px; }
.span-6 { width:230px; }
.span-7 { width:270px; }
.span-8 { width:310px; }
.span-9 { width:350px; }
.span-10 { width:390px; }
.span-11 { width:430px; }
.span-12 { width:470px; }
.span-13 { width:510px; }
.span-14 { width:550px; }
.span-15 { width:590px; }
.span-16 { width:630px; }
.span-17 { width:670px; }
.span-18 { width:710px; }
.span-19 { width:750px; }
.span-20 { width:790px; }
.span-21 { width:830px; }
.span-22 { width:870px; }
.span-23 { width:910px; }
.span-24 { width:950px; margin:0; }
.append-1 { padding-right:40px; }
.append-2 { padding-right:80px; }
.append-3 { padding-right:120px; }
.append-4 { padding-right:160px; }
.append-5 { padding-right:200px; }
.append-6 { padding-right:240px; }
.append-7 { padding-right:280px; }
.append-8 { padding-right:320px; }
.append-9 { padding-right:360px; }
.append-10 { padding-right:400px; }
.append-11 { padding-right:440px; }
.append-12 { padding-right:480px; }
.append-13 { padding-right:520px; }
.append-14 { padding-right:560px; }
.append-15 { padding-right:600px; }
.append-16 { padding-right:640px; }
.append-17 { padding-right:680px; }
.append-18 { padding-right:720px; }
.append-19 { padding-right:760px; }
.append-20 { padding-right:800px; }
.append-21 { padding-right:840px; }
.append-22 { padding-right:880px; }
.append-23 { padding-right:920px; }
.prepend-1 { padding-left:40px; }
.prepend-2 { padding-left:80px; }
.prepend-3 { padding-left:120px; }
.prepend-4 { padding-left:160px; }
.prepend-5 { padding-left:200px; }
.prepend-6 { padding-left:240px; }
.prepend-7 { padding-left:280px; }
.prepend-8 { padding-left:320px; }
.prepend-9 { padding-left:360px; }
.prepend-10 { padding-left:400px; }
.prepend-11 { padding-left:440px; }
.prepend-12 { padding-left:480px; }
.prepend-13 { padding-left:520px; }
.prepend-14 { padding-left:560px; }
.prepend-15 { padding-left:600px; }
.prepend-16 { padding-left:640px; }
.prepend-17 { padding-left:680px; }
.prepend-18 { padding-left:720px; }
.prepend-19 { padding-left:760px; }
.prepend-20 { padding-left:800px; }
.prepend-21 { padding-left:840px; }
.prepend-22 { padding-left:880px; }
.prepend-23 { padding-left:920px; }
.border { padding-right:4px; margin-right:5px; border-right:1px solid #eee; }
.colborder { padding-right:24px; margin-right:25px; border-right:1px solid #eee; }
.pull-1 { margin-left:-40px; }
.pull-2 { margin-left:-80px; }
.pull-3 { margin-left:-120px; }
.pull-4 { margin-left:-160px; }
.pull-5 { margin-left:-200px; }
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-5 { float:left; }
.push-1 { margin-right:-40px; }
.push-2 { margin-right:-80px; }
.push-3 { margin-right:-120px; }
.push-4 { margin-right:-160px; }
.push-5 { margin-right:-200px; }
.push-0, .push-1, .push-2, .push-3, .push-4, .push-5 { float:right; margin-left:18px; margin-bottom:1.5em; }
.lift-1 { margin-top:-1.5em; margin-bottom:1.5em; }
.lift-2 { margin-top:-3em; margin-bottom:3em; }
.lift-3 { margin-top:-4.5em; margin-bottom:4.5em; }
.lift-4 { margin-top:-6em; margin-bottom:6em; }
.lift-5 { margin-top:-7.5em; margin-bottom:7.5em; }
.drop-1 { margin-bottom:-1.5em; margin-top:1.5em; }
.drop-2 { margin-bottom:-3em; margin-top:3em; }
.drop-3 { margin-bottom:-4.5em; margin-top:4.5em; }
.drop-4 { margin-bottom:-6em; margin-top:6em; }
.drop-5 { margin-bottom:-7.5em; margin-top:7.5em; }
.box { padding:1.5em; margin-bottom:1.5em; background:#eee; }
hr { background:#ddd; color:#ddd; clear:both; float:none; width:100%; height:.1em; margin:0 0 1.4em; border:none; }
hr.space { background:#fff; color:#fff; }
.clear, .container { display:inline-block; }
.clear:after, .container:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
* html .clear, * html .container { height:1%; }
.clear, .container { display:block; }
label { font-weight:bold; }
fieldset { padding:1.4em; margin:0 0 1.5em 0; border:1px solid #ccc; }
legend { font-weight:bold; font-size:1.2em; }
input.text, input.title, textarea, select { margin:0.5em 0; border:1px solid #bbb; }
input.text:focus, input.title:focus, textarea:focus, select:focus { border:1px solid #666; }
input.text, input.title { width:300px; padding:5px; }
input.title { font-size:1.5em; }
textarea { width:400px; height:250px; padding:5px; }
select { width:200px; }
.error, .notice, .success { padding:.8em; margin-bottom:1em; border:2px solid #ddd; }
.error { background:#FBE3E4; border-color:#FBC2C4; }
.notice { background:#FFF6BF; border-color:#FFD324; }
.success { background:#E6EFC2; border-color:#C6D880; }
.error, .error a { color:#D12F19; }
.notice, .notice a { color:#817134; }
.success, .success a { color:#529214; }

body {
    margin-top: 0;
    margin-bottom: 0;
    behavior:url('/stylesheets/focushover.htc');
    z-index: 1;
}

body.admin {
  background: #67142e;
}

#content {
    padding-bottom: 50px;
}

#skip {
	display: none;
}
a:focus, 
a:hover     { color: #525254; }
a           { color: #67142e; text-decoration: underline; }

#header h1 {
	background: #fff url(../images/corpo_logo_res.png) no-repeat right bottom;
	text-indent: -3000px;
	height: 260px;
	width: 270px;
	margin-right: 0;
}

/* @group nav */

#nav {
	width: 680px;
	background: #fff;
}

#nav ul {
	margin: 0;
	text-align: right;
}

#nav li {
	list-style-type: none;
	display: inline;
	border-right: 1px solid #848589;
	margin-right: .5em;
	padding-right: .5em;
	font-size: 10px;
}

#nav li.fine {
	border: none;
}

#nav a {
	text-decoration: none;
}

#nav li.sub {
	color: #67142e;
   	position: relative;
}

#nav li.sub:hover {
    color: #848589;
}

#nav ul li.sub ul {
    display: none;
    position: absolute;
    margin-left: 0;
    margin-right: 0;
    width: 15em;
    left: 0; top: 1em;
    padding-top: 1em;
    z-index: 100;
    background: #fff;
    zoom: 1;
}

#nav ul li:hover ul {
    display: block;
}

#nav ul li ul:hover {
    display: block;
}

#nav ul ul li {
	display: block;
	border: none;
	text-align: left;
}

#nav ul ul li a {
    color: #848589;
}

#nav ul ul li:hover a {
    color: #525254;
}
#nav > ul ul li:hover:before {
    content: "→ ";
    margin-left: -1.3em;
    text-indent: -1.3em;
}
#nav img {
    margin-top: 10px;
	margin-bottom: -2px;
	margin-left: 0;
	border: 0;
}
#nav object, #nav embed {
}
#breadcrumbs {
	margin: -4px 0 0 10px;
	font-size: 10px;
	padding: 0 0 4px 0;
	zoom:1;
}

#breadcrumbs a {
	color: #000;
	text-decoration: underline;
}

#breadcrumbs a:hover {
	color: #67142e;
}

/* @end */

/* @group services */

#services {
	background: #848589;
	margin-top: -25px;   margin-bottom:50px;
	position:relative;
}

#services h2 {
	font-size: 12px;
	font-weight: bold;
	color: #444;
	text-align: right;
	margin: 0;
/*	border-top: 1px solid #848589;*/
	padding: 3px 5px;
}

#services ul {
	list-style-type: none;
	margin: 0;padding: 0;
}

#services li {
	font-size: 10px;
	border-top: 1px solid #f2f2f2;
	text-align: right;
	text-transform: uppercase;
	zoom:1;
}

#services a, #services span {
	display: block;zoom:1;
	color: #f2f2f2;
	padding: 5px;
	text-decoration: none;
}

#services a:hover, #services .group:hover span {
	background: #525254;
}

#services .group span {
    background: #848589;
    cursor: pointer;
}

#services span, #services .group span.opened {
	background: #67142e;
}

#services .opened span {
    background: #67142e;
}

#services .group li, #services .group .opened li {
	background: #fff;
    text-transform: none;
    border-right: 1px solid #d4d4d5;
    border-top-color: #fff;
	padding: 0;margin: 0;line-height: 1;
}

#services .group li a {
    color: #848589;
}

#services .group li span, #services .group:hover li span {
    color: #67142e;
    background: #fff;
}

#services .group li a:hover {
    color: #525254;
	background: #fff;
}

#services .group li a:hover:before {
    content: "→ ";
    margin-left: -1.3em;
    text-indent: -1.3em;
}

a#telus_pub {
    display: block;
    margin: 5px 0 0 0;
	padding: 0;
    background: #eee url(../images/telus_violet.jpg) no-repeat left bottom;
    height: 65px;
    padding-top: 5px;
    text-indent: -2000px;
}

a#telus_pub:hover {
    background: #eee url(../images/telus_vert.jpg) no-repeat left bottom;
}

div#placements {
	padding-top: 1px;
	background: #eee;
}

div#placements a {
    display: block;
    border: solid 2px orange;
	padding: 16px 3px 0 0;
    background: url(../images/fonds_consultez.png);
    height: 83px;
    text-align: right;
    color: #525254;
    font-size: 12px;
    line-height: 1.5;
    font-weight: bold;
}

div#placements a:hover {
    color: #67142e;
    background: url(../images/fonds_consultez.png);
}

div#placements span {
    display: none;
}

#pub_dpmm {
    background: white;
    border-top: 1px solid white;
    margin-bottom: -5px;
}

/* @end */

/* @group content */

#content {
	border-top: 1px solid #d4d4d5;
	background: #f2f2f2;
}

caption, em {
    background: transparent;
    font-size: auto;
}

/* @group main */

#main {
    width: 655px;
    margin-left: 15px;
    padding-top: 25px;
}

#main #product_description {
	width: 445px;
    margin-right: 25px;
}

#main h2 {
	font-weight: bold;
	font-size: 16px;
	line-height: 1.2;
	color: #67142e;
	margin: 0;
}

#main h3 {
	font-weight: bold;
	font-size: 12px;
	color: #848589;
	margin: 12px 0 6px;
}

#main ul {
	list-style-type: disc;
	padding-left: 15px;
	margin-top: 1em;
	font-size: 12px;
	line-height: 1.25;
}

#main li {
	margin-bottom: 5px;
}

#main p {
	margin: 1em 0;
	font-size: 12px;
	line-height: 1.25;
	text-align: justify;
}

#main .deck {
	font-size: 12px;
	margin-top: 25px;
	margin-right: 25px;
}

#main #article {
    margin-top: 0;
}

#main .deck h2 {
	font-size: 20px;
	line-height: 1.3;
	font-weight: bold;
	position: relative;
	height: 100px;
}

#main .deck h2 img {
	margin-right: 20px;
	position: absolute;
	top: 0; left: 0;
}

#main .deck h2 a {
    position: absolute;
    margin-left: 190px;
    bottom: 0;
    width: 440px;
}

#main #article h2 a {
	text-decoration: none;
}
#main #article h2 a:hover{
	color: #67142e;
}
#main .deck .more {
	color: #848589;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 15px;
}

#main #lead {
    display: static;
    margin-top: 0;
}

#main #lead h2 {
    margin-left: -10px;
    display: block;
    height: auto;
}

#main #lead h2 img {
    position: relative;
    float: left;
    margin-left: -10px;
    margin-top: -14px;
    margin-bottom: 6px;
}

#main #lead h2 a {
    position: static;
    display: inline;
    margin-left: 0;
    width: 390px;
}

#main #lead h3 {
	font-size: 12px;
	font-weight: bold;
	color: white;
	background: #848589;
	padding: 6px 0 6px 15px;
	margin: 0 -20px 14px;
	position:relative;
}

#main #lead {
	border: 1px solid #848589;
	background: white;
	padding: 0 20px;
}

#main #lead .more {
	display: block;
	font-size: 14px;
	line-height: 20px;
}

#main .home {
	color: #848589;
	text-decoration: none;
	font-size: 10px;
	line-height: 1.5;
}

#main .home:hover {
	color: #67142e;
}

caption {
}

#sidebar h2 {
	font-weight: normal;
	font-size: 12px;
	text-transform: uppercase;
	color: #848589;
	margin-top: 5px;
}

#sidebar p, #sidebar h4 {
	font-size: 10px;
	color: #848589;
	line-height: 1.3;
	text-align: left;
}

#sidebar h4 {
	font-weight: bold;
	margin: 1em 0;
}
#sidebar img {
   display: block;
   float: none;
}

/* @group contact */

#contact {
    margin-right: 25px;
}

#contact .attention p {
    font-size: 12px;
    line-height: 1.3;
    color: #525254;
    margin: 0 0 .5em;
}

#contact .attention h3 {
	font-weight: bold;
	font-size: 12px;	
	line-height: 1.3;
	text-transform: uppercase;
	color: #525254;
	margin-top: 0;
}

#contact p.address {
	font-size: 13px;
    line-height: 1.4;
    margin: .5em 0;
}

#contact dt {
	
	color: #67142e;
    font-weight: normal;
    text-decoration: underline;
    cursor: text;
}

#contact dd#pourquoi {
	margin: 5px 25px;
    background: #67142e;
	padding: 5px 10px 10px;
}

#contact dl:hover dt {
    color: #525254;
}

#contact dd#pourquoi p {
    color: #f2f2f2;
}

#bodytext table.partenaires {
	margin: 1em 0;
    background: #fff;
    border: 1px solid #d4d4d5;
}

#bodytext table.partenaires td {
	width: 50%;
    margin: 0;padding: 0;
}

#bodytext table.partenaires ul {
    font-size: 12px;
    line-height: 1.25;
    list-style-type: none;
    margin: 10px 0;
    width: 100%;
}

#bodytext table.partenaires li:hover {
    color: #67142e;
}

#bodytext table.partenaires li:hover:before {
    content: "→ ";
    margin-left: -1.3em;
    text-indent: -1.3em;
}


/* @end */



/* @end */

/* @group Formulaires */

form div {
    margin: 1em 0;
    line-height: 1;
}

label, form p {
    color: #848589;
    font-weight: normal;
}

textarea, input.text {
    width: 620px;
    font-size: 11px;
    padding: 3px;
}

input.text, textarea {
    border: 1px solid #d4d4d5;
}

#member_no {
    width: 8em;
}

select {
    width: 24em;
    font-size: 11px;
    color: #525254;
}

/* @end */

/* @end */