@import url('stylesheets/reset.css');
/*
Theme Name: Quartier Petit Champlain
Description: 
Author: Evollia
Author URI: http://evollia.com/
*/
/***** COULEURS */
#main a.btvert,
#main span.btvert,
#main p.btvert a {
  background-color: #a7b244;
  color: #fff;
  text-decoration: none;
  border-radius: 10px;
  padding: 5px 20px;
  margin-left: 10px;
  cursor: pointer;
  border: none;
  line-height: 1em;
  min-height: 0;
  display: inline;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#main a.btvert:hover,
#main span.btvert:hover,
#main p.btvert a:hover {
  background-color: #848d36;
  text-decoration: none;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
body {
  font-family: 'Alegreya Sans', 'Helvetica Neue', 'Helvetica', 'arial', 'sans-serif';
  background-color: #f6f6f4;
  height: 100%;
  position: relative;
}
strong,
b {
  font-weight: bold;
}
em,
i {
  font-style: italic;
}
input:focus {
  outline: 0;
}
hr {
  margin-bottom: 20px !important;
  margin-top: 20px !important;
  margin: 20px 0;
  height: 0px;
  border: none;
  border-bottom: thin dotted #000;
  clear: both;
}
.clear {
  visibility: hidden;
  margin: 0;
  border: none;
}
#wrapper {
  width: 1195px;
  margin: 0 auto;
}
footer#colophon {
  clear: both;
}
.fr {
  float: right;
}
.fl {
  float: left;
}
.fn {
  float: none;
}
.cb {
  clear: both;
}
.tc {
  text-align: center;
}
.box1,
.box2,
.box3,
.box4,
.box5,
.box6 {
  overflow: hidden;
}
.box1 > div,
.box2 > div,
.box3 > div,
.box4 > div,
.box5 > div,
.box6 > div,
.box1 > a,
.box2 > a,
.box3 > a,
.box4 > a,
.box5 > a,
.box6 > a {
  float: left;
}
.box1 > div .wrapper,
.box2 > div .wrapper,
.box3 > div .wrapper,
.box4 > div .wrapper,
.box5 > div .wrapper,
.box6 > div .wrapper,
.box1 > a .wrapper,
.box2 > a .wrapper,
.box3 > a .wrapper,
.box4 > a .wrapper,
.box5 > a .wrapper,
.box6 > a .wrapper {
  padding: 15px;
}
.box1 > div {
  width: 100%;
}
.box2 > div,
.box2 > a {
  width: 50%;
}
.box3 > div,
.box3 > a {
  width: 33.33%;
}
.box4 > div {
  width: 25%;
}
.box5 > div,
.box5 > a {
  width: 20%;
}
.c1,
.c2,
.c3,
.c4,
.c5,
.c6 {
  margin: 0 0.98039%;
  float: left;
  display: block;
}
.c1 {
  width: 14.7%;
}
.c2 {
  width: 31.37%;
}
.c3 {
  width: 48.03%;
}
.c4 {
  width: 64.7%;
}
.c5 {
  width: 81.37%;
}
.c6 {
  width: 98.03%;
  float: none;
}
.archive .c5,
.single .c5,
.search .c5,
.page .c5,
.error404 .c5 {
  margin: 0 auto;
  float: none;
}
.archive hr.c5 {
  margin: 20px auto;
}
.search-excerpt {
  background-color: yellow;
  font-weight: normal;
}
a.menu-collapse {
  display: none;
  text-decoration: none;
  background-color: #a7b244;
  padding: 10px 20px;
  color: #FFF;
  float: right;
  margin: 0 0 0 10px;
  text-align: center;
  font-weight: bold;
  letter-spacing: 1px;
}
.single-post #masthead #navbar ul.nav-menu > li.current_page_parent {
  border-bottom: 6px solid #5288be;
}
.has-slideshow #masthead .home-link {
  position: absolute;
}
.has-slideshow .header-commercant {
  border-top: none;
  margin-top: 0;
}
#masthead {
  position: relative;
}
#masthead .home-link {
  background-color: #fff;
  margin-bottom: 50px;
  display: block;
  float: left;
  z-index: 1000;
  border-radius: 0 0 20px 20px;
  position: relative;
}
#masthead .home-link:after {
  position: absolute;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 120px solid rgba(0, 0, 0, 0);
  border-right: 120px solid rgba(0, 0, 0, 0);
  border-top: 40px solid #FFF;
  bottom: -39px;
  left: 15px;
}
#masthead .home-link .site-title {
  width: 238px;
  margin: 15px;
  height: 95px;
  background: url('images/logo.png') no-repeat;
  background-size: 100% auto;
  text-indent: -9999px;
  display: block;
}
#masthead #navbar {
  float: right;
  width: -webkit-calc(100% - 300px);
  width: -moz-calc(100% - 300px);
  width: calc(100% - 300px);
}
#masthead #navbar .meta {
  float: right;
  border-left: thin dashed #C7C7C7;
  padding-left: 5px;
  margin-left: 5px;
  min-width: 15px;
}
#masthead #navbar .meta a {
  display: block;
  color: #191c1f;
  padding: 24px 10px 20px 10px;
  float: left;
  text-decoration: none;
  font-weight: bold;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#masthead #navbar .meta a:hover {
  color: #5288be;
}
#masthead #navbar .meta .search {
  float: left;
  position: relative;
  overflow: hidden;
  z-index: 10;
  display: none;
}
#masthead #navbar ul.nav-menu {
  text-align: right;
}
#masthead #navbar ul.nav-menu > li {
  display: inline-block;
  position: relative;
  border-bottom: 6px solid transparent;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#masthead #navbar ul.nav-menu > li:hover {
  border-bottom: 6px solid #5288be;
}
#masthead #navbar ul.nav-menu > li:hover ul {
  opacity: 1;
  display: block;
}
#masthead #navbar ul.nav-menu > li > a {
  display: block;
  color: #191c1f;
  text-decoration: none;
  padding: 24px 10px 15px 10px;
  cursor: pointer;
}
#masthead #navbar ul.nav-menu > li.current-menu-item,
#masthead #navbar ul.nav-menu > li.current-menu-parent,
#masthead #navbar ul.nav-menu > li.current-menu-ancestor {
  border-bottom: 6px solid #5288be;
}
#masthead #navbar ul.nav-menu > li ul {
  display: none;
  position: absolute;
  z-index: 1000;
  overflow: hidden;
  opacity: 0;
  min-width: 100%;
  text-align: left;
  left: 0;
  top: 110%;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#masthead #navbar ul.nav-menu > li ul li {
  border-top: thin dotted #000;
  background-color: #5288be;
}
#masthead #navbar ul.nav-menu > li ul li:after {
  content: none;
}
#masthead #navbar ul.nav-menu > li ul li:hover {
  background-color: #3c6ea1;
}
#masthead #navbar ul.nav-menu > li ul li a {
  display: block;
  color: #fff;
  padding: 10px 8px 6px 8px;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
}
#masthead #navbar ul.nav-menu > li ul li:hover > a {
  color: #fff;
}
#masthead #navbar ul.nav-menu > li ul li.current-menu-item,
#masthead #navbar ul.nav-menu > li ul li.current-menu-parent,
#masthead #navbar ul.nav-menu > li ul li.current-menu-ancestor {
  background-color: #3c6ea1;
}
#masthead #navbar ul.nav-menu > li ul li.current-menu-item > a,
#masthead #navbar ul.nav-menu > li ul li.current-menu-parent > a,
#masthead #navbar ul.nav-menu > li ul li.current-menu-ancestor > a {
  color: #fff;
}
#masthead .searchform {
  position: absolute;
  right: 0;
  top: 70px;
  width: 230px;
  overflow: hidden;
  z-index: 101;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
#masthead .searchform.open {
  width: 230px;
}
#masthead .searchform input[type="text"] {
  background-color: #fff;
  border-radius: 0;
  padding: 10px 25px 10px 10px;
  margin: 0;
}
#masthead .searchform input[type="submit"] {
  top: 4px;
}
form.searchform input[type="text"],
form.searchform input[type="email"] {
  background-color: #e1e1e1;
  box-shadow: none;
  border: none;
  border-radius: 3px;
  width: 150px;
  padding: 10px 40px 10px 10px;
  float: right;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
form.searchform input[type="text"]:focus,
form.searchform input[type="email"]:focus {
  outline: 0;
  background-color: #F0F0F0;
}
form.searchform input[type="submit"] {
  position: absolute;
  top: 6px;
  right: 7px;
  text-indent: -9999px;
  color: #fff;
  background-color: #5288be;
  width: 25px;
  height: 25px;
  border-radius: 20px;
  border: none;
  background-image: url('images/loupe.png');
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  opacity: 0.8;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
form.searchform input[type="submit"]:hover {
  opacity: 1;
}
form.searchform input[type="submit"]:focus {
  box-shadow: 0px 0px 7px #febe10;
}
#main .caroussel-concours {
  overflow: hidden;
  border-radius: 10px;
  position: relative;
}
#main .caroussel-concours .slide-concours {
  width: 100% !important;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  height: 430px;
  margin-bottom: 0px;
}
#main .caroussel-concours .slide-concours img {
  float: left;
}
#main .caroussel-concours .slide-concours .info {
  font-size: 120%;
  position: absolute;
  right: 0;
  width: 28%;
  top: 0;
  background-color: #5288be;
  height: 100%;
}
#main .caroussel-concours .slide-concours .info > div {
  padding: 60px 60px 50px 0;
  color: #fff;
  text-align: center;
}
#main .caroussel-concours .slide-concours .info h2,
#main .caroussel-concours .slide-concours .info h3 {
  color: #fff;
  margin-bottom: 0.75em;
}
#main .caroussel-concours .slide-concours .info:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 215px solid rgba(0, 0, 0, 0);
  border-bottom: 215px solid rgba(0, 0, 0, 0);
  border-right: 80px solid #5288be;
  left: -80px;
}
#main .caroussel-concours .bullet-nav {
  text-align: left;
  margin-left: 10px;
  margin-top: 0;
}
#main .caroussel-concours .bullet-nav li {
  margin-top: 400px;
}
#slideshow-wrapper {
  height: 390px;
  overflow: hidden;
  width: 100%;
}
#slideshow-wrapper .nav {
  opacity: 0;
  position: absolute;
  z-index: 100;
  text-indent: -9999px;
  color: transparent;
  background-repeat: no-repeat;
  width: 50%;
  display: block;
  height: 400px;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
#slideshow-wrapper .nav.next {
  right: 10px;
  background-image: url('images/next.png');
  background-position: right center;
}
#slideshow-wrapper .nav.prev {
  left: 10px;
  background-image: url('images/prev.png');
  background-position: left center;
}
#slideshow-wrapper:hover .nav {
  opacity: 0.5;
}
#slideshow-wrapper:hover .nav:hover {
  opacity: 0.7;
}
.bullet-nav {
  text-align: center;
  margin-top: 350px;
}
.bullet-nav li {
  display: inline-block !important;
  width: 15px;
  height: 15px;
  margin: 0 3px;
  border-radius: 20px;
  background-color: #fff;
  opacity: 0.5;
  text-indent: -9999px;
  color: transparent;
  position: relative;
  cursor: pointer;
  z-index: 1000;
}
.bullet-nav li.activeSlide {
  opacity: 1;
}
.bullet-nav li:hover {
  background-color: #5288be;
}
#slideshow {
  position: absolute;
  width: 100%;
  height: 400px;
  left: 0;
  margin-top: -10px;
  z-index: -1;
  overflow: hidden;
}
#slideshow > div {
  width: 100% !important;
  height: 100% !important;
  background-position: top center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: 50% 60px;
  margin-top: 10px;
}
#slideshow .content-slide {
  width: 1195px;
  margin: 0 auto;
  margin-top: 120px;
  overflow: hidden;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#slideshow .content-slide h2 {
  font-size: 3em;
  font-weight: bold;
  position: relative;
  margin-left: 0px;
  background-color: transparent;
  float: left;
  padding: 10px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  color: transparent;
  margin-left: 50px;
}
#slideshow .content-slide h2.visible {
  color: #5288be;
  background-color: rgba(0, 0, 0, 0.58);
  margin-left: 0px;
}
#slideshow .content-slide p {
  padding: 10px;
  float: left;
  position: relative;
  color: #FFF;
  margin-left: 0px;
  clear: left;
  font-size: 25px;
  max-width: 450px;
  line-height: 30px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  color: transparent;
  background-color: transparent;
  margin-left: 100px;
}
#slideshow .content-slide p.visible {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.58);
  margin-left: 0px;
}
#slideshow .content-slide br {
  display: none;
}
.etat-event.termine {
  color: red;
}
.etat-event.venir {
  color: #a7b244;
}
.csscolumns .photos .entry-content.col {
  line-height: 0;
  -webkit-column-count: 2;
  -webkit-column-gap: 0px;
  -moz-column-count: 2;
  -moz-column-gap: 0px;
  column-count: 2;
  column-gap: 0px;
}
.csscolumns .photos iframe {
  width: 98%;
  margin: 8px 2%;
}
.csscolumns .photos #instafeed a,
.csscolumns .photos #instafeed .a {
  width: 48%;
  margin: 8px 0% 8px 2%;
}
.photos iframe {
  width: 100%;
  margin: 8px 0%;
  height: 400px;
}
.photos.home-pic #instafeed,
.photos.home-pic .more {
  overflow: hidden;
}
.photos.home-pic #instafeed a,
.photos.home-pic .more a {
  width: 10%;
  margin: 0px 0% 8px 1%;
}
.photos .pvert {
  text-align: center;
  margin-top: 20px;
}
.photos #instafeed a,
.photos #instafeed .a,
.photos .more a {
  width: 24%;
  margin: 8px 0% 8px 1%;
  float: left;
  position: relative;
  z-index: 10;
  -webkit-backface-visibility: hidden;
  opacity: 0;
}
.photos #instafeed a:hover > div,
.photos #instafeed .a:hover > div,
.photos .more a:hover > div {
  opacity: 1;
}
.photos #instafeed a > div,
.photos #instafeed .a > div,
.photos .more a > div {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  height: 100%;
  background-color: rgba(82, 136, 190, 0.7);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.photos #instafeed a > div span,
.photos #instafeed .a > div span,
.photos .more a > div span {
  color: #fff;
  margin-top: 50px;
  display: block;
  font-size: 0.875em;
  letter-spacing: 1px;
}
.photos #instafeed a > div span i,
.photos #instafeed .a > div span i,
.photos .more a > div span i {
  font-family: 'fontello';
  font-style: normal;
  font-size: 1.25em;
  margin-right: 5px;
}
.photos #instafeed a img,
.photos #instafeed .a img,
.photos .more a img {
  width: 100%;
  height: auto;
}
.photos .more a {
  width: 24%;
  margin: 8px 0% 8px 1%;
}
.archive-meta.entry-content.c5 {
  background-color: #fff;
  padding: 15px 2.5%;
  margin-bottom: 30px;
  width: 76.37%;
}
.archive-meta.entry-content.c5 p {
  margin-bottom: 0;
}
#main span.term {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #a7b244;
  color: #fff;
  width: 100%;
  text-align: center;
  padding: 8px 0;
  font-size: 0.75em;
  font-weight: bold;
}
#main .event-home .img {
  min-height: 28px;
  width: 100%;
  width: -webkit-calc(100% - 12px);
  width: -moz-calc(100% - 12px);
  width: calc(100% - 12px);
}
#main .promotions {
  overflow: hidden;
}
#main .promotions .prom-colum {
  -webkit-column-count: 3;
  -webkit-column-gap: 0px;
  -moz-column-count: 3;
  -moz-column-gap: 0px;
  column-count: 3;
  column-gap: 0px;
}
#main .promotions .prom-colum .promo {
  display: inline-block;
  margin-bottom: 10px;
}
#main .promotions .pvert {
  width: 220px;
  margin: 40px auto 0 auto;
}
#main .promotions .promo {
  clear: none;
  background-image: url('images/stripe.png');
  display: block;
  position: relative;
  margin-bottom: 20px;
  float: left;
  padding: 5px 1%;
  width: 98%;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#main .promotions .promo.cat-promo {
  width: 31.33%;
  padding: 5px 0.5%;
}
#main .promotions .promo p {
  margin-bottom: 5px;
  text-align: center;
}
#main .promotions .promo .btvert {
  margin-left: 0;
}
#main .promotions .promo.termine {
  pointer-events: none;
  cursor: default;
  text-align: left;
}
#main .promotions .promo .disabled {
  position: absolute;
  background-color: rgba(216, 216, 216, 0.3);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#main .promotions .promo .entry-content {
  padding: 10px;
  background-color: #fff;
}
#main .promotions .promo .entry-content .h3 {
  font-size: 1.25em;
  margin-bottom: 1em;
}
#main .promotions .promo .entry-content time {
  color: #5288be;
  line-height: 18px;
  margin-bottom: 10px;
  display: block;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#main .ic_container {
  vertical-align: baseline;
  position: relative;
  width: 100% !important;
  height: auto !important;
}
#main .ic_container img {
  width: 100%;
  height: auto;
}
#main .ic_container .ic_caption {
  position: absolute;
  opacity: 1;
  overflow: hidden;
  margin: 0px;
  padding: 20px 2.5% 0 2.5%;
  left: 0px;
  right: 0px;
  cursor: default;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  background-color: rgba(82, 136, 190, 0.8);
  cursor: pointer;
  width: 95% !important;
  height: auto !important;
}
#main .ic_container .ic_caption h2,
#main .ic_container .ic_caption h3 {
  color: #ffffff;
}
#main .ic_container .ic_caption p {
  color: #fff;
  padding-bottom: 20px;
  line-height: 20px;
}
#main #container.nouveautes .c1,
#main #container.nouveautes .c2,
#main #container.nouveautes .c3,
#main #container.nouveautes .c4 {
  clear: none;
}
#main .header-commercant {
  overflow: hidden;
  margin-top: 50px;
  margin-bottom: 30px;
  padding: 5px 0;
  border-top: thin dotted #000;
  border-bottom: thin dotted #000;
  line-height: 1em;
}
#main .header-commercant .juiz_sps_links {
  margin: 0;
  float: left;
  line-height: 1em;
}
#main .header-commercant .juiz_sps_links .juiz_sps_hide_name {
  line-height: 1em;
}
#main .header-commercant .juiz_sps_links .juiz_sps_hide_name li a {
  padding: 0px 10px;
  font-size: 10px;
  margin: 0px 5px 0px 0;
  height: 20px;
  color: #fff;
}
#main .header-commercant .juiz_sps_links .juiz_sps_icon {
  height: 21px;
  width: 17px;
}
#main .header-commercant .juiz_sps_links .juiz_sps_link_google .juiz_sps_icon {
  background-position: -39px -6px;
}
#main .header-commercant .juiz_sps_links .juiz_sps_link_facebook .juiz_sps_icon {
  background-position: -72px -6px;
}
#main .header-commercant .juiz_sps_links .juiz_sps_link_twitter .juiz_sps_icon {
  background-position: -7px -6px;
}
#main .header-commercant .bt {
  float: right;
}
#main .header-commercant .bt a {
  background-color: #a7b244;
  color: #fff;
  text-decoration: none;
  border-radius: 10px;
  padding: 5px 20px;
  margin-left: 10px;
  cursor: pointer;
  border: none;
  line-height: 1em;
  min-height: 0;
  display: inline;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  float: left;
}
#main .header-commercant .bt a:hover {
  background-color: #848d36;
  text-decoration: none;
}
#main .page-header {
  margin-bottom: 2.5em;
  text-align: center;
}
#main .page-header h1,
#main .page-header .h1 {
  font-size: 3.75em;
  color: #5288be;
  font-weight: lighter;
  margin-bottom: 0.25em;
  line-height: 1.25em;
}
#main .page-header .etat-event {
  font-style: normal;
  font-size: 1.25em;
  font-weight: bold;
}
#main .page-header .etat-event.termine {
  color: red;
}
#main h2,
#main .h2 {
  font-size: 2.25em;
  color: #ABABAB;
  font-weight: bold;
  margin-bottom: 0.75em;
  line-height: 1.25em;
}
#main h2 a,
#main .h2 a {
  color: #ABABAB;
}
#main h2.white-h,
#main .h2.white-h {
  text-align: left;
  background-color: #fff;
  float: left;
  padding: 10px 15px;
  border: thin solid #e0e0e0;
  border-bottom: 0;
  margin-bottom: -1px;
  font-size: 1.5em;
  border-radius: 5px 5px 0 0;
  margin-right: 10px;
}
#main h2.white-h.tab-link,
#main .h2.white-h.tab-link {
  cursor: pointer;
}
#main h2.white-h.no-current,
#main .h2.white-h.no-current {
  background-color: #eee;
  margin-bottom: -2px;
  position: relative;
  padding: 10px 15px 9px 15px;
  border-bottom: thin solid #e0e0e0;
}
#main h3,
#main .h3 {
  text-align: left;
  font-weight: normal;
  font-size: 1.75em;
  margin-bottom: 0.2em;
  text-transform: initial;
  color: #5288be;
  line-height: 1.25em;
}
#main h3 a,
#main .h3 a {
  color: #5288be;
}
#main h3 a:hover,
#main .h3 a:hover {
  color: #3c6ea1;
  text-decoration: none;
}
#main h4,
#main .h4,
#main h5,
#main .h5,
#main h6,
#main .h6 {
  color: #191c1f;
  line-height: 1.25em;
}
#main h4,
#main .h4 {
  font-size: 1em;
  margin-bottom: 0.9375em;
  font-style: normal;
  font-weight: bold;
}
#main h5,
#main .h5 {
  font-size: 0.875em;
  margin-bottom: 1.07em;
}
#main h6,
#main .h6 {
  font-size: 0.75em;
  margin-bottom: 1.25em;
}
#main a {
  color: #5288be;
  text-decoration: none;
}
#main a:hover {
  text-decoration: underline;
}
#main .promo-title {
  text-align: left;
}
#main article {
  clear: both;
}
#main article.event {
  overflow: hidden;
  margin-bottom: 20px;
}
#main article.event p.lieu {
  margin-bottom: 10px;
}
#main article .img {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  width: 210px;
  position: relative;
  border: 5px solid #fff;
  box-shadow: 0px 0px 0px 1px #e0e0e0;
  margin: 1px 20px 20px 1px;
}
#main article .img img {
  width: 100%;
  height: auto;
  margin-bottom: -4px;
}
#main article .img.date {
  background-color: #5288be;
  padding: 5px 10px 10px 5px;
  margin-bottom: 10px;
  width: 60px;
  text-transform: uppercase;
  color: #fff;
  font-weight: lighter;
  overflow: hidden;
}
#main article .img.date > div {
  width: 75%;
  float: left;
  text-align: center;
}
#main article .img.date > div .day {
  display: block;
  font-size: 2em;
}
#main article .img.date > div .month {
  display: block;
}
#main article .img.date .year {
  float: left;
  width: 25%;
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  font-size: 1.25em;
  margin-top: 7px;
}
#main .carousel,
#main .idees-cadeaux,
#main .galerie {
  overflow: hidden;
}
#main .carousel.carousel,
#main .idees-cadeaux.carousel,
#main .galerie.carousel {
  margin-top: 30px;
}
#main .carousel .control,
#main .idees-cadeaux .control,
#main .galerie .control {
  width: 4%;
  text-decoration: none;
  cursor: pointer;
  height: 30px;
  border-radius: 20px;
  background-color: #000;
  text-align: center;
  font-size: 40px;
  line-height: 25px;
  color: #fff;
  font-weight: 600;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  margin-top: 60px;
}
#main .carousel .control:hover,
#main .idees-cadeaux .control:hover,
#main .galerie .control:hover {
  color: #fff;
  cursor: pointer;
  background-color: #5288be;
}
#main .carousel .control.jcarousel-control-prev,
#main .idees-cadeaux .control.jcarousel-control-prev,
#main .galerie .control.jcarousel-control-prev {
  float: left;
  margin-right: 3%;
  margin-left: 1%;
}
#main .carousel .control.jcarousel-control-next,
#main .idees-cadeaux .control.jcarousel-control-next,
#main .galerie .control.jcarousel-control-next {
  float: right;
  margin-left: 3%;
  margin-right: 1%;
}
#main .carousel .control.inactive,
#main .idees-cadeaux .control.inactive,
#main .galerie .control.inactive {
  background-color: grey;
  cursor: default;
}
#main .carousel .jcarousel,
#main .idees-cadeaux .jcarousel,
#main .galerie .jcarousel {
  width: 84%;
  float: left;
  position: relative;
  overflow: hidden;
}
#main .carousel .jcarousel ul,
#main .idees-cadeaux .jcarousel ul,
#main .galerie .jcarousel ul {
  width: 20000em;
  position: relative;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#main .carousel .jcarousel ul li,
#main .idees-cadeaux .jcarousel ul li,
#main .galerie .jcarousel ul li {
  float: left;
  width: 181px;
  margin: 1px 12px;
  min-height: 135px;
  padding-bottom: 0;
  list-style-type: none;
}
#main .carousel li a,
#main .idees-cadeaux li a,
#main .galerie li a,
#main .carousel .c2 a,
#main .idees-cadeaux .c2 a,
#main .galerie .c2 a {
  color: #5288be;
  text-decoration: none;
  font-size: 0.85em;
  display: block;
  line-height: 15px;
  min-height: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-height: 135px;
  margin-bottom: 10px;
}
#main .carousel li a:hover,
#main .idees-cadeaux li a:hover,
#main .galerie li a:hover,
#main .carousel .c2 a:hover,
#main .idees-cadeaux .c2 a:hover,
#main .galerie .c2 a:hover {
  color: #274869;
}
#main .carousel .a-img,
#main .idees-cadeaux .a-img,
#main .galerie .a-img {
  border: 5px solid #fff;
  box-shadow: 0px 0px 0px 1px #e0e0e0;
  margin-bottom: 10px;
}
#main .carousel img,
#main .idees-cadeaux img,
#main .galerie img {
  max-width: 100%;
  height: auto;
}
#main #sidebar .logo {
  text-align: center;
  margin-bottom: 40px;
}
#main #sidebar .img-cadeau img {
  max-width: 100%;
  box-shadow: 0 0 0 1px #efefef;
  background-color: #fff;
  height: auto;
  margin-bottom: 10px;
}
#main #sidebar .img-cadeau a {
  background-color: #a7b244;
  color: #fff;
  text-decoration: none;
  border-radius: 10px;
  padding: 5px 20px;
  margin-left: 10px;
  cursor: pointer;
  border: none;
  line-height: 1em;
  min-height: 0;
  display: inline;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  float: right;
}
#main #sidebar .img-cadeau a:hover {
  background-color: #848d36;
  text-decoration: none;
}
#main #sidebar p.note {
  margin-top: -20px;
  font-style: italic;
  margin-bottom: 25px;
  padding: 5px;
  border: thin dashed #5288be;
  font-size: 0.875em;
}
#main #sidebar aside p,
#main #sidebar aside ol,
#main #sidebar aside ul,
#main #sidebar aside td {
  line-height: 1.5em;
  margin-bottom: 20px;
}
#main .cat-commercants {
  padding-bottom: 20px;
  margin-bottom: 30px;
  margin-top: 20px;
  overflow: hidden;
  border-bottom: thin dotted #000;
  text-align: center;
}
#main .cat-commercants > a {
  display: inline-block;
  width: 110px;
  margin-bottom: 10px;
  text-decoration: none;
  text-align: center;
  vertical-align: top;
}
#main .cat-commercants > a .img {
  width: 70px;
  height: 60px;
  padding-top: 10px;
  margin: 0 auto;
  border-radius: 100px;
  float: none;
  border: none;
  box-shadow: none;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#main .cat-commercants > a .img img {
  width: 45px;
  height: auto;
}
#main .cat-commercants > a .img.fonticon i {
  font-size: 50px;
  text-shadow: 1px 1px 1px #fff;
}
#main .cat-commercants > a .name {
  margin-top: 5px;
  color: #000;
  font-weight: bold;
  padding: 0 3px;
  line-height: 18px;
}
#main .cat-commercants > a:hover .img,
#main .cat-commercants > a.current .img {
  background-color: #e7e7e7;
}
#main .mymap {
  height: 400px;
}
#main .white-box {
  background-color: #fff;
  border: thin solid #e0e0e0;
  padding: 15px;
  clear: both;
}
#main .tab-content {
  display: none;
}
#main .tab-content.current {
  display: inherit;
}
#main #zone-itineraire {
  margin-top: 30px;
}
#main #zone-itineraire #form_direction p {
  margin-bottom: 5px;
}
#main #zone-itineraire #form_direction p input[type="radio"] {
  margin-right: 5px;
}
#main #zone-itineraire #form_direction p #labdep {
  font-size: 0.875em;
  font-weight: bold;
  display: block;
  margin-top: 20px;
}
#main #zone-itineraire #form_direction p input[type="text"] {
  width: 70%;
  border: none;
  padding: 10px;
  border-radius: 3px;
  background-color: #ebebeb;
}
#main #zone-itineraire #form_direction p #calculate {
  font-size: 0.75em;
  color: #fff;
  background-color: #a7b244;
  border-radius: 20px;
  padding: 5px 25px;
  text-decoration: none;
  margin-left: 10px;
}
#main #zone-itineraire #directionsPanel .warnbox-c1,
#main #zone-itineraire #directionsPanel .warnbox-c2 {
  height: 0;
}
#main #zone-itineraire #directionsPanel .warnbox-content {
  margin-top: 10px;
  background: #FFF1A8;
  box-shadow: 0 0 0 1px #a88d00;
  padding: 10px;
  line-height: 20px;
  font-style: italic;
  font-size: 0.875em;
}
#main #zone-itineraire #directionsPanel .adp-summary {
  font-weight: bold;
}
#main #zone-itineraire #directionsPanel .adp-legal {
  display: none;
}
#main #zone-itineraire #directionsPanel table {
  table-layout: auto;
  background-color: #fff;
}
#main #zone-itineraire #directionsPanel table td {
  padding: 8px;
  border: none;
  border-bottom: thin solid #DFDFDF;
}
#main .gform_confirmation_wrapper {
  border-bottom: 2px solid #008000;
  padding: 10px;
  font-size: 1em;
  font-weight: normal;
  background-color: rgba(67, 180, 67, 0.2);
  color: #013D01;
}
#main .gform_wrapper {
  margin: 0;
  width: 100%;
}
#main .gform_wrapper .top_label .gfield_error {
  width: 100%;
}
#main .gform_wrapper .top_label li.gfield.gfield_error.gf_left_half,
#main .gform_wrapper .top_label li.gfield.gfield_error.gf_right_half {
  width: 49%;
}
#main .gform_wrapper .validation_error {
  padding: 10px;
  background-color: #FFE0E0;
  border-bottom: 2px solid #FFE0E0;
  color: #790000;
  margin-bottom: 15px;
  font-size: 1em;
  font-weight: normal;
}
#main .gform_wrapper ul.gform_fields,
#main .gform_wrapper ul.gfield_radio,
#main .gform_wrapper ul.gfield_checkbox {
  padding: 0;
}
#main .gform_wrapper input[type=text],
#main .gform_wrapper input[type=url],
#main .gform_wrapper input[type=email],
#main .gform_wrapper input[type=tel],
#main .gform_wrapper input[type=number],
#main .gform_wrapper input[type=password],
#main .gform_wrapper select,
#main .gform_wrapper textarea {
  box-shadow: none;
  border-radius: 5px;
  padding: 8px 5px;
  background-color: #ebebeb;
  border: none;
  font-size: 1em;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#main .gform_wrapper input[type=text]:focus,
#main .gform_wrapper input[type=url]:focus,
#main .gform_wrapper input[type=email]:focus,
#main .gform_wrapper input[type=tel]:focus,
#main .gform_wrapper input[type=number]:focus,
#main .gform_wrapper input[type=password]:focus,
#main .gform_wrapper select:focus,
#main .gform_wrapper textarea:focus {
  background-color: #F0F0F0;
}
#main .gform_wrapper .total {
  border-top: thin dashed #b1b1b1;
  font-size: 200%;
  padding-top: 10px;
  margin-top: 20px;
}
#main .gform_wrapper .total label {
  float: left;
}
#main .gform_wrapper .total .ginput_container {
  float: right;
  margin: 10px 0 4px 0;
  font-weight: bold;
  display: inline-block;
  line-height: 1.3em;
}
#main .gform_wrapper .gfield_error input[type=text],
#main .gform_wrapper .gfield_error input[type=url],
#main .gform_wrapper .gfield_error input[type=email],
#main .gform_wrapper .gfield_error input[type=tel],
#main .gform_wrapper .gfield_error input[type=number],
#main .gform_wrapper .gfield_error input[type=password],
#main .gform_wrapper .gfield_error select,
#main .gform_wrapper .gfield_error textarea {
  background-color: #FFE0E0;
}
#main .gform_wrapper input[type=submit] {
  background-color: #a7b244;
  color: #fff;
  text-decoration: none;
  border-radius: 10px;
  padding: 5px 20px;
  margin-left: 10px;
  cursor: pointer;
  border: none;
  min-height: 0;
  display: inline;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  max-width: 300px;
  margin: 0 auto;
  line-height: 1em;
  float: right;
}
#main .gform_wrapper input[type=submit]:hover {
  background-color: #848d36;
  text-decoration: none;
}
#main .gform_wrapper .validation_message {
  display: none;
}
#main .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
  margin-top: 10px 0 4px 0;
}
#main .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container {
  margin-top: 0;
}
#main .gform_wrapper .top_label .gfield_error .ginput_container {
  max-width: 100%;
}
#main .gform_wrapper li.gfield.gfield_error,
#main .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning,
#main .gform_wrapper li.gfield.gfield_error.gfield_contains_required {
  background-color: rgba(0, 0, 0, 0);
  margin: 0 0 0px 0 !important;
  padding: 0 0 15px 0 !important;
  border-top: none;
  border-bottom: none;
}
#main .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
  margin-top: 10px;
}
#main .templois {
  width: 100%;
  margin-bottom: 2.5em;
  table-layout: fixed;
}
#main .templois h2 {
  text-align: left;
  margin-bottom: 0;
}
#main .templois .right,
#main .templois .right h2 {
  text-align: right;
}
#main .templois tr {
  border-bottom: thin dotted #000;
}
#main .templois tr td {
  padding: 8px 0;
}
.hrs-ouverture {
  table-layout: fixed;
  width: 100%;
  margin-bottom: 30px;
}
.hrs-ouverture td {
  padding: 5px;
  margin-bottom: 0;
  border: none;
}
.hrs-ouverture tr:nth-child(even) td {
  background-color: #eee;
}
.hrs-ouverture .hrs {
  text-align: right;
}
.archive .entry-content p {
  margin-bottom: 10px;
}
.event-home article:last-child hr {
  display: none;
}
.featured-img {
  margin-bottom: 50px !important;
  text-align: center;
}
.featured-img img,
.featured-img iframe,
.featured-img video {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
.entry-content {
  overflow: hidden;
}
.entry-content p,
.entry-content ol,
.entry-content ul,
.entry-content td {
  line-height: 1.5em;
  font-size: 1em;
  margin-bottom: 20px;
}
.entry-content .juiz_sps_links .juiz_sps_hide_name li a {
  color: #fff;
}
.entry-content ol,
.entry-content ul {
  padding-left: 30px;
}
.entry-content ol ul,
.entry-content ul ul,
.entry-content ol ul ul,
.entry-content ul ul ul {
  margin-top: 10px;
  margin-bottom: 0;
}
.entry-content ol li,
.entry-content ul li {
  padding-bottom: 15px;
}
.entry-content ul li {
  list-style-type: circle;
}
.entry-content ol li {
  list-style-type: decimal;
}
.entry-content blockquote {
  font-style: italic;
  margin: 0 80px 40px 45px;
  position: relative;
}
.entry-content blockquote p {
  color: #666666;
}
.entry-content blockquote:before,
.entry-content blockquote:after {
  font-size: 48px;
  font-style: normal;
  color: #B6B6B6;
  position: absolute;
}
.entry-content blockquote:before {
  content: '«';
  left: -40px;
  top: 0;
}
.entry-content blockquote:after {
  content: '»';
  right: -40px;
  bottom: 0;
}
.entry-content .alignleft,
.entry-content .alignright,
.entry-content .aligncenter,
.entry-content .alignnone {
  background-color: #fff;
  -webkit-box-shadow: 0 0 0px 6px white, 0 0 0 7px #e7e7e7;
  -moz-box-shadow: 0 0 0px 6px white, 0 0 0 7px #e7e7e7;
  box-shadow: 0 0 0px 6px white, 0 0 0 7px #e7e7e7;
  max-width: 100%;
  height: auto;
}
.entry-content .alignleft img,
.entry-content .alignright img,
.entry-content .aligncenter img,
.entry-content .alignnone img {
  width: 100%;
  height: auto;
}
.entry-content .wp-caption {
  max-width: 100%;
  height: auto;
  width: auto !important;
}
.entry-content .wp-caption p {
  font-size: 0.8125em;
  margin: 5px 0 0px 0;
  line-height: 20px;
  color: #85878C;
  text-align: center;
  border-top: thin solid #EEE;
  padding-top: 5px;
}
.entry-content .alignleft {
  float: left;
  margin: 10px 20px 10px 5px;
}
.entry-content .alignright {
  float: right;
  margin: 10px 5px 10px 20px;
}
.entry-content .aligncenter {
  clear: both;
  display: block;
  margin: 15px auto 20px auto;
}
.entry-content .alignnone {
  margin: 10px 20px 10px 5px;
}
.entry-content table {
  table-layout: fixed;
  width: 100%;
  margin: 30px 0;
  border-bottom: thin dotted #E4E4E4;
}
.entry-content table thead tr {
  background-color: #5288be;
  color: #fff;
  text-align: center;
  font-weight: bold;
}
.entry-content table thead tr td {
  font-weight: bolder;
}
.entry-content table tbody tr:nth-child(even) {
  background-color: #eee;
}
.entry-content table td,
.entry-content table th {
  padding: 10px 15px;
  vertical-align: middle;
  margin-bottom: 0;
}
.copyright {
  text-align: center;
  font-size: 13px;
  color: #777777;
  padding: 20px;
  text-transform: uppercase;
}
.copyright span {
  margin-left: 5px;
}
.copyright img {
  vertical-align: sub;
  margin-left: 5px;
  opacity: 0.8;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.copyright img:hover {
  opacity: 1;
}
#sidebox-wrapper {
  position: fixed;
  right: -280px;
  z-index: 1000;
  top: 15%;
}
#sidebox-wrapper #sidebox {
  position: relative;
}
#sidebox-wrapper #sidebox > span {
  background-color: #5288be;
  color: #FFF;
  display: block;
  float: left;
  padding: 8px 10px 6px 10px;
  cursor: pointer;
  font-size: 25px;
  position: relative;
  right: 33px;
}
#sidebox-wrapper #sidebox .content h3 {
  background-color: #5288be;
  color: #fff;
  padding: 13px 0 10px 0;
  font-weight: bold;
}
#sidebox-wrapper #sidebox .content .entry-content {
  border-left: thin solid #DADADA;
  border-bottom: thin solid #DADADA;
  background-color: #fff;
  width: 250px;
  padding: 15px;
  text-align: center;
}
#sidebox-wrapper #sidebox .content .entry-content p {
  margin-bottom: 10px;
}
#sidebox-wrapper #sidebox .content .entry-content img {
  margin: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
}
#sidebox-wrapper #sidebox .content .entry-content a {
  background-color: #a7b244;
  color: #fff;
  text-decoration: none;
  border-radius: 10px;
  padding: 5px 20px;
  margin-left: 10px;
  cursor: pointer;
  border: none;
  line-height: 1em;
  min-height: 0;
  display: inline;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#sidebox-wrapper #sidebox .content .entry-content a:hover {
  background-color: #848d36;
  text-decoration: none;
}
#colophon {
  margin-top: 50px;
}
#colophon .fb_iframe_widget,
#colophon .fb_iframe_widget span,
#colophon .fb_iframe_widget span iframe {
  width: 100% !important;
}
#colophon .box4.zone1 {
  margin-bottom: 50px;
  overflow: visible;
}
#colophon .box4.zone1 > a,
#colophon .box4.zone1 > div {
  text-decoration: none;
}
#colophon .box4.zone1 > a .wrapper,
#colophon .box4.zone1 > div .wrapper,
#colophon .box4.zone1 > a table,
#colophon .box4.zone1 > div table {
  border: thin solid #dcdcdc;
  border-top: none;
  border-left: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 211px;
  background-color: rgba(250, 250, 250, 0.5);
}
#colophon .box4.zone1 > a p,
#colophon .box4.zone1 > div p {
  margin-bottom: 0;
}
#colophon .box4.zone1 > a a,
#colophon .box4.zone1 > div a {
  color: #666;
  text-decoration: none;
}
#colophon .box4.zone1 > a a:hover,
#colophon .box4.zone1 > div a:hover {
  color: #5288be;
  text-decoration: none;
}
#colophon .box4.zone1 > a time,
#colophon .box4.zone1 > div time {
  margin-bottom: 7px;
  display: block;
}
#colophon .box4.zone1 > a article,
#colophon .box4.zone1 > div article {
  margin-bottom: 20px;
}
#colophon .box4.zone1 > a article h2.h3,
#colophon .box4.zone1 > div article h2.h3 {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
}
#colophon .box4.zone1 > a #mapFooter,
#colophon .box4.zone1 > div #mapFooter {
  width: 100%;
  height: 210px;
}
#colophon .box4.zone1 > a .hrs-ouverture,
#colophon .box4.zone1 > div .hrs-ouverture {
  margin-bottom: 0;
}
#colophon .box4.zone1 > a .hrs-ouverture td,
#colophon .box4.zone1 > div .hrs-ouverture td {
  padding: 7px;
}
#colophon .box4.zone1 > a img,
#colophon .box4.zone1 > div img {
  max-width: 100%;
  height: auto;
}
#colophon .box4.zone1 > a:first-child .wrapper,
#colophon .box4.zone1 > div:first-child .wrapper {
  border-left: thin solid #dcdcdc;
}
#colophon .box4.zone1 > a h3,
#colophon .box4.zone1 > div h3 {
  padding: 23px 20px 13px 20px;
  font-size: 1.1875em;
  color: #fff;
  text-align: center;
  min-height: 28px;
  font-weight: lighter;
  -webkit-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  -o-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}
#colophon .box4.zone1 > a.vertpale h3,
#colophon .box4.zone1 > div.vertpale h3 {
  background-color: #becc44;
}
#colophon .box4.zone1 > a.bleupale h3,
#colophon .box4.zone1 > div.bleupale h3 {
  background-color: #6eb7ff;
}
#colophon .box4.zone1 > a.bleufonce h3,
#colophon .box4.zone1 > div.bleufonce h3 {
  background-color: #5288be;
}
#colophon .box4.zone1 > a.vertfonce h3,
#colophon .box4.zone1 > div.vertfonce h3 {
  background-color: #a7b244;
}
#colophon .box4.zone1 > a.jaune h3,
#colophon .box4.zone1 > div.jaune h3 {
  background-color: #febe10;
}
#colophon .box4.zone2 {
  margin-bottom: 100px;
}
#colophon .box4.zone2 > div .wrapper {
  border-left: thin dotted #000;
  padding: 0 15px;
}
#colophon .box4.zone2 > div aside {
  font-size: 0.875em;
  margin-bottom: 20px;
}
#colophon .box4.zone2 > div aside h3 {
  font-weight: bold;
  margin-bottom: 15px;
}
#colophon .box4.zone2 > div aside ul li {
  padding-bottom: 8px;
}
#colophon .box4.zone2 > div aside ul li a {
  color: #858585;
  text-decoration: none;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#colophon .box4.zone2 > div aside ul li a:hover {
  color: #000;
}
#colophon .box4.zone2 > div:first-child .wrapper {
  border-left: none;
  padding-left: 0;
}
#colophon .box4.zone2 > div:last-child .wrapper {
  padding-right: 0;
}
#colophon .box4.zone2 form {
  position: relative;
}
#colophon .box4.zone2 form input[type="text"],
#colophon .box4.zone2 form input[type="email"] {
  background-color: #e1e1e1;
  box-shadow: none;
  border: none;
  border-radius: 3px;
  width: 80%;
  padding: 10px 15% 10px 5%;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#colophon .box4.zone2 form input[type="text"]:focus,
#colophon .box4.zone2 form input[type="email"]:focus {
  background-color: #F0F0F0;
}
#colophon .box4.zone2 form input[type="submit"] {
  position: absolute;
  top: 6px;
  right: 5px;
  color: #fff;
  background-color: #5288be;
  width: 25px;
  height: 25px;
  border: none;
  cursor: pointer;
  padding-top: 2px;
  padding-right: 5px;
}
#colophon .box4.zone2 form input[type="submit"]:hover {
  background-color: #3c6ea1;
}
#footer-site-navigation {
  display: none;
}
#footer-site-navigation ul.nav-menu {
  clear: both;
}
#footer-site-navigation ul.nav-menu > li {
  float: none;
  margin-right: 0;
  margin-bottom: 0;
  position: relative;
}
#footer-site-navigation ul.nav-menu > li a {
  display: block;
  color: #fff;
  padding: 15px 10px;
  text-decoration: none;
  cursor: pointer;
  background-color: #5288be;
  border-bottom: thin solid #437bb3;
}
#footer-site-navigation ul.nav-menu > li span.toggle {
  position: absolute;
  cursor: pointer;
  top: 0;
  right: 0;
  height: 45px;
  width: 45px;
  background-color: #437bb3;
  font-size: 40px;
  text-align: center;
  line-height: 43px;
  color: #FFF;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
}
#footer-site-navigation ul.nav-menu > li ul {
  display: none;
}
#footer-site-navigation ul.nav-menu > li ul a {
  background-color: #3c6ea1;
  border-bottom: thin solid #35628e;
  padding: 15px 25px;
}
#footer-site-navigation ul.nav-menu.collapse {
  max-height: 300px;
}
#footer-site-navigation form.searchform {
  width: 100%;
  margin-bottom: 20px;
}
#footer-site-navigation form.searchform input[type="text"],
#footer-site-navigation form.searchform input[type="email"] {
  width: 90%;
  padding: 15px 7% 15px 3%;
  font-size: 0.875em;
}
#footer-site-navigation form.searchform input[type="submit"] {
  top: 14px;
  right: 14px;
}
/* default styling example
----------------------------------------------------------------- */
#main article .entry-content ul#listAlpha {
  margin-top: 20px;
  padding-left: 0;
}
#main article .entry-content ul#listAlpha li {
  list-style-type: none;
  padding-bottom: 15px;
}
#main #pagination,
#main .listNav {
  overflow: hidden;
  margin-top: 20px;
  margin-bottom: 30px;
  clear: both;
  text-align: center;
}
#main #pagination .page-numbers,
#main .listNav .page-numbers,
#main #pagination .ln-letters a,
#main .listNav .ln-letters a {
  display: inline-block;
  font-size: 15px;
  color: #000;
  font-weight: bold;
  padding: 5px 9px;
  margin-left: 2px;
  text-decoration: none;
}
#main #pagination .page-numbers.current,
#main .listNav .page-numbers.current,
#main #pagination .ln-letters a.current,
#main .listNav .ln-letters a.current,
#main #pagination .page-numbers:hover,
#main .listNav .page-numbers:hover,
#main #pagination .ln-letters a:hover,
#main .listNav .ln-letters a:hover,
#main #pagination .page-numbers.ln-selected,
#main .listNav .page-numbers.ln-selected,
#main #pagination .ln-letters a.ln-selected,
#main .listNav .ln-letters a.ln-selected {
  color: #fff;
  background-color: #5288be;
  text-decoration: none;
}
#main #pagination .page-numbers:hover,
#main .listNav .page-numbers:hover,
#main #pagination .ln-letters a:hover,
#main .listNav .ln-letters a:hover,
#main #pagination .page-numbers.ln-selected:hover,
#main .listNav .page-numbers.ln-selected:hover,
#main #pagination .ln-letters a.ln-selected:hover,
#main .listNav .ln-letters a.ln-selected:hover {
  background-color: #febe10;
}
#main #pagination .page-numbers.dots:hover,
#main .listNav .page-numbers.dots:hover,
#main #pagination .ln-letters a.dots:hover,
#main .listNav .ln-letters a.dots:hover {
  color: #000;
  cursor: default;
  background-color: transparent;
  pointer-events: none;
}
#main #pagination .ln-letters a,
#main .listNav .ln-letters a {
  color: #5288be;
}
#main #pagination a.ln-disabled,
#main .listNav a.ln-disabled,
#main #pagination a.ln-disabled:hover,
#main .listNav a.ln-disabled:hover {
  color: #d6d6d6;
  cursor: default;
  background-color: transparent;
  pointer-events: none;
}
#main #pagination .next,
#main .listNav .next {
  float: right;
}
#main #pagination .prev,
#main .listNav .prev {
  float: left;
}
div#fancy_outer {
  z-index: 9000 !important;
}
/*Calendar*/
#calendar {
  width: 100%;
}
#calendar .clndr .clndr-controls {
  display: block;
  width: 94%;
  padding: 10px 3%;
  background-color: #a7b244;
  color: #fff;
  overflow: hidden;
}
#calendar .clndr .clndr-controls .clndr-next-button,
#calendar .clndr .clndr-controls .clndr-previous-button {
  float: left;
  width: 16%;
  cursor: pointer;
  margin-top: 5px;
  height: 30px;
  border-radius: 20px;
  background-color: #848d36;
  text-align: center;
  font-size: 40px;
  line-height: 25px;
  color: #a7b244;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
}
#calendar .clndr .clndr-controls .clndr-next-button:hover,
#calendar .clndr .clndr-controls .clndr-previous-button:hover {
  background-color: #f4f4f4;
}
#calendar .clndr .clndr-controls .clndr-previous-button {
  margin-left: 7%;
  margin-right: 2%;
}
#calendar .clndr .clndr-controls .clndr-next-button {
  margin-right: 7%;
  margin-left: 2%;
}
#calendar .clndr .clndr-controls .month {
  float: left;
  width: 50%;
  text-align: center;
  font-size: 1.875em;
  font-weight: lighter;
}
#calendar .clndr .clndr-controls .month span {
  font-size: 0.46em;
  display: block;
}
#calendar .clndr .clndr-grid {
  text-align: center;
  display: block;
  font-size: 0.75em;
  width: 100%;
  height: 210px;
  border: thin solid #dcdcdc;
  border-top: none;
  border-left: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#calendar .clndr .clndr-grid .day,
#calendar .clndr .clndr-grid .header-day,
#calendar .clndr .clndr-grid .empty,
#calendar .clndr .clndr-grid .adjacent-month {
  float: left;
  width: 14.2857%;
  height: 22px;
  padding: 8px 0 0px 0;
  text-align: center;
  cursor: default;
}
#calendar .clndr .clndr-grid .day.header-day,
#calendar .clndr .clndr-grid .header-day.header-day,
#calendar .clndr .clndr-grid .empty.header-day,
#calendar .clndr .clndr-grid .adjacent-month.header-day {
  color: #a7b244;
}
#calendar .clndr .clndr-grid .day.event,
#calendar .clndr .clndr-grid .header-day.event,
#calendar .clndr .clndr-grid .empty.event,
#calendar .clndr .clndr-grid .adjacent-month.event {
  box-shadow: inset 0px -4px 0px 0px #a7b244;
  cursor: pointer;
  position: relative;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#calendar .clndr .clndr-grid .day.event:hover,
#calendar .clndr .clndr-grid .header-day.event:hover,
#calendar .clndr .clndr-grid .empty.event:hover,
#calendar .clndr .clndr-grid .adjacent-month.event:hover {
  background-color: #848d36;
}
#calendar .clndr .clndr-grid .day.event .tooltip,
#calendar .clndr .clndr-grid .header-day.event .tooltip,
#calendar .clndr .clndr-grid .empty.event .tooltip,
#calendar .clndr .clndr-grid .adjacent-month.event .tooltip {
  display: none;
  opacity: 0;
  width: 100px;
  background-color: #eaeaea;
  z-index: 1000;
  position: absolute;
  left: -48px;
  padding: 10px;
  text-align: left;
  margin-top: 10px;
  box-shadow: -2px 2px 0px -1px #919191;
  text-align: center;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#calendar .clndr .clndr-grid .day.event .tooltip:before,
#calendar .clndr .clndr-grid .header-day.event .tooltip:before,
#calendar .clndr .clndr-grid .empty.event .tooltip:before,
#calendar .clndr .clndr-grid .adjacent-month.event .tooltip:before {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #eaeaea;
  position: absolute;
  left: 46%;
  top: -10px;
  content: '.';
  color: rgba(0, 0, 0, 0);
}
#calendar .clndr .clndr-grid .day.event .tooltip div,
#calendar .clndr .clndr-grid .header-day.event .tooltip div,
#calendar .clndr .clndr-grid .empty.event .tooltip div,
#calendar .clndr .clndr-grid .adjacent-month.event .tooltip div {
  margin-top: 5px;
  border-top: thin dashed #CECECE;
  padding-top: 5px;
}
#calendar .clndr .clndr-grid .day.event .tooltip div a,
#calendar .clndr .clndr-grid .header-day.event .tooltip div a,
#calendar .clndr .clndr-grid .empty.event .tooltip div a,
#calendar .clndr .clndr-grid .adjacent-month.event .tooltip div a {
  color: #5288be;
  text-decoration: none;
}
#calendar .clndr .clndr-grid .day.event .tooltip div a:hover,
#calendar .clndr .clndr-grid .header-day.event .tooltip div a:hover,
#calendar .clndr .clndr-grid .empty.event .tooltip div a:hover,
#calendar .clndr .clndr-grid .adjacent-month.event .tooltip div a:hover {
  color: #000;
}
#calendar .clndr .clndr-grid .day.event .tooltip div:first-child,
#calendar .clndr .clndr-grid .header-day.event .tooltip div:first-child,
#calendar .clndr .clndr-grid .empty.event .tooltip div:first-child,
#calendar .clndr .clndr-grid .adjacent-month.event .tooltip div:first-child {
  padding-top: 0px;
  border: none;
  margin-top: 0;
}
#calendar .clndr .clndr-grid .day.event:hover .tooltip,
#calendar .clndr .clndr-grid .header-day.event:hover .tooltip,
#calendar .clndr .clndr-grid .empty.event:hover .tooltip,
#calendar .clndr .clndr-grid .adjacent-month.event:hover .tooltip {
  display: block;
  opacity: 1;
}
#calendar .clndr .clndr-grid .day.today,
#calendar .clndr .clndr-grid .header-day.today,
#calendar .clndr .clndr-grid .empty.today,
#calendar .clndr .clndr-grid .adjacent-month.today {
  background-color: #febe10;
  color: #fff;
}
#calendar .clndr .clndr-grid .empty,
#calendar .clndr .clndr-grid .adjacent-month {
  color: #6f6f6f;
}
#calendar .clndr .clndr-grid .clndr-today-button {
  width: 100%;
  text-align: center;
  cursor: pointer;
}
#calendar .clndr .clndr-grid .clndr-today-button:hover {
  background-color: #ddd;
}
@media screen and (max-width: 1250px) {
  #wrapper {
    width: 96.6%;
  }
  #slideshow .content-slide {
    width: 80%;
  }
  #slideshow .content-slide p {
    max-width: none;
  }
}
@media screen and (max-width: 1249px) {
  #masthead .home-link .site-title {
    width: 214px;
  }
  #masthead .home-link:after {
    border-left: 108px solid rgba(0, 0, 0, 0);
    border-right: 108px solid rgba(0, 0, 0, 0);
    border-top: 30px solid #FFF;
    bottom: -29px;
  }
  #colophon .box5 > a h3 {
    font-size: 1em;
  }
  #slideshow-wrapper {
    height: 320px;
  }
  #slideshow-wrapper .bullet-nav {
    margin-top: 285px;
  }
  #slideshow-wrapper .nav {
    height: 350px;
  }
  #slideshow {
    height: 330px;
  }
  #masthead #navbar ul.nav-menu > li {
    margin-bottom: 5px;
    /*&.current-menu-item > a,
  			&.current-menu-parent > a,
  			&.current-menu-ancestor > a { background-color: darken(@bleufonce, 10%); color: #fff; }*/
  
  }
  #masthead #navbar ul.nav-menu > li a {
    /*padding: 10px 5px 10px 5px; */
    padding: 24px 5px 15px 5px;
    font-size: 13px;
  }
  #masthead #navbar ul.nav-menu > li:after {
    content: none;
  }
}
@media screen and (max-width: 1024px) {
  #slideshow-wrapper {
    height: 265px;
  }
  #slideshow-wrapper .bullet-nav {
    margin-top: 225px;
  }
  #slideshow-wrapper .nav {
    height: 265px;
  }
  #slideshow .content-slide {
    margin-top: 50px;
  }
  #slideshow {
    height: 275px;
  }
  #masthead .home-link .site-title {
    width: 152px;
    height: 70px;
  }
  #masthead .home-link:after {
    border-left: 77px solid rgba(0, 0, 0, 0);
    border-right: 77px solid rgba(0, 0, 0, 0);
    border-top: 24px solid #FFF;
    bottom: -23px;
  }
  #main h2.white-h,
  #main .h2.white-h {
    font-size: 1em;
  }
  #main .page-header h1,
  #main .page-header .h1 {
    font-size: 2.5em;
  }
  #main h2,
  #main .h2,
  #main h3,
  #main .h3 {
    font-size: 1.5em;
  }
  #main .promotions .prom-colum {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
  #masthead #navbar {
    width: -webkit-calc(100% - 190px);
    width: -moz-calc(100% - 190px);
    width: calc(100% - 190px);
  }
}
@media screen and (max-width: 930px) {
  #colophon .box4.zone1 > a,
  #colophon .box4.zone1 > div,
  #colophon .box4.zone1 > table {
    width: 50%;
    margin-bottom: 20px;
  }
  #colophon .box4.zone2 > div {
    margin-bottom: 20px;
    width: 50%;
  }
  #colophon .box4.zone2 > div:first-child .wrapper {
    border-left: thin dotted #000;
    padding-left: 15px;
  }
}
@media screen and (max-width: 785px) {
  a.menu-collapse {
    display: block;
    margin: 0 0 -45px 2%;
    padding: 15px 3%;
  }
  #masthead {
    /*.home-link {
  			margin-bottom: 0;
  			.site-title { width: 152px; height: 70px; }
  		}*/
  
  }
  #masthead #navbar {
    display: none;
  }
  #masthead .home-link {
    margin: 0 auto;
    width: 225px;
    clear: both;
    background-color: transparent;
    position: relative !important;
  }
  #masthead .home-link:after {
    content: none;
  }
  #masthead .home-link .site-title {
    width: 185px;
    padding-top: 20px;
    background-position: center;
  }
  #masthead form.searchform {
    display: none;
    width: 170px;
    float: right;
    margin-top: 0;
  }
  #masthead form.searchform input[type="text"] {
    width: 110px;
  }
  #footer-site-navigation {
    display: block;
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  #slideshow-wrapper {
    display: none;
  }
  #slideshow-wrapper.mobile {
    display: block;
    background-attachment: initial !important;
    background-position: top !important;
    height: 140px;
  }
  #slideshow-wrapper.mobile #slideshow {
    height: 150px;
  }
  #slideshow-wrapper.mobile #slideshow > div {
    background-position: top !important;
  }
  #content {
    margin-bottom: 30px;
  }
  .c1,
  .c2,
  .c3,
  .c4,
  .c5 {
    width: 98.03%;
    float: none;
    margin-bottom: 40px;
  }
  #main .carousel .c2,
  #main .idees-cadeaux .c2,
  #main .galerie .c2 {
    width: 31.37%;
    float: left;
  }
  #main h2.white-h.no-current,
  #main .h2.white-h.no-current,
  #main .h2.white-h,
  #main h2.white-h {
    float: none;
    margin-right: 0;
    padding: 10px 15;
  }
  #colophon .box4.zone1 > a,
  #colophon .box4.zone1 > div,
  #colophon .box4.zone1 > table {
    width: 100%;
  }
  #colophon .box4.zone1 > a .wrapper,
  #colophon .box4.zone1 > div .wrapper,
  #colophon .box4.zone1 > table .wrapper {
    height: auto;
  }
  #colophon .box4.zone1 > a #calendar .clndr .clndr-grid,
  #colophon .box4.zone1 > div #calendar .clndr .clndr-grid,
  #colophon .box4.zone1 > table #calendar .clndr .clndr-grid {
    border-left: thin solid #DCDCDC;
  }
  #colophon .box4.zone2 > div {
    width: 100%;
    border-bottom: thin dotted #000;
    height: auto !important;
  }
  #colophon .box4.zone2 > div:first-child .wrapper,
  #colophon .box4.zone2 > div .wrapper {
    border: none;
    height: auto !important;
    padding: 0;
  }
  .photos iframe {
    width: 97%;
  }
  .photos .entry-content {
    line-height: 0;
    -webkit-column-count: 1;
    -webkit-column-gap: 0px;
    -moz-column-count: 1;
    -moz-column-gap: 0px;
    column-count: 1;
    column-gap: 0px;
  }
  .box1 > div,
  .box2 > div,
  .box3 > div,
  .box4 > div,
  .box5 > div,
  .box1 > a,
  .box2 > a,
  .box3 > a,
  .box4 > a,
  .box5 > a {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  #wpadminbar {
    top: -46px !important;
  }
}
@media screen and (max-width: 767px) {
  .archive #main article .img {
    display: none;
  }
  .archive #main article .img.date {
    display: block;
  }
  .photos .entry-content.col {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
  .photos iframe {
    width: 100%;
  }
  .photos #instafeed a,
  .photos #instafeed .a,
  .photos .more a {
    width: 48%;
    margin: 8px 0% 8px 2%;
  }
}
@media screen and (max-width: 500px) {
  #masthead .home-link {
    margin: 0 auto;
    width: 225px;
    clear: both;
    margin-bottom: 15px;
    background-color: transparent;
    position: relative !important;
  }
  #masthead .home-link:after {
    content: none;
  }
  #masthead .home-link .site-title {
    width: 185px;
    padding-top: 20px;
    background-position: center;
  }
  #main article .img,
  #main .gform_wrapper,
  #main .gfield.gf_left_half,
  #main .gfield.gf_right_half,
  #main .ginput_complex .ginput_left,
  #main .ginput_complex .ginput_right {
    width: 100%;
  }
  #main #zone-itineraire #form_direction p input[type="text"] {
    width: 60%;
  }
  #main #zone-itineraire #form_direction p #calculate {
    margin-left: 0px;
    padding: 5px 15px;
  }
  #main .cat-commercants > a {
    display: block;
    width: 100%;
  }
  #main .cat-commercants > a .img {
    display: none;
  }
  #main .page-header {
    margin-bottom: 1em;
  }
  #main .mymap {
    height: 200px;
  }
  #sidebox-wrapper {
    display: none;
  }
}
@media screen and (max-width: 479px) {
  #main .promotions .promo {
    width: 98%;
    margin-right: 0;
  }
  .photos.home-pic #instafeed a,
  .photos.home-pic .more a {
    width: 32.33%;
    margin: 0px 0% 3px 1%;
  }
}
@media screen and (min-height: 767px) {
  html {
    background: #f6f6f4 url('images/bottom.png') 50% bottom no-repeat;
  }
  body {
    background: url('images/houses.png') 20% 93% no-repeat;
  }
}