@charset "UTF-8";
/* Theme Name: Maison St-Gabriel */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: 0 0; }

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {
  background: transparent;
  border: 0;
  font-size: 100%;
  outline: 0;
  margin: 0;
  padding: 0;
  vertical-align: baseline; }

article, aside, figure, footer, header, hgroup, nav, section {
  display: block; }

img, object, embed {
  max-width: 100%;
  height: auto; }

blockquote, q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none; }

a {
  background: transparent;
  margin: 0;
  padding: 0;
  vertical-align: baseline; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted black;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

th {
  font-weight: bold;
  vertical-align: bottom; }

td {
  font-weight: normal;
  vertical-align: top; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

pre {
  white-space: pre;
  white-space: pre-wrap;
  white-space: pre-line;
  word-wrap: break-word; }

input[type="radio"] {
  vertical-align: text-bottom; }

input[type="checkbox"] {
  vertical-align: bottom;
  *vertical-align: baseline; }

input[type='submit'] {
  -webkit-appearance: none; }

input::-moz-focus-inner {
  border: 0;
  padding: 0; }

select, input, textarea {
  font: 99% sans-serif; }

textarea {
  resize: vertical; }

table {
  font-size: inherit;
  font: 100%; }

a:hover, a:active {
  outline: none; }

small {
  font-size: 85%; }

strong, th {
  font-weight: bold; }

td, td img {
  vertical-align: top; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

label,
input[type=button],
input[type=submit],
button {
  cursor: pointer; }

button, input, select, textarea {
  margin: 0; }

button {
  width: auto;
  overflow: visible; }

html, body {
  height: 100%; }

body {
  color: #221a15;
  font-size: 83.3125%;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.4em;
  margin: 0 auto;
  width: 900px; }

#header {
  background-color: #3b6e8f;
  margin-bottom: 3px;
  overflow: hidden;
  position: relative; }

#logo,
#logo-en,
#logo-es {
  border-right: 3px white solid;
  float: left; }
  #logo h1,
  #logo-en h1,
  #logo-es h1 {
    margin: 0;
    width: 205px;
    height: 84px; }
    #logo h1 a,
    #logo-en h1 a,
    #logo-es h1 a {
      background: url(../img/l_msg.png) center center no-repeat;
      display: block;
      width: 100%;
      height: 100%;
      overflow: hidden;
      text-indent: 200%;
      white-space: nowrap;
      -webkit-transition: background-color 0.3s ease;
      -moz-transition: background-color 0.3s ease;
      -o-transition: background-color 0.3s ease;
      transition: background-color 0.3s ease; }
      #logo h1 a:hover,
      #logo-en h1 a:hover,
      #logo-es h1 a:hover {
        background-color: #264856; }
  #logo h2,
  #logo-en h2,
  #logo-es h2 {
    display: none; }

#logo-en h1 a {
  background: url(../img/l_msg-en.png) center center no-repeat; }

#logo-es h1 a {
  background: url(../img/l_msg-es.png) center center no-repeat; }

#menu ul, #menu li {
  list-style: none;
  margin: 0;
  padding: 0; }
#menu ul {
  overflow: hidden;
  width: 692px; }
#menu ul li {
  display: block;
  float: left; }
  #menu ul li:first-child a {
    background-image: none !important;
    padding-left: 0; }
    #menu ul li:first-child a span {
      padding-left: 11px;
      padding-right: 11px; }
  #menu ul li:last-child a span {
    padding-left: 11px;
    padding-right: 11px; }
  #menu ul li a {
    background: url(../img/bg_menu.gif) left 27px no-repeat;
    color: white;
    display: block;
    font-weight: bold;
    font-size: 0.90023em;
    line-height: 1.2em;
    padding-left: 3px;
    text-decoration: none;
    text-transform: uppercase; }
    #menu ul li a span {
      display: table-cell;
      height: 84px;
      padding: 0 10px 21px 9px;
      margin-left: 3px;
      -webkit-transition: background-color 0.3s ease;
      -moz-transition: background-color 0.3s ease;
      -o-transition: background-color 0.3s ease;
      transition: background-color 0.3s ease;
      vertical-align: bottom; }
  #menu ul li.selected a span,
  #menu ul li a:hover span {
    background-color: #264856; }

#b_menu {
  background: url(../img/b_menu.png) 0 0 no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
  display: none;
  position: absolute;
  top: 50px;
  right: 20px;
  width: 30px;
  height: 30px; }

#lang {
  background-color: white;
  float: right;
  position: absolute;
  top: 0;
  right: 0;
  height: 25px; }
  #lang, #lang li {
    list-style: none;
    margin: 0;
    padding: 0; }
  #lang li {
    border-left: 2px #d2232b solid;
    display: block;
    float: left;
    padding: 0 4px;
    line-height: 1em;
    letter-spacing: -0.1em;
    margin-top: 6px; }
    #lang li a {
      font-weight: bold;
      text-decoration: none; }
  #lang li:first-child {
    border: 0;
    position: relative; }
    #lang li:first-child::before {
      content: "";
      display: block;
      position: absolute;
      top: -6px;
      left: -25px;
      width: 0;
      height: 0;
      border-top: 25px solid white;
      border-left: 25px solid transparent; }
  #lang li:last-child {
    padding-right: 0; }

.submenu {
  background-color: #e4e4e0;
  padding: 17px;
  margin-bottom: 17px; }
  .submenu ul, .submenu li {
    list-style: none;
    margin: 0;
    padding: 0; }
  .submenu ul li {
    padding-bottom: 20px;
    text-transform: uppercase; }
    .submenu ul li a {
      font-weight: bold;
      text-decoration: none; }
    .submenu ul li ul li {
      font-size: 0.90023em;
      padding-bottom: 0;
      text-transform: none; }
  .submenu ul li:last-child {
    padding-bottom: 0; }
  .submenu ul li.selected a {
    color: #d2232a; }

.sousnav {
  color: #3b6e8f;
  font-weight: bold;
  text-transform: uppercase; }
  .sousnav:link {
    color: #3b6e8f;
    text-decoration: underline; }
  .sousnav:visited {
    color: #3b6e8f;
    text-decoration: underline; }
  .sousnav:hover {
    color: #3b6e8f;
    text-decoration: none; }
  .sousnav:active {
    color: #3b6e8f;
    text-decoration: none; }

#footer {
  padding: 50px 0; }

.footer_social a {
  background-image: url(../img/b_social.gif);
  display: block;
  float: left;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
  margin: 0 15px; }

.b_fb_large {
  background-position: 0 0;
  width: 35px;
  height: 35px; }

.b_yt_large {
  background-position: 0 -34px;
  width: 79px;
  height: 32px; }

.footer_redundant ul, .footer_redundant li {
  list-style: none;
  margin: 0;
  padding: 0; }
.footer_redundant li {
  font-size: 1.05026em;
  font-weight: bold;
  padding: 0 0 0.5em 0;
  text-transform: uppercase; }
  .footer_redundant li a {
    text-decoration: none; }

.footer_partners a {
  background-color: white;
  display: block;
  float: left;
  margin-left: 2%;
  width: 23.5%;
  height: 50px; }
  .footer_partners a img {
    width: 100%;
    height: auto; }
.footer_partners a.first {
  margin-left: 0; }

.row {
  width: 100%;
  max-width: 900px; }
  .row .row {
    min-width: 0; }

.columns {
  margin-left: 2.5%;
  float: left;
  min-height: 1px;
  position: relative; }
  .columns:first-child {
    margin-left: 0; }

[class*="column"] + [class*="column"]:last-child {
  float: right; }

[class*="column"] + [class*="column"].end {
  float: left; }

.row .span1.columns {
  width: 6.04167%; }
.row .span2.columns {
  width: 14.58333%; }
.row .span3.columns {
  width: 23.125%; }
.row .span4.columns {
  width: 31.66667%; }
.row .span5.columns {
  width: 40.20833%; }
.row .span6.columns {
  width: 48.75%; }
.row .span7.columns {
  width: 57.29167%; }
.row .span8.columns {
  width: 65.83333%; }
.row .span9.columns {
  width: 74.375%; }
.row .span10.columns {
  width: 82.91667%; }
.row .span11.columns {
  width: 91.45833%; }
.row .span12.columns {
  width: 100%; }
.row .offset-by-1 {
  margin-left: 14.58333%; }
  .row .offset-by-1:first-child {
    margin-left: 12.08333%; }
.row .offset-by-2 {
  margin-left: 23.125%; }
  .row .offset-by-2:first-child {
    margin-left: 20.625%; }
.row .offset-by-3 {
  margin-left: 31.66667%; }
  .row .offset-by-3:first-child {
    margin-left: 29.16667%; }
.row .offset-by-4 {
  margin-left: 40.20833%; }
  .row .offset-by-4:first-child {
    margin-left: 37.70833%; }
.row .offset-by-5 {
  margin-left: 48.75%; }
  .row .offset-by-5:first-child {
    margin-left: 46.25%; }
.row .offset-by-6 {
  margin-left: 57.29167%; }
  .row .offset-by-6:first-child {
    margin-left: 54.79167%; }
.row .offset-by-7 {
  margin-left: 65.83333%; }
  .row .offset-by-7:first-child {
    margin-left: 63.33333%; }
.row .offset-by-8 {
  margin-left: 74.375%; }
  .row .offset-by-8:first-child {
    margin-left: 71.875%; }
.row .offset-by-9 {
  margin-left: 82.91667%; }
  .row .offset-by-9:first-child {
    margin-left: 80.41667%; }
.row .offset-by-10 {
  margin-left: 91.45833%; }
  .row .offset-by-10:first-child {
    margin-left: 88.95833%; }
.row .push-2 {
  left: 20.625%; }
.row .push-3 {
  left: 29.16667%; }
.row .push-4 {
  left: 37.70833%; }
.row .push-5 {
  left: 46.25%; }
.row .push-6 {
  left: 54.79167%; }
.row .push-7 {
  left: 63.33333%; }
.row .push-8 {
  left: 71.875%; }
.row .push-9 {
  left: 80.41667%; }
.row .push-10 {
  left: 88.95833%; }
.row .pull-2 {
  right: 20.625%; }
.row .pull-3 {
  right: 29.16667%; }
.row .pull-4 {
  right: 37.70833%; }
.row .pull-5 {
  right: 46.25%; }
.row .pull-6 {
  right: 54.79167%; }
.row .pull-7 {
  right: 63.33333%; }
.row .pull-8 {
  right: 71.875%; }
.row .pull-9 {
  right: 80.41667%; }
.row .pull-10 {
  right: 88.95833%; }
.row .span1.centered {
  width: 6.04167%;
  margin: 0 auto; }
.row .span2.centered {
  width: 14.58333%;
  margin: 0 auto; }
.row .span3.centered {
  width: 23.125%;
  margin: 0 auto; }
.row .span4.centered {
  width: 31.66667%;
  margin: 0 auto; }
.row .span5.centered {
  width: 40.20833%;
  margin: 0 auto; }
.row .span6.centered {
  width: 48.75%;
  margin: 0 auto; }
.row .span7.centered {
  width: 57.29167%;
  margin: 0 auto; }
.row .span8.centered {
  width: 65.83333%;
  margin: 0 auto; }
.row .span9.centered {
  width: 74.375%;
  margin: 0 auto; }
.row .span10.centered {
  width: 82.91667%;
  margin: 0 auto; }
.row .span11.centered {
  width: 91.45833%;
  margin: 0 auto; }
.row .span12.centered {
  width: 100%;
  margin: 0 auto; }
.row .centered {
  float: none;
  margin: 0 auto; }

/* Nicolas Gallagher's micro clearfix */
.row:before, .row:after {
  content: "";
  display: table; }

.row:after {
  clear: both; }

.row {
  zoom: 1; }

#agenda {
  background: #e4e4e0 url(../img/t_agenda.gif) 10px 10px no-repeat;
  padding: 20px 22px 20px 35px;
  overflow: hidden; }

#agenda-en {
  background: #e4e4e0 url(../img/t_agenda-en.gif) 10px 10px no-repeat;
  padding: 20px 22px 20px 35px;
  overflow: hidden; }

.date_vertical {
  display: block;
  font-size: 0.97524em;
  font-weight: bold;
  margin-left: 66px;
  text-align: center;
  text-transform: uppercase;
  width: 100px; }
  .date_vertical .day {
    display: block;
    font-size: 0.82521em;
    line-height: 1em; }
  .date_vertical .day_num {
    color: #d2232a;
    display: block;
    font-size: 2.85071em;
    line-height: 1em; }
  .date_vertical .month {
    display: block;
    font-size: 0.97524em;
    line-height: 1em;
    margin: -2px 0 2px 0; }
  .date_vertical .year {
    display: block;
    font-size: 1.35034em;
    line-height: 1em; }

.calendar {
  float: left;
  width: 180px;
  margin-top: 20px; }
  .calendar h3 {
    color: #d2232a;
    font-size: 1.27532em;
    text-transform: uppercase;
    text-align: center; }
  .calendar .b_prev {
    float: left;
    text-decoration: none; }
  .calendar .b_next {
    float: right;
    text-decoration: none; }
  .calendar table {
    border: 0;
    color: #231f20;
    margin: 0; }
    .calendar table caption {
      padding-bottom: 0.5em; }
    .calendar table td,
    .calendar table th {
      padding: 0.49em;
      border: 0;
      font-weight: bold;
      text-align: center; }
    .calendar table th {
      border-top: 0;
      color: #767561; }
    .calendar table .today {
      background-color: #264856;
      color: white; }
    .calendar table a {
      color: black; }

a.ui-state-default {
  text-decoration: none; }

td.today a.ui-state-default {
  color: white; }

a.ui-datepicker-next {
  font-weight: bold;
  float: right;
  font-size: 18px;
  cursor: pointer; }

a.ui-datepicker-prev {
  font-weight: bold;
  float: left;
  font-size: 18px;
  cursor: pointer; }

.ui-datepicker-title {
  color: #d2232a;
  font-size: 17px;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold; }

.calendar_filters {
  background-color: white;
  -webkit-box-shadow: 5px 5px 15px #918f90 inset;
  -moz-box-shadow: 5px 5px 15px #918f90 inset;
  box-shadow: 5px 5px 15px #918f90 inset;
  color: #d2232a;
  font-size: 1.2003em;
  float: right;
  font-weight: bold;
  padding: 40px 0px 25px 20px;
  margin-top: 20px;
  text-transform: uppercase;
  width: 180px; }
  .calendar_filters label {
    clear: both;
    cursor: pointer;
    margin-top: 35px; }
  .calendar_filters label:first-child {
    margin-top: 0; }

#home_secondrow {
  margin-top: 2.5%; }

.news {
  border-bottom: 1px #838181 solid;
  padding: 17px 0;
  font-size: 1.12528em; }
  .news.first {
    padding-top: 0; }
  .news h3 {
    font-size: 1.06667em;
    line-height: 1em;
    margin: 0; }
    .news h3 a {
      color: #3b6e8f;
      text-decoration: none; }
      .news h3 a:hover {
        color: #2f5872; }
  .news p {
    margin: 3px 3px 0 0; }
  .news time {
    font-weight: bold; }
  .news .thumb {
    float: right; }
    .news .thumb img {
      display: block;
      margin: 0 0 0 10px; }

.block_serendre,
.block_lesjardins {
  color: white;
  display: block;
  font-size: 0.82521em;
  line-height: 1.2em;
  padding: 17px 100px 13px 13px;
  width: 100%;
  height: 159px; }
  .block_serendre h4,
  .block_lesjardins h4 {
    color: white;
    font-size: 1.63636em;
    line-height: 1em; }
  .block_serendre p,
  .block_lesjardins p {
    margin-bottom: 0.8em; }

.block_lesjardins {
  background: url(../img/block_lesjardins.gif) 0 0 no-repeat; }

.block_serendre {
  background: url(../img/block_serendre.gif) 0 0 no-repeat; }
  .block_serendre ul, .block_serendre li {
    list-style: none;
    margin: 0;
    padding: 0; }
  .block_serendre li {
    border-bottom: 1px white solid;
    color: white;
    font-size: 1.18182em;
    padding: 0.55em 0 0.15em 0; }
    .block_serendre li:first-child {
      padding-top: 0; }
  .block_serendre a {
    color: white;
    text-decoration: none; }

.slider_wrapper {
  display: block;
  position: relative;
  overflow: hidden; }

.slider {
  background-color: #cccccc;
  margin-bottom: 17px;
  width: 100%;
  height: 355px;
  overflow: hidden; }
  .slider img {
    display: block; }

.slider_prev,
.slider_next {
  background-color: black;
  color: white;
  display: block;
  font-size: 2.10053em;
  width: 37px;
  height: 37px;
  text-decoration: none;
  text-align: center;
  padding-top: 12px;
  position: absolute;
  top: 40px !important;
  z-index: 999; }

.slider_prev {
  -webkit-border-radius: 0 37px 37px 0;
  -moz-border-radius: 0 37px 37px 0;
  -ms-border-radius: 0 37px 37px 0;
  -o-border-radius: 0 37px 37px 0;
  border-radius: 0 37px 37px 0;
  left: -5px; }

.slider_next {
  -webkit-border-radius: 37px 0 0 37px;
  -moz-border-radius: 37px 0 0 37px;
  -ms-border-radius: 37px 0 0 37px;
  -o-border-radius: 37px 0 0 37px;
  border-radius: 37px 0 0 37px;
  right: -5px; }

hr {
  border-top: 1px #908c71 dotted;
  margin: 2.4em 0; }

table {
  border: 1px #a7a38d solid;
  border-left: 0;
  clear: both;
  margin: 0 0 1.6em 0; }
  table caption {
    padding-bottom: 0.5em; }
  table td,
  table th {
    padding: 0.5em;
    border-top: 1px #a7a38d solid;
    border-left: 1px #a7a38d solid;
    text-align: left; }
  table th {
    border-top: 0; }

.table_invisible {
  border: 0;
  border-left: 0;
  clear: both;
  margin: 0; }

ul, ol {
  margin-bottom: 1.6em;
  margin-left: 2em; }

ul {
  list-style: disc outside; }
  ul.square {
    list-style: square outside; }
  ul.circle {
    list-style: circle outside; }
  ul.none {
    list-style: none;
    margin-left: 0; }

ol {
  list-style: decimal; }

ol ol,
ol ul,
ul ul,
ul ol {
  margin-top: 1em;
  margin-bottom: 1em; }

li {
  margin-bottom: 0.875em; }
  li li {
    margin-bottom: 0.25em; }

ol ol li {
  list-style: lower-alpha; }

dl {
  margin-bottom: 1.5em; }

dt {
  font-weight: bold;
  margin-top: 1.5em; }

dd {
  margin-left: 1em; }

dl dt:first-child {
  margin-top: 0; }

a {
  color: #221a15;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
  position: relative; }
  a:hover {
    color: #9c977f; }
  a:link {
    -webkit-tap-highlight-color: #ccff99; }
  a:active {
    top: 1px; }

p a {
  padding: 0.25em;
  margin: -0.25em;
  position: relative; }

::-moz-selection,
::selection {
  background: #221a15;
  color: white;
  text-shadow: 1px 1px 0px #3b392d; }

p {
  margin: 1em 0 1.5em 0; }

i, em {
  font-style: italic; }

b, strong {
  font-weight: bold; }

pre, code, kbd, samp {
  background-color: #fcfcfc;
  font-size: 0.84996em;
  font-family: monaco, courier, monospace;
  padding: 0 0.2em; }

pre code {
  font-size: 1em;
  text-shadow: 0 1px 0 white; }

time {
  font-size: 0.84996em; }

address {
  font-size: 0.84996em;
  font-weight: bold;
  font-style: normal;
  line-height: 1.2em; }

abbr[title] {
  cursor: help;
  border-bottom: 1px dotted #bdbaaa;
  font-size: 0.9em; }

small {
  font-size: 0.8em; }

blockquote {
  border-left: 4px white solid;
  padding-left: 1.4em;
  margin-left: 1.4em;
  margin-bottom: 1.4em; }
  blockquote p:last-of-type {
    margin-bottom: 0; }
  blockquote .source {
    color: #bdbaaa; }
    blockquote .source::before {
      content: "—"; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: Arial, Helvetica, sans-serif; }
  h1:first-child, .h1:first-child, h2:first-child, .h2:first-child, h3:first-child, .h3:first-child, h4:first-child, .h4:first-child, h5:first-child, .h5:first-child, h6:first-child, .h6:first-child {
    margin-top: 0; }
  h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small {
    font-size: 0.5em;
    line-height: 1em; }

h1, .h1 {
  color: #d2232a;
  font-size: 2.15385em;
  line-height: 0.875em;
  margin-bottom: 0.5em;
  text-transform: uppercase;
  font-weight: normal; }

h2, .h2 {
  color: #221a15;
  font-size: 1.38462em;
  line-height: 1em;
  margin: 2em 0 0.5em;
  text-transform: uppercase;
  font-weight: normal; }

h3, .h3 {
  color: #3b6e8f;
  font-size: 1.2em;
  line-height: 1.2em;
  margin: 1em 0 0.5em;
  font-weight: bold; }

h4, .h4 {
  color: #221a15;
  font-size: 1.1em;
  line-height: 1.1em;
  margin: 1.875em 0 0.5em;
  font-weight: bold; }

.h4-2 {
  color: #221a15;
  font-size: 1.1em;
  line-height: 1.1em;
  margin: 1.875em 0 0.5em; }

h5, .h5 {
  color: #3b6e8f;
  font-size: 1.1em;
  line-height: 1.1em;
  margin: 2em 0 0.5em;
  font-weight: bold; }

h6, .h6 {
  color: #221a15;
  font-size: 1em;
  line-height: 1em;
  margin: 1.875em 0 0.5em;
  font-weight: bold; }

h1 + h2, h2 + h3, h3 + h4, h4 + h5, h5 + h6 {
  margin-top: 0; }

.color1 {
  color: #d2232a; }

.error {
  color: #e70033; }

.screen-reader-text {
  display: none; }

.lcase {
  text-transform: lowercase; }

.ucase {
  text-transform: uppercase; }

.tcase {
  text-transform: none; }

.nodecoration {
  text-decoration: none; }

.clear {
  clear: both; }

.alignnone {
  margin-bottom: 15px; }

.alignright {
  float: right;
  margin: 5px 0 15px 20px !important; }

.alignleft {
  float: left;
  margin: 5px 20px 15px 0 !important; }

.aligncenter {
  margin: 0 auto 15px auto !important; }

.alignright .alignleft petit {
  line-height: 0.8em; }

.wp-caption-text {
  margin-bottom: 0; }

legend {
  display: block;
  font-size: 1.50038em;
  padding-bottom: 1em;
  width: 100%; }

label {
  display: block;
  margin-bottom: 0.25em;
  cursor: default; }

input,
select,
textarea {
  border: 1px #cccccc solid;
  color: #999999;
  font-size: 1em;
  line-height: 1em;
  font-family: Arial, Helvetica, sans-serif;
  padding: 0.6em;
  -webkit-transition: all 0.2s linear;
  -webkit-transition-delay: 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }

input + .help,
select + .help,
textarea + .help {
  font-size: 0.84996em;
  padding-top: 0.5em;
  margin: 0; }

label input,
label textarea,
label select {
  display: block; }

input:focus, textarea:focus, select:focus {
  color: #666666;
  outline: none;
  border-color: #cccccc;
  -webkit-box-shadow: 0 0 7px lightgrey;
  -moz-box-shadow: 0 0 7px lightgrey;
  box-shadow: 0 0 7px lightgrey; }

::-webkit-input-placeholder {
  color: #b3b3b3;
  font-style: italic; }

input[type=checkbox],
input[type=radio] {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 0px 0px 3px #918f90 inset;
  -moz-box-shadow: 0px 0px 3px #918f90 inset;
  box-shadow: 0px 0px 3px #918f90 inset;
  background-position: center center;
  -webkit-appearance: none;
  float: left;
  padding: 0;
  margin: 0 10px 0 0 !important;
  width: 13px !important;
  height: 14px !important; }
  input[type=checkbox]:checked,
  input[type=radio]:checked {
    background: url(../img/checked.gif) center center no-repeat; }

form ol,
form ol li {
  background: none;
  list-style: none;
  margin: 0;
  padding: 0; }
form ol li {
  padding-bottom: 1.5em; }
  form ol li input,
  form ol li select,
  form ol li textarea {
    width: 100% !important; }
form.form-2column ol li {
  clear: both;
  float: left;
  width: 48%; }
form.form-2column ol li:nth-child(even) {
  clear: none;
  float: right; }
form.form-2column ol li.full {
  clear: both;
  float: none;
  width: 100%; }

.ctas a,
.ctas-en a,
.ctas-es a,
.ctas-jap a,
.ctas-jap-txt a {
  background-color: #3b6e8f;
  background-image: url(../img/b_icons-fr.png);
  color: white;
  display: block;
  font-size: 0.90023em;
  font-weight: bold;
  padding: 0 1.3em;
  margin-bottom: 3px;
  padding-right: 50px;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
  height: 51px;
  -webkit-transition: background-color 0.3s ease;
  -moz-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease; }
  .ctas a:hover,
  .ctas-en a:hover,
  .ctas-es a:hover,
  .ctas-jap a:hover,
  .ctas-jap-txt a:hover {
    background-color: #264856; }
  .ctas a span,
  .ctas-en a span,
  .ctas-es a span,
  .ctas-jap a span,
  .ctas-jap-txt a span {
    display: table-cell;
    vertical-align: middle;
    height: 51px; }

.ctas-en a {
  background-image: url(../img/b_icons-en.png); }

.ctas-es a {
  background-image: url(../img/b_icons-es.png); }

.ctas-jap a {
  background-image: url(../img/b_icons-jap.png); }

.ctas-jap-txt a {
  background-image: url(../img/b_icons-fr2.png); }

.b_i01,
.b_i02,
.b_i03,
.b_i04,
.b_i05,
.b_i06,
.b_i07,
.b_i08 {
  background-repeat: no-repeat; }

.b_i01 {
  background-color: #b3b335 !important;
  background-position: right -12px; }
  .b_i01:hover {
    background-color: #94942c !important; }

.b_i02 {
  background-color: #f57f29 !important;
  background-position: right -65px; }
  .b_i02:hover {
    background-color: #ea690b !important; }

.b_i03 {
  background-color: #d2232a !important;
  background-position: right -118px; }
  .b_i03:hover {
    background-color: #af1d23 !important; }

.b_i04 {
  background-color: #007dc3 !important;
  background-position: -10px -172px; }
  .b_i04 span {
    overflow: hidden;
    text-indent: 200%;
    white-space: nowrap; }
  .b_i04:hover {
    background-color: #00639a !important; }

.b_i04txt {
  background-color: #007dc3 !important;
  background-position: right -172px; }
  .b_i04txt:hover {
    background-color: #00639a !important; }

.b_i05 {
  background-color: #3b6e8f !important;
  background-position: right -225px; }
  .b_i05:hover {
    background-color: #2f5872 !important; }

.b_i06 {
  background-color: #703065 !important;
  background-position: right -278px; }
  .b_i06:hover {
    background-color: #53244b !important; }

.b_i07 {
  background-color: #6cb33f !important;
  background-position: right -332px; }
  .b_i07:hover {
    background-color: #5a9534 !important; }

.b_i08 {
  background-color: #d85c29 !important;
  background-position: right -384px; }
  .b_i08:hover {
    background-color: #b74d21 !important; }
	
	.b_i09 {
  background-color: #703065 !important;
  background-position: right -430px; }
  .b_i09:hover {
    background-color: #53244b !important; }

.ie7 img {
  -ms-interpolation-mode: bicubic; }

.ie6 img {
  -ms-interpolation-mode: bicubic; }
.ie6 input {
  vertical-align: text-bottom; }

/* Divers */
/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {
  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
  float: right;
  margin-left: 15px; }

.fltlft {
  /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
  float: left;
  margin: 0 15px 15px 0; }

.clearfloat {
  /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
  clear: both;
  height: 0;
  font-size: 1px;
  line-height: 0px; }

.img.alignright:first-child {
  margin-top: 0; }

.petit {
  font-size: 85%;
  line-height: 1.2em; }

.encadre {
  background-color: #F2F2F2;
  float: left;
  width: 100%;
  margin-bottom: 25px;
  padding: 10px 10px 0 10px;
  clear: right; }

.encadre-sans-fond {
  float: left;
  width: 100%;
  margin-bottom: 0px;
  clear: right;
  padding-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 0px; }

.encadrefilet {
  float: left;
  width: 100%;
  margin-bottom: 25px;
  padding: 10px 10px 0 10px;
  border: #CCC 1px solid;
  clear: right; }

.coll_gauche {
  float: left;
  width: 180px;
  margin-right: 20px;
  background-color: #F2F2F2;
  padding: 10px 10px 0 10px; }

.coll_droite {
  float: left;
  width: 445px; }

.last {
  margin-right: 0 !important;
  clear: right; }

.colonne290 {
  float: left;
  width: 290px;
  margin-top: 5px;
  margin-right: 69px;
  margin-bottom: 15px;
  margin-left: 0; }

.colonne300 {
  float: left;
  width: 300px;
  margin-top: 5px;
  margin-right: 69px;
  margin-bottom: 15px;
  margin-left: 0; }

.titre_capitales_gras {
  font-weight: bold;
  text-transform: uppercase; }

.pour_plus {
  color: #221a15;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
  position: relative;
  text-decoration: underline; }

a.pour_plus:hover {
  color: #9c977f; }

a.pour_plus:link {
  -webkit-tap-highlight-color: #ccff99;
  text-decoration: underline; }

a.pour_plus:active {
  top: 1px; }

hr {
  border: 0px solid transparent !important;
  background-color: transparent !important;
  height: 1px; }

.divider {
  clear: both;
  display: block;
  margin-bottom: 20px;
  padding-top: 20px;
  width: 100%; }

.haut {
  font-size: 10px;
  line-height: 10px;
  margin-bottom: 20px;
  text-align: right;
  position: relative; }

.haut a {
  background: #FFF none repeat scroll 0 0;
  color: #666;
  height: 20px;
  position: absolute;
  right: 0;
  text-shadow: 1px 1px 0 #fff;
  top: 12px;
  width: 120px;
  text-transform: uppercase; }

h3.widgettitle, h6, td, th, .divider, hr, div.widget li, .top_metadata, #body_block .thumbnail_list li, #body_block ul.thumbnail_list, .blog_header {
  background-attachment: scroll;
  background-image: url(../img/ligne333.gif);
  background-repeat: repeat-x;
  background-position: center bottom; }

.haut {
  font-size: 10px;
  line-height: 10px;
  margin-bottom: 20px;
  text-align: right;
  position: relative; }

.haut a {
  background: #FFF none repeat scroll 0 0;
  color: #666;
  height: 20px;
  position: absolute;
  right: 0;
  text-shadow: 1px 1px 0 #fff;
  top: 12px;
  width: 120px;
  text-transform: uppercase; }

h3.widgettitle, h6, td, th, .divider, hr, div.widget li, .top_metadata, #body_block .thumbnail_list li, #body_block ul.thumbnail_list, .blog_header {
  background-attachment: scroll;
  background-image: url(../img/ligne333.gif);
  background-repeat: repeat-x;
  background-position: center bottom; }

.texte-rouge {
  color: #d2232a; }

.liste-alpha-rouge {
  color: #d2232a;
  font-size: 1.5em;
  line-height: 1.5em; }

.actualites {
  padding: 17px 0;
  border-bottom: 1px #838181 solid; }

.actualites.first {
  padding-top: 0; }

.actualites time {
  font-weight: bold; }

.souligne {
  text-decoration: underline; }

.filet {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #333; }

.bdv {
  font-size: 85%;
  line-height: 0.95em; }

.videos_bg {
  background-color: #FFF;
  margin: 0;
  padding: 8px 8px 8px 0;
  background-image: url(../../assets/img/videos/fond_j3.jpg);
  background-repeat: no-repeat;
  background-position: 0px 50px;
  width: 600px; }

/* ------- 2. Pullquotes ------- */
.pullquote_right, .pullquote_left {
  background: transparent url(../../assets/img/stripes.png) repeat-y scroll 0 0;
  float: right;
  letter-spacing: 0px;
  line-height: 1.6em;
  margin-bottom: 20px;
  margin-left: 20px;
  margin-top: 20px;
  padding: 0 0 0 20px;
  width: 33%; }

.pullquote_left {
  float: left;
  margin-left: 0px;
  margin-right: 20px; }

.boutique_gauche-txt-centre {
  text-align: center;
  float: left;
  width: 250px;
  margin: 0 30px 30px 30px; }

.boutique_dr-txt-centre {
  text-align: center;
  float: right;
  width: 250px;
  margin: 0 0 30px 0; }

.livres-marge-dr-7 {
  margin-right: 7px; }

@media screen and (max-width: 768px), screen and (max-device-width: 1024px) {
  html {
    -ms-text-size-adjust: none;
    -webkit-text-size-adjust: none; } }
@media only screen and (max-width: 900px) {
  body {
    margin: 0 auto;
    width: 768px; }

  #logo,
  #logo-en,
  #logo-es {
    border-right: 0;
    float: none; }
    #logo h1,
    #logo-en h1,
    #logo-es h1 {
      margin: 10px auto;
      width: 205px;
      height: 84px; }
      #logo h1 a:hover,
      #logo-en h1 a:hover,
      #logo-es h1 a:hover {
        background-color: transparent; }

  #menu {
    border-top: 2px white solid;
    clear: both; }
    #menu ul {
      width: auto;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center; }
      #menu ul li {
        width: auto;
        -webkit-box-flex: none;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none; }
        #menu ul li a {
          background-repeat: repeat-y;
          background-position: left center; }
          #menu ul li a span {
            height: 48px;
            padding: 5px 10px 10px 9px; }

  .slider {
    margin-bottom: 17px;
    width: 100%;
    height: auto; }

  #agenda,
  #agenda-en {
    background-image: none;
    padding-left: 20px;
    padding-right: 15px; }

  .calendar_filters {
    font-size: 0.90023em;
    padding: 30px 0px 15px 15px;
    margin-top: 20px;
    width: 135px; }
    .calendar_filters label input[type=checkbox] {
      margin-right: 5px !important; }

  .block_serendre,
  .block_lesjardins {
    padding-right: 70px;
    height: 159px; } }
@media only screen and (max-width: 767px) {
  body {
    margin: 0;
    width: 100%; }

  #logo,
  #logo-en,
  #logo-es {
    width: 145px;
    float: left; }
    #logo h1,
    #logo-en h1,
    #logo-es h1 {
      margin: 10px 0; }
      #logo h1 a,
      #logo-en h1 a,
      #logo-es h1 a {
        background-position: 10px center; }

  #menu {
    border: 0;
    clear: both; }
    #menu ul {
      width: 100%;
      display: none; }
      #menu ul li {
        border-top: 2px rgba(255, 255, 255, 0.25) solid;
        float: none;
        width: 100%; }
        #menu ul li:first-child {
          border-top: 0; }
        #menu ul li a {
          background-image: none;
          padding: 0 !important;
          display: block; }
          #menu ul li a span {
            display: block;
            padding: 15px !important;
            margin: 0;
            height: auto; }

  #b_menu {
    display: block; }

  .footer_redundant {
    text-align: right; }
    .footer_redundant ul {
      margin-right: 5%; }

  #content,
  #sidebar {
    float: none;
    margin: 0;
    width: 100%; }

  #sidebar, #content {
    padding-left: 5%;
    padding-right: 5%; }

  #content {
    padding-top: 5%; }

  .maincontent {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
    .maincontent #sidebar {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
      -ms-flex-order: 2;
      order: 2; }
    .maincontent #content {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
      -ms-flex-order: 1;
      order: 1; }

  .imageRow .set .single:nth-child(odd) {
    clear: both; }

  #home_firstrow,
  #home_secondrow {
    padding: 0 5%; }
    #home_firstrow .columns,
    #home_secondrow .columns {
      clear: both;
      float: none;
      margin: 0;
      width: 100%; }

  .block_serendre,
  .block_lesjardins {
    padding-right: 70px;
    height: auto; }

  .block_lesjardins {
    background: #b3b335; }

  .block_serendre {
    background: #3b6e8f; }

  #agenda,
  #agenda-en {
    margin-bottom: 7% !important; }

  .date_vertical {
    margin-left: 0;
    text-align: center;
    width: 100%; }

  .calendar {
    width: 100%; }
    .calendar table {
      width: 100%; }

  .calendar_filters {
    width: 100%; } }
.row.demo {
  position: fixed;
  width: 900px;
  margin-left: -450px;
  left: 50%;
  bottom: 0;
  z-index: 99; }

.row.demo .columns {
  background-color: rgba(0, 0, 255, 0.2);
  padding-top: 5px;
  padding-bottom: 5px;
  height: 30px; }