/* CSS Document */

/* Cancel librairie css */
body {text-align:left;}

ul,ol {list-style: none;}
ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
a img, a:link img, a:visited img {border: none;}

/* basic links */
#wrapper a, a:visited {color: #003399; text-decoration: none;}
#wrapper a:hover {text-decoration: underline;}

/* =layout, structure */
body {background: #999; color: #333; font: normal small Arial, Helvetica, Verdana, sans-serif; margin: 0; padding: 0;}

#wrapper #maincontent {background: #fff; clear: both; float: left; padding: 0 10px; width: 954px;}
/* #wrapper #masthead div.pub {background: url(../img/txt-pub-vert.gif) no-repeat 105px 50%; margin-bottom: 10px; padding-left: 125px; width: 849px; text-align: left;} */
#wrapper #masthead div.pub {margin-bottom: 10px;text-align:center;} 

#wrapper #maincontent.bgaccueil { padding-top: 10px;}

#wrapper h1#logo, h1#logo a {display: block; height: 39px; width: 198px;}
#wrapper h1#logo {clear: left; display: inline; float: left; margin: 22px 0 0 10px;}

#wrapper a.alt, #wrapper a.alt:visited {color: #990000;}
#wrapper .cap {text-transform: uppercase;}
#wrapper #masthead ul.linear .cap, #wrapper #masthead ul.linear li.title {font: bold 10px Verdana, Arial, sans-serif;}
#wrapper h4.cat span.cap {font-family: Arial, Verdana, sans-serif; text-transform: capitalize; color: #333;}

#wrapper ul#nav-visa {float: right; text-align: right; margin-bottom: 35px; padding-right: 10px;}
#wrapper ul#nav-visa li.title, ul#news-feed li.title {color: #990000;}

#wrapper #masthead ul.linear a {font: normal 85% Verdana, Arial, sans-serif;}
#wrapper #masthead ul.linear a:visited {color: #003399; text-decoration: none;}
#wrapper #masthead ul.linear a:hover {text-decoration: underline;}
#wrapper #masthead ul.linear .cap, #wrapper #masthead ul.linear li.title {font: bold 10px Verdana, Arial, sans-serif;}
#wrapper ul.linear {margin: 0; padding: 0;}
#wrapper ul.linear li {color: #999; display: inline;}

#wrapper ul#nav-partners {clear: right; float: right; margin-bottom: 0; padding-right: 10px;}

#wrapper ul#reseau-cyberpresse {background: #707172 url(../img/bg-mainNav.gif) repeat-x 0 100%; float: left; padding: 4px 0 0 10px; width: 964px;}
#wrapper ul#reseau-cyberpresse li {display: inline; float: left; padding: 0 0 6px 0;}   
#wrapper ul#reseau-cyberpresse li.first a {border: none; padding-left: 0;}
#wrapper ul#reseau-cyberpresse li.active {background: #990000 url(../img/bg-menu-tab-right.gif) no-repeat 100% 0;}
#wrapper ul#reseau-cyberpresse li.active a, #wrapper ul#reseau-cyberpresse li.active a:visited {background: url(../img/bg-menu-tab-left.gif) no-repeat; border: none; margin: 0; padding: 4px 8px 0 8px;}
#wrapper ul#reseau-cyberpresse a {border-left: 1px solid #333; color: #fff; display: block; float: left; font-weight: bold; margin-top: 4px; padding: 0 14px 0 14px; text-transform: uppercase;}
#wrapper ul#reseau-cyberpresse li.noBorder a, #wrapper ul.main-nav li.noBorder a {border: none;}

#wrapper ul.main-nav {background: #990000; clear: both; float: left; padding: 3px 0 0 10px; width: 964px; display:none;} 
#wrapper ul.main-nav li {display: inline; float: left; padding: 0 0 5px 0;}     
#wrapper ul.main-nav li.first a {border: none; padding-left: 0;}
#wrapper ul.main-nav li.active {background: #eeeeee url(../img/bg-tab-right.gif) 100% 0;}
#wrapper ul.main-nav li.active a, #wrapper ul.main-nav li.active a:visited {background: url(../img/bg-tab-left.gif) no-repeat; border: none; color: #666; margin: 0; padding: 4px 8px 0 8px;}
#wrapper ul.main-nav a {border-left: 1px solid #999; color: #fff; display: block; float: left; font-weight: bold; line-height: 16px; margin-top: 4px; padding: 0 10px 0 10px;} 
#wrapper ul#reseau-cyberpresse a:visited, #wrapper ul.main-nav a:visited {color: #fff;}

#wrapper #footer {background: #eee url(../img/bg-footer.gif) repeat-x; clear: both; display: inline-block; float: left; overflow: hidden; padding-top: 15px; width: 100%;}
#wrapper #footer ul.main-nav {background: #999; margin: 2em 0 1em 0; padding: 5px 0; text-align: center; width: 100%;}
#wrapper #footer ul.main-nav li {border-left: 1px solid #fff; float: none; margin-left: 6px; padding: 0 0 0 7px;}
#wrapper #footer ul.main-nav li.first {border: none; margin: 0; padding: 0;}
#wrapper #footer ul.main-nav a {display: inline; float: none; margin: 0; padding: 0;}
#wrapper .list-container {background: url(../img/bg-list-sep.gif) repeat-y 176px 0; float: left;}
#wrapper #footer ul.list {display: inline; float: left; line-height: 1.4em; list-style-position: outside; margin: 6px 15px; width: 141px;}
#wrapper #footer ul.list.small {width: 113px;}
#wrapper #footer ul.list.first {margin-left: 10px; width: 153px;}
#wrapper #footer ul.list.last {margin-right: 10px;}
#wrapper #footer ul.list li.title {color:#666; font-weight: bold;}
#wrapper #footer ul.linear {clear: both; display: inline; float: left; margin: 0 10px 1em 10px; width: 954px;}
#wrapper ul.linear.centered, #footer ul.linear.centered, #footer ul.linear.centered {margin-bottom: 0; text-align: center;}
#wrapper ul.feed li a {display: block; line-height: 28px; padding-left: 28px;}
#wrapper ul.feed li.first {margin-top:4px;}
/* #wrapper ul.feed li a.mobile {background: url(../img/icon-mobile.gif) no-repeat; height: 33px;} 
#wrapper ul.feed li a.courriel {background: url(../img/icon-courriel.gif) no-repeat; height: 27px;} 
#wrapper ul.feed li a.alertes {background: url(../img/icon-alertes.gif) no-repeat; height: 30px;} 
#wrapper ul.feed li a.rss {background: url(../img/icon-rss.gif) no-repeat; height: 28px;} 
#wrapper ul.feed li a.baladodiffusion {background: url(../img/icon-diffusion.gif) no-repeat; height: 30px;}
#wrapper ul.feed li a.widget {background: url(../img/icon-widgets.gif) no-repeat; height: 30px;} */
#wrapper ul.feed li a.mobile {background: url(../img/ico-recevoir.png) 0 0 no-repeat; height: 33px;}
#wrapper ul.feed li a.courriel {background: url(../img/ico-recevoir.png) 0 -33px no-repeat; height: 27px;}
#wrapper ul.feed li a.rss {background: url(../img/ico-recevoir.png) 0 -60px no-repeat; height: 28px;}
#wrapper ul.feed li a.widget {background: url(../img/ico-recevoir.png) 0 -88px no-repeat; height: 27px;}
#wrapper ul.feed li a.baladodiffusion {background: url(../img/ico-recevoir.png) 0 -118px no-repeat; height: 30px;}
#wrapper ul.feed li a.alertes {background: url(../img/ico-recevoir.png) 0 -151px no-repeat; height: 23px;}
#wrapper ul.feed li a.iphone {background: url(../img/ico-recevoir.png) 0 -117px no-repeat; height: 32px;} 
#wrapper p.copyright {clear: both; float: left; margin: 0; padding: 1em 0; text-align: center; width: 100%;}

#wrapper .sousmenu {background: #fff url(../img/bg-top-content.jpg) repeat-x; display: inline; float: left; padding: 10px 10px 0 10px; width: 954px;}
#wrapper ul.sub-section, div.sub-section {border-bottom: 2px solid #990000; margin-bottom: 0; overflow: hidden; padding-bottom: 2px; width: 100%;}
#wrapper div.sub-section {clear: both;}
#wrapper .sub-section img {margin: 0;}
#wrapper .sub-section .linear {float: left; margin-top: 14px;}
#wrapper div.sub-section img {float: left; margin-right: 20px;}
#wrapper .sub-section a {font-weight: bold; letter-spacing: -1px;}
#wrapper .sub-section a.active {color: #666;}
#wrapper ul.sub-section h2 {color: #990000; display: inline; font-family: Arial, sans-serif; font-size: 160%; font-weight: normal; padding-right: 10px; text-transform: uppercase;}
#wrapper ul.sub-section h2 a {color: #990000; font-weight: normal; letter-spacing: normal;}

#wrapper ul.fil-ariane {font: 85% Verdana, sans-serif; margin: 8px 0;}
#wrapper ul.fil-ariane li {color: #666;}
#wrapper ul.fil-ariane a { font-weight: bold;}

/* dotted bordered list */
#wrapper ul.wide-list {margin: 0; width: 100%;}
#wrapper ul.wide-list li {border-top: 1px dotted #999; clear: both; overflow: hidden; padding: 3px 0; width: 100%;}

/* liste quotidiens */
#wrapper ul.quotidiens {border-bottom: 1px dotted #999; margin-bottom: 4px;}
#wrapper ul.quotidiens dl {float: left; margin: 0;}
#wrapper ul.quotidiens dl dt {float: left; width: 115px;}
#wrapper ul.quotidiens dl dd {float: right; font-size: 85%; text-align: right; text-transform: uppercase; width: 160px;}

#wrapper h1 {font: 170% normal Georgia, Times, serif; line-height: 1.1em; margin-bottom: 0.4em;}
#wrapper h1.detente-header {border-bottom: 1px dotted #999; color: #990000; font-size: 200%; margin: 0 0 20px 0; text-transform: uppercase;}


/*header*/
#masthead { padding: 0; background: #fff;}
#cnh_head { clear:both; background:url(../img/bck_hdr.png) repeat-x bottom; height:86px; font-family:Verdana, Geneva, sans-serif; font-size:10px; border-bottom:1px solid #FFF; position:relative}
#cnh_head h1, #cnh_head .logo{ margin: 0px; }
#cnh_head a, #cnh_head a:visited { color:#003399; text-decoration:none }
#cnh_head a:hover { text-decoration:underline }
#cnh_head h1 a, #cnh_head .logo a { text-indent:-5000px; width:297px; height:43px; display:block; background:url(../img/logo.png) no-repeat; position:absolute; bottom:10px; margin-left:12px; }
#cnh_topm { position:absolute; bottom:65px; margin-left:12px; font-weight:bold; color:#999; display:block; width:700px;  }
#cnh_topm li, #cnh_lnks li { display:inline; line-height:20px;  }
	/*vis beta*/
	/*#cnh_sels { position:absolute; left:647px; bottom:57px; width:300px; display:block; z-index:10; color:#999; }
#cnh_head .cnh_on { position: absolute; top: 25px; left: 647px; width: 273px; padding: 0 46px 0 0; height: 25px; background:url(http://www.cyberpresse.ca/ui/img/vis_beta.gif) no-repeat right top; }
	.cnh_tops .ts_button { overflow: hidden; top: 1px; position: absolute; right: 49px; display:block; height:25px; width:31px; background:url(http://www.cyberpresse.ca/ui/img/search_bt.png); border:none; text-indent:-5000px; cursor:pointer; outline:none; }*/
	/*vis nstein*/
	#cnh_sels { position:absolute; left:644px; bottom:56px; width:300px; display:block; z-index:10; color:#999; height:27px;overflow:hidden;}
	#cnh_head .cnh_on { position: absolute; top: 25px; right:10px; width: 273px; padding: 0 50px 0 0; height: 25px; background:url(../img/vis_prop_nstein.png) no-repeat right top; }
	.cnh_tops .ts_button { overflow: hidden; top: 0px; position: absolute; right: 54px; display:block; height:24px; width:31px; background:url(../img/search_bt.png); border:none; text-indent:-5000px; cursor:pointer; outline:none; }
	/*fin vis nstein*/
.cnh_tops .ts_input { position: absolute; top: 0px; bottom:31px; border:1px solid #999; font-family:Verdana, Geneva, sans-serif; color:#868686; font-size:10px; width:225px; margin-bottom:0px; height:16px; padding-left:6px; padding-top:3px;}
.cnh_tops .ts_what { width: 130px; left: 0px; }
.cnh_tops .ts_where { width: 79px; left: 145px; }
#cnh_sels li { display:block; float:left; }
#cnh_sels li a { height:23px; display:block; float:left; }
#cnh_sels li a:hover, #cnh_sels li a.select {  background:url(../img/search_arrow.gif) no-repeat bottom center; }
#cnh_sels li a.select { color:#000; text-decoration:none }
#cnh_lnks { bottom:7px; color:#999; display:block; width:600px; text-align: right; position:absolute; right: 10px; }
#cnh_lnks { bottom:7px; color:#999; display:block; width:auto; text-align: right; position:absolute; right: 10px; }
#cnh_lnks li { display:block; float:left; }
#cnh_lnks li a { height:21px; display:block; float:left; }
#cnh_advs { position:absolute; bottom:34px; margin-left:515px; text-align:right; font-weight:bold; background-image:url(../img/vdots.gif); background-position:right; background-repeat:repeat-y; padding-right:10px; padding-bottom:3px; padding-top:3px; }
#pub { background-color:#FFF; height:100px; width:932px; padding-left:42px; padding-top:15px; }
.puba {float:left; margin-right:20px}
.pubb {float:left}
.pub_seule { padding:15px 0 0 0; }
.pub_seule { padding:15px 0 0 0; }
.pjaunes {background:url(../img/ico-head.png) no-repeat left -39px; padding-left:20px; float:left; height:37px; z-index:0;}
.pjaunes a { display:block; position:relative; margin:0px 0 0 0; padding:0px 0 0px 0;}
.pjaunes sup {font-size:8px;color: #003399;}

#cnh_topm li, #cnh_topm a, #cnh_topm span { line-height:17px; height:21px; display:block; float:left;}
#cnh_topm .rss {background:url(../img/ico-head.png) no-repeat left -21px; padding-left:21px;height:17px;}

#cnh_topm .session {background:url(../img/ico-head.png) no-repeat left 0px; padding-left:30px; }
#cnh_topm .uname { color:#900; margin-right:5px; }
.cnh_off { display:none;}
#footer a {font-size:12px;}
