/*-------------------------*\
    NORMALIZE
\*-------------------------*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; height: 0; }
[hidden] { display: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea  {font-family: sans-serif; }
body { margin: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
p, pre { margin: 1em 0; }
code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ''; content: none; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
dl, menu, ol, ul { margin: 1em 0; }
dd { margin: 0 0 0 40px; }
menu, ol, ul { padding: 0 0 0 35px; }
nav ul, nav ol { list-style: none; list-style-image: none; }
img { border: 0; -ms-interpolation-mode: bicubic; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px; }
button,
input,
select,
textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0; }
html, button, input, select, textarea { color: #222; }
body { font-size: 1em; line-height: 1.4; }
::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }
hr { display: block; height: 1px; border: 0; border-top: 1px dotted #aaa; margin: 1em 0; padding: 0; }
img { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }
.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; }
.ir:before { content: ""; display: block; width: 0; height: 100%; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.school { display: none; } /* form spam input*/

/*-------------------------*\
    BASE STYLES
\*-------------------------*/
html { font-size: 62.5%; }

/* please use 'font-size: [yy]px; font-size: [y.y]rem;' for font sizes */
body { color: #555; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-size: 1.3rem; line-height: 1.5; }

h1, .h1 { font-family: 'Open Sans', Arial, sans-serif; font-size: 24px; font-size: 2.4rem; font-weight: 300; }
h2, .h2 { font-family: 'Open Sans', Arial, sans-serif; color: #48608E; font-size: 24px; font-size: 2.4rem; font-weight: 300; }
h3, .h3 { font-size: 20px; font-size: 2.0rem; font-weight: bold; }
h4, .h4 { font-size: 18px; font-size: 1.8rem; font-weight: bold; }
h5, .h5 { font-size: 16px; font-size: 1.6rem; font-weight: bold; }
h6, .h6 { font-size: 14px; font-size: 1.4rem; font-weight: bold; }

a { color: #465E92; text-decoration: none; }
a:link { color: #465E92; text-decoration: underline; }
a:visited { color: #465E92; text-decoration: underline; }
a:hover { color: #2B3957; text-decoration: none; outline: 0; }
a:focus { color: #2B3957; text-decoration: none; outline: thin dotted; }
a:active { color: #99AACC; outline: 0; }

.wrapper { position: relative; width: 940px; margin: 0 auto; padding: 0 20px; }

ul { list-style-image: url('/images/blue-arrow.gif'); }

.lt-ie8 ul { list-style-type: none; list-style-image: none; }

 ul li a:link, ul li a:visited { color: #5371A5; text-decoration: underline; }
  ul li a:hover, ul li a:focus { text-decoration: none; }
  ul li a:active { color: #3E557B; }

.info-focus p:after, .language-en a:after, .language-fr a:after { content: ""; background: url('/images/sprite.png') no-repeat; }



/*-------------------------*\
    NAVIGATION
\*-------------------------*/

.nav-top { position: absolute; top: 20px; left: 0; }
  .nav-top li { padding: 0 10px; border-left: 1px solid #7997B8; }
  .nav-top li:first-child { border-left: none; }
    .nav-top a:link, .nav-top a:visited { color: #fff; text-decoration: none; }
    .nav-top a:hover, .nav-top a:focus { text-decoration: underline; }
    .nav-top a:active {color: #FF5C26; }


/**
 * Navigation abstraction.
 *
 * Always use the main '.nav' class on navigation items, then expand on them.
 */
 .nav { list-style-type: none; margin: 0; padding: 0; }
   .nav li { position: relative; display: inline-block; *display: inline; *zoom: 1; }
     .nav a { display: block; }

/*-------------------------*\
    MAIN-NAVIGATION
\*-------------------------*/

.main-navigation, .main-navigation-fr { width: 100%; min-width:980px; height: 60px; background-color: #222; z-index: 9999;}

.nav-main-left { float: left; }
.nav-main-right { float: right; }

.nav-main-left li { float: left; border-left: 1px solid #333; }
  .nav-main-left li:first-child { border-left: none; }

.nav-main-right li { float: right; border-right: 1px solid #333; }
  .nav-main-right li:first-child { border-right: none; }

.nav-main-left a, .nav-main-right a {
  display: block;
  height: 40px;
  padding: 20px 20px 0;
  font-size: 14px; font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}

.main-navigation > .wrapper > .nav > li > a { padding-top: 20px; min-width:120px; max-width: 146px; height: 40px }
.main-navigation > .wrapper > .nav > li > a.double { height: 50px; padding-top: 10px; }

.main-navigation .nav-main-left span, .main-navigation .nav-main-right span { : block; }

  .nav-main-left a:link, .nav-main-right a:link, .nav-main-left a:visited, .nav-main-right a:visited { color: #fff; text-decoration: none; }
  .nav-main-left a:hover, .nav-main-right a:hover, .nav-main-left a:focus, .nav-main-right a:focus { background-color: #333; }
  .nav-main-left a:active, .nav-main-right a:active { background-color: #444; }


/**
 * Drop-down menus.
 *
 * Positioned 100% from the top for the first level. All other levels fly out
 * right by default but can be reversed with the '.nav-sub-reversed' class.
 *
 * Use the '.active' class on li's to style active menu items.
 */

.nav-sub {
  position: absolute;
  top: 100%;
  left: 0;
  width: 280px;
  display: none;
  z-index: 99999;
}

/*.nav-main-right .nav-sub {
  left: 0;
}*/

  .nav-sub li { display: block; border-left: none; border-right: none; border-top: 1px solid #6181BA;}
    .nav-sub li:first-child { border-top: none;}

  .nav-sub a,
  .main-navigation .nav-sub a {
    width: 260px;
    height: 30px;
    padding: 10px 0 0 20px;
    font-size: 15px; font-size: 1.5rem;
    font-weight: normal;
    text-align: left;
    text-transform: none;
  }

  .nav-sub a:link,
  .nav-sub a:visited {
    color: #444;
    background-color: #fff;
  }

  .nav-sub a:hover,
  .nav-sub a:focus {
    color: #fff;
    background-color: #3A5585;
  }

  .nav-sub a:active {
    background-color: #6181BA;
  }

  /* Nested sub navigation flies out to the right. */
  .nav-sub .nav-sub {
    top: 0;
    left: 100%;
  }

/* This fallback makes drop-down menus work for non-JavaScript users. */
.no-js .nav li:hover > .nav-sub { display: block; }



/**
 * Reverses drop-down menus.
 *
 * Expands: '.nav-sub'.
 */
.nav-sub-reversed {
  left: auto;
  right: 0;
}

  /* Nested reversed menus fly-out to the left. */
  .nav-sub-reversed .nav-sub-reversed,
  .nav-sub .nav-sub-reversed {
    left: auto;
    right: 100%;
  }



/**
 * Side navigation.
 *
 * Usually used for second level stacked navigation.
 * Use the '.active' class on li's to style active menu items.
 *
 * Expands: '.nav'.
 */
.nav-side li { display: block; }

  /* Nested side navigation has indentation by default. */
  .nav-side .nav-side li { margin-left: 15px; }



/*-------------------------*\
    HEADER STYLES
\*-------------------------*/
.header, .header-fr { position: relative; z-index: 99999; min-width: 980px; height: 160px; }

.logo-bg { position: absolute; background: url('/images/logo-bg.png') no-repeat; top: 0; left: 50%; margin-left: -99.5px; padding-top: 40px; width: 198px; height: 281px; }
.logo { background-image: url('/images/logo.png') no-repeat; z-index: 99999; }

.header-search { position: absolute; top: 10px; right: 0; }
.header-search input[type="text"] { width: 272px; height: 26px; padding-left: 10px; color: #ffffff; background: url('/images/header-form-bg.png') no-repeat; border: 0; -moz-border-radius:13px ; -webkit-border-radius:13px ; border-radius:13px ; }
.header-search .submit { position: absolute; top: 1px; right: 0; height: 27px; padding: 0 15px; color: #fff; font-size: 14px; font-size: 1.4rem; background: transparent; border: 0; font-weight: bold; -moz-border-radius: 0 13px 13px 0; -webkit-border-radius: 0 13px 13px 0; border-radius: 0 13px 13px 0; }
.fr .header-search .submit { padding: 0 8px; }
.header-search .submit:hover { color: #E6E6E6; }

.name-en, .name-fr { position: absolute; top: 35px; color: #fff; font-family: "Times New Roman", Arial, sans-serif; font-size: 22px; font-size: 2.2rem; line-height: 1.0; }
.name-en { left: 20px; text-align: right; }
.name-fr { right: 20px; }
.name-en span, .name-fr span { display: block; }

/*-------------------------*\
    CONTENT STYLES
\*-------------------------*/

.content-bg { max-width: 1100px; min-width: 980px; margin: 0 auto; background-color: #fff; border-top: 10px solid #ddd; }

.intro, .main-content .h2, .aside .h2 { font-family: 'Open Sans', Arial, sans-serif; font-weight: 300; }
.intro { color: #48608E; border-bottom: 1px dotted #aaa; }

.sub-intro { color: #48608E; margin-bottom: 30px; }

.main-content .intro { padding: 0 0 20px; font-size: 24px; font-size: 2.4rem; }
.main-content .sub-intro { font-size: 18px; font-size: 1.8rem; }

.aside .intro { padding: 0 0 10px; font-family: Arial, sans-serif; font-size: 22px; font-size: 2.2rem; }
.aside .sub-intro { font-size: 16px; font-size: 1.6rem; }

.info-focus-reversed .info-focus-body { float: right; padding-left: 30px; }
.info-focus .info-focus-body { float: left; padding-left: 30px; }

.info-focus-body {
  width: 230px;
  height: 240px;
  background-color: #555;
}

.info-focus-body p:after {
  background-position: 5px -140px;
  width: 15px;
  height: 12px;
  padding-left: 30px;
}

.info-focus p,
.info-focus-reversed p {
  display: block;
  margin: 0;
  color: #fff;
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 22px; font-size: 2.2rem;
}

.info-focus p {
  padding: 30px 0 20px;
}

.info-focus-reversed p {
  padding: 30px 30px 20px 0;
}

.highlight {
  min-height: 180px;
  margin-top: 30px;
  padding-bottom: 30px;
  border-bottom: 1px dotted #aaa;
  background: url('/images/highlight-bg.jpg') center bottom no-repeat;
}

.highlight img {
  float: left;
  padding: 0 20px 20px 0;
}

.highlight-date {
  color: #FF5B10;
  font-family: 'Droid Serif', Arial, serif;
  font-size: 14px; font-size: 1.4rem;
  font-style: italic;
}

.highlight .h3 {
  display: block;
  margin:10px 0;
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 16px; font-size: 1.6rem;
  font-weight: normal;
  color: #5371A5;
}

.highlight .h3:link,
.highlight .h3:visited {
  text-decoration: none;
}

.highlight .h3:hover,
.highlight .h3:focus {
  color: #304163;
  text-decoration: underline;
}

.highlight .h3:active {
  color: #91A4CA;
}

.highlight > div  {
  margin-bottom:20px;
}

.highlight .btn {
  margin-left: 150px;
}

.btn {
  -moz-border-radius:12px ;
  -webkit-border-radius:12px ;
  border-radius:12px ;
}

.btn-more {
  padding: 3px 16px;
  -moz-border-radius:14px ;
  -webkit-border-radius:14px ;
  border-radius:14px ;
}

.btn-more:link,
.btn-more:visited {
  color: #666;
  text-decoration: none;
  border: 1px solid #d3d3d3;

  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#E4E4E4));
  background-image: -webkit-linear-gradient(top, #fff, #E4E4E4);
  background-image: -moz-linear-gradient(top, #fff, #E4E4E4);
  background-image: -ms-linear-gradient(top, #fff, #E4E4E4);
  background-image: -o-linear-gradient(top, #fff, #E4E4E4);
  background-image: linear-gradient(to bottom, #fff, #E4E4E4);
}

.btn-more:hover,
.btn-more:focus {
  color: #fff;
  border: none;
  background-color: #6288D0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#6288D0), to(#5879BD));
  background-image: -webkit-linear-gradient(top, #6288D0, #5879BD);
  background-image: -moz-linear-gradient(top, #6288D0, #5879BD);
  background-image: -ms-linear-gradient(top, #6288D0, #5879BD);
  background-image: -o-linear-gradient(top, #6288D0, #5879BD);
  background-image: linear-gradient(to bottom, #6288D0, #5879BD);

  -webkit-box-shadow: inset 0px 1px 0px 0px #000;
    box-shadow: inset 0px 1px 0px 0px #000;
}

.btn-more:active {
  background-color: #3765B9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3765B9), to(#3F5E9E));
  background-image: -webkit-linear-gradient(top, #3765B9, #3F5E9E);
  background-image: -moz-linear-gradient(top, #3765B9, #3F5E9E);
  background-image: -ms-linear-gradient(top, #3765B9, #3F5E9E);
  background-image: -o-linear-gradient(top, #3765B9, #3F5E9E);
  background-image: linear-gradient(to bottom, #3765B9, #3F5E9E);

  -webkit-box-shadow: inset 0px 1px 0px 0px #000;
    box-shadow: inset 0px 1px 0px 0px #000;
}

.btn-dark {
  margin-top: 10px;
  padding: 4px 16px;
  font-size: 13px; font-size: 1.3rem;
  border: 1px solid #333;

  -moz-border-radius:12px ;
  -webkit-border-radius:12px ;
  border-radius:12px ;
}

.btn-dark:link,
.btn-dark:visited {
  color: #fff;
  text-decoration: none;

  background-color: #424242;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4A4A4A), to(#333));
  background-image: -webkit-linear-gradient(top, #4A4A4A, #333);
  background-image: -moz-linear-gradient(top, #4A4A4A, #333);
  background-image: -ms-linear-gradient(top, #4A4A4A, #333);
  background-image: -o-linear-gradient(top, #4A4A4A, #333);
  background-image: linear-gradient(to bottom, #4A4A4A, #333);
}

.btn-dark:hover,
.btn-dark:focus {
  background-color: #424242;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#4a4a4a));
  background-image: -webkit-linear-gradient(top, #333, #4a4a4a);
  background-image: -moz-linear-gradient(top, #333, #4a4a4a);
  background-image: -ms-linear-gradient(top, #333, #4a4a4a);
  background-image: -o-linear-gradient(top, #333, #4a4a4a);
  background-image: linear-gradient(to bottom, #333, #4a4a4a);
}

.btn-dark:active {
  background-color: #008BCF;
  background-image: none;
}

.btn-find {
  display: block;
  float: right;
  padding: 3px 10px;
  height: 30px;
  color: #fff;
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 16px; font-size: 1.6rem;
  text-align: center;
  text-transform: uppercase;
  border: 0;

  background-color: #5A73A3;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4B6291), to(#6A84B5));
  background-image: -webkit-linear-gradient(top, #4B6291, #6A84B5);
  background-image: -moz-linear-gradient(top, #4B6291, #6A84B5);
  background-image: -ms-linear-gradient(top, #4B6291, #6A84B5);
  background-image: -o-linear-gradient(top, #4B6291, #6A84B5);
  background-image: linear-gradient(to bottom, #4B6291, #6A84B5);

  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.contact-form button {
  color: #fff;
  text-decoration: none;

  background-color: #5A73A3;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4B6291), to(#6A84B5));
  background-image: -webkit-linear-gradient(top, #4B6291, #6A84B5);
  background-image: -moz-linear-gradient(top, #4B6291, #6A84B5);
  background-image: -ms-linear-gradient(top, #4B6291, #6A84B5);
  background-image: -o-linear-gradient(top, #4B6291, #6A84B5);
  background-image: linear-gradient(to bottom, #4B6291, #6A84B5);
}

.btn-find:hover,
.btn-find:focus,
.contact-form button:hover {
  background-color: #5A73A3;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#6A84B5), to(#4B6291));
  background-image: -webkit-linear-gradient(top, #6A84B5, #4B6291);
  background-image: -moz-linear-gradient(top, #6A84B5, #4B6291);
  background-image: -ms-linear-gradient(top, #6A84B5, #4B6291);
  background-image: -o-linear-gradient(top, #6A84B5, #4B6291);
  background-image: linear-gradient(to bottom, #6A84B5, #4B6291);
}

.btn-find:active {
  background-color: #3C4E73;
  background-image: none;
}

.nav-explore {
    margin-top: 20px !important;
}
.nav-explore a {
    display: block;
    font-size: 2rem;
    height: 43px;
    margin-bottom: 10px;
    padding: 10px 0 0 20px;
    width: 215px;
}
.nav-explore .gallery {
    background: rgba(0, 0, 0, 0) url("/images/btn-nav-explore-gallery.jpg") no-repeat scroll 0 0;
}
.nav-explore .map {
    background: rgba(0, 0, 0, 0) url("/images/btn-nav-explore-map.jpg") no-repeat scroll 0 0;
}
.nav-explore a:link, .nav-explore a:visited {
    color: #0074ab;
    text-decoration: none;
}
.nav-explore a:hover, .nav-explore a:focus {
    color: #00486a;
}
.nav-explore a:active {
    color: #51c7ff;
}

/*-------------------------*\
    RECAPTCHA STYLES
\*-------------------------*/
.recaptcha,
.recaptcha-noscript {
  display: block;
  margin: 10px 0;
}
  .recaptcha-noscript iframe,
  .recaptcha-noscript textarea {
    border: 1px solid #ccc;
    width: 98%;
  }



/*-------------------------*\
    FOOTER STYLES
\*-------------------------*/

.sub-footer-bg, .footer, .copyright { min-width: 980px; background: url('/images/footer-bg.jpg') top left repeat; }
.footer { border-bottom: 1px dotted #aaa; }

.footer-navigation-fr .nav-footer { padding-left: 40px; }

.nav-footer-main { width: 938px; height: 38px; border: 1px solid #ddd; -moz-border-radius:6px ; -webkit-border-radius:6px ; border-radius:6px ; }

.nav-footer-main a { display: block; padding: 8px 15px 0; height: 30px; font-size: 15px; font-size: 1.5rem; }
  .nav-footer-main a:link, .nav-footer-main a:visited { color: #455D93; text-decoration: none; }
  .nav-footer-main a:hover, .nav-footer-main a:focus { color: #364874; text-decoration: underline; }
  .nav-footer-main a:active { color: #91A4CA; }

.nav-footer-main .share { float: right; border-left: 1px solid #ddd; }
  .lt-ie8 .nav-footer-main .share { float: none; /*width: 150px;*/ padding-left: 10px; border-left: none; }

.share {  padding-left: 5px; width: 185px; }
  .share a:before { content: ''; width: 20px; height: 20px; padding: 3px 30px 3px 0; background:url('/images/sprite.png') 0 -478px no-repeat; }
  .lt-ie8 .share { padding: 0; width: auto; }
  .lt-ie8 .share a:before { padding: 0; }

.nav-home { width: 155px; height: 32px; margin-right: 20px; padding-left: 20px; background:url('/images/sprite.png') 0 -59px no-repeat; text-transform: uppercase; z-index: 9999; }
  .nav-footer-main .nav-home:link, .nav-footer-main .nav-home:visited { color: #fff; }
  .nav-home:hover, .nav-home:focus { text-decoration: underline; }
  .nav-home:active { color: #aaa; }

.nav-footer { float: left; margin: 50px 0; padding-left: 90px; list-style-type: none }
  .nav-footer:first-child { padding-left: 0; }
.nav-footer.right { float:right; }

.nav-footer li { display: block; padding: 5px 0; }
  .nav-footer li:first-child a { margin-bottom: 10px; color: #000; font-weight: bold; text-transform: uppercase; }

.nav-footer a { font-size: 14px; font-size: 1.4rem; }
  .nav-footer a:link, .nav-footer a:visited { text-decoration: none; }
  .nav-footer a:hover, .nav-footer a:focus { color: #304163; text-decoration: underline; }
  .nav-footer a:active { color: #91A4CA; }

.copyright { padding-bottom:20px; }

.disclaimer { width: 940px; text-align: center; }
  .disclaimer a { border-left: 1px solid #ccc; padding: 0 10px; }
  .disclaimer a:first-child { border-left: 0; }
  .disclaimer a:link, .disclaimer a:visited { color: #555; text-decoration: underline; }
  .disclaimer a:hover, .disclaimer a:focus { text-decoration: none; }
  .disclaimer a:active { color: #008CCC; }

.author { margin: 0;  text-align: center;}
  .author a:link, .author a:visited { color: #555; text-decoration: none; }
  .author a:hover, .author a:focus { text-decoration: underline; }
  .author a:active { color: #008CCC; }



/*-------------------------*\
    PRINT STYLES
\*-------------------------*/
/**
 * Use '!important' to make sure you overwrite styles in subsequent Style
 * Sheets when needed.
 */
@media print {
  * { background: transparent !important; color: #000 !important; box-shadow:none !important; text-shadow: none !important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  .main-content:before { content: url("/images/logo-print.jpg"); margin-bottom: 100px; }

  .header, .header-fr, .header-search, .logo, .name-en, .name-fr, .nav-top, .main-navigation, .breadcrumb, .aside, .footer, .copyright { display: none;}
  .main-content { float: none !important; width: 100%; }
}