/* basé sur ... */

/*!
 * Bootstrap v2.0.2
 *
 * </p><p>ght 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */


 #site_conteneur {width:960px; margin: 0 auto; padding:0;}

 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 nav,
 section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
a:hover,
a:active {
  outline: 0;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -0.4em;
}
sub {
  bottom: -0.25em;
}
img {
  height: auto;
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}

button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}
button,
input {
  *overflow: visible;
  line-height: normal;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
.clearme {clear:both;}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
.hide-text {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 28px;
  /* Make inputs at least the height of their button counterpart */

  /* Makes inputs behave like true block-level elements */

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  margin: 0;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: #444444;
  background-color: #ffffff;
}
a {
  color: #ef2b2d;
  text-decoration: none;
}
a:hover {
  /*color: #005580;*/
  text-decoration: underline;
}
.module-rel h2 a {color:white;}
h2.chevron > a {color:white;}
.row {
  margin-left: -20px;
  *zoom: 1;
}
.row:before,
.row:after {
  display: table;
  content: "";
}
.row:after {
  clear: both;
}
.top-row {
  margin-top:10px;
}
[class*="span"] {
  float: left;
  margin-left: 20px;
}
.container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  width: 940px;
}
.span12 {
  width: 940px;
}
.span11 {
  width: 860px;
}
.span10 {
  width: 780px;
}
.span9 {
  width: 700px;
}
.span8 {
  width: 620px;
}
.span7 {
  width: 540px;
}
.span6 {
  width: 460px;
}
.span5 {
  width: 380px;
}
.span4 {
  width: 300px;
}
.span4etdemie {
  width: 340px;
}
.span3 {
  width: 220px;
}
.span2 {
  width: 140px;
}
.span1 {
  width: 60px;
}
.offset12 {
  margin-left: 980px;
}
.offset11 {
  margin-left: 900px;
}
.offset10 {
  margin-left: 820px;
}
.offset9 {
  margin-left: 740px;
}
.offset8 {
  margin-left: 660px;
}
.offset7 {
  margin-left: 580px;
}
.offset6 {
  margin-left: 500px;
}
.offset5 {
  margin-left: 420px;
}
.offset4 {
  margin-left: 340px;
}
.offset3 {
  margin-left: 260px;
}
.offset2 {
  margin-left: 180px;
}
.offset1 {
  margin-left: 100px;
}

.container {
  margin-left: auto;
  margin-right: auto;
  *zoom: 1;
}
.container:before,
.container:after {
  display: table;
  content: "";
}
.container:after {
  clear: both;
}

/* !PARAGRAPHS */


p {
  margin: 2px 0 14px;
  font-family: Helvetica, Arial, "Helvetica Neue", sans-serif;
  font-size: 12px;
  line-height: 18px;
}
p small, p.small {
  font-size: 11px;
  color: #666666;
}
small.footnote {line-height:14px;}
/*blockquote p {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 22.5px;
  }*/
  .alert-block p + p {
    margin-top: 5px;
  }
  #evenement p {
    font-size:12px;
    /*line-height:17px;*/
    line-height:15px;
    margin:10px 0 0 14px;
    text-shadow: 0 1px 0 #ffffff;
  }
  .infobox p {
    font-size:11px;
    margin:2px 0 0 2px;
  }
  .surdeuxlignes + p {display: inline;}
  #exposautres p {
    font-size:12px;
  }
  .miniblock-fleche + p {clear: both;float: left;}

  p.legende {margin-top:10px;}


  .span4etdemie p:first-child {margin-top:-2px;}
  .tdcontenu ul.styled li h5 + p, .tdcontenu .bulleted li h5 +p {margin-top:0;}


  /* fin !PARAGRAPHS */

  .lead {
    margin-bottom: 18px;
    font-size: 20px;
    font-weight: 200;
    line-height: 27px;
  }

  /* !HEADERS */
  /* !h all */
  h1,h2,h3,h4,h5,h6 {
    margin: 0 0 0.5em 0;
    font-family: inherit;
    font-weight: bold;
    color: inherit;
    text-rendering: optimizelegibility;
  }

  h1 small,h2 small,h3 small,h4 small,h5 small,h6 small {
    font-weight: normal;
    color: #999999;
  }

  /* !h small groups */
  h4,h5,h6 {
    line-height: 18px;
  }
  .blocmedium {
    background-color:#ef2b2d;
    color:#FFFFFF;
    display:inline-block;
    zoom:1;
    *display: inline;
    font-size:13px;
    line-height:20px;
    margin-bottom:16px;
    padding:10px 14px;

  }
  /* //////////////////////////// !h1 ////////////////////////*/

  /* !h1 all */
  h1 {
    font-size: 18px;
    line-height: 36px;
  }
  h1 small {
    font-size: 18px;
  }

  /* !h1 specific */
  .page-header h1 {
    line-height: 1;
  }
  #menugauche h1 {
    font-size:18px;
    padding-bottom:5px;
  }
  .bloctitre h1, h1.bloctitre {
    font: bold 20px/24px Georgia, 'Times New Roman', Times, serif;
    padding:12px 16px;
  }
  .bloctitre-sousexpo h1, h1.bloctitre-sousexpo {
    font: bold 16px Georgia, 'Times new Roman', Times, serif;
    padding:10px 14px;
  }
  #bloc-expo .infolayer h1 {
    font: bold 19px Georgia, 'Times new Roman', Times, serif;
    background: transparent;
    display: inline;
    padding: 0;
  }
  .infolayer-small h1 {
    font: bold 16px Georgia, 'Times new Roman', Times, serif;
    margin:0;
  }
  #bloc-expo h1, h2.chevron {
    font: bold 19px Georgia, 'Times new Roman', Times, serif;
    color: #ffffff;
    background: #ef2b2d;
    display: inline-block;
    padding: 9px 14px 11px;
    margin:0;
    zoom:1;
    *display: inline;
  }
  #grandtitre h1 {
    font-size:15px;
    line-height:15px;
    color:#ffffff;
    display: inline-block;
    background:#ef2b2d;
    padding:12px 16px 13px 16px;
    margin-top:-4px;
  }
  h1.pays {font-family:Georgia, Times, 'Times new Roman',serif;line-height:1em;}

  /* //////////////////////////// !h2 ////////////////////////*/

  /* !h2 all */
  h2 {
    font-size: 16px;
    /*line-height: 36px;*/
    line-height:23px;
  }
  h2 small {
    font-size: 18px;
  }


  /* !h2 specific */
  .bloctitre-sousexpo h2, h2.bloctitre-sousexpo {
    font: bold 16px Georgia, 'Times new Roman', Times, serif;
    padding:10px 14px;
    margin:0;
  }
  #ephemeride #jour h2 {
    font-size:15px;
    line-height:15px;
    margin:0;
  }
  #ephemeride #annee h2 {
    font: bold 17px/54px Georgia, 'Times new Roman', Times, serif;
    color:#ffffff;
    margin:0;
  }
  .bloctitre h2, h2.bloctitre {
    font-size:14px;
    line-height:16px;
    padding:10px 14px;
    margin:0;
  }
  #exposautres p + h2 {
    margin-top:18px;
    /*margin-bottom:0;*/
  }
  #exposautres h2 a:link, #exposautres h2 a:visited {
    color:#ef2b2d;
    padding-bottom:1px;
  }
  #exposautres h2 a:hover, #exposautres h2 a:active {
    background: transparent url('/pls/portal/docs/page/centre_hist_mtl_fr/media/images/interface/dotted_red.png') left bottom repeat-x;
    text-decoration:none;
  }
  .infolayer h2 {
    font: bold 19px Georgia, 'Times new Roman', Times, serif;
    margin:0;
  }
  .infolayer-small h2 {
    font: bold 16px Georgia, 'Times new Roman', Times, serif;
    margin:0;
  }
  .module-activite h2{color:#FFFFFF}
  .bodytext h2 {
    font-size:16px;
  }
  #headerphoto h2 {
    font:bold 14px/18px Georgia, 'Times New Roman', Times, serif;
    margin:0;
  }
  .blocinline h2 {
    font-size:16px;
    line-height:18px;
    padding:11px 16px 4px 16px;
    margin:0;
  }
  .smaller h2 {
    font-size: 14px;
    padding: 13px 16px 6px 16px;
    line-height: 18px;
  }
  table.encadre_gen + h2 {
    margin-top:20px;
    margin-bottom:0;
  }

  h2.titre-body {
    font:bold 16px/20px Georgia, 'Times New Roman', Times, serif;
    color:#ef2b2d;
  }
  h2.pub {text-align:right;}

  .histo h2.titre-body {margin-bottom:10px;}

  #sommes-ici h2.titre-body {
    padding-top:10px;
  }

  #sommes-ici h2.titre-body + hr {
    margin-bottom:12px;
  }


  /* //////////////////////////// !h3 ////////////////////////*/

  /* !h3 all */
  h3 {
    font-size: 14px;
    line-height: 16px;
  }
  h3 small {
    font-size: 12px;
  }

  /* !h3 specific */
  #ephemeride #jour h3 {
    font: 20px/20px Georgia, 'Times new Roman', Times, serif;
    color:#ef2b2d;
  }
  .infobox h3 {
    font: bold 14px/14px Georgia, 'Times New Roman', Times, sans-serif;
    margin:0;
  }
  #footer h3 {
    display:inline-block;
    zoom:1;
    *display: inline;
    font-size:12px;
    line-height:1em;
    padding-bottom:8px;
    border-bottom: 1px solid #909090;
    margin:0;
  }
  #footer .infofooter h3 {font-size:13px;}
  .bloctitre h3, h3.bloctitre {
    font-size: 13px;
    padding: 10px 14px 7px 14px;
    background: transparent url('/pls/portal/docs/page/centre_hist_mtl_fr/media/images/interface/underline_bloctitre-expos.png') 14px bottom no-repeat;
    margin-bottom: 2px;
  }
  .bloctitre-sousexpo h3, h3.bloctitre-sousexpo {
    font-size: 13px;
    padding: 10px 14px 7px 14px;
    background: transparent url('/pls/portal/docs/page/centre_hist_mtl_fr/media/images/interface/underline_bloctitre-expos.png') 14px bottom no-repeat;
    margin-bottom: 2px;
  }
  .bodytext h3.attention {
    font-size: 13px;
    line-height: 13px;
  }
  #headerphoto h3 {
    font:bold 13px/18px Arial, Helvetica, 'Helvetica neue', sans-serif;
  }
  h3.titre-body {
    font:bold 14px/18px Georgia, 'Times New Roman', Times, serif;
    color:#ef2b2d;
  }
  .modal-header h3 {margin:0;}
  h3! > span.gagnant {border-bottom:1px solid #999999;padding-bottom: 2px;}


  /* //////////////////////////// !h4 ////////////////////////*/

  /* !h4 all */
  h4 {
    font-size: 13px;
  }
  h4 small {
    font-size: 12px;
  }

  /* !h4 specific */
  .bloctitre h4, h4.bloctitre {
    font-size:13px;
    line-height:17px;
    padding:0 14px 10px 14px;
    margin:0;
  }
  .bloctitre-sousexpo h4, h4.bloctitre-sousexpo {
    font-size:12px;
    line-height:16px;
    padding:0 14px 10px 14px;
    margin:0;
  }
  h4.datesexpo {
    font-size:12px;
    margin: 4px 0 8px 0;
  }
  h2 + h4.datesexpo {
    margin-top: -6px;
  }
  #tablevisites h4 {
    font-size:13px;
    margin-bottom:6px;
  }
  .boxstack h4 {
    font-size:12px;
    line-height:16px;
    margin-bottom:6px;
  }
  .blocinline h4 {
    font-size:12px;
    padding:2px 16px 6px 16px;
  }
  h4.titre-gagnant {
    font-size: 12px; margin:14px 0; color:#777777;
  }
  h4.titre-body {
    font:bold 14px/18px Georgia, 'Times New Roman', Times, serif;
    color:#ef2b2d;
  }
  /* //////////////////////////// !h5 ////////////////////////*/

  /* !h5 all */
  h5 {
    font-size: 12px;
  }

  /* !h5 specific */
  .tdcontenu > h5 {margin-bottom:0;}
  /*.tdcontenu > ul h5 {color:#ef2b2d;}*/
  .tdcontenu > .styled > li > h5, .tdcontenu > .styled > li > .styled > h5 {margin-bottom:0;}
  .tdcontenu > .styled > li > h5 + h5, .tdcontenu > .styled > li > .styled > h5 + h5, .tdcontenu > .styled > li > .styled > h5 + li h5 {color:#ef2b2d;}
  .tdcontenu > ul.styled > li > ul.styled > li > h5, .tdcontenu .bulleted li h5 {color:#ef2b2d; margin-bottom:0;}
  h2 + h5 {margin-bottom:1em; margin-top:-0.2em;}

  #location-salles ul li h5 {background:none;padding-left:0; margin-top:12px;}
  #location-salles ul li! > h5 {background:none;padding-left:0;}
  /* //////////////////////////// !h6 ////////////////////////*/
  /* !h6 all */
  h6 {
    font-size: 11px;
    color: #999999;
    text-transform: uppercase;
  }

  /* !h6 specific */



  /* fin !HEADERS */

  .page-header {
    padding-bottom: 17px;
    margin: 18px 0;
    border-bottom: 1px solid #eeeeee;
  }

  ul,
  ol {
    padding: 0;
    margin: 0 0 9px 25px;
  }
  ul ul,
  ul ol,
  ol ol,
  ol ul {
    margin-bottom: 0;
  }
  ul {
    list-style-type:disc;
  }

  ol {
    list-style: decimal!important;
  }

  li small {font-size:90%; color:#999999;}

  .styled {margin-left:0;}
  .styled li {
    list-style-type:none;
    line-height: 18px;
    background:transparent url('/pls/portal/docs/page/centre_hist_mtl_fr/media/images/interface/line-bullet.png') left 9px no-repeat;
    padding-left:9px;
    margin-bottom:6px;
  }
  .styled li .bulleted li {
    margin-bottom:0;
  }

  .tdcontenu > .styled > li {
    list-style-type:none;
    background:transparent url('/pls/portal/docs/page/centre_hist_mtl_fr/media/images/interface/gray_arrowbullet.gif') left 5px no-repeat;
    margin: 1.7em 0 1.5em;
  }
  .tdcontenu > .styled > li:first-child {
    margin-top:0;
  }

  .styled li > ol { margin: 14px 20px;}
  .styled li > ol li {list-style: decimal!important; background:none;margin-bottom: 12px; padding-left: 0; }

  .bulleted li {
    list-style-type:none;
    line-height: 18px;
    background:transparent url('/pls/portal/docs/page/centre_hist_mtl_fr/media/images/interface/line-bullet.png') left 9px no-repeat !important;
    padding-left:9px;
  }

  ul.unstyled, ul.unstyled li, ol.unstyled, ol.unstyled li {
    margin-left: 0;
    list-style: none;
  }
  ul.longlist {margin-left:10px;}
  .longlist li {margin-bottom: 16px;}
  .longlist li h5 {margin-bottom:0;}
  ul.ul-details {margin-left:15px;}
  ul.ul-details li {
    list-style-type:none;
    padding: 10px 0 4px 12px;
    border-left:1px solid #cccccc;
    margin-bottom:22px;
  }

  ul.ul-details li:hover, ul.ul-details li:active {
    background:#efefef;
  }

  ul.ul-details li h3 {
    margin-bottom:3px;
    padding-bottom:3px;
    display:inline-block;
    zoom:1;
    *display:inline;
  }

  ul.ul-details li:hover h3, ul.ul-details li:active h3 {
    border-bottom:1px solid #ef2b2d;
    padding-bottom:2px;
  }

  .notes {background:#efefef;padding:12px 16px 14px 16px;margin:12px 0;}
  .notes *:last-child {margin-bottom:0;}
  ul.notes, ul.merci {
    background:#efefef; margin: 12px 0 0; padding:12px 16px; list-style:none; overflow:auto; line-height:20px;
  }
  ul.notes li, ul.merci li {
    display:inline; color:#666666; text-shadow: 0 1px 0 #ffffff;
  }
  ul.notes li:after, ul.merci li:after {
   content:"\00A0\2022\00A0";
 }
 ul.notes li:last-child:after, ul.merci li:last-child:after {
   content:"";
 }

 dl {
  margin-bottom: 18px;
}
dt,
dd {
  line-height: 18px;
}
dt {
  font-weight: bold;
  line-height: 17px;
}
dd {
  margin-left: 9px;
}
.dl-horizontal dt {
  float: left;
  clear: left;
  width: 120px;
  text-align: right;
}
.dl-horizontal dd {
  margin-left: 130px;
}
hr {
  margin: 18px 0;
  border: 0;
  /*border-top: 1px solid #eeeeee;*/
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #ffffff;
}
hr.separateur {
  margin: 18px 0;
  border: 0;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}
strong {
  font-weight: bold;
}
em {
  font-style: italic;
}
.titre-gagnant em {
  color:#444444;
}
.muted {
  color: #999999;
}
abbr[title] {
  border-bottom: 1px dotted #ddd;
  cursor: help;
}
abbr.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
/*blockquote {
  padding: 0 0 0 15px;
  margin: 0 0 18px;
  border-left: 5px solid #eeeeee;
  }*/

  blockquote small {
    display: block;
    line-height: 18px;
    color: #999999;
  }
  blockquote small:before {
    content: '\2014 \00A0';
  }
  blockquote.pull-right {
    float: right;
    padding-left: 0;
    padding-right: 15px;
    border-left: 0;
  }
  blockquote.pull-right p,
  blockquote.pull-right small {
    text-align: right;

  }
  blockquote img.pull-right {margin-right:-20px;}

  q:before,
  q:after,
/*blockquote:before,
blockquote:after*/ {
  content: "";
}
address {
  display: block;
  margin-bottom: 18px;
  line-height: 18px;
  font-style: normal;
}
small {
  font-size: 100%;
}
cite {
  font-style: normal;
}
code,
pre {
  padding: 0 3px 2px;
  font-family: Menlo, Monaco, "Courier New", monospace;
  font-size: 12px;
  color: #333333;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
code {
  padding: 2px 4px;
  color: #d14;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
}
pre {
  display: block;
  padding: 8.5px;
  margin: 0 0 9px;
  font-size: 12.025px;
  line-height: 18px;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  white-space: pre;
  white-space: pre-wrap;
  word-break: break-all;
  word-wrap: break-word;
}
pre.prettyprint {
  margin-bottom: 18px;
}
pre code {
  padding: 0;
  color: inherit;
  background-color: transparent;
  border: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
form {
  margin: 0 0 18px;
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 27px;
  font-size: 19.5px;
  line-height: 36px;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #eee;
}
legend small {
  font-size: 13.5px;
  color: #999999;
}
label,
input,
button,
select,
textarea {
  font-size: 13px;
  font-weight: normal;
  line-height: 18px;
}
input,
button,
select,
textarea {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
label {
  display: block;
  margin-bottom: 5px;
  color: #333333;
}
input,
textarea,
select,
.uneditable-input {
  display: inline-block;
  width: 210px;
  height: 18px;
  padding: 4px;
  margin-bottom: 9px;
  font-size: 13px;
  line-height: 18px;
  color: #555555;
  border: 1px solid #cccccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.uneditable-textarea {
  width: auto;
  height: auto;
}
label input,
label textarea,
label select {
  display: block;
}
input[type="image"],
input[type="checkbox"],
input[type="radio"] {
  width: auto;
  height: auto;
  padding: 0;
  margin: 3px 0;
  *margin-top: 0;
  /* IE7 */

  line-height: normal;
  cursor: pointer;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 0 \9;
  /* IE9 and down */

}
input[type="image"] {
  border: 0;
}
input[type="file"] {
  width: auto;
  padding: initial;
  line-height: initial;
  border: initial;
  background-color: #ffffff;
  background-color: initial;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
input[type="button"],
input[type="reset"],
input[type="submit"] {
  width: auto;
  height: auto;
}
select,
input[type="file"] {
  height: 28px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */

  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */

  line-height: 28px;
}
input[type="file"] {
  line-height: 18px \9;
}
select {
  width: 220px;
  background-color: #ffffff;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="image"] {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
textarea {
  height: auto;
}
input[type="hidden"] {
  display: none;
}
.radio,
.checkbox {
  padding-left: 18px;
}
.radio input[type="radio"],
.checkbox input[type="checkbox"] {
  float: left;
  margin-left: -18px;
}
.controls > .radio:first-child,
.controls > .checkbox:first-child {
  padding-top: 5px;
}
.radio.inline,
.checkbox.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle;
}
.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
  margin-left: 10px;
}
input,
textarea {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}
input:focus,
textarea:focus {
  border-color: rgba(204, 0, 0, 0.8);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(204, 0, 0, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(204, 0, 0, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(204, 0, 0, 0.6);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus,
select:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.input-mini {
  width: 60px;
}
.input-small {
  width: 90px;
}
.input-medium {
  width: 150px;
}
.input-large {
  width: 210px;
}
.input-xlarge {
  width: 270px;
}
.input-xxlarge {
  width: 530px;
}
input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.uneditable-input {
  float: none;
  margin-left: 0;
}
input,
textarea,
.uneditable-input {
  margin-left: 0;
}
input.span12, textarea.span12, .uneditable-input.span12 {
  width: 930px;
}
input.span11, textarea.span11, .uneditable-input.span11 {
  width: 850px;
}
input.span10, textarea.span10, .uneditable-input.span10 {
  width: 770px;
}
input.span9, textarea.span9, .uneditable-input.span9 {
  width: 690px;
}
input.span8, textarea.span8, .uneditable-input.span8 {
  width: 610px;
}
input.span7, textarea.span7, .uneditable-input.span7 {
  width: 530px;
}
input.span6, textarea.span6, .uneditable-input.span6 {
  width: 450px;
}
input.span5, textarea.span5, .uneditable-input.span5 {
  width: 370px;
}
input.span4, textarea.span4, .uneditable-input.span4 {
  width: 290px;
}
input.span3, textarea.span3, .uneditable-input.span3 {
  width: 210px;
}
input.span2, textarea.span2, .uneditable-input.span2 {
  width: 130px;
}
input.span1, textarea.span1, .uneditable-input.span1 {
  width: 50px;
}
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  background-color: #eeeeee;
  border-color: #ddd;
  cursor: not-allowed;
}
.control-group.warning > label,
.control-group.warning .help-block,
.control-group.warning .help-inline {
  color: #c09853;
}
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
  color: #c09853;
  border-color: #c09853;
}
.control-group.warning input:focus,
.control-group.warning select:focus,
.control-group.warning textarea:focus {
  border-color: #a47e3c;
  -webkit-box-shadow: 0 0 6px #dbc59e;
  -moz-box-shadow: 0 0 6px #dbc59e;
  box-shadow: 0 0 6px #dbc59e;
}
.control-group.warning .input-prepend .add-on,
.control-group.warning .input-append .add-on {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #c09853;
}
.control-group.error > label,
.control-group.error .help-block,
.control-group.error .help-inline {
  color: #b94a48;
}
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
  color: #b94a48;
  border-color: #b94a48;
}
.control-group.error input:focus,
.control-group.error select:focus,
.control-group.error textarea:focus {
  border-color: #953b39;
  -webkit-box-shadow: 0 0 6px #d59392;
  -moz-box-shadow: 0 0 6px #d59392;
  box-shadow: 0 0 6px #d59392;
}
.control-group.error .input-prepend .add-on,
.control-group.error .input-append .add-on {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #b94a48;
}
.control-group.success > label,
.control-group.success .help-block,
.control-group.success .help-inline {
  color: #468847;
}
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
  color: #468847;
  border-color: #468847;
}
.control-group.success input:focus,
.control-group.success select:focus,
.control-group.success textarea:focus {
  border-color: #356635;
  -webkit-box-shadow: 0 0 6px #7aba7b;
  -moz-box-shadow: 0 0 6px #7aba7b;
  box-shadow: 0 0 6px #7aba7b;
}
.control-group.success .input-prepend .add-on,
.control-group.success .input-append .add-on {
  color: #468847;
  background-color: #dff0d8;
  border-color: #468847;
}
input:focus:required:invalid,
textarea:focus:required:invalid,
select:focus:required:invalid {
  color: #b94a48;
  border-color: #ee5f5b;
}
input:focus:required:invalid:focus,
textarea:focus:required:invalid:focus,
select:focus:required:invalid:focus {
  border-color: #e9322d;
  -webkit-box-shadow: 0 0 6px #f8b9b7;
  -moz-box-shadow: 0 0 6px #f8b9b7;
  box-shadow: 0 0 6px #f8b9b7;
}
.form-actions {
  padding: 17px 20px 4px;
  margin-top: 18px;
  /*margin-bottom: 18px;*/
  /*background-color: #eeeeee;*/
  border-top: 1px solid #ddd;
  *zoom: 1;
}
.form-actions.wideform {
  background-color: transparent;
  bottom: 0;
  left: 0;
  margin-left: 160px;
  padding: 17px 0 12px;
  position: relative;
}
.form-actions:before,
.form-actions:after {
  display: table;
  content: "";
}
.form-actions:after {
  clear: both;
}
.uneditable-input {
  display: block;
  background-color: #ffffff;
  border-color: #eee;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  cursor: not-allowed;
}
:-moz-placeholder {
  color: #999999;
}
::-webkit-input-placeholder {
  color: #999999;
}
.help-block,
.help-inline {
  color: #555555;
}
.help-block {
  display: block;
  margin-bottom: 9px;
}
.help-inline {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  vertical-align: middle;
  padding-left: 5px;
}
.input-prepend,
.input-append {
  margin-bottom: 5px;
}
.input-prepend input,
.input-append input,
.input-prepend select,
.input-append select,
.input-prepend .uneditable-input,
.input-append .uneditable-input {
  *margin-left: 0;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.input-prepend input:focus,
.input-append input:focus,
.input-prepend select:focus,
.input-append select:focus,
.input-prepend .uneditable-input:focus,
.input-append .uneditable-input:focus {
  position: relative;
  z-index: 2;
}
.input-prepend .uneditable-input,
.input-append .uneditable-input {
  border-left-color: #ccc;
}
.input-prepend .add-on,
.input-append .add-on {
  display: inline-block;
  width: auto;
  min-width: 16px;
  height: 18px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 18px;
  text-align: center;
  text-shadow: 0 1px 0 #ffffff;
  vertical-align: middle;
  background-color: #eeeeee;
  border: 1px solid #ccc;
}
.input-prepend .add-on,
.input-append .add-on,
.input-prepend .btn,
.input-append .btn {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.input-prepend .active,
.input-append .active {
  background-color: #a9dba9;
  border-color: #46a546;
}
.input-prepend .add-on,
.input-prepend .btn {
  margin-right: -1px;
}
.input-append input,
.input-append select .uneditable-input {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.input-append .uneditable-input {
  border-left-color: #eee;
  border-right-color: #ccc;
}
.input-append .add-on,
.input-append .btn {
  margin-left: -1px;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
  margin-right: -1px;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
  margin-left: -1px;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.search-query {
  padding-left: 14px;
  padding-right: 14px;
  margin-bottom: 0;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
}
.form-search input,
.form-inline input,
.form-horizontal input,
.form-search textarea,
.form-inline textarea,
.form-horizontal textarea,
.form-search select,
.form-inline select,
.form-horizontal select,
.form-search .help-inline,
.form-inline .help-inline,
.form-horizontal .help-inline,
.form-search .uneditable-input,
.form-inline .uneditable-input,
.form-horizontal .uneditable-input,
.form-search .input-prepend,
.form-inline .input-prepend,
.form-horizontal .input-prepend,
.form-search .input-append,
.form-inline .input-append,
.form-horizontal .input-append {
  display: inline-block;
  margin-bottom: 0;
}
.form-search .hide,
.form-inline .hide,
.form-horizontal .hide {
  display: none;
}
.form-search label,
.form-inline label {
  display: inline-block;
}
.form-search .input-append,
.form-inline .input-append,
.form-search .input-prepend,
.form-inline .input-prepend {
  margin-bottom: 0;
}
.form-search .radio,
.form-search .checkbox,
.form-inline .radio,
.form-inline .checkbox {
  padding-left: 0;
  margin-bottom: 0;
  vertical-align: middle;
}
.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
  float: left;
  margin-left: 0;
  margin-right: 3px;
}
.control-group {
  margin-bottom: 9px;
}
legend + .control-group {
  margin-top: 18px;
  -webkit-margin-top-collapse: separate;
}
.form-horizontal .control-group {
  margin-bottom: 18px;
  *zoom: 1;
}
.form-horizontal .control-group:before,
.form-horizontal .control-group:after {
  display: table;
  content: "";
}
.form-horizontal .control-group:after {
  clear: both;
}
.form-horizontal .control-label {
  float: left;
  width: 140px;
  padding-top: 5px;
  text-align: right;
}
.form-horizontal .controls {
  margin-left: 160px;
  /* Super jank IE7 fix to ensure the inputs in .input-append and input-prepend don't inherit the margin of the parent, in this case .controls */

  *display: inline-block;
  *margin-left: 0;
  *padding-left: 20px;
}
.form-horizontal .help-block {
  margin-top: 9px;
  margin-bottom: 0;
  font-size:11px;
  line-height:16px;
}
.formbg {
  background:#f5f5f5;
  border:1px solid #cccccc;
  max-width:698px;
  margin-top:8px;
}
.formbg.flushtop {
  margin-top:-19px;
  border-top:0;
}

table {
  max-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  background-color: transparent;
}
.table {
  width: 100%;
  margin-bottom: 18px;
}
.table th,
.table td {
  padding: 8px;
  line-height: 18px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}
.table th {
  font-weight: bold;
}
.table thead th {
  vertical-align: bottom;
}
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
  border-top: 0;
}
.table tbody + tbody {
  border-top: 2px solid #dddddd;
}
.table-condensed th,
.table-condensed td {
  padding: 4px 5px;
}
.table-bordered {
  border: 1px solid #dddddd;
  border-left: 0;
  border-collapse: separate;
  *border-collapse: collapsed;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.table-bordered th,
.table-bordered td {
  border-left: 1px solid #dddddd;
}
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}
.table-bordered thead:first-child tr:first-child th:first-child,
.table-bordered tbody:first-child tr:first-child td:first-child {
  -webkit-border-radius: 4px 0 0 0;
  -moz-border-radius: 4px 0 0 0;
  border-radius: 4px 0 0 0;
}
.table-bordered thead:first-child tr:first-child th:last-child,
.table-bordered tbody:first-child tr:first-child td:last-child {
  -webkit-border-radius: 0 4px 0 0;
  -moz-border-radius: 0 4px 0 0;
  border-radius: 0 4px 0 0;
}
.table-bordered thead:last-child tr:last-child th:first-child,
.table-bordered tbody:last-child tr:last-child td:first-child {
  -webkit-border-radius: 0 0 0 4px;
  -moz-border-radius: 0 0 0 4px;
  border-radius: 0 0 0 4px;
}
.table-bordered thead:last-child tr:last-child th:last-child,
.table-bordered tbody:last-child tr:last-child td:last-child {
  -webkit-border-radius: 0 0 4px 0;
  -moz-border-radius: 0 0 4px 0;
  border-radius: 0 0 4px 0;
}
.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
  background-color: #f9f9f9;
}
.table tbody tr:hover td,
.table tbody tr:hover th {
  background-color: #f5f5f5;
}

.table .span1 {
  float: none;
  width: 44px;
  margin-left: 0;
}
.table .span2 {
  float: none;
  width: 124px;
  margin-left: 0;
}
.table .span3 {
  float: none;
  width: 204px;
  margin-left: 0;
}
.table .span4 {
  float: none;
  width: 284px;
  margin-left: 0;
}
.table .span5 {
  float: none;
  width: 364px;
  margin-left: 0;
}
.table .span6 {
  float: none;
  width: 444px;
  margin-left: 0;
}
.table .span7 {
  float: none;
  width: 524px;
  margin-left: 0;
}
.table .span8 {
  float: none;
  width: 604px;
  margin-left: 0;
}
.table .span9 {
  float: none;
  width: 684px;
  margin-left: 0;
}
.table .span10 {
  float: none;
  width: 764px;
  margin-left: 0;
}
.table .span11 {
  float: none;
  width: 844px;
  margin-left: 0;
}
.table .span12 {
  float: none;
  width: 924px;
  margin-left: 0;
}
.table .span13 {
  float: none;
  width: 1004px;
  margin-left: 0;
}
.table .span14 {
  float: none;
  width: 1084px;
  margin-left: 0;
}
.table .span15 {
  float: none;
  width: 1164px;
  margin-left: 0;
}
.table .span16 {
  float: none;
  width: 1244px;
  margin-left: 0;
}
.table .span17 {
  float: none;
  width: 1324px;
  margin-left: 0;
}
.table .span18 {
  float: none;
  width: 1404px;
  margin-left: 0;
}
.table .span19 {
  float: none;
  width: 1484px;
  margin-left: 0;
}
.table .span20 {
  float: none;
  width: 1564px;
  margin-left: 0;
}
.table .span21 {
  float: none;
  width: 1644px;
  margin-left: 0;
}
.table .span22 {
  float: none;
  width: 1724px;
  margin-left: 0;
}
.table .span23 {
  float: none;
  width: 1804px;
  margin-left: 0;
}
.table .span24 {
  float: none;
  width: 1884px;
  margin-left: 0;
}


.dropdown {
  position: relative;
}
.dropdown-toggle {
  *margin-bottom: -3px;
}
.dropdown-toggle:active,
.open .dropdown-toggle {
  outline: 0;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #000000;
  opacity: 0.3;
  filter: alpha(opacity=30);
  content: "";
}
.dropdown .caret {
  margin-top: 8px;
  margin-left: 2px;
  /*mod*/
  margin-right: -6px;
}
.dropdown:hover .caret,
.open.dropdown .caret {
  opacity: 1;
  filter: alpha(opacity=100);
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  /*left: 0;*/
  left:-1px;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  padding: 4px 0;
  /*margin: 0;*/
  margin:-1px 0 0 0;
  list-style: none;
  background-color: #ffffff;
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
  border-width: 1px;
  /*-webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;*/
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
}
/* fix first and last li when using dividers */
.dropdown-menu li:first-child {
  padding-top:6px;
}
.dropdown-menu li:last-child {
  padding-bottom:4px;
}
/* end fix */

.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 8px 1px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
  *width: 100%;
  *margin: -5px 0 5px;
}
.dropdown-menu a {
  display: block;
  padding: 3px 15px;
  clear: both;
  font-weight: normal;
  line-height: 18px;
  color: #333333;
  white-space: nowrap;
}
.dropdown-menu li > a:hover,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #ef2b2d;
}
.dropdown.open {
  *z-index: 1000;
}
.dropdown.open .dropdown-toggle {
  color: #ffffff;
  background: #ccc;
  background: url('http://montreal2.qc.ca/outils/php_rgba/rgba.php/rgba(0, 0, 0, 0.3)');
  background: rgba(0, 0, 0, 0.3);
}
.dropdown.open .dropdown-menu {
  display: block;
}
.pull-right .dropdown-menu {
  left: auto;
  right: 0;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid #000000;
  content: "\2191";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}
.typeahead {
  margin-top: 2px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #eee;
  border: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
.well-large {
  padding: 24px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.well-med {
  padding: 14px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-bottom:10px;
}
.well-small {
  padding: 9px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.well *:last-child {margin-bottom:0;}
.fade {
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -ms-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
  opacity: 0;
}
.fade.in {
  opacity: 1;
}
.collapse {
  -webkit-transition: height 0.35s ease;
  -moz-transition: height 0.35s ease;
  -ms-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease;
  position: relative;
  overflow: hidden;
  height: 0;
}
.collapse.in {
  height: auto;
}
.close {
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 18px;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.close:hover {
  color: #000000;
  text-decoration: none;
  opacity: 0.4;
  filter: alpha(opacity=40);
  cursor: pointer;
}
.btn {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  padding: 4px 10px 4px;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 18px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(top, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  border: 1px solid #cccccc;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  *margin-left: .3em;
}
.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  background-color: #e6e6e6;
}
.btn:active,
.btn.active {
  background-color: #cccccc \9;
}
.btn:first-child {
  *margin-left: 0;
}
.btn:hover {
  color: #333333;
  text-decoration: none;
  background-color: #e6e6e6;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -ms-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}
.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn.active,
.btn:active {
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  background-color: #e6e6e6;
  background-color: #d9d9d9 \9;
  outline: 0;
}
.btn.disabled,
.btn[disabled] {
  cursor: default;
  background-image: none;
  background-color: #e6e6e6;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn-large {
  padding: 9px 14px;
  font-size: 15px;
  line-height: normal;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.btn-large [class^="icon-"] {
  margin-top: 1px;
}
.btn-small {
  padding: 5px 9px;
  font-size: 11px;
  line-height: 16px;
}
.btn-small [class^="icon-"] {
  margin-top: -1px;
}
.btn-mini {
  padding: 2px 6px;
  font-size: 11px;
  line-height: 14px;
}
.btn-primary,
.btn-primary:hover,
.btn-warning,
.btn-warning:hover,
.btn-chm,
.btn-chm:hover,
.btn-danger,
.btn-danger:hover,
.btn-success,
.btn-success:hover,
.btn-info,
.btn-info:hover,
.btn-inverse,
.btn-inverse:hover {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  color: #ffffff;
}
.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-chm.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
  color: rgba(255, 255, 255, 0.75);
}
.btn-primary {
  background-color: #0074cc;
  background-image: -moz-linear-gradient(top, #0088cc, #0055cc);
  background-image: -ms-linear-gradient(top, #0088cc, #0055cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0055cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0055cc);
  background-image: -o-linear-gradient(top, #0088cc, #0055cc);
  background-image: linear-gradient(top, #0088cc, #0055cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0055cc', GradientType=0);
  border-color: #0055cc #0055cc #003580;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  background-color: #0055cc;
}
.btn-primary:active,
.btn-primary.active {
  background-color: #004099 \9;
}
.btn-warning {
  background-color: #faa732;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -ms-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(top, #fbb450, #f89406);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
  border-color: #f89406 #f89406 #ad6704;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
  background-color: #f89406;
}
.btn-warning:active,
.btn-warning.active {
  background-color: #c67605 \9;
}
.btn-danger {
  background-color: #da4f49;
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(top, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
  background-color: #bd362f;
}
.btn-danger:active,
.btn-danger.active {
  background-color: #942a25 \9;
}
.btn-chm {
  background-color: #da4f49;
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(top, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.btn-chm:hover,
.btn-chm:active,
.btn-chm.active,
.btn-chm.disabled,
.btn-chm[disabled] {
  background-color: #bd362f;
}
.btn-chm:active,
.btn-chm.active {
  background-color: #942a25 \9;
}
.btn-success {
  background-color: #5bb75b;
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: -ms-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(top, #62c462, #51a351);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0);
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  background-color: #51a351;
}
.btn-success:active,
.btn-success.active {
  background-color: #408140 \9;
}
.btn-info {
  background-color: #49afcd;
  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: linear-gradient(top, #5bc0de, #2f96b4);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
  background-color: #2f96b4;
}
.btn-info:active,
.btn-info.active {
  background-color: #24748c \9;
}
.btn-inverse {
  background-color: #414141;
  background-image: -moz-linear-gradient(top, #555555, #222222);
  background-image: -ms-linear-gradient(top, #555555, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222));
  background-image: -webkit-linear-gradient(top, #555555, #222222);
  background-image: -o-linear-gradient(top, #555555, #222222);
  background-image: linear-gradient(top, #555555, #222222);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#222222', GradientType=0);
  border-color: #222222 #222222 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.btn-inverse:hover,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  background-color: #222222;
}
.btn-inverse:active,
.btn-inverse.active {
  background-color: #080808 \9;
}
button.btn,
input[type="submit"].btn {
  *padding-top: 2px;
  *padding-bottom: 2px;
}
button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}
button.btn.btn-large,
input[type="submit"].btn.btn-large {
  *padding-top: 7px;
  *padding-bottom: 7px;
}
button.btn.btn-small,
input[type="submit"].btn.btn-small {
  *padding-top: 3px;
  *padding-bottom: 3px;
}
button.btn.btn-mini,
input[type="submit"].btn.btn-mini {
  *padding-top: 1px;
  *padding-bottom: 1px;
}
.btn-group {
  position: relative;
  *zoom: 1;
  *margin-left: .3em;
}
.btn-group:before,
.btn-group:after {
  display: table;
  content: "";
}
.btn-group:after {
  clear: both;
}
.btn-group:first-child {
  *margin-left: 0;
}
.btn-group + .btn-group {
  margin-left: 5px;
}
.btn-toolbar {
  margin-top: 9px;
  margin-bottom: 9px;
}
.btn-toolbar .btn-group {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
}
.btn-group .btn {
  position: relative;
  float: left;
  margin-left: -1px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.btn-group .btn:first-child {
  margin-left: 0;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}
.btn-group .btn:last-child,
.btn-group .dropdown-toggle {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
}
.btn-group .btn.large:first-child {
  margin-left: 0;
  -webkit-border-top-left-radius: 6px;
  -moz-border-radius-topleft: 6px;
  border-top-left-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-left-radius: 6px;
}
.btn-group .btn.large:last-child,
.btn-group .large.dropdown-toggle {
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  border-bottom-right-radius: 6px;
}
.btn-group .btn:hover,
.btn-group .btn:focus,
.btn-group .btn:active,
.btn-group .btn.active {
  z-index: 2;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  *padding-top: 3px;
  *padding-bottom: 3px;
}
.btn-group .btn-mini.dropdown-toggle {
  padding-left: 5px;
  padding-right: 5px;
  *padding-top: 1px;
  *padding-bottom: 1px;
}
.btn-group .btn-small.dropdown-toggle {
  *padding-top: 4px;
  *padding-bottom: 4px;
}
.btn-group .btn-large.dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}
.btn-group.open {
  *z-index: 1000;
}
.btn-group.open .dropdown-menu {
  display: block;
  margin-top: 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.btn-group.open .dropdown-toggle {
  background-image: none;
  -webkit-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn .caret {
  margin-top: 7px;
  margin-left: 0;
}
.btn:hover .caret,
.open.btn-group .caret {
  opacity: 1;
  filter: alpha(opacity=100);
}
.btn-mini .caret {
  margin-top: 5px;
}
.btn-small .caret {
  margin-top: 6px;
}
.btn-large .caret {
  margin-top: 6px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000000;
}
.btn-primary .caret,
.btn-warning .caret,
.btn-danger .caret,
.btn-chm .caret,
.btn-info .caret,
.btn-success .caret,
.btn-inverse .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.alert {
  padding: 8px 35px 8px 14px;
  margin-bottom: 18px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #c09853;
}
.alert-heading {
  color: inherit;
}
.alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 18px;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #468847;
}
.alert-danger,
.alert-error {
  background-color: #f2dede;
  border-color: #eed3d7;
  color: #b94a48;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #3a87ad;
}
.alert-block {
  padding-top: 14px;
  padding-bottom: 14px;
}
.alert-block > p,
.alert-block > ul {
  margin-bottom: 0;
}

.nav {
  margin-left: 0;
  margin-bottom: 18px;
  list-style: none;
}
.nav > li > a {
  display: block;
}
.nav > li > a:hover {
  text-decoration: none;
  background-color: #eeeeee;
}
.nav .nav-header {
  display: block;
  padding: 3px 15px;
  font-size: 11px;
  font-weight: bold;
  line-height: 18px;
  color: #999999;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
}
.nav li + .nav-header {
  margin-top: 9px;
}
.nav-list {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 0;
}
.nav-list > li > a,
.nav-list .nav-header {
  margin-left: -15px;
  margin-right: -15px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.nav-list > li > a {
  padding: 3px 15px;
}
.nav-list > .active > a,
.nav-list > .active > a:hover {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  background-color: #0088cc;
}
.nav-list [class^="icon-"] {
  margin-right: 2px;
}
.nav-list .divider {
  height: 1px;
  margin: 8px 1px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
  *width: 100%;
  *margin: -5px 0 5px;
}
.nav-tabs,
.nav-pills {
  *zoom: 1;
}
.nav-tabs:before,
.nav-pills:before,
.nav-tabs:after,
.nav-pills:after {
  display: table;
  content: "";
}
.nav-tabs:after,
.nav-pills:after {
  clear: both;
}
.nav-tabs > li,
.nav-pills > li {
  float: left;
}
.nav-tabs > li > a,
.nav-pills > li > a {
  padding-right: 12px;
  padding-left: 12px;
  margin-right: 2px;
  line-height: 14px;
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 18px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #dddddd;
}
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover {
  color: #555555;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}
.nav-pills > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 2px;
  margin-bottom: 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.nav-pills > .active > a,
.nav-pills > .active > a:hover {
  color: #ffffff;
  background-color: #0088cc;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li > a {
  margin-right: 0;
}
.nav-tabs.nav-stacked {
  border-bottom: 0;
}
.nav-tabs.nav-stacked > li > a {
  border: 1px solid #ddd;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.nav-tabs.nav-stacked > li:first-child > a {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.nav-tabs.nav-stacked > li:last-child > a {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.nav-tabs.nav-stacked > li > a:hover {
  border-color: #ddd;
  z-index: 2;
}
.nav-pills.nav-stacked > li > a {
  margin-bottom: 3px;
}
.nav-pills.nav-stacked > li:last-child > a {
  margin-bottom: 1px;
}
.nav-tabs .dropdown-menu,
.nav-pills .dropdown-menu {
  margin-top: 1px;
  border-width: 1px;
}
.nav-pills .dropdown-menu {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.nav-tabs .dropdown-toggle .caret,
.nav-pills .dropdown-toggle .caret {
  border-top-color: #0088cc;
  border-bottom-color: #0088cc;
  margin-top: 6px;
}
.nav-tabs .dropdown-toggle:hover .caret,
.nav-pills .dropdown-toggle:hover .caret {
  border-top-color: #005580;
  border-bottom-color: #005580;
}
.nav-tabs .active .dropdown-toggle .caret,
.nav-pills .active .dropdown-toggle .caret {
  border-top-color: #333333;
  border-bottom-color: #333333;
}
.nav > .dropdown.active > a:hover {
  color: #000000;
  cursor: pointer;
}
.nav-tabs .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle,
.nav > .open.active > a:hover {
  color: #ffffff;
  background-color: #999999;
  border-color: #999999;
}
.nav .open .caret,
.nav .open.active .caret,
.nav .open a:hover .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
}
.tabs-stacked .open > a:hover {
  border-color: #999999;
}
.tabbable {
  *zoom: 1;
}
.tabbable:before,
.tabbable:after {
  display: table;
  content: "";
}
.tabbable:after {
  clear: both;
}
.tab-content {
  display: table;
  width: 100%;
}
.tabs-below .nav-tabs,
.tabs-right .nav-tabs,
.tabs-left .nav-tabs {
  border-bottom: 0;
}
.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}
.tab-content > .active,
.pill-content > .active {
  display: block;
}
.tabs-below .nav-tabs {
  border-top: 1px solid #ddd;
}
.tabs-below .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0;
}
.tabs-below .nav-tabs > li > a {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.tabs-below .nav-tabs > li > a:hover {
  border-bottom-color: transparent;
  border-top-color: #ddd;
}
.tabs-below .nav-tabs .active > a,
.tabs-below .nav-tabs .active > a:hover {
  border-color: transparent #ddd #ddd #ddd;
}
.tabs-left .nav-tabs > li,
.tabs-right .nav-tabs > li {
  float: none;
}
.tabs-left .nav-tabs > li > a,
.tabs-right .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}
.tabs-left .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd;
}
.tabs-left .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
.tabs-left .nav-tabs > li > a:hover {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}
.tabs-left .nav-tabs .active > a,
.tabs-left .nav-tabs .active > a:hover {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff;
}
.tabs-right .nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd;
}
.tabs-right .nav-tabs > li > a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
.tabs-right .nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}
.tabs-right .nav-tabs .active > a,
.tabs-right .nav-tabs .active > a:hover {
  border-color: #ddd #ddd #ddd transparent;
  *border-left-color: #ffffff;
}
.navbar {
  *position: relative;
  *z-index: 2;
  overflow: visible;
  margin-bottom: 33px;
  margin-top:29px;
  color: #333333;
  font-weight:bold;
}
.navbar-inner {
  background-color: #ffffff;
}
.navbar .container {
  margin:0;
}
.btn-navbar {
  display: none;
  float: right;
  padding: 7px 10px;
  margin-left: 5px;
  margin-right: 5px;
}
.btn-navbar:hover,
.btn-navbar:active,
.btn-navbar.active,
.btn-navbar.disabled,
.btn-navbar[disabled] {
  background-color: #222222;
}
.btn-navbar:active,
.btn-navbar.active {
  background-color: #080808;
}
.btn-navbar .icon-bar {
  display: block;
  width: 18px;
  height: 2px;
  background-color: #f5f5f5;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}
.btn-navbar .icon-bar + .icon-bar {
  margin-top: 3px;
}
.nav-collapse.collapse {
  height: auto;
}
.navbar .brand:hover {
  text-decoration: none;
}
.navbar .brand {
  float: left;
  display: block;
  /*padding: 8px 20px 12px;*/
  margin-left: -26px;
  margin-top:9px;
  width:108px;
  height:96px;
  font: 0/0;
  text-shadow: none;
  color: transparent;
  background: transparent url('/pls/portal/docs/page/centre_hist_mtl_fr/media/images/interface/logo-chm-2013.png') left top no-repeat;
}
.navbar .navbar-text {
  margin-bottom: 0;
  line-height: 40px;
}
.navbar .btn,
.navbar .btn-group {
  margin-top: 5px;
}
.navbar .btn-group .btn {
  margin-top: 0;
}
.navbar-form {
  margin-bottom: 0;
  *zoom: 1;
}
.navbar-form:before,
.navbar-form:after {
  display: table;
  content: "";
}
.navbar-form:after {
  clear: both;
}
.navbar-form input,
.navbar-form select,
.navbar-form .radio,
.navbar-form .checkbox {
  margin-top: 5px;
}
.navbar-form input,
.navbar-form select {
  display: inline-block;
  margin-bottom: 0;
}
.navbar-form input[type="image"],
.navbar-form input[type="checkbox"],
.navbar-form input[type="radio"] {
  margin-top: 3px;
}
.navbar-form .input-append,
.navbar-form .input-prepend {
  margin-top: 6px;
  white-space: nowrap;
}
.navbar-form .input-append input,
.navbar-form .input-prepend input {
  margin-top: 0;
}
.navbar-search {
  position: relative;
  float: left;
  margin-top: 6px;
  margin-bottom: 0;
}
.navbar-search .search-query {
  padding: 4px 9px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: 1;
  color: #ffffff;
  background-color: #626262;
  border: 1px solid #151515;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15);
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.navbar-search .search-query:-moz-placeholder {
  color: #cccccc;
}
.navbar-search .search-query::-webkit-input-placeholder {
  color: #cccccc;
}
.navbar-search .search-query:focus,
.navbar-search .search-query.focused {
  padding: 5px 10px;
  color: #333333;
  text-shadow: 0 1px 0 #ffffff;
  background-color: #ffffff;
  border: 0;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  outline: 0;
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
  margin-bottom: 0;
}
.navbar-fixed-top .navbar-inner,
.navbar-fixed-bottom .navbar-inner {
  padding-left: 0;
  padding-right: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  width: 940px;
}
.navbar-fixed-top {
  top: 0;
}
.navbar-fixed-bottom {
  bottom: 0;
}
.navbar .nav {
  position: relative;
  display: block;
  float: left;
  margin: 22px 0 0 78px;

  /*en attendant ajout de l'item "histoire"*/
  width:672px;
}
.navbar .nav.pull-right {
  float: right;
}
.navbar .nav > li {
  display: block;
  float: left;
  border-bottom:1px solid #e8e8e8;
  border-top:1px solid #e8e8e8;
}
.navbar .nav > li > a {
  float: none;
  /* padding en attendant l'item "histoire" */
  padding: 21px 24px 22px;
  line-height: 19px;
  color: #666666;
  text-decoration: none;
}
.navbar .nav > li > a.lastitem {
  /*padding:21px 31px 22px;*/
}
.navbar .nav > li > a:hover {
  background-color: #ef2b2d;
  color: #ffffff;
  text-decoration: none;
}
.navbar .nav .active > a,
.navbar .nav .active > a:hover {
  color: #ef2b2d;
  text-decoration: none;
  background-color: #ffffff;
}
.navbar .divider-vertical {
  height: 40px;
  width: 1px;
  margin: 0 9px;
  overflow: hidden;
  background-color: #222222;
  border-right: 1px solid #333333;
}
.navbar .nav.pull-right {
  margin-left: 10px;
  margin-right: 0;
}
.navbar-fixed-bottom .dropdown-menu:before {
  border-top: 7px solid #ccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  border-bottom: 0;
  bottom: -7px;
  top: auto;
}
.navbar-fixed-bottom .dropdown-menu:after {
  border-top: 6px solid #ffffff;
  border-bottom: 0;
  bottom: -6px;
  top: auto;
}
.navbar .nav .dropdown-toggle .caret,
.navbar .nav .open.dropdown .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
.navbar .nav .active .caret {
  opacity: 1;
  filter: alpha(opacity=100);
}
.navbar .nav .open > .dropdown-toggle,
.navbar .nav .active > .dropdown-toggle,
.navbar .nav .open.active > .dropdown-toggle {
  background-color: transparent;
}
.navbar .nav .active > .dropdown-toggle:hover {
  color: #ffffff;
}
.navbar .nav.pull-right .dropdown-menu,
.navbar .nav .dropdown-menu.pull-right {
  left: auto;
  right: 0;
}
.navbar .nav.pull-right .dropdown-menu:before,
.navbar .nav .dropdown-menu.pull-right:before {
  left: auto;
  right: 12px;
}
.navbar .nav.pull-right .dropdown-menu:after,
.navbar .nav .dropdown-menu.pull-right:after {
  left: auto;
  right: 13px;
}
.breadcrumb {
  padding: 7px 14px;
  margin: 0 0 18px;
  list-style: none;
  background-color: #fbfbfb;
  background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5));
  background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: linear-gradient(top, #ffffff, #f5f5f5);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
}
.breadcrumb li {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  text-shadow: 0 1px 0 #ffffff;
}
.breadcrumb .divider {
  padding: 0 5px;
  color: #999999;
}
.breadcrumb .active a {
  color: #333333;
}

.pager {
  margin-left: 0;
  margin-bottom: 18px;
  list-style: none;
  text-align: center;
  *zoom: 1;
}
.pager:before,
.pager:after {
  display: table;
  content: "";
}
.pager:after {
  clear: both;
}
.pager li {
  display: inline;
}
.pager a {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.pager a:hover {
  text-decoration: none;
  background-color: #f5f5f5;
}
.pager .next a {
  float: right;
}
.pager .previous a {
  float: left;
}
.pager .disabled a,
.pager .disabled a:hover {
  color: #999999;
  background-color: #fff;
  cursor: default;
}
.modal-open .dropdown-menu {
  z-index: 2050;
}
.modal-open .dropdown.open {
  *z-index: 2050;
}
.modal-open .popover {
  z-index: 2060;
}
.modal-open .tooltip {
  z-index: 2070;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1050;
  overflow: auto;
  width: 560px;
  margin: -250px 0 0 -280px;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  /* IE6-7 */

  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.modal.fade {
  -webkit-transition: opacity .3s linear, top .3s ease-out;
  -moz-transition: opacity .3s linear, top .3s ease-out;
  -ms-transition: opacity .3s linear, top .3s ease-out;
  -o-transition: opacity .3s linear, top .3s ease-out;
  transition: opacity .3s linear, top .3s ease-out;
  top: -25%;
}
.modal.fade.in {
  top: 50%;
}
.modal-header {
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
}
.modal-header .close {
  margin-top: 2px;
}
.modal-body {
  overflow-y: auto;
  max-height: 400px;
  padding: 15px;
}
.modal-form {
  margin-bottom: 0;
}
.modal-footer {
  padding: 14px 15px 15px;
  margin-bottom: 0;
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
  *zoom: 1;
}
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: "";
}
.modal-footer:after {
  clear: both;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.tooltip {
  position: absolute;
  z-index: 1020;
  display: block;
  visibility: visible;
  padding: 5px;
  font-size: 11px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.in {
  opacity: 0.85;
  filter: alpha(opacity=85);
}
.tooltip.top {
  margin-top: -2px;
}
.tooltip.right {
  margin-left: 2px;
}
.tooltip.bottom {
  margin-top: 2px;
}
.tooltip.left {
  margin-left: -2px;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #000000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #000000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #000000;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  padding: 5px;
}
.popover.top {
  margin-top: -5px;
}
.popover.right {
  margin-left: 5px;
}
.popover.bottom {
  margin-top: 5px;
}
.popover.left {
  margin-left: -5px;
}
.popover.top .arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000000;
}
.popover.right .arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #000000;
}
.popover.bottom .arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #000000;
}
.popover.left .arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #000000;
}
.popover .arrow {
  position: absolute;
  width: 0;
  height: 0;
}
.popover-inner {
  padding: 3px;
  width: 280px;
  overflow: hidden;
  background: #000000;
  background: url('http://montreal2.qc.ca/outils/php_rgba/rgba.php/rgba(0, 0, 0, 0.8)');
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}
.popover-title {
  padding: 9px 15px;
  line-height: 1;
  background-color: #f5f5f5;
  border-bottom: 1px solid #eee;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.popover-content {
  padding: 14px;
  background-color: #ffffff;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.popover-content p,
.popover-content ul,
.popover-content ol {
  margin-bottom: 0;
}
.thumbnails {
  margin-left: -20px;
  list-style: none;
  *zoom: 1;
}
.thumbnails:before,
.thumbnails:after {
  display: table;
  content: "";
}
.thumbnails:after {
  clear: both;
}
.thumbnails > li {
  float: left;
  margin: 0 0 18px 20px;
}
.thumbnail {
  display: block;
  padding: 4px;
  line-height: 1;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
}
a.thumbnail:hover {
  border-color: #0088cc;
  -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}
.thumbnail > img {
  display: block;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.thumbnail .caption {
  padding: 9px;
}
.label {
  padding: 1px 4px 2px;
  font-size: 10.998px;
  font-weight: bold;
  line-height: 13px;
  color: #ffffff;
  vertical-align: middle;
  white-space: nowrap;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #999999;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.label:hover {
  color: #ffffff;
  text-decoration: none;
}
.label-important {
  background-color: #b94a48;
}
.label-important:hover {
  background-color: #953b39;
}
.label-warning {
  background-color: #f89406;
}
.label-warning:hover {
  background-color: #c67605;
}
.label-success {
  background-color: #468847;
}
.label-success:hover {
  background-color: #356635;
}
.label-info {
  background-color: #3a87ad;
}
.label-info:hover {
  background-color: #2d6987;
}
.label-inverse {
  background-color: #333333;
}
.label-inverse:hover {
  background-color: #1a1a1a;
}
.badge {
  padding: 1px 9px 2px;
  font-size: 12.025px;
  font-weight: bold;
  white-space: nowrap;
  color: #ffffff;
  background-color: #999999;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}
.badge:hover {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.badge-error {
  background-color: #b94a48;
}
.badge-error:hover {
  background-color: #953b39;
}
.badge-warning {
  background-color: #f89406;
}
.badge-warning:hover {
  background-color: #c67605;
}
.badge-success {
  background-color: #468847;
}
.badge-success:hover {
  background-color: #356635;
}
.badge-info {
  background-color: #3a87ad;
}
.badge-info:hover {
  background-color: #2d6987;
}
.badge-inverse {
  background-color: #333333;
}
.badge-inverse:hover {
  background-color: #1a1a1a;
}

.accordion {
  margin-bottom: 18px;
}
.accordion-group {
  margin-bottom: 2px;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.accordion-heading {
  border-bottom: 0;
}
.accordion-heading .accordion-toggle {
  display: block;
  padding: 8px 15px;
}
.accordion-inner {
  padding: 9px 15px;
  border-top: 1px solid #e5e5e5;
}

.pull-right {
  float: right;
}
img.pull-right {margin: 12px 0 10px 16px;}

.pull-left {
  float: left;
}
img.pull-left {margin: 12px 16px 10px 0;}
.hide {
  display: none;
}
.show {
  display: block;
}
.invisible {
  visibility: hidden;
}
/*#bloc-expo.histo*/ img.flushtop {
  margin-top:5px!important;
}

/* ajouts custom */

/* nested dropdown solution by juansimp - https://github.com/twitter/bootstrap/issues/424#issuecomment-3910908 */
.nav li.dropdown ul.dropdown-menu li:HOVER ul {
  display:block;
  position:absolute;
  left:100%;
}
ul.nav li.dropdown:hover ul.dropdown-menu{
  display: block;
}
.nav li.dropdown ul.dropdown-menu ul {
  display: none;
  float:right;
  position: relative;
  top: auto;
  margin-top: -30px;
}
/* more from same discussion */
/*.nav li.dropdown ul.dropdown-menu .dropdown-menu::before {
    content: '';
    display: inline-block;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right:7px solid #CCC;
    border-right-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 9px;
    left: -14px;
}

.nav li.dropdown ul.dropdown-menu .dropdown-menu::after {
    content: '';

    display: inline-block;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right:6px solid white;
    position: absolute;
    top: 10px;
    left: -12px;
    }*/

/* ajouts perso --------------------------
*/

/* nav principale
*/
.open {
  color:#ffffff;
  background:#ef2b2d;
}
.open > a {color: inherit!important;}

#liens {float:right; margin-top:42px; /*width:88px;*/}
/* social links */
#social {float:right;list-style-type:none; margin-left:0;margin-bottom:0;font:0/0 a; text-shadow: none;color: transparent;}
#social li {float:left; margin: 0px 3px 0px 0px; width:18px;height:18px;}
#social li:last-child {margin-right:0;}
#social li a {display:block;width:100%;height:100%;text-decoration:none;color: transparent; opacity: 0.7;}
#facebook:link, #facebook:visited {background:transparent url('/pls/portal/docs/page/centre_hist_mtl_fr/media/images/interface/CHMsprite_v3.png') 0px -80px no-repeat;}
#facebook:hover, #facebook:active {background:transparent url('/pls/portal/docs/page/centre_hist_mtl_fr/media/images/interface/CHMsprite_v3.png') 0px -98px no-repeat;}
#twitter:link, #twitter:visited {background:transparent url('/pls/portal/docs/page/centre_hist_mtl_fr/media/images/interface/CHMsprite_v3.png') -18px -80px no-repeat;}
#twitter:hover, #twitter:active {background:transparent url('/pls/portal/docs/page/centre_hist_mtl_fr/media/images/interface/CHMsprite_v3.png') -18px -98px no-repeat;}
#youtube:link, #youtube:visited {background:transparent url('/pls/portal/docs/page/centre_hist_mtl_fr/media/images/interface/CHMsprite_v3.png') -36px -80px no-repeat;}
#youtube:hover, #youtube:active {background:transparent url('/pls/portal/docs/page/centre_hist_mtl_fr/media/images/interface/CHMsprite_v3.png') -36px -98px no-repeat;}
#flickr:link, #flickr:visited {background:transparent url('/pls/portal/docs/page/centre_hist_mtl_fr/media/images/interface/CHMsprite_v3.png') -54px -80px no-repeat;}
#flickr:hover, #flickr:active {background:transparent url('/pls/portal/docs/page/centre_hist_mtl_fr/media/images/interface/CHMsprite_v3.png') -54px -98px no-repeat;}
#instagram:link, #instagram:visited {background:transparent url('/pls/portal/docs/page/centre_hist_mtl_fr/media/images/interface/CHMsprite_v3.png') -72px -80px no-repeat;}
#instagram:hover, #instagram:active {background:transparent url('/pls/portal/docs/page/centre_hist_mtl_fr/media/images/interface/CHMsprite_v3.png') -72px -98px no-repeat;}
#infolettre:link, #infolettre:visited {background:transparent url('/pls/portal/docs/page/centre_hist_mtl_fr/media/images/interface/CHMsprite_v3.png') -90px -80px no-repeat;}
#infolettre:hover, #infolettre:active {background:transparent url('/pls/portal/docs/page/centre_hist_mtl_fr/media/images/interface/CHMsprite_v3.png') -90px -98px no-repeat;}

/* lien langue */

#prt_lang a:link, #prt_lang a:visited {display:block; float: left;color:#888888; font-size:10px;margin-right:8px; margin-top:0;border-bottom:1px solid #cccccc;font-weight:normal; zoom:1;}
#prt_lang a:hover, #prt_lang a:active {text-decoration: none; color:#ef2b2d;border-bottom:1px solid #dd0000;}
ul#langue{/*float:left;*/ position:absolute; top:20px; list-style-type: none;}

.ie7 #prt_lang a:link, .ie7 #prt_lang a:visited {
	position:absolute;
	top:-22px;
}

/* ephemeride */
#ephemeride {
  margin-bottom:24px;
}
#ephemeride #date {
  padding-top:4px;
}
#ephemeride #jour {
  width:140px;
  height:44px;
  padding-top:10px;
  float:left;
  text-align:right;
}
#ephemeride #annee {
  width:100px;
  height:54px;
  float:left;
  margin-right:-20px;
  text-align:center;
  overflow: visible;
  background:transparent url('/pls/portal/docs/page/centre_hist_mtl_fr/media/images/interface/annee_bg.png') center center no-repeat;
}



#evenement {
  height:65px;
  background:#efefef;
  color:#393939;
  border-collapse: separate;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow:    0 1px 4px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
  box-shadow:         0 1px 4px 0 rgba(0, 0, 0, 0.3);
  filter: progid:DXImageTransform.Microsoft.Shadow(color='#AAAAAA', Direction=180, Strength=1);
  border-top: 1px solid #EAEAEA;
}

#evenement .row {
  height:65px;
}
div.text-eph {width:650px; margin-left:20px;float:left; height:65px;}
div.dir-eph {width:42px; text-align:center; float:right;margin:0; }
/*#evenement img {
  float:right;
  margin:12px;
  }*/
  .ephslides {float:right;margin:23px 10px 0 0;}
  .ephslides li {display:inline-block; margin:0; zoom:1; *display:inline;}
  .ephslides li:first-child {margin-right:8px;}

  /* evenements secondaires */
  #secondaire {margin-bottom:4px; margin-top:2px;}
  #secondaire .span3 {position:relative; height:165px;}
  .infobox {
    position:absolute;
    bottom:0;
    left:0;
    width:196px;
    height:32px;
    padding:10px 12px;
    background: url('http://montreal2.qc.ca/outils/php_rgba/rgba.php/rgba(0,0,0,0.6)');
    background:rgba(0,0,0,0.6);
    color:#ffffff;
  }
  #secondaire p {
    margin:0;
    padding:0;
  }
  #secondaire p a {
    display: block;
  }

  .infobox a {
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:220px;
    height:52px;
    background:transparent url('/pls/portal/docs/page/centre_hist_mtl_fr/media/images/interface/arrow_bloc_secondaire.png') 100% 50% no-repeat;
  }
  .specialbox {
    top:0;
    background: url('http://montreal2.qc.ca/outils/php_rgba/rgba.php/rgba(239,43,45,0.75)');
    background:rgba(239,43,45,0.75);
  }
  .surdeuxlignes {display:inline;}


  /* footer - utilitaires */
  #footer {
    min-height:240px;
    padding-top:19px;
  }

  #footer ul {margin-top:15px;}
  #footer ul li {margin:0 0 15px 0;}
  #footer .util ul li {font-size:12px;line-height:20px;margin:0; padding:0;}
  #footer .util a:link, #footer .util a:visited {color:#444444;}
  #horaire {
    font-size:16px;
    line-height:22px;
    font-weight:bold;
    padding-left:42px;
    background: transparent url('/pls/portal/docs/page/centre_hist_mtl_fr/media/images/interface/clock.png') left 2px no-repeat;
  }
  #address {
    font-size:15px;
    line-height:21px;
    font-weight:bold;
    padding-left:42px;
    background: transparent url('/pls/portal/docs/page/centre_hist_mtl_fr/media/images/interface/placemark.png') left 2px no-repeat;
  }
  #address a:link, #address a:visited {
    color:#444444;
    background: transparent url('/pls/portal/docs/page/centre_hist_mtl_fr/media/images/interface/dotted_red.png') left bottom repeat-x;
    padding-bottom:1px;
  }
  #address a:hover, #address a:active {
    color:#ef2b2d;
    text-decoration: none;
  }
  .infofooter {
    padding-left:42px;
  }
  .infofooter ul {
    margin-left:-42px;
  }
/*#footer hr, #colophon hr {
  width:940px;
  margin:20px auto;
  }*/
  #footer hr {
    margin-bottom:40px;
  }
  /* etc */
  #colophon {
    min-height:60px;
    margin-top:10px;
    margin-bottom:10px;
  }
  #logomtl {
    display: block;
    height:24px;
    background:transparent url('/pls/portal/docs/page/centre_hist_mtl_fr/media/images/interface/CHMsprite_v3.png') left -56px no-repeat;
	
  }
  #copyright {
    font-size: 10px;
    margin-top:6px;
  }
  
  /* DÉBUT - À masquer après le 375 */
  #copyright {
	margin-top: 8px;
  }
  #logomtl {
	height: 30px;
	background: transparent url('/pls/portal/docs/page/centre_hist_mtl_fr/media/images/interface/logo_vivre375.png') left no-repeat;
  }
  /* FIN - À masquer après le 375 */

 /* pages sections ////////////////////////////////
 */
 /*.autoheight {
  overflow:show;
  }*/
  #menugauche {
    color:#444444;
    height:500px;
  }

  #menugauche ul {
    font-size:12px;
    border-top:1px solid #bbbbbb;
    font-weight:bold;
    color:#666666;
  }
  #menugauche ul li {
    line-height:16px;
    border-bottom:1px solid #dddddd;
  }
  #menugauche ul li a:link, #menugauche ul li a:visited {
    display:block;
    color: #666666;
    padding:12px 10px 11px 10px;
  }
  #menugauche ul li a:hover, #menugauche ul li a:active {
    text-decoration:none;
    color:#ef2b2d;
  }
  #menugauche.menugauche-short {
    height:auto;
  }
  #menugauche ul li .subgauche {
    border:none;
    font-weight:normal;
    padding: 10px 18px 14px;
  }
  #menugauche ul li .subgauche li {
    border:none;
    line-height:22px;
  }
  #menugauche ul li .subgauche li a:link, #menugauche ul li .subgauche li a:visited {
    padding:0;
  }
  .subgauche .active {
    font-weight:bold;
    color:#ef2b2d!important;
  }

/* Expositions /////////////////////////////////////
*/

/* titres collectrice (blocs rouges) */
.bloctitre {
  background:#ef2b2d;
  color:#ffffff;
  padding-bottom:8px;
  margin-bottom:16px;
}
.bloctitre a:link, .bloctitre a:visited {color:white; text-decoration: none;}
.bloctitre a:hover, .bloctitre a:active {
  text-shadow:0px 2px 1px #700000;
}
/* pour titres ds corps du texte */
.titre-inline, h2.titre-inline {
  font-family:Helvetica, Arial, 'Helvetica neue', sans-serif;
  display:inline-block;
  zoom:1;
  *display:inline;
  margin: 16px 0 10px 0;
}
.titre-inline-border {
  font-family:Helvetica, Arial, 'Helvetica neue', sans-serif;
  display:inline-block;
  zoom:1;
  *display:inline;
  margin: 16px 0 10px 0;
  padding-borrom:0.5em;
  border-bottom:2px solid #ef2b2d;
  font-size:150%;
  color:#ef2b2d;
}
.titre-inline + hr.flushtop {margin-top:-10px;}

/* titres sous-sections (blocs rouges, superposés) */

.bloctitre-sousexpo {
  display:inline-block;
  zoom:1;
  *display:inline;
  position: absolute;
  top:0;
  left:0;
  background: url('http://montreal2.qc.ca/outils/php_rgba/rgba.php/rgba(239,43,45,0.80)');
  background:rgba(239,43,45,0.80);
  color:#ffffff;
  padding:0;
}



.bloctitre-sousexpo a:link, .bloctitre-sousexpo a:visited {color:#ffffff; text-decoration: none;}
.bloctitre-sousexpo a:hover, .bloctitre-sousexpo a:active {text-shadow:0px 2px 1px #700000;}



.blocimage {
  margin-bottom:16px;
}


dt span.dtitre {
  font: bold 14px/18px Georgia, 'Times new Roman', Times, serif;
  margin-bottom: 10px;
  color:#ef2b2d;
}

dt span.dtitre a:link, dt span.dtitre a:visited {
  color:inherit;
  padding-bottom:1px;
}
dt span.dtitre a:hover, dt span.dtitre a:active {
  background: transparent url('/pls/portal/docs/page/centre_hist_mtl_fr/media/images/interface/dotted_red.png') left bottom repeat-x;
  text-decoration:none;
}

.infolayer {
  display: inline-block;
  position: absolute;
  top:0;
  left:0;
  padding:14px 20px;
  background: url('http://montreal2.qc.ca/outils/php_rgba/rgba.php/rgba(239,43,45,0.75)');
  background:rgba(239,43,45,0.75);
  color:#ffffff;
}
.infolayer a {
  color:white;
  text-decoration:none;
}

.infolayer-small {
  display: inline-block;
  position: absolute;
  top:0;
  left:0;
  padding:14px 20px;
  background: url('http://montreal2.qc.ca/outils/php_rgba/rgba.php/rgba(239,43,45,0.80)');
  background:rgba(239,43,45,0.80);
  color:#ffffff;
}
.infolayer-small a {
  color:white;
  text-decoration:none;
}

.infolayer-fleche {
  display: inline-block;
  position: absolute;
  top:0;
  left:0;
  padding:0;
  background: url('http://montreal2.qc.ca/outils/php_rgba/rgba.php/rgba(204, 0, 0, 0.85)');
  background:rgba(239,43,45,0.85);
  color:#ffffff;
}
.infolayer-fleche a {
  padding:14px 45px 14px 20px;
  color:#ffffff;
  display:block;
  background: transparent url('/pls/portal/docs/page/centre_hist_mtl_fr/media/images/interface/arrow_bloc_secondaire.png') right 50% no-repeat;
}
.infolayer-fleche a:hover, .infolayer-fleche a:active {
  text-decoration:none;
}

.miniblock-fleche {
  float:left;
  padding:0;
  background: url('http://montreal2.qc.ca/outils/php_rgba/rgba.php/rgba(204, 0, 0, 0.85)');
  background:rgba(239,43,45,0.85);
  color:#ffffff;
  overflow:auto;
  font-size:14px;
}

.miniblock-fleche a {
  padding:8px 32px 8px 12px;
  color:#ffffff;
  display:block;
  background: transparent url('/pls/portal/docs/page/centre_hist_mtl_fr/media/images/interface/arrow_bloc_secondaire.png') 110% 50% no-repeat;
}
.miniblock-fleche a:hover, .miniblock-fleche a:active {
  text-decoration:none;
}
.miniblock-fleche + p img {
  float:left;
  margin: 4px 12px 10px 0;
}

#bloc-expo {
  position:relative;
  top:0;
  left:0;
}
#bloc-expo img {
  margin-bottom:16px;
}
#bloc-expo span img {
  margin-bottom:0px!important;
}
#bloc-expo img.flushtop, img.flushtop {
  margin-top:0;
}
#bloc-expo img.metro, #bloc-expo img.phone {
  margin-bottom:0;
}

.vedette {
  color:#ef2b2d;
  /*padding-left:13px;
  background: transparent url('/pls/portal/docs/page/centre_hist_mtl_fr/media/images/interface/signet.png') left 2px no-repeat;*/
  margin-top:1em;
  padding-bottom:4px;
  margin-bottom:10px;
  clear: both;
  border-bottom:1px solid #ccc;
}

.quereste {
  color:#ef2b2d;
  /*padding-left:16px;
  background: transparent url('/pls/portal/docs/page/centre_hist_mtl_fr/media/images/interface/sablier.png') left 0 no-repeat;*/
  margin-top:1em;
  padding-bottom:4px;
  margin-bottom:10px;
  clear: both;
  border-bottom:1px solid #ccc;
}


#menugauche ul li.menugauche-actif {
 border-bottom: transparent;
}
#menugauche ul li.menugauche-actif > a {
  background:#ef2b2d url('/pls/portal/docs/page/centre_hist_mtl_fr/media/images/interface/menugauche_actif.png') right 50% no-repeat;
  color:#ffffff;
  /*cursor:default;*/
}
#menugauche ul.preactif {
  border-top:transparent;
}
#menugauche ul li.preactif {
  border-bottom:transparent;
}
#grandtitre {
  border-bottom: 1px solid #bbbbbb;
  margin-bottom: 16px;
}

/* dt, dd override (lignes 444, 448) */
/*dt {
  line-height:20px;
  clear:both;
  padding-left:240px;
}
dd {
  margin:6px 0 0 0;
  padding-left:240px;
}

dl {
  margin-top:24px;
  overflow: visible;
  }*/
  #bloc-expo dt.dtimgleft img {
    float: left;
    margin: 4px 0 20px -240px;
  }
  .module {
    float:left;
    margin:0 0 10px 0;
    zoom:1;
    overflow:auto;
  }
  .module-rel {
    position:relative;
    left:0;
    top:0;
    margin:0 0 10px 0;
    zoom:1;
    overflow:auto;
  }
  .span4etdemie.module-rel, .span4etdemie.module {
    margin:0 0 0 20px;
  }
  .module! > a img:first-child {margin-top:4px;}

  .module-activite {
    position:relative;
    left:0;
    top:0;
    margin:20px 0 0 0;
    height:165px;
  }


/*.module_a_propos_chm{
  position:relative;
  left:0;
  top:0;
  margin:20px 0 0 0;
  }*/

  .attention {
    display:inline-block;
    zoom:1;
    *display:inline;
    color:#ffffff;
    background: #ef2b2d;
    padding: 12px 14px;
    margin:12px 0;
  }



/* Visites individuelles ////////////////////////////////
*/
#tablevisites {
  margin-top:21px;
}
#tablevisites th, #tablevisites td {
  padding: 11px 13px;
}
#tablevisites .tdtitre {
  width:114px;
  background:#e1e1e1;
  color:#ef2b2d;
  font-weight:bold;
  border-top:1px solid #ffffff;
}
#tablevisites .tdmarge {
  width:20px;
  padding:0;
  border:none;
}
#tablevisites .tdcontenu {
  margin-left:20px;
  padding-left:0;
}
#tablevisites .toptd {
  border-top: 1px solid #ffffff;
}
#tablevisites tr:hover .tdmarge  {
  background-color: #ffffff;
}

/*#tablevisites ul {
  margin:4px 0;
  }*/
  #tablevisites ul {
    margin:2px 0 12px 0;
  }
/*#tablevisites ul li {
  margin:0 0 6px 0;
  }*/
  .imgcontainer {
    position:relative;
    top:0;
    left:0;
  }
  .imgcontainer a.crop {
    display:block;
    height:250px;
    overflow:hidden;
  }
  .imgcontainer a.crop img {
    position:relative;
    top:-33%;
    border:10px solid #ffffff;
    margin-left:-10px;
    -moz-box-shadow:    0 2px 7px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.4);
    box-shadow:         0 2px 7px 0 rgba(0, 0, 0, 0.4);
  }
  .imgcontainer a.reveal {
    overflow:visible;
  }
  .imgcontainer a.reveal img {
    overflow:visible;
  }
  .imgcontainer .infolayer-small {
    background: url('http://montreal2.qc.ca/outils/php_rgba/rgba.php/rgba(204, 0, 0, 0.9)');
    background:rgba(239,43,45,0.9);
  }
  dl.horaire dt {
    width:60px;
  }
  dl.horaire dd {
    margin-left:70px;
  }
  .em-title {
    display: inline-block;
    margin-bottom: 6px;
  }

/* enseignants //////////////////////////////////////////
*/


#acti-niveaux {

}
#acti-niveaux .span3, #acti-niveaux .span4etdemie {
  margin-top: 10px;
  margin-bottom:10px;
}
#acti-niveaux img.pull-left {margin:0;}
div.edurouge {
  color:white;
  background:#ef2b2d;
  margin: 0 0 0 90px;
  height: 74px;
  padding: 8px 10px;
  position:relative;
}
/*h4.edurouge span {
  bottom: 6px;
  color: #ffffff;
  display: inline-block;
  zoom:1;
  *display:inline;
  font-size: 11px;
  margin-right: 10px;
  margin-top: 5px;
  padding-top: 4px;
  position: absolute;
}
h4.edurouge span span.cycle {
  font-family:Georgia, 'Times New Roman', Times, serif;
  width:18px;
  height:18px;
  background: transparent url('/pls/portal/docs/page/centre_hist_mtl_fr/media/images/interface/cercle_cycle.png') left top no-repeat;
  display: inline-block;
  zoom:1;
  *display:inline;
  }*/
  h4.niveaux {font-size:12px; line-height:15px;}
  h4.niveaux a {color:white; text-decoration:none;}
  h4.niveaux + p {margin-left:8px;}

  ul.cycle {color:#2a2a2a;margin:0;position:absolute; bottom:8px;}
  ul.cycle li {float:left;font-weight:bold;}
  ul.cycle li:first-child {margin-top: 1px;margin-right:2px;}
  ul.cycle li.cycle-no {
    list-style-type:none;
    font-family:Georgia, 'Times New Roman', Times, serif;
    color:white;
    line-height:19px;
    margin-left:2px;
    text-align:center;
    background: transparent url('/pls/portal/docs/page/centre_hist_mtl_fr/media/images/interface/cercle_cycle.png') left top no-repeat;
  /*display: inline-block;
  zoom:1;
  *display:inline;*/
}
ul.cycle li.cycle-no.no1 {width:19px;height:19px;text-indent:-1px;line-height:17px;}
ul.cycle li.cycle-no.no2 {width:19px;height:19px;text-indent:-2px;line-height:17px;}
ul.cycle li.cycle-no.no3 {width:19px;height:19px;line-height:15px;}

/* pages concours photo /////////////////////////////////
*/

.boxstack {
  list-style-type:none;
  margin:0;
}
.boxstack li {
  padding: 0 0 16px 0;
  width:260px;
  float:left;
  margin-bottom:16px;
  border-bottom:1px solid #cccccc;
}
.boxstack li:nth-child(even) {
  margin-left:20px;
}
.boxstack li:last-child {
  border:0;
}

.boxstack h4 span {
  color:#ef2b2d;
}

#galeriephoto {
  margin-bottom:16px;
}
.blocinline {
  display:inline-block;
  padding: 2px 0 6px 0;
  margin-bottom:0;
  zoom:1;
  *display:inline;
}
span.gagnant {display:inline-block;zoom:1; *display: inline; background:transparent url('/pls/portal/docs/page/centre_hist_mtl_fr/media/images/interface/ribbon2.png') left 4px no-repeat;font: bold 16px/20px Georgia, 'Times new Roman', Times, serif; color:#ef2b2d; margin-left:-14px; padding-left:20px; margin-right:4px; padding-bottom:4px;}
span.gagnant sup {font-size:13.2px;}
span.gagnant:first-letter {font-size:20px;}
a.gagnant {display: block; margin-top:27px;}
div.gagnant {margin-top:20px;}
.pasdeprix {background:transparent;font: bold 16px/20px Georgia, 'Times new Roman', Times, serif; color:#ef2b2d; padding-bottom:6px; border-bottom: 1px solid #999;}
#liensconcours li {
  padding:0 0 8px 0;
}

/* misc ////////////////////////////////////////////////
*/

.rouge {color:#ef2b2d;}

/*   liens spéciaux    */

.pdflink:link, .pdflink:visited, .dotlink:link, .dotlink:visited, .externe:link, .externe:visited {
  color:#ef2b2d;
  padding-bottom:1px;
  background: transparent url('/pls/portal/docs/page/centre_hist_mtl_fr/media/images/interface/dotted_red.png') left bottom repeat-x;
}
.dotlink:hover, .dotlink:active {
  text-decoration:none;
  background: none;
  color:#aa0000;
}
.pdflink:after {
  content:"";
  padding-right:14px;
  margin-right:0.3em;
  background: url('http://ville.montreal.qc.ca/pls/portal/docs/page/centre_hist_mtl_fr/media/images/interface/icon_fichier.png') center right no-repeat;
}
.externe:link, .externe:visited{
  color:#ef2b2d;
  padding-bottom:2px;
  background: transparent url('/pls/portal/docs/page/centre_hist_mtl_fr/media/images/interface/dotted_red.png') left bottom repeat-x;
}
.externe:hover, .externe:active {
  text-decoration:none;
  background: none;
  color:#aa0000;
}
.externe:after {
  content:"";
  padding-right:15px;
  margin-right:0.2em;
  background: url('/pls/portal/docs/page/centre_hist_mtl_fr/media/images/interface/externe.png') center right no-repeat;
}

#social a.externe:after, #colophon a.externe:after {
  content:"";
  content:none;
}
#social li a.externe, #colophon a.externe {
  padding-bottom: 0!important;
}

img.blancsurblanc {
  outline:1px solid #dedede;
}
hr.flushtop {
  margin-top:0;
}
.top-rule {
  border-top: 1px solid #cccccc;
}
#bloc-expo .pull-right {
  margin-left:20px;
  margin-top:-1px;
}
/*#bloc-expo*/ blockquote {
  color: #444444;
  padding: 18px 20px 0 54px;
  font-family: georgia, 'Times new roman', times, serif;
  border-left:0;
  margin-top:8px;
  background: url('/pls/portal/docs/page/centre_hist_mtl_fr/media/images/interface/quoteleft.png') left top no-repeat;
}
/*#bloc-expo*/ blockquote p:last-child {
  background: url('/pls/portal/docs/page/centre_hist_mtl_fr/media/images/interface/quoteright.png') right bottom no-repeat;
  min-height:30px;
  padding-right:38px;
}
/*#bloc-expo blockquote:before {
    content:"";
    margin-left:-1em;
    }*/


    /*#bloc-expo*/ blockquote small {
      display: block;
      line-height: 18px;
      color: #999;
      font-size: 11px;
      text-indent: -1em;
      margin-top: 6px;
    }


    #photo1, #photo2, #photo3, #photo4, #photo5 {
      border:12px solid #ffffff;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
    }

    .norowmargin {
      margin-left:0;
    }

    /*//////// informations  ///////////////////*/
    img.imageGauche {
      float: left;
      margin: 4px 10px 10px 0;
      display: block;
    }
    img.imageDroite {
      float: right;
      margin: 4px 0 10px 10px;
      display: block;
    }

    .group:before,
    .group:after {
      content:"";
      display:table;
    }
    .group:after {
      clear:both;
    }
    .group {
      zoom:1; /* For IE 6/7 (trigger hasLayout) */
    }

    /* list with images */
    ul.bl_tsr_avecImage {
      padding-top: 15px;
      list-style-type:none;
    }
/*ul {
    list-style: none outside none;
    margin: 10px 0;
    }*/
    ul.bl_tsr_avecImage li:after {
      clear: both;
      content: ".";
      display: block;
      height: 0;
      visibility: hidden;
    }
    ul.bl_tsr_avecImage li {
      background: none repeat scroll 0 0 transparent;
      margin: 0;
      padding: 0 0 15px 115px;
    }
    ul.bl_tsr_avecImage li img {
      float: left;
      margin-left: -115px;
      width: 100px;
    }

    table.table + p.small {
      margin-top:-18px;

      border-top:1px solid #dddddd!important;
      padding-top:10px;
    }
    h2 + ul {
      margin-top:0;
    }

    .checkbox > .help-block {
      margin-top:0;
    }

    /*style encadré galerie (tiré de inc_commun.css)*/

    table.encadre_gen {
      background-color: #f4f4f4;
      border-top: 1px solid #e1e1e1;
      margin: 0;
      width: 700px;
    }
    table.encadre_gen td {
      padding: 15px 15px 7px;
    }
    table.encadre_gen td table td {
      padding: 0;
    }

    table.imageAvecLeg, table.imageAvecLegLien {
      /*border-bottom: 1px solid #cccccc;*/
      float: left;
      margin: 4px 10px 0 0;
    }


    table.imageAvecLeg td a, table.imageAvecLegLien td a {
      color: #ef2b2d;
      display: block;
      padding-bottom: 4px;
      text-decoration: none;
    }

    table.imageAvecLeg td a img, table.imageAvecLegLien td a img {
      border: medium none;
    }


    table.imageAvecLeg td img, table.imageAvecLegLien td img {
      display: block;
      float: none;
      margin-bottom: 6px!important;
    }
    table.imageFltDrt {
      float: right;
      margin: 4px 0 0 10px;
    }
    table.imageAvecLegLien td a span.txtCont {
      display: block;
      line-height: 12px;
      padding: 0 3px 5px;
    }
    table.imageAvecLeg td span.txtCont {
      display: block;
      line-height: 12px;
      padding: 0 3px;
    }
    table.imageAvecLeg td a strong, table.imageAvecLegLien td a span.txtCont strong {
      background: url("/pls/portal/docs/page/lib_fr/media/images/ui_frm/ic_flecheRouge_lien.gif") no-repeat scroll right 50% transparent;
      color: #ef2b2d;
      cursor: pointer;
      display: inline-block;
      font-weight: normal;
      margin: 5px 0 3px;
      padding: 0 17px 0 3px;
      width: auto;
    }
    table.imageAvecLeg td, table.imageAvecLegLien td {
      color: #000000;
      font-size: 10px;
      /*text-align: center;*/
    }

    .formulaire{
      background-color: #f4f4f4;
      border: 1px solid #E4E4E4;
      margin: 10px 0;
      padding: 4px;
      width: 515px;
    }
    .phone{
      padding: 2px 0 1px 22px;
      background: url("/pls/portal/docs/page/centre_hist_mtl_fr/media/images/interface/phone_circle.png") left 0 no-repeat transparent;
      margin-left:-1px;
      overflow:visible;
    }
    .metro{
      padding: 0 0 1px 18px;
      background: url("/pls/portal/docs/page/centre_hist_mtl_fr/media/images/interface/metro.png") left 48% no-repeat transparent;
      margin-left:-1px;
      overflow:visible;
    }


    /* !section temp. écoles + élèves */
    .video-eleve {text-align: center;}

    .contenus_nouvelle {border-top:1px solid #cccccc; padding-top: 18px;}

    #selecteur_archives select, #selecteur_archives input {
      margin-top:14px;
    }

    .flushbottom {margin-bottom:0; padding-bottom:0;}
    #apropos-modules .module {margin-bottom:10px;}
    #apropos-modules hr {margin-bottom:24px;}
    #ecoles ul {margin-bottom:20px;}
    #apropos-modules img.flushtop {margin-top:2px!important;}

    .border {
      border-bottom: 1px solid #444444;
      display:inline-block;
      zoom:1;
      *display:inline;
    }

    #quotes-histor img { margin-top:20px;}

    /* dossiers de presse */
    .cover {width:140px; height:181px;position:relative; margin-bottom:1em;float:left;}
    .cover a:link, .cover a:visited {display:block; position:absolute;top:0; left:0; width:100%; height:100%;}
    .cover a:hover, .cover a:active {background:transparent url('/pls/portal/docs/page/centre_hist_mtl_fr/media/images/interface/download_pdf.png') 50% 50% no-repeat;}


/**
* classes pour IE6 (.ie6), IE7 (.ie7), IE8 (.ie8) et IE toutes versions (.ie)
**/

/* js triggered */
.ie7-pdflink {
  background: url('/pls/portal/docs/page/centre_hist_mtl_fr/media/images/interface/icon_fichier.png') right top no-repeat;
  zoom: 1;
  display: inline;
  height: 14px;
  margin-right: 4px;
  padding-left: 6px;
  width: 9px;
}
.ie7-externe {
  background: url('/pls/portal/docs/page/centre_hist_mtl_fr/media/images/interface/externe.png') right top no-repeat;
  zoom: 1;
  display: inline;
  height: 12px;
  margin-right: 4px;
  padding-left: 4px;
  width: 9px;
}
.ie7 .navbar .brand {
  text-indent:-9999px;
}

/*Liste numéroté (ex: activitées culturelles > balado)*/
div.liste_numero{
	margin-left:25px;
}
div.liste_numero h3.rouge{
	margin-left:-25px;
}
div.liste_numero h3.rouge span.chiffre{
	background: url('/pls/portal/docs/page/centre_hist_mtl_fr/media/images/interface/bg_puce_pour_numero.png') center center no-repeat;
	width:20px;
	height:20px;
	margin-right:5px;
	color:white;
	display:inline-block;
	text-align:center;
	padding:2px 0px 0px 0px;

}
/* DÉBUT * Styles pour la barre d'identification dans le portail */
table.mainTabDev {
	width: 100%;
	border-left: 4px solid #FFF;
	border-right:	4px solid #FFF;
	position: relative;
	z-index: 300;
}
table.mainTabDev table.e_Red_bg {
	width:100%;
	padding: 5px;
}
table.e_Red_bg {
	background-color: #8C0000;
	color: #ffffff;
}
table.mainTabDev table.e_Red_bg td {
	line-height: 1.75em;
}
table.mainTabDev table.e_Red_bg a {
	font-size:	12px;
	color: #FFF;
	text-decoration: none;
}
table.mainTabDev table.e_Red_bg a:hover{
	text-decoration: underline;
}
table.mainTabDev .eWhite10 {
	color: #FFF;
}
table.e_Red_bg a {
	font-size:	12px;
	color: #FFF;
	text-decoration: none;
}
/* FIN *** Styles pour la barre d'identification dans le portail */