/*styles pour les pages*/
body { font-size: 10px; font-family: "Trebuchet MS", Verdana, Arial, SunSans-Regular, sans-serif; line-height: 12px; margin: 0 auto; behavior: url(csshover.htc); }
p, div, td { font-size: 10px; line-height: 12px; }
.bloc li { margin-left: -23px; padding: 0 0 3px; list-style-image: url(../images_ca/SquareDotE0.gif); }
form { margin: 0; padding: 0; }
.button a, .button a:link, .button a:visited { color: #000; font-size: 12px; font-weight: bold; line-height: 24px; background-color: #e0e0e0; text-decoration: none; padding: 3px 6px 3px 3px; border-left: 18px solid #666; }
.button a:hover { color: #fff; background-color: #900; }
.buttonSpecial a, .buttonSpecial a:link, .buttonSpecial a:visited { color: #fff; font-size: 12px; font-weight: bold; line-height: 24px; text-decoration: none; background-color: #900; padding: 3px 6px 3px 3px; border-left: 18px solid #c00; }
.buttonSpecial a:hover { color: #fff; background-color: #000; }
a:link { color: #333; font-size: 10px; text-decoration: none; }
a:hover { color: #900; font-size: 10px; text-decoration: none; }
a:visited { color: #666; font-size: 10px; text-decoration: none; }
.headAds { color: #666; margin-bottom: 10px; padding-left: 10px; height: 60px; border-top-style: solid; border-top-width: 1px; border-bottom: 1px solid #000; }
.headAdsSm { color: #666; width: 118px; height: 72px; float: right; padding-left: 5px; border-style: solid; border-width: 1px; }
.header_features { color: #ffffff; font-size: 11px; font-weight: bold; background-color: #900; text-align: left; text-transform: uppercase; margin-top: 12px; margin-bottom: 6px; padding: 3px; }
.header_edition { color: #666; font-size: 11px; font-weight: bold; text-align: left; margin-top: 12px; margin-bottom: 6px; padding-right: 6px; border-bottom: 1px solid #666; }
.header_sample { color: #c00; font-size: 11px; font-weight: bold; text-align: left; margin-top: 12px; margin-bottom: 6px; padding-right: 6px; border-bottom: 1px solid #c00; }
.fleche663 { background-image: url(../images_ca/buttons/fleche_663.gif); background-repeat: no-repeat; background-position: left top; padding-left: 8px; }
.coule0 { color: #ccc; }
.coul333 { color: #333; }
.coul666 { color: #666; }
.coul900 { color: #900; }
.coulE0 { color: #ccc; margin: 0; padding: 0; }
.hrcoulc00 { border: solid 1px #c00; }
.hrcoul333 { border: solid 1px #333; }
.hrcoul666 { border: solid 1px #666; }
.hrcoul900 { border: solid 1px #900; }
h1 { color: #990000; font-size: 18px; font-weight: bold; line-height: 20px; margin: 0 0 5px; padding: 0; }
h2 { font-size: 12px; font-weight: bold; line-height: 14px; margin: 0 0 8px; padding: 0; }
h3 { font-size: 10px; margin: 0 0 5px; padding: 0; }
p { margin: 0 0 5px 0; }
.size10 { font-size: 10px; }
.header_ad { color: #ffffff; font-size: 11px; font-weight: bold; background-color: #666; text-decoration: none; text-align: center; width: 125px; margin-bottom: 3px; padding-top: 3px; padding-bottom: 3px; }
.redBox { color: #fff; font-weight: bold; background-color: #900; padding-right: 3px; padding-left: 3px; }
.redBox a:hover { color: #cc9; font-weight: bold; text-decoration: none; }
.clearAll { clear: both; }
/*Top nav*/
.magLogin { color: #fff; background-image: url(../images_ca/onglet333.gif); background-repeat: no-repeat; background-position: left top; text-align: center; vertical-align: middle; }
.magLogin a { color: #fff; text-decoration: none; }
.magLogin a:hover { color: #fff; text-decoration: underline; }
.archivesLogin { background-color: #333; text-align: center; margin: 0; width: 120px; vertical-align: middle; border-width: 0; }
.archivesLogin a { color: #fff; text-decoration: none; }
.archivesLogin a:hover { color: #fff; text-decoration: underline; }
#navtop { background-color: #ffffff; background-image: url(../images_ca/header2.gif); background-repeat: no-repeat; background-position: left top; text-align: left; vertical-align: middle; width: auto; height: 30px; }
#navtop a, #navtop a:link { color: #000; font-style: normal; text-decoration: none; vertical-align: middle; }
#navtop a:visited { color: #666; font-weight: normal; }
#navtop a:hover { color: #000; text-decoration: underline; }
#navtop2 { background-color: #ffffff; text-align: left; vertical-align: middle; width: auto; height: 30px; }
#navtop2 a, #navtop2 a:link { color: #000; font-style: normal; text-decoration: none; vertical-align: middle; }
#navtop2 a:visited { color: #666; font-weight: normal; }
#navtop2 a:hover { color: #000; text-decoration: underline; }
/*index*/
.textBlocMag { font-size: 10px; line-height: 12px; text-align: left; vertical-align: top; width: 200px; margin: 0; padding-right: 5px; padding-left: 10px; border-right: 1px solid #900; border-left: 1px solid #900; }
.textBlocMag a, .textBlocMag a:visited { color: #000; font-weight: bold; background-color: #e0e0e0; text-decoration: none; padding-right: 3px; padding-left: 3px; border-left: 8px solid #666; }
.textBlocMag a:hover { color: #fff; font-weight: bold; text-decoration: none; background-color: #900; }
.textBlocMagSpecial a, .textBlocMagSpecial a:visited { color: #fff; font-weight: bold; text-decoration: none; background-color: #900; padding-right: 3px; padding-left: 3px; border-left: 8px solid #c00; }
.textBlocMagSpecial a:hover { color: #fff; font-weight: bold; text-decoration: none; background-color: #000; }
.textBloc { font-size: 10px; line-height: 12px; text-align: left; vertical-align: top; width: 200px !important; margin: 0; padding-right: 5px; padding-left: 10px; border-right: 1px solid #666; border-left: 1px solid #666; }
.textBloc a, .textBloc a:visited { color: #000; font-weight: bold; text-decoration: none; background-color: #e0e0e0; padding-right: 3px; padding-left: 3px; border-left: 8px solid #666; }
.textBloc a:hover { color: #fff; font-weight: bold; text-decoration: none; background-color: #900; }
#jobsBloc { width: 125px; visibility: visible; clear: both; }
.headJobs { color: #fff; font-size: 11px; font-weight: bold; background-color: #666; text-align: center; width: 100%; clear: both; margin: 0; padding: 6px 0; }
.jobProvince { color: #900; font-size: 10px; font-weight: bold; line-height: 12px; background-color: #fff; text-decoration: none; text-align: left; margin: 0; padding: 0; border-bottom: 1px solid #900; }
.job { font-size: 10px; line-height: 12px; text-decoration: none; text-align: left; margin: 0; padding: 0; border-bottom: 1px solid #900; }
.job a { color: #000; text-decoration: none; }
.job a:hover { color: #900; text-decoration: none; }
/*styles pour le footer*/
#footer { color: #fff; font-size: 10px; font-weight: bold; background-color: #900; text-align: center; vertical-align: middle; width: 100%; padding-top: 4px; padding-bottom: 4px; }
.navbottom { font-size: 10px; font-weight: bold; text-align: center; width: 25%; clear: both; padding-top: 4px; padding-bottom: 4px; border-left: 1px solid #666; }
.navbottom a { color: #333; text-decoration: none; }
.navbottom a:hover { color: #900; text-decoration: none; }
.navbottomright { font-size: 10px; font-weight: bold; text-align: center; padding-top: 4px; padding-bottom: 4px; width: 25%; border-right: 1px solid #666; border-left: 1px solid #666; }
.navbottomright a { color: #333; text-decoration: none; }
.navbottomright a:hover { color: #900; text-decoration: none; }
/*styles menu gauche*/
.menuGauche { border-right: 1px solid #999; }
#menu { width: 100%; height: auto; margin: 0; padding: 0; list-style-type: none; }
#menu span { display: none; }
#menu ul { position: absolute; width: 100%; margin: 0; padding: 0; }
#menu li { list-style-type: none; }
#menu li ul { visibility: hidden; }
#menu li ul { width: 200px; z-index: 10; margin: -19px 0 0 160px !important; }
#menu a { text-decoration: none; }
#menu ul li { position: relative; list-style-type: none; }
#menu li.journal a { color: #900; font-size: 11px; font-weight: bold; text-decoration: none; text-align: left; letter-spacing: -0.5px; vertical-align: middle; padding-top: 4px; padding-bottom: 4px; position: relative; display: block; }
#menu li.journalBot a { color: #900; font-weight: bold; text-decoration: none; text-align: left; display: block; padding-top: 3px; padding-right: 2px; padding-bottom: 3px; position: relative; vertical-align: middle; }
#menu li.tools a { color: #333; font-size: 11px; background-color: #fff; text-decoration: none; text-align: left; vertical-align: middle; padding-top: 1px; padding-bottom: 1px; position: relative; display: block; }
#menu li.toolsNoBorder a { color: #333; background-color: #fff; text-decoration: none; text-align: left; display: block; padding-top: 1px; padding-bottom: 1px; position: relative; vertical-align: middle; }
#menu li.other a { color: #333; font-size: 11px; text-decoration: none; background-color: #fff; text-align: left; display: block; padding-top: 4px; padding-bottom: 4px; position: relative; vertical-align: middle; }
#menu ul.books a, #menu ul.seminars a, #menu ul.toolkit a, #menu ul.directories a, #menu ul.services a { color: #fff; background-color: #666; text-decoration: none; text-align: left; list-style-type: none; vertical-align: middle; width: 194px; margin: 0; padding: 2px 8px; }
#menu li.tools:hover ul.books { text-decoration: none; margin: 0; }
#menu li.tools a:hover { color: #fff; background-color: #666; text-decoration: none; }
#menu li.journal ul.books a:hover { color: #000; background-color: #ccc; background-image: none; text-decoration: none; }
#menu li.tools ul.books a:hover { color: #000; text-decoration: none; background-color: #ccc; background-image: none; }
#menu li.other ul.books a:hover { color: #000; text-decoration: none; background-color: #ccc; background-image: none; }
#menu li.journal a:hover, #menu li.journal a:active { color: #ffffff; background-color: #900; text-decoration: none; }
#menu li.journalBot a:hover, #menu li.journalBot a:active { color: #ffffff; background-color: #900; text-decoration: none; }
#menu li.tools a:hover, #menu li.tools a:active, #menu li.toolsNoBorder a:hover, #menu li.toolsNoBorder a:active, #menu li.other a:hover, #menu li.other a:active { color: #fff; background-color: #666; text-decoration: none; }
.fondc60 { color: #000; background-color: #ccc; width: 202px!important; width: 194px; margin: 0; padding: 2px 0 2px 8px; border-width: 0; display: block; }
/* IE PC selector */
* html .menu li {
    display:inline; /* solve a IE PC list bug */
    float:none; /* solve a IE5 clav nav bug */
    }
/*Bookstore styles*/
.bookstoreDescription { width: 390px; float: left; margin: 0; list-style-type: none; }
.bookstorePricing { text-align: center; width: 151px; float: right; padding-bottom: 6px; }
.bookstoreRightPub { text-align: center; padding-bottom: 6px; width: 125px; float: right; }
.imgBorder { border: solid 1px #000; }
.bookstoreHRclear { clear: both; margin-top: 12px; margin-bottom: 12px; border: solid 1px #999; }
.bookstoreHR { margin: 0 0 6px; padding-right: 10px; border: solid 1px #999; }
.order { color: #900; font-size: 12px; font-weight: bold; padding-top: 20px; }
.price { color: #000; font-size: 18px; font-weight: bold; line-height: 18px; margin: 0; padding-top: 6px; padding-bottom: 0; }
.taxes { padding-bottom: 10px; }
.top a { color: #c00; font-weight: bold; background-image: url(http://www.ncnjournal.com/images_ca/buttons/top900.gif); background-repeat: no-repeat; background-position: left center; text-decoration: none; clear: both; padding-left: 18px; }
.top a:hover { color: #666; font-weight: bold; background-image: url(http://www.ncnjournal.com/images_ca/buttons/top666.gif); text-decoration: none; background-repeat: no-repeat; background-position: left center; clear: both; padding-left: 18px; }
/*Cart styles*/
.navtopCart { text-align: left; width: auto; height: 14px; float: left; vertical-align: baseline; padding-top: 6px; padding-bottom: 6px; }
.articles { color: #000; font-weight: normal; text-decoration: none; padding-left: 10px; }
.articles a { color: #000; font-weight: normal; text-decoration: none; }
.articles a:visited { color: #666; font-weight: normal; text-decoration: none; }
.articles a:hover { color: #666; font-weight: normal; text-decoration: underline; }
.textCart { font-size: 10px; line-height: 12px; width: 100%; padding-right: 6px; }
.textCart a:link { color: #900; font-weight: bold; text-decoration: none; }
.textCart a:hover { color: #666; text-decoration: none; }
.textCart a:visited { color: #666; text-decoration: none; }
.showCart { font-size: 10px; font-weight: bold; line-height: 12px; text-align: left; vertical-align: middle; padding: 0 0 0 6px; }
.showCartTitle { color: #666; font-size: 12px; font-weight: bold; line-height: 12px; text-align: right; vertical-align: middle; padding-right: 4px; border-right: 2px solid #666; }
.langTable { font-size: 10px; font-weight: bold; line-height: 12px; text-align: left; margin: 0; padding: 0 0 0 5px; }
.langTable a:link { color: #900; font-weight: bold; text-decoration: none; }
.langTable a:hover { color: #880009; text-decoration: underline; }
.langTable a:visited { color: #663; text-decoration: none; }
.langTable select { font-size: 10px; font-weight: normal; line-height: 12px; text-align: left; }
input   { font-size: 10px; font-weight: normal; line-height: 12px; }
.langTable input { font-size: 10px; font-weight: normal; line-height: 12px; text-align: left; border-style: none; }
form { margin: 0; padding: 0; }
.form1 { border: solid 1px #000000; background-color: #ffffff; }
.form2 { background-color: #ffffff; background-image: url(../comersus/store/images/ad_newsmagLogin.gif); background-repeat: no-repeat; text-align: center; width: 130px; height: auto; float: right; margin: 0; padding: 65px 3px 0 0; }
.form2fr { background-color: #ffffff; background-image: url(../comersus/francais/store/images/ad_newsmagLogin.gif); background-repeat: no-repeat; text-align: center; width: 130px; height: auto; float: right; margin: 0; padding: 65px 3px 0 0; }
.form3 { background-color: #ffffff; background-image: url(../comersus/store/images/ad_login.gif); background-repeat: no-repeat; text-align: center; padding: 6px 6px 0 0; width: 130px; height: auto; margin: 0; }
.form3fr { background-color: #ffffff; background-image: url(../comersus/francais/store/images/ad_login.gif); background-repeat: no-repeat; text-align: center; padding: 6px 6px 0 0; width: 130px; height: auto; clear: both; margin: 0; }
.form4 { background-color: #ffffff; text-align: center; width: 125px; padding: 3px; }
.padL6px { padding-left: 6px; }
.padL10 { padding-left: 10px; }
.padL100px { padding-left: 100px; }
.padR6px { padding-right: 6px; }
.padR12 { padding-right: 12px; padding-bottom: 0; }
.itemDescription { list-style-type: none; width: 430px; }
.imgRight { float: right; padding-bottom: 10px; padding-left: 10px; }
/*Previous issues*/
#prevCovers { color: #000; font-size: 10px; line-height: 12px; text-align: center; vertical-align: middle; width: 100%; border-width: 0; }
#prevCovers td { padding-top: 6px; padding-bottom: 6px; }
td.testimonial  { font-weight: bold; font-size: 10px; line-height: 12px; background-color: #e0e0e0; text-align: left; padding-top: 6px; padding-right: 12px; padding-left: 12px }
.prevYears a { color: #ffffff; font-weight: bold; background-color: #c00; text-decoration: none; text-align: center; padding: 2px; }
.prevYears a:hover { background-color: #333; }
.petit { color: #c00; font-weight: normal; font-size: 9px }
.signature  { text-align: right;}
.cover { width: 308px; float: right; margin-left: 10px; }
.coverBorder { border: solid 1px #000; }
.capsBoldFleche900 { font-size: 10px; font-weight: bold; line-height: 12px; background-image: url(../images_ca/buttons/squareDot8x10.gif); background-repeat: no-repeat; background-position: left top; text-transform: uppercase; padding: 0 0 0 12px; }
.testimonialTitle  { color: #ffffff; font-weight: bold; font-size: 11px; background-color: #666; text-align: left; vertical-align: middle; margin-top: 12px; padding: 2px 0 4px 100px; }
.testimonialSign { color: #666666; font-weight: bold; text-align: left; padding-left: 100px; }
/*QUIZ*/
.header_question { color: #ffffff; font-size: 11px; font-weight: bold; background-color: #666666; text-align: left; text-transform: uppercase; margin-bottom: 6px; padding-top: 3px; padding-bottom: 3px; padding-left: 6px; }
.quizChoice { color: #ffffff; font-size: 10px; font-weight: bold; background-color: #900; vertical-align: middle; margin: 0; padding: 0 2px; }
.quizChoiceYes { color: #ffffff; font-size: 10px; font-weight: bold; background-color: #900; text-align: left; text-transform: uppercase; padding: 0 2px 0; }
.quizChoiceNo { color: #ffffff; font-size: 10px; font-weight: bold; background-color: #666; text-align: left; text-transform: uppercase; padding: 0 2px 0; }
.quizChoiceExp { color: #000000; margin: 0; padding: 3px 0 3px 0; }
input { vertical-align: middle; margin-top: 3px; padding-top: 3px; }
/*Features*/
.feattitle { color: #fff; font-size: 12px; font-weight: bold; line-height: 14px; background-color: #666; text-align: center; width: 156px; margin: 0; padding: 3px 0 3px 1px; }
#features .feattitle a:link { color: #fff; font-weight: bold; text-decoration: none; }
#features .feattitle a:hover { text-decoration: underline; }
#features .feattitle a:visited { color: #ccc; text-decoration: none; }
dl { font-size: 10px; font-weight: normal; background-color: #e0e0e0; position: relative; width: 156px; margin: 0; padding: 3px 0 3px 1px; }
dt a:link { color: #000; font-weight: bold; line-height: 18px; text-decoration: none; text-align: left; padding-left: 8px; display: block; }
dt a:visited { color: #666; font-weight: bold; line-height: 18px; text-decoration: none; text-align: left; display: block; padding-left: 8px; }
dt a:hover { color: #c00; background-color: #ccc; text-decoration: none; text-align: left; width: 155px; padding-left: 8px; display: block; }
dd { display: none; }
#def1, #def2, #def3, #def4, #def5, #def6, #def7, #def8, #def9, #def10, #def11, #def12, #def13, #def14, #def15, #def16, #def17, #def18, #def19, #def20, #def21, #def22 { color: #ffffff; background-color: #666; text-align: left; position: absolute; margin: -18px 0 0 -6px; padding: 3px 6px; left: 162px; width: 123px!important; width: 135px; z-index: 10; display: block; }
#features { height: auto; width: 156px; float: right; margin-left: 7px; }
.orangeBox { color: #fff; font-weight: bold; background-color: #666; text-align: center; vertical-align: middle; width: auto; margin: 0; padding: 6px 0; }
.orangeBox a { color: #fff; font-weight: bold; text-decoration: none; }
.orangeBox a:hover { color: #fff; font-weight: bold; text-decoration: underline; }
/*Job*/
.jobColLeft { background-color: #ccc; text-align: right; width: 35%; margin: 0; padding: 6px 6px 6px 0; border-bottom: 2px solid #fff; }
.jobColRight { background-color: #e2e2e2; width: 65%; margin: 0; padding: 6px; border-bottom: 2px solid #fff;  }