/*
telus main style sheet
Copyright 2009 Inpix.ca / macharron@inpix.ca
Last edit: 2009-05-06
*/

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, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, button,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; list-style-type: none;}

body { background: #fff; font-family: Arial, Helvetica, sans-serif; font-size: .75em; line-height: 1.4em; color: #666;}

#container { text-align: left; width: 970px; margin: 0 auto; position: relative;}

/* //////////////////////////////////////////////////////////////////////////
general */

a { color: #666; text-decoration: none;}
a:hover, a:active, a:focus { color: #66cc00; text-decoration: underline;}
a.selected, li.selected a { cursor: default;}
a.selected:hover, a.selected:active, a.selected:focus { cursor: default!important;}

/* visited */
a:visited {}

/* title */
h1, h2, h3, h4, h5, h6 { }
h1 a, h2 a, h3 a, h5 a, h6 a { }
h1 a:hover, h1 a:active, h1 a:focus, h2 a:hover, h2 a:active, h2 a:focus, 
h3 a:hover, h3 a:active, h3 a:focus, h4 a:hover, h4 a:active, h4 a:focus, 
h5 a:hover, h5 a:active, h5 a:focus, h6 a:hover, h6 a:active, h6 a:focus { }

h1 { }
h2 { }
h3 { font-size: 1.33em; font-weight: normal; }
h4 { font-weight: bold;}
h5 { }
h6 { }

/* bt */

/* bt end */

/* forms */
fieldset { margin-bottom: 20px;}
.form-rule { font-size: .916em;/*11px*/}
.col3 { float: left; width: 33%;}

.i-txt input, .i-sel select, .i-area textarea { color: #666; border: 1px solid #66cc00; background: #fff url(../img/bg-inputs.gif) 0 0 repeat-x; font-size: 100%; font-family: Arial, Helvetica, sans-serif;}
.i-txt input { height: 16px;}
.i-sel select { height: 22px;}
.i-area textarea { height: 150px;}
.i-file input { width: auto; font-size: 100%;}
.i-check input, .i-radio input { width: auto!important;}
label { padding-right: 5px;}

/* label sur même ligne */
.i-lg label, .i-lg .label { float: left; width: 197px; display: block; margin-top: 4px; padding: 0;}
.i-lg .i-radio label, .i-lg .i-check label { float: none; width: auto; display: inline;}
.i-lg .i-txt, .i-lg .i-sel, .i-lg .i-area { float: left; display: block;}

/* label sur une ligne */
.i-high label, .i-high .label { display: block; float: none; font-weight: bold; margin-bottom: 1px; padding: 0;}
.i-high .i-radio label, .i-high .i-check label { display: inline; font-weight: normal;}
.i-high .i-txt, .i-high .i-sel, .i-high .i-area, .i-high .i-file { display: block; margin-bottom: 7px;}

/* plusieurs input sur même ligne */
.i-multi .i-txt, .i-multi .i-sel, .i-multi .i-split { float: left; display: block; margin-right: 10px; }
.i-multi .i-split { margin-top: 3px;}
	.i-multi .i-split-sml { margin-right: 5px; margin-left: -5px;}
	.i-multi .i-split-large { margin-left: 15px;}
	.i-multi .i-split label { display: inline; width: auto; margin-top: 0; padding: 0;}

/* size */
.i-short { width: 50px!important;}
.i-short2 { width: 100px!important;}
.i-med { width: 150px!important;}
.i-med2 { width: 200px!important;}
.i-long { width: 250px!important;}
.i-long2 { width: 300px!important;}
.i-long3 { width: 350px!important;}
.i-long4 { width: 400px!important;}

select.i-short { width: 54px!important;}
select.i-short2 { width: 104px!important;}
select.i-med { width: 154px!important;}
select.i-med2 { width: 204px!important;}
select.i-long { width: 254px!important;}
select.i-long2 { width: 304px!important;}

.i-area .i-low { height: 75px;}

/* submits */
.choice { margin: 0 0 20px;}
.choice button, .choice a { float: left; margin-right: 10px;}
.choice .link { margin-top: 3px; font-size: .916em;/*11px*/}
	
/* error */
ul.error { margin-bottom: 15px; }
	ul.error li { color: #000; margin: 0 0 8px 20px; list-style-type: disc;}
		ul.error li label { background: #ffecab; margin: 0; padding: 0 3px; display: inline; float: none; font-weight: normal;}
.error_label { color: #000; font-weight: bold;}
input.error, select.error { background-color: #ffecab;}
/* error end */

/* form end*/

/* class gen */
.use-hidden { position: absolute; margin-left: -9000px!important;}
.big { font-size: 1.16em; line-height: 1.6em;}
.clearfix { overflow: hidden;}
.clearer { width: 100%!important; clear: both; height: 1px; line-height: 0; font-size: 1px; float: none!important; overflow: hidden; margin: 0!important; padding: 0!important;}
.float { float: left!important;}
.float-r { float: right!important;}
.hidden { visibility: hidden;}
.none, .printonly { display: none!important;}
.no_float { float: none!important;}
.self-clear { width: 100%; overflow: hidden;}
.small { font-size: 92%;}
.no_space { margin-bottom: 0!important;}
.space { margin-bottom: 10px!important;}
.spaced { margin-bottom: 15px!important;}
.spaced-sml { margin-bottom: 5px!important;}
.spaced-big { margin-bottom: 30px!important;}
.spaced-top { margin-top: 15px!important;}
.sup { font-size: 81%; position: relative; top: -2px;}
.top { text-align: right;}
/* class gen end */


/* header */
#header { width: 100%; float: left; border-bottom: 7px solid #66cc00; margin: 0 0 19px; }
	#header h1 { float: left; margin: 31px 47px 0 0; padding-bottom: 33px; width: 195px; height: 56px;}
	#header h1 a { display: block; height: 56px; background: url(../img/logo.gif) 0 0 no-repeat; text-indent: -9000px;}
	#pg-acc #header h1 a:hover { cursor: default;}
	
	#header #ls-menu { float: left!important; width: 417px; margin: 0;}
	#header #ls-menu li { float: left;}
	#header #ls-menu #bt1 { width: 112px;}
	#header #ls-menu #bt2 { width: 143px;}
	#header #ls-menu #bt3 { width: 162px;}
		#header #ls-menu li a { display: block; height: 38px; text-indent: -9000px; background: url(../img/bg-menu.jpg) 0 0 no-repeat;}
		#header #ls-menu #bt2 a { background-position: -112px 0;}
			#header #ls-menu #bt2 a:hover { background-position: -112px -38px; }
		#header #ls-menu #bt3 a { background-position: -255px 0;}
			#header #ls-menu #bt3 a:hover { background-position: -255px -76px;}
	
	/* options */
	#header #option1 { float: right; margin: 0 0 48px;}
	#header #option1 form { margin: 7px 10px 0;}
	
	#header #option2 { width: 100%; float: right;}
	#header #option2 .item a { margin-left: 3px;}
	#header #option2 form { float: right; margin: 5px 0 0 0;}
	#header #option2 form p { float: left;}
	#header #option2 form p input { float: left;}
	#header #option2 form p .i-txt { float: left; margin: 1px 5px 0 0;}
	
	#header #options { float: right; width: 720px; margin-top: 1px;}
	#header #options ul { float: right;}
	#header #options ul .item { float: left; background: url(../img/split-ls.gif) left 12px no-repeat;}
	#header #options ul .first { background: none; margin-right: 3px;}
	#header #options ul .item a { display: block; padding: 8px 10px 0 14px;}
	/* options end */
	
	#header #options ul .item { z-index: 9998;}
	#header #options ul .item .link-sm { padding: 0 0 0 5px; position: relative; z-index: 9999;}
	#header #option2 ul .item { z-index: 8887;}
	#header #option2 ul .item .link-sm { z-index: 8888;}
	
	#header .item-sm .link-sm:hover { text-decoration: none; color: #666;}
	#header .item-sm .link-sm em { height: 16px; padding: 8px 10px 8px 8px; font-style: normal; display: block; cursor: pointer;}
	
	#header .item-sm .sm { display: none;}
	#header .open .sm, #header .item-sm:hover .sm { display: block; position: absolute; margin: -0.7em 0 0 -50px; z-index: 9000;}
		#header .open .sm2, #header .item-sm:hover .sm2 { margin-left: -218px;  z-index: 8000;}
	#header .open .link-sm, #header .item-sm:hover .link-sm { background: url(../img/bg-bt-sm.gif) 0 0 no-repeat; font-weight: bold;}
	#header .open .link-sm em, #header .item-sm:hover .link-sm em { background: url(../img/bg-bt-sm-r.gif) right 0 no-repeat;}
	#header .open .link-sm span, #header .item-sm:hover .link-sm span { background-position: right -47px;}
	
	/* sm */
	#header .sm { width: 330px; font-size: .916em;}
	#header .sm .inner { padding: 20px 2px 10px; background: url(../img/bg-sm-all.png) 0 0 no-repeat;}
	#header .sm .foot { height: 5px; line-height: 5px; overflow: hidden; font-size: 1px; background: url(../img/bg-sm-foot.png) 0 0 no-repeat;}
	#header .sm .intro { padding: 0 25px;}
	#header .sm a { padding-top: 0!important; padding-right: 0!important}
	
	#header .sm ul { float: none!important;}
	#header .sm ul li { padding: 7px 25px; background: url(../img/split-sm.gif) center bottom no-repeat;}
	#header .sm ul li p { padding: 0 14px;}
	#header .sm ul li.last { background: none;}
	#header .sm ul li:hover { background-color: #f3f3f3; cursor: pointer;}
	#header .sm ul li:hover a { color: #66cc00; text-decoration: underline; }
	
/* header end */


/* content */
#content { clear: both; padding: 0 0 10px;}
	.col { float: left; width: 720px;}
	.side { float: right; width: 240px;}
	
.intro p, .intro ul, .intro dl { margin: 0 0 15px; line-height: 1.4em;}
	.ls-norm li { list-style-type: disc; margin: 0 0 5px 15px;}

.link { background: url(../img/icn-link.gif) right 5px no-repeat; padding-right: 12px; font-weight: bold;}
.link-sm span { background: url(../img/icn-arrows.gif) right 3px no-repeat; padding-right: 16px;}
.arrows-links a { background: url(../img/icn-arrows.gif) 0 -97px no-repeat; padding-left: 14px;}
.arrows-list li { background: url(../img/icn-arrows.gif) 0 -97px no-repeat; padding-left: 14px;}
.arrow-links span { background: url(../img/icn-arrow.png) right 9px no-repeat; padding-right: 12px;}
.arrow-links2 span { background: url(../img/icn-arrow.png) right -38px no-repeat; padding-right: 12px;}

#viewer { width: 720px; height: 290px; overflow: hidden;}

/* ****** */
/* col */

#box-business { margin: 20px 0 0;}
#box-business #business-nav { height: 46px; margin: 0 0 20px; padding: 6px 0 0 5px; background: url(../img/bg-business-nav.jpg) 0 0 no-repeat;}
	#box-business #business-nav li { float: left; cursor: pointer;}
	#box-business #business-nav li a { display: block; height: 40px; text-indent: -9000px;}
	#box-business #business-nav #bus-bt1 a { width: 142px; background: url(../img/bg-bt-business-nav.gif) 0 -80px no-repeat;}
	#box-business #business-nav #bus-bt2 a { width: 179px; background: url(../img/bg-bt-business-nav.gif) -142px 0 no-repeat;}
	#box-business #business-nav #bus-bt3 a { width: 137px; background: url(../img/bg-bt-business-nav.gif) -320px 0 no-repeat;}
	#box-business #business-nav #bus-bt4 a { width: 140px; background: url(../img/bg-bt-business-nav.gif) right 0 no-repeat;}
	
	#box-business #business-nav #bus-bt1 a:hover { background-position: 0 -120px;}
	#box-business #business-nav #bus-bt2 a:hover { background-position: -142px -40px;}
	#box-business #business-nav #bus-bt3 a:hover { background-position: -320px -40px;}
	#box-business #business-nav #bus-bt4 a:hover { background-position: right -40px;}
	
	#box-business #business-nav #bus-bt1.selected a, #box-business #business-nav #bus-bt1.selected a:hover { background-position: 0 0;}
	#box-business #business-nav #bus-bt2.selected a, #box-business #business-nav #bus-bt2.selected a:hover { background-position: -142px -80px;}
	#box-business #business-nav #bus-bt3.selected a, #box-business #business-nav #bus-bt3.selected a:hover { background-position: -320px -160px;}
	
	/* industries*/
	#box-business #business-nav.indus #bus-bt1 a { width: 142px; background: url(../img/bg-bt-business-nav.gif) 0 -160px no-repeat;}
	#box-business #business-nav.indus #bus-bt2 a { width: 179px; background: url(../img/bg-bt-business-nav.gif) -142px -160px no-repeat;}
	#box-business #business-nav.indus #bus-bt1 a:hover { width: 142px; background: url(../img/bg-bt-business-nav.gif) 0 -200px no-repeat;}
	#box-business #business-nav.indus #bus-bt2 a:hover { width: 179px; background: url(../img/bg-bt-business-nav.gif) -142px -200px no-repeat;}


.content-ent .float { width: 334px; padding: 0 10px; background: url(../img/split-business-sel.gif) right 0 no-repeat;}
.content-ent .float ul { float: left; width: 50%; margin: 0 0 5px;}
.content-ent .float ul li { margin-bottom: 5px;}
.content-ent .float p { clear: both; text-align: right; font-size: .916em;}

.content-ent .float-r { width: 355px;}
.content-ent .float-r h4 { height: 16px; margin: 0 0 7px; background: url(../img/t-jeveux.gif) 0 0 no-repeat; text-indent: -9000px;}

	.scrollbox { width: 353px; padding: 5px 0 0; background: url(../img/bg-scrollbox.gif) 0 0 no-repeat; font-size: .916em;}
	.scrollbox .inner { height: 185px; margin: 0 2px; overflow: auto;}
	.scrollbox .foot { height: 3px; overflow: hidden; font-size: 1px; background: url(../img/bg-scrollbox-foot.gif) 0 0 no-repeat;}
	
	.scrollbox ul .item { padding: 8px 10px; background: url(../img/split-scrollbox.gif) bottom center no-repeat;}
	.scrollbox ul .item:hover { background-color: #f3f3f3;}
	.scrollbox ul .item:hover .action { color: #66cc00; text-decoration: underline;}
	.scrollbox ul .item:hover .action-nolist /*Pour les liens sans sous-menus*/ { color: #66cc00; text-decoration: underline;}
	.scrollbox ul .item .action { display: block; background: url(../img/icn-arrows.gif) right 3px no-repeat; padding-right: 16px;}
	.scrollbox ul .open .action { font-weight: bold; background-position: right -47px; }
	.scrollbox ul ul { margin: 5px 8px;}

#content-industries li { margin: 0 0 15px;}	
#content-industries li a { display: block; padding: 0 20px 0 0;}
#content-industries p { font-size: .916em; padding: 0 20px 0 0;}

/* ****** */
/* side */
.box { margin: 0 0 15px; font-size: .916em;}

.box .title { height: 24px; background: url(../img/bg-t-box.gif) 0 0 no-repeat;}
.box .title span { display: block; height: 24px; text-indent: -9000px; background-position: 13px center; background-repeat: no-repeat;}
.box #t-cyberbull span { background-image: url(../img/t-cyberbull.gif);}
.box #t-nouvelles span { background-image: url(../img/t-nouvelles.gif);}
.box #t-temoignage span { background-image: url(../img/t-temoignage.gif);}

.box .inner { padding: 13px 13px 0; background: #fcfcfc url(../img/bg-box.gif) 0 1px repeat-x; border: 1px solid #e2e2e2;}
.box-type2 .inner { background: #fff url(../img/bg-box2.gif) 0 bottom repeat-x; border-left: none; border-right: none;}

.box .arrows-links li, .box .arrows-list li { margin-bottom: 5px;}

#box-temoignage .float-r { margin: 10px 0 10px 3px;}

/* content end */


/* footer */
#footer { background: url(../img/bg-footer.gif) center 0 no-repeat; padding: 10px 20px 5px; font-size: .833em;}
#footer div { float: left; width: 800px;}
#footer p { float: right; color: #999;}

#footer ul { padding: 0 0 5px;}
#footer ul.last a { color: #999;}
#footer ul.last a:hover { color: #66cc00;} 
#footer li { display: inline; padding-right: 15px;}
/* footer end */