@font-face {
  font-family: 'FengardoNeueRegular';
  src: url('../fonts/FengardoNeue_Regular-webfont.eot');
  src: url('../fonts/FengardoNeue_Regular-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/FengardoNeue_Regular-webfont.woff') format('woff'),  url('../fonts/FengardoNeue_Regular-webfont.ttf') format('truetype'),  url('../fonts/FengardoNeue_Regular-webfont.svg#FengardoNeueRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'FengardoNeueBlack';
  src: url('../fonts/FengardoNeue_Black-webfont.eot');
  src: url('../fonts/FengardoNeue_Black-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/FengardoNeue_Black-webfont.woff') format('woff'),  url('../fonts/FengardoNeue_Black-webfont.ttf') format('truetype'),  url('../fonts/FengardoNeue_Black-webfont.svg#FengardoNeueBlack') format('svg');
  font-weight: normal;
  font-style: normal;
}

* {
  outline: none;
  -webkit-font-smoothing: antialiased;
}

body {
  font-family: Georgia, Times, serif;
  padding: 0px;
  margin: 0px;
  color: #000;
}

div.imageAP {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: #fff;
  background-image: url("../images/bg.jpg");
  background-origin: padding-box;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover !important;
  height: 100%;
  position: fixed;
  width: 100%;
  top: 0;
}

body.ete div.imageAP {
  background-image: url("../images/bg.jpg");
}

body.sucre div.imageAP {
  background-image: url("../images/fond-sucre.jpg");
}

body.illumine div.imageAP {
  background-image: url("../images/fond-illumine.jpg");
}

body.hante div.imageAP {
  background-image: url("../images/fond-hante.jpg");
}

.bg-gris-entete {
  background: url('../images/bg-gris-entete.jpg') top center;
  height: 42px;
  position: absolute;
  top: 0;
  width: 100%;
}

h1 {
  font-family: FengardoNeueBlack, arial, sans;
  font-weight: normal;
  text-transform: uppercase;
  color: #ee3124;
  margin: 0px 0px 5px 0px;
  padding-top: 21px;
  background: url("../images/pointille.png") repeat-x;
  line-height: 30px;
}

body.accueil h1 {
  padding: 0px;
  background: none;
}

p {
  text-align: justify;
  margin: 0px 0px 24px 0px;
}

p.emphase {
  font-size: 16px;
  line-height: 26px;
}

#contenantSite {
/*background:url("../images/fond-site.png") center top;

	 position: relative;*/

}

#bgBlanc {
  background: #fff;
  margin-top: 433px
}

.ete #contenantSite {
/*background:url("../images/fond-entete.jpg") center top;*/

}

body.sucre #contenantSite {
  background: url("../images/fond-site-sucre.png") center top;
}

body.illumine #contenantSite {
  background: url("../images/fond-site-illumine.png") center top;
}

body.hante #contenantSite {
  background: url("../images/fond-site-hante.png") center top;
}

footer {
  background: url("../images/fond-pied.png") center top repeat-x;
  position: relative;
  overflow: hidden;
  display: block;
}

.largeurSite {
  width: 960px;
  position: relative;
  margin: 0px auto;
  z-index: 2;
}

#contenu {
  padding: 37px 22px 22px 22px;
  line-height: 20px;
  font-size: 14px;
  min-height: 350px;
  width: 670px;
  float: right;
}

#contenu.contenuPleinePage {
  width: 916px !important;
}

#contenu a {
  color: #ee3124;
  text-decoration: none;
}

#contenu a:hover {
  color: #ee3124;
  text-decoration: underline;
}

#contenu h2 {
  font-size: 1.575em;
  font-family: FengardoNeueBlack, arial, sans;
  font-weight: normal;
  color: #ee3124;
  margin: 0px 0px 18px 0px;
}

#contenu h3 {
  font-size: 1.145em;
  font-weight: bold;
  margin: 0px 0px 3px 0px;
}

#contenu h4 {
  font-size: 1.145em;
  font-weight: bold;
  margin: 0px 0px 2px 0px;
  color: #ee3124;
}

#contenu p {
  margin: 0px 0px 18px 0px;
}

#contenu ul {
  list-style: none;
  padding: 0px;
  margin: 0px 0px 15px 0px;
}

#contenu ul li {
  line-height: 22px;
  padding: 0px 0px 0px 18px;
  margin: 0px;
  background: url('../images/puce.png') 0px 8px no-repeat;
}

#contenu hr {
  background: url("../images/pointille.png") repeat-x scroll 0 0 transparent;
  border: medium none;
  clear: both;
  color: #FFFFFF;
  display: block;
  height: 3px;
  line-height: 3px;
  margin: 18px 0;
  overflow: hidden;
}

#contenu table.styleTableau {
  border-collapse: collapse;
}

#contenu table.styleTableau tr {
}

#contenu table.styleTableau th {
  background: url("../images/fond-titre-tableau.jpg");
  color: #000;
  font-size: 1.075em;
  padding: 12px 15px;
  border-left: 1px solid #fff;
}

#contenu table.styleTableau th:first-child {
  border-left: 1px solid #e2ef36;
}

#contenu table.styleTableau td {
  padding: 5px 15px;
  border: 1px solid #e2ef36;
}

#contenu table.styleTableau td.pair {
  background: #f7f9dd;
}

#contenu table.styletableau {
  border-collapse: collapse;
}

#contenu table.styletableau tr {
}

#contenu table.styletableau .odd {
  background: #f6fac2;
}

#contenu table.styletableau th {
  background: url("../images/fond-titre-tableau.jpg") #c8d430 repeat-x;
  color: #000;
  font-size: 1.075em;
  padding: 12px 15px;
  border-left: 1px solid #fff;
}

#contenu table.styletableau th:first-child {
  border-left: 1px solid #fff;
}

#contenu table.styletableau td {
  padding: 5px 15px;
  border: 1px solid #e2ef36;
}

#contenu table.styletableau td.pair {
  background: #f2f8f8;
}

#contenu iframe {
  border: 2px solid #e2ef36;
}

body.accueil #contenu {
  padding: 37px 22px 22px 22px;
}

#contenantEntete {
  position: absolute;
  top: 0px;
  left: 0px;
  min-width: 100%;
  z-index: 3;
}

#fondEntete {
  height: 693px;
  position: absolute;
  top: 0px;
  left: 0px;
  min-width: 100%;
}

body.sucre #fondEntete {
  background: url("../images/fond-entete-sucre.jpg") center top repeat-x;
}

body.illumine #fondEntete {
  background: url("../images/fond-entete-illumine.jpg") center top repeat-x;
}

body.hante #fondEntete {
  background: url("../images/fond-entete-hante.jpg") center top repeat-x;
}

#menuPrincipal {
  position: absolute;
  top: 367px;
  left: -21px;
  z-index: 3;
}

#menuPrincipal > ul {
  padding: 0px;
  margin: 0px;
  width: 1002px;
  list-style: none;
}

#menuPrincipal > ul > li {
  float: left;
  padding: 0px;
  margin: 0px;
  position: relative;
}

#menuPrincipal > ul > li > a {
  display: block;
  height: 66px;
}

#menuPrincipal > ul > li > ul {
  margin: 0px;
  padding: 21px 42px;
  list-style: none;
  position: absolute;
  top: 66px;
  display: none;
  background: #c8d530;
  -moz-box-shadow: inset 0px 0px 35px 0px #8e9813, 1px 3px 3px 0px rgba(50, 50, 50, 0.75);
  -webkit-box-shadow: inset 0px 0px 35px 0px #8e9813, 1px 3px 3px 0px rgba(50, 50, 50, 0.75);
  -o-box-shadow: inset 0px 0px 35px 0px #8e9813, 1px 3px 3px 0px rgba(50, 50, 50, 0.75);
  box-shadow: inset 0px 0px 35px 0px #8e9813, 1px 3px 3px 0px rgba(50, 50, 50, 0.75);
  width: 236px;
}

#menuPrincipal > ul > li:first-child > ul {
  left: 21px;
}

#menuPrincipal > ul > li:hover > ul {
  display: block;
}

#menuPrincipal > ul > li > ul > li {
  border-top: 1px solid #fff;
}

#menuPrincipal > ul > li > ul > li:first-child {
  border: none;
}

#menuPrincipal > ul > li > ul > li > a {
  white-space: nowrap;
  color: #101c1b;
  font-size: 16px;
  text-decoration: none;
  height: 37px;
  line-height: 37px;
  display: block;
}

#menuPrincipal > ul > li > ul > li:hover > a,
#menuPrincipal > ul > li > ul > li.actif > a {
  color: #ee3124;
}

.guidi-gauche {
  position: absolute;
  top: 66px;
  left: 0;
}

.guidi-droite {
  position: absolute;
  top: 66px;
  right: 0;
}

#menuVillage {
  display: none;
  background: #fff;
  position: absolute;
  top: 42px;
  left: -21px;
  height: 325px;
  z-index: 200;
  width: 960px;
  margin-left: 21px;
}

#menuVillage > ul {
  padding: 0px;
  margin: 0px;
  width: 1002px;
  list-style: none;
}

#menuVillage > ul > li {
  float: left;
  padding: 0px;
  margin: 0px;
  position: relative;
}

#menuVillage > ul > li > a {
  display: block;
  height: 36px;
  padding: 15px 15px 0 15px;
}

#menuVillage > ul > li > ul {
  margin: 0px;
  padding: 15px 15px;
  list-style: none;
  min-height: 230px;
  background: url(../images/pointille-vertical.png) top left repeat-y;
}

#menuVillage > ul > li:first-child > ul {
  left: 21px;
  background: none;
}

#menuVillage > ul > li:hover > ul {
  display: block;
}

#menuVillage > ul > li > ul > li {
  border-top: 1px solid #000;
}

#menuVillage > ul > li > ul > li:first-child,
#menuVillage > ul > li#menuLeVillageHante > ul > li:first-child,
#menuVillage > ul > li#menuLeVillageIlluminDesjardins > ul > li:first-child,
#menuVillage > ul > li#menuLeVillageSucre > ul > li:first-child {
  border: none;
}

#menuVillage > ul > li#menuLeVillageHante > ul {
/*background:#ee3124;

	-moz-box-shadow: inset 0px 0px 35px 0px #cf5e17;

	-webkit-box-shadow: inset 0px 0px 35px 0px #cf5e17;

	-o-box-shadow: inset 0px 0px 35px 0px #cf5e17;

	box-shadow: inset 0px 0px 35px 0px #cf5e17;

	filter:progid:DXImageTransform.Microsoft.Shadow(color=#cf5e17, Direction=NaN, Strength=35);*/

}

#menuVillage > ul > li#menuLeVillageHante > ul a {
  color: #000
}

#menuVillage > ul > li#menuLeVillageHante > ul > li {
  border-top: 1px solid #000;
}

#menuVillage > ul > li#menuLeVillageIlluminDesjardins > ul {
/*	background:#f1573e;

	-moz-box-shadow: inset 0px 0px 35px 0px #bb3625;

	-webkit-box-shadow: inset 0px 0px 35px 0px #bb3625;

	-o-box-shadow: inset 0px 0px 35px 0px #bb3625;

	box-shadow: inset 0px 0px 35px 0px #bb3625;

	filter:progid:DXImageTransform.Microsoft.Shadow(color=#bb3625, Direction=NaN, Strength=35);*/

}

#menuVillage > ul > li#menuLeVillageIlluminDesjardins > ul a {
  color: #000;
}

#menuVillage > ul > li#menuLeVillageIlluminDesjardins > ul > li {
  border-top: 1px solid #000;
}

#menuVillage > ul > li#menuLeVillageSucre > ul {
  right: 20px;/*background:#ca732c;

	-moz-box-shadow: inset 0px 0px 35px 0px #ab5920;

	-webkit-box-shadow: inset 0px 0px 35px 0px #ab5920;

	-o-box-shadow: inset 0px 0px 35px 0px #ab5920;

	box-shadow: inset 0px 0px 35px 0px #ab5920;

	filter:progid:DXImageTransform.Microsoft.Shadow(color=#ab5920, Direction=NaN, Strength=35);*/

}

#menuVillage > ul > li#menuLeVillageSucre > ul a {
  color: #000
}

#menuVillage > ul > li#menuLeVillageSucre > ul > li {
  border-top: 1px solid #000;
}

#menuVillage > ul > li > ul > li > a {
  white-space: nowrap;
  color: #000;
  font-size: 16px;
  text-decoration: none;
  height: 37px;
  line-height: 37px;
  display: block;
}

#menuVillage > ul > li > ul > li > a:hover,
#menuVillage > ul > li > ul > li > ul > li:hover,
#menuVillage > ul > li > ul > li.actif > a {
  color: #ee3124 !important;
}

#menuVillage > ul > li > ul > li > ul {
  margin: -5px 0px 0px 0px;
  padding: 0px 0px 12px 0px;
}

#menuVillage > ul > li > ul > li > ul > li {
  margin: 0px;
  padding: 0px 0px 0px 20px;
  list-style: none;
  background: url("../images/puce-sous-menu.png") 9px 8px no-repeat;
}

#menuVillage > ul > li > ul > li > ul > li > a {
  white-space: nowrap;
  color: #101c1b;
  font-size: 14px;
  text-decoration: none;
  padding-right: 40px;
  height: 24px;
  line-height: 24px;
  display: block;
}

#menuVillage > ul > li#menuLeVillageIlluminDesjardins > ul > li > ul > li > a {
  padding-right: 72px !important;
}

#menuPlanifiezVotreVisite > a {
  background: url("../images/menu-planifiez-votre-visite.png");
  width: 153px;
}

#menuCalendrier > a {
  background: url("../images/menu-calendrier.png");
  width: 128px;
}

#menuCarteDuVillage > a {
  background: url("../images/menu-carte-du-village.png");
  width: 137px;
}

#menuColonieDeVacances > a {
  background: url("../images/menu-colonie-de-vacances.png");
  width: 137px;
}

#menuMangerAuVillage > a {
  background: url("../images/menu-mangez-au-village.png");
  width: 122px;
}

#menuMariage > a {
  background: url("../images/menu-mariage.png");
  width: 103px;
}

#menuCreezVotreEvenement > a {
  background: url("../images/menu-creez-votre-evenement.png");
  width: 133px;
}

#menuGalerie > a {
  background: url("../images/menu-galerie.png");
  width: 98px;
}

#menuNousJoindre > a {
  background: url("../images/menu-nous-joindre.png");
  width: 128px;
}

#menuLeVillageEnEte > a {
  text-align: left;
  text-transform: uppercase;
  font-family: 'FengardoNeueBlack';
  color: #ee3124;
  text-decoration: none;
  width: 232px;
}

#menuLeVillageHante > a {
  text-align: left;
  text-transform: uppercase;
  font-family: 'FengardoNeueBlack';
  color: #ee3124;
  text-decoration: none;
  width: 164px;
}

#menuLeVillageIlluminDesjardins > a {
  text-align: left;
  text-transform: uppercase;
  font-family: 'FengardoNeueBlack';
  color: #ee3124;
  text-decoration: none;
  width: 223px;
}

#menuLeVillageSucre > a {
  text-align: left;
  text-transform: uppercase;
  font-family: 'FengardoNeueBlack';
  color: #ee3124;
  text-decoration: none;
  width: 220px;
}

#menuPlanifiezVotreVisite:hover > a,
#menuPlanifiezVotreVisite.actif > a {
  background: url("../images/menu-planifiez-votre-visite-dessus.png");
}

#menuCalendrier:hover > a,
#menuCalendrier.actif > a {
  background: url("../images/menu-calendrier-dessus.png");
}

#menuCarteDuVillage:hover > a,
#menuCarteDuVillage.actif > a {
  background: url("../images/menu-carte-du-village-dessus.png");
}

#menuColonieDeVacances:hover > a,
#menuColonieDeVacances.actif > a {
  background: url("../images/menu-colonie-de-vacances-dessus.png");
}

#menuMangerAuVillage:hover > a,
#menuMangerAuVillage.actif > a {
  background: url("../images/menu-mangez-au-village-dessus.png");
}

#menuMariage:hover > a,
#menuMariage.actif > a {
  background: url("../images/menu-mariage-dessus.png");
}

#menuCreezVotreEvenement:hover > a,
#menuCreezVotreEvenement.actif > a {
  background: url("../images/menu-creez-votre-evenement-dessus.png");
}

#menuGalerie:hover > a,
#menuGalerie.actif > a {
  background: url("../images/menu-galerie-dessus.png");
}

#menuNousJoindre:hover > a,
#menuNousJoindre.actif > a {
  background: url("../images/menu-nous-joindre-dessus.png");
}

#menuLeVillageEnEte > a:hover,
#menuLeVillageEnEte.actif > a {
  color: #423a37;
}

#menuLeVillageHante > a:hover,
#menuLeVillageHante.actif > a {
  color: #423a37;
}

#menuLeVillageIlluminDesjardins> a:hover,
#menuLeVillageIlluminDesjardins.actif > a {
  color: #423a37;
}

#menuLeVillageSucre > a:hover,
#menuLeVillageSucre.actif > a {
  color: #423a37;
}

#menuSecondaire {
  position: absolute;
  top: 42px;
  left: 0px;
  width: 960px;
  height: 42px;
  background: #fff;
  z-index: 7;
}

#menuSecondaire > ul {
  margin: 0px auto;
  padding: 0px;
  list-style: none;
  position: relative;
  /*	left:50%;*/

  margin-left: 38px;
  float: left;
}

#menuSecondaire > ul > li {
  position: relative;
  float: left;
  /*	right:50%;*/

  padding: 0px 10px;
}

#menuSecondaire > ul > li > a {
  display: block;
  height: 42px;
  line-height: 42px;
  font-size: 13px;
  color: #423a37;
  text-decoration: none;
}

#menuSecondaire > ul > li:hover > a,
#menuSecondaire > ul > li.actif > a {
  color: #ee3124;
}

#menuSecondaire > ul > li > ul {
  margin: 0px;
  padding: 21px 42px;
  list-style: none;
  position: absolute;
  top: 42px;
  display: none;
  background: #c8d530;
  -moz-box-shadow: inset 0px 0px 35px 0px #8e9813, 1px 3px 3px 0px rgba(50, 50, 50, 0.75);
  -webkit-box-shadow: inset 0px 0px 35px 0px #8e9813, 1px 3px 3px 0px rgba(50, 50, 50, 0.75);
  -o-box-shadow: inset 0px 0px 35px 0px #8e9813, 1px 3px 3px 0px rgba(50, 50, 50, 0.75);
  box-shadow: inset 0px 0px 35px 0px #8e9813, 1px 3px 3px 0px rgba(50, 50, 50, 0.75);
}

#menuSecondaire > ul > li:hover > ul {
  display: block;
}

#menuSecondaire > ul > li > ul > li {
  border-top: 1px solid #fff;
}

#menuSecondaire > ul > li > ul > li:first-child {
  border: none;
}

#menuSecondaire > ul > li > ul > li > a {
  white-space: nowrap;
  color: #101c1b;
  font-size: 16px;
  text-decoration: none;
  padding-right: 40px;
  height: 37px;
  line-height: 37px;
  display: block;
}

#menuSecondaire > ul > li > ul > li:hover > a,
#menuSecondaire > ul > li > ul > li.actif > a {
  color: #ee3124;
}

.avecSousMenu > a {
  padding-right: 15px;
  background: url("../images/fleche-menu-secondaire.png") right 19px no-repeat;
}

.avecSousMenu:hover > a {
  padding-right: 15px;
  background: url("../images/fleche-menu-secondaire-over.png") right 19px no-repeat;
}

#blocRecherche {
  background: url("../images/champ-recherche.png");
  position: absolute;
  right: 0px;
  top: 9px;
  height: 24px;
  width: 252px;
}

#blocRecherche:hover {
  background: url("../images/champ-recherche-dessus.png");
}

#blocRecherche input {
  border: none;
  background: none;
  height: 22px;
  line-height: 22px;
  font-family: Georgia, Times, serif;
  font-size: 13px;
  color: #978f8c;
  margin-left: 10px;
  width: 215px;
}

#blocRecherche span {
  display: block;
  height: 24px;
  width: 24px;
  position: absolute;
  top: 0px;
  right: 0px;
  cursor: pointer;
}

#blocMediaHaut {
  position: absolute;
  top: 9px;
  left: 530px;
}

body.accueil #blocMediaBas {
  position: absolute;
  top: 520px;
  left: 10px;
  overflow: hidden;
}

#blocMediaBas {
  position: absolute;
  top: 212px;
  left: 10px;
  height: 27px;
  overflow: hidden;
}

.lienFacebook {
  background: url("../images/logo-facebook.png");
  display: inline-block;
  width: 26px;
  height: 27px;
  margin-right: 4px;
}

.lienFacebook:hover {
  background: url("../images/logo-facebook-dessus.png");
}

.lienFlicker {
  background: url("../images/logo-flicker.png");
  display: inline-block;
  width: 26px;
  height: 27px;
  margin-right: 4px;
}

.lienFlicker:hover {
  background: url("../images/logo-flicker-dessus.png");
}

.lienFourSquare {
  background: url("../images/logo-four-square.png");
  display: inline-block;
  width: 26px;
  height: 27px;
  margin-right: 4px;
}

.lienFourSquare:hover {
  background: url("../images/logo-four-square-dessus.png");
}

.lienTwitter {
  background: url("../images/logo-twitter.png");
  display: inline-block;
  width: 26px;
  height: 27px;
  margin-right: 4px;
}

.lienTwitter:hover {
  background: url("../images/logo-twitter-dessus.png");
}

.lienYoutube {
  background: url("../images/logo-youtube.png");
  display: inline-block;
  width: 26px;
  height: 27px;
  margin-right: 4px;
}

.lienYoutube:hover {
  background: url("../images/logo-youtube-dessus.png");
}

#tourismeCDQ {
  background: url("../images/logo-cdq.jpg");
  display: block;
  width: 166px;
  height: 42px;
  position: absolute;
  top: 0px;
  left: 340px;
}

#tourismeCDQ:hover {
  background: url("../images/logo-cdq-dessus.jpg");
}

body.accueil #contenantPied {
  /*background:url("../images/fond-pied-contenu.jpg") center top repeat-x;*/

  margin-top: -290px;
  height: 550px;
  min-width: 100%;
}

#contenantPied {
  background: url("../images/fond-pied.png") center bottom repeat-x;
  margin-top: 0px;
  height: 243px;
  min-width: 100%;
}

body.accueil #contenantPied {
  background: url("../images/fond-pied.png") center top repeat-x;
  margin-top: 0px;
}

/*

body.accueil.hante #contenantPied{

	background:url("../images/fond-pied-hante.jpg") center top repeat-x;

}



body.hante #contenantPied{

	background:url("../images/fond-pied-contenu-hante.jpg") center top repeat-x;

}



body.accueil.sucre #contenantPied{

	background:url("../images/fond-pied-sucre.jpg") center top repeat-x;

}



body.sucre #contenantPied{

	background:url("../images/fond-pied-contenu-sucre.jpg") center top repeat-x;

}



body.accueil.illumine #contenantPied{

	background:url("../images/fond-pied-illumine.jpg") center top repeat-x;

}



body.illumine #contenantPied{

	background:url("../images/fond-pied-contenu-illumine.jpg") center top repeat-x;

}

*/

body.accueil #menuPied {
  position: absolute;
  top: 328px;
  left: 182px;
}

#menuPied {
  position: absolute;
  top: 18px;
  left: 182px;
}

#menuPied > ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}

#menuPied > ul > li {
  padding: 0px;
  margin: 0px;
  float: left;
  width: 193px;
}

#menuPied > ul > li:first-child {
  width: 210px;
}

#menuPied > ul > li > ul {
  padding: 0px 0px 0px 16px;
  margin: 0px;
  list-style: none;
  background: url(../images/pointille.gif) no-repeat top left;
  height: 154px;
}

#menuPied > ul > li > ul > li {
  padding: 0px;
  margin: 0px;
  height: 15px;
}

#menuPied > ul > li > ul > li > a {
  color: #fff;
  text-decoration: none;
  font-family: Georgia, Times, serif;
  font-size: 12px;
  line-height: 15px;
}

#menuPied > ul > li > ul > li > a:hover,
#menuPied > ul > li > ul > li.actif > a {
  color: #c8d330;
}

a#logo {
  background: url("../images/logo-village-ete.jpg");
  position: absolute;
  top: 84px;
  left: 0px;
  display: block;
  width: 245px;
  height: 283px;
}

a#logo.ete {
  background: url("../images/logo-village-ete.png");
}

a#logo.sucre {
  background: url("../images/logo-village-sucre.png");
}

a#logo.hante {
  background: url("../images/logo-village-hante.png");
}

a#logo.illumine {
  background: url("../images/logo-village-illumine.png");
}

#contenantDiaporama {
  position: absolute;
  top: 84px !important;
  right: 0px !important;
}

#boutonQuoiFaire {
  background: url("../images/bouton-quoi-faire.jpg");
  display: block;
  width: 447px;
  height: 205px;
  position: absolute;
  top: 506px;
  left: 22px;
}

#boutonQuoiFaire:hover {
  background: url("../images/bouton-quoi-faire-dessus.jpg");
}

#boutonQuoiFaireSucre {
  background: url("../images/bouton-quoi-faire-sucre.jpg");
  display: block;
  width: 447px;
  height: 205px;
  position: absolute;
  top: 506px;
  left: 22px;
}

#boutonQuoiFaireSucre:hover {
  background: url("../images/bouton-quoi-faire-sucre-dessus.jpg");
}

#boutonQuoiFaireIllumine {
  background: url("../images/bouton-quoi-faire-illumine.jpg");
  display: block;
  width: 447px;
  height: 205px;
  position: absolute;
  top: 506px;
  left: 22px;
}

#boutonQuoiFaireIllumine:hover {
  background: url("../images/bouton-quoi-faire-illumine-dessus.jpg");
}

#boutonQuoiFaireHante {
  background: url("../images/bouton-quoi-faire-hante.jpg");
  display: block;
  width: 447px;
  height: 205px;
  position: absolute;
  top: 506px;
  left: 22px;
}

#boutonQuoiFaireHante:hover {
  background: url("../images/bouton-quoi-faire-hante-dessus.jpg");
}

#boutonMariage {
  background: url("../images/bouton-mariage.jpg");
  display: block;
  width: 447px;
  height: 205px;
  position: absolute;
  top: 506px;
  left: 491px;
}

#boutonMariage:hover {
  background: url("../images/bouton-mariage-dessus.jpg");
}

#boutonParcDeJeux {
  background: url("../images/bouton-parc-de-jeux.jpg");
  display: block;
  width: 447px;
  height: 205px;
  position: absolute;
  top: 506px;
  left: 491px;
}

#boutonParcDeJeux:hover {
  background: url("../images/bouton-parc-de-jeux-dessus.jpg");
}

#boutonColonieDeVacances {
  background: url("../images/bouton-colonie-de-vacances.jpg");
  display: block;
  width: 447px;
  height: 205px;
  position: absolute;
  top: 733px;
  left: 22px;
}

#boutonColonieDeVacances:hover {
  background: url("../images/bouton-colonie-de-vacances-dessus.jpg");
}

#boutonVisitesPedagogiques {
  background: url("../images/bouton-visites-pedagogiques.jpg");
  display: block;
  width: 447px;
  height: 205px;
  position: absolute;
  top: 733px;
  left: 491px;
}

#boutonVisitesPedagogiques:hover {
  background: url("../images/bouton-visites-pedagogiques-dessus.jpg");
}

#menuGauche {
  margin: 37px 0px 0px -21px;
  position: relative;
  float: left;
  display: block;
  width: 266px;
}

#menuGauche h3 {
  font-family: FengardoNeueBlack, arial, sans;
  text-transform: uppercase;
  font-size: 1.25em;
  line-height: 20px;
  color: #fff;
  padding: 12px 10px 42px 40px;
  background: url("../images/titre-menu-gauche.png") bottom left;
  margin: 0px;
}

#menuGauche > ul {
  margin: -30px 0 0 0;
  list-style: none;
  padding-left: 21px;
}

#menuGauche > ul > li {
  width: 245px;
  min-height: 44px;
  background: url("../images/menu-gauche-li.png");
}

#menuGauche > ul > li:first-child {
  background: url("../images/menu-gauche-li-premier.png");
}

#menuGauche > ul > li > a {
  height: 44px;
  line-height: 44px;
  padding-left: 25px;
  text-decoration: none;
  color: #000000;
  font-family: Georgia, Times, Serif;
  font-size: 0.875em;
}

#menuGauche ul li a:hover,
#menuGauche > ul > li.actif > a,
#menuGauche > ul > li > ul > li.actif > a {
  color: #ee3124;
}

#menuGauche > ul > li > ul {
  margin: 0px;
  padding: 0px 0px 10px 0px;
  list-style: none;
  background: #fff url("../images/menu-gauche-sous-menu-dernier.png") bottom left no-repeat;
}

#menuGauche > ul > li > ul > li {
  height: 24px;
  line-height: 24px;
}

#menuGauche > ul > li > ul > li:first-child {
  padding-top: 10px;
  background: #fff url("../images/menu-gauche-sous-menu-premier.png") top left no-repeat;
}

#menuGauche > ul > li > ul > li > a {
  height: 24px;
  line-height: 24px;
  padding-left: 25px;
  text-decoration: none;
  color: #000;
  font-family: Georgia, Times, Serif;
  font-size: 0.875em;
}

#blocVillageALAnnee {
  position: relative;
  float: left;
  margin: 0px;
  display: block;
  height: 149px;
  width: 670px;
  padding-top: 0;
  clear: left;
}

.gauche {
  float: left;
  position: relative;
  float: left;
  margin: 0px;
  display: block;
  width: 223px;
  padding-top: 37px;
  clear: left;
  margin-left: 22px;
}

.forfaitfamille {
  background: url("../images/forfait-thematique_mini.jpg");
  padding-top: 124px;
  display: block;
  height: 49px;
  width: 212px;
  margin: 0 0 22px 0;
  font-family: 'FengardoNeueRegular';
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  line-height: 49px;
  text-transform: uppercase;
  padding-left: 11px;
  letter-spacing: -0.5px;
}

.forfaitfamille:hover,
.forfaitfamille:focus {
  background: url("../images/forfait-thematique_hover_mini.jpg");
}

.btn-fleche {
  position: relative;
  background: url("../images/btn-fleche.jpg") no-repeat 0 100%;
  display: block;
  height: 42px;
  width: 192px;
  margin: 5px 0 22px 0;
  padding: 5px 20px 0 11px;
  font-family: 'FengardoNeueRegular';
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  line-height: 18px;
  text-transform: uppercase;
}

.btn-fleche:hover,
 .btn-fleche:focus {
  background-position: -223px 100%;
}

.btn-horairetarifs,
 .btn-repasthematique,
 .btn-journeeauvillage,
 .btn-facebook {
  padding-top: 131px;
}

.btn-horairetarifs,
 .btn-journeeauvillage {
  height: 33px;
  padding-top: 140px;
}

.btn-horairetarifs:before,
 .btn-repasthematique:before,
 .btn-journeeauvillage:before,
 .btn-facebook:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 124px;
  background: url("../images/btn-horairetarifs-ete.jpg") no-repeat 50%;
}
.btn-billetterie{display:block;height:173px;box-sizing: border-box; width:223px; margin-bottom:25px;}


.btn-horairetarifs:before {
  background-image: url("../images/btn-horairetarifs-ete.jpg");
}

.btn-repasthematique:before {
  background-image: url("../images/btn-repasthematique-illumine.jpg");
}

.btn-journeeauvillage:before {
  background-image: url("../images/btn-journeeauvillage-ete.jpg");
}

.btn-facebook:before {
  background-image: url("../images/btn-facebook-ete.jpg");
}

body.hante .btn-horairetarifs:before {
  background-image: url("../images/btn-horairetarifs-hante.jpg");
}

body.illumine .btn-horairetarifs:before {
  background-image: url("../images/btn-horairetarifs-illumine.jpg");
}

body.sucre .btn-horairetarifs:before {
  background-image: url("../images/btn-horairetarifs-sucre.jpg");
}

body.hante .btn-repasthematique:before {
  background-image: url("../images/btn-repasthematique-hante.jpg");
}

body.illumine .btn-repasthematique:before {
  background-image: url("../images/btn-repasthematique-illumine.jpg");
}

body.sucre .btn-repasthematique:before {
  background-image: url("../images/btn-repasthematique-sucre.jpg");
}

body.hante .btn-facebook:before {
  background-image: url("../images/btn-facebook-hante.jpg");
}

body.illumine .btn-facebook:before {
  background-image: url("../images/btn-facebook-illumine.jpg");
}

body.sucre .btn-facebook:before {
  background-image: url("../images/btn-facebook-sucre.jpg");
}

.aminjeux {
  background: url("../images/btn-anim-et-jeux_mini.jpg");
  padding-top: 124px;
  display: block;
  height: 49px;
  width: 212px;
  margin: 0 0 22px 0;
  font-family: 'FengardoNeueRegular';
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  line-height: 49px;
  text-transform: uppercase;
  padding-left: 11px;
}

.aminjeux:hover,
.aminjeux:focus {
  background: url("../images/btn-anim-et-jeux_hover_mini.jpg");
}

.facebook {
  background: url("../images/btn-facebook_mini.jpg");
  padding-top: 130px;
  display: block;
  height: 43px;
  width: 212px;
  margin: 0 0 22px 0;
  font-family: 'FengardoNeueRegular';
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  line-height: 18px;
  text-transform: uppercase;
  padding-left: 11px;
}

.facebook:hover,
.facebook:focus {
  background: url("../images/btn-facebook_hover_mini.jpg");
}

.videoYoutube {
  display: block;
  width: 223px;
  height: 129px;
  margin: 0 0 22px 0;
  overflow: hidden;
  /*background:transparent url("../images/pub-ete-2015.jpg") no-repeat 0 0;*/

  background: transparent url("../images/bouton-youtube.jpg") no-repeat 0 0;
}

.videoYoutube:hover {
  background: transparent url("../images/bouton-youtube-over.jpg") no-repeat 0 0;
}

.videoYoutube span {
  position: relative;
  left: 300px;
}

div.view_fiche a.video-youtube {
  position: relative;
  display: block;
}

.btn-youtube {
  display: inline-block;
  width: 45px;
  height: 45px;
  overflow: hidden;
  position: absolute;
  bottom: 24px;
  right: -1px;
  background: transparent url("../images/ptites-enquetes-btn-youtube-petit.png") no-repeat 0 0;
}

div.view_fiche a.video-youtube span.btn-youtube {
  width: 61px;
  height: 61px;
  bottom: 0;
  right: 0;
  background: transparent url("../images/ptites-enquetes-btn-youtube.png") no-repeat 0 0;
}

.btn-youtube:hover,
 div.view_fiche a.video-youtube:hover span.btn-youtube {
  background-position: 0 100%;
}

.drummond {
  background: url("../images/drummond.jpg");
  display: block;
  height: 129px;
  width: 223px;
  margin: 0 0 22px 0;
}

.varchoix1 {
  background-position: left center!important;
  background-repeat: no-repeat !important;
}

.varchoix2 {
  background-position: center center!important;
  background-repeat: no-repeat !important;
}

.varchoix3 {
  background-position: right center!important;
  background-repeat: no-repeat !important;
}

#boutonVillageEte {
  background: url("../images/bouton-village-quebecois-dantan.jpg");
  display: block;
  height: 149px;
  width: 223px;
  margin: 0;
  float: left;
}

#boutonVillageEte:hover {
  background: url("../images/bouton-village-quebecois-dantan-dessus.jpg");
}

#boutonVillageHante {
  background: url("../images/bouton-village-hante.jpg");
  display: block;
  height: 149px;
  width: 223px;
  float: left;
}

#boutonVillageHante:hover {
  background: url("../images/bouton-village-hante-dessus.jpg");
}

#boutonVillageIllumine {
  background: url("../images/bouton-village-illumine.jpg");
  display: block;
  height: 149px;
  width: 223px;
  margin: 0;
  float: left;
}

#boutonVillageIllumine:hover {
  background: url("../images/bouton-village-illumine-dessus.jpg");
}

#boutonVillageSucre {
  background: url("../images/bouton-village-sucre.jpg");
  display: block;
  height: 149px;
  width: 223px;
  margin: 0;
  float: left;
}

#boutonVillageSucre:hover {
  background: url("../images/bouton-village-sucre-dessus.jpg");
}

#boutonHoraireEtTarifs {
  background: url("../images/bouton-horaire-et-tarifs.jpg");
  display: block;
  height: 82px;
  width: 209px;
  position: absolute;
  top: 958px;
  left: 267px;
}

#boutonHoraireEtTarifs:hover {
  background: url("../images/bouton-horaire-et-tarifs-dessus.jpg");
}

#boutonCommentSeRendre {
  background: url("../images/bouton-comment-se-rendre.jpg");
  display: block;
  height: 82px;
  width: 209px;
  position: absolute;
  top: 958px;
  left: 498px;
}

#boutonCommentSeRendre:hover {
  background: url("../images/bouton-comment-se-rendre-dessus.jpg");
}

#boutonMeteo {
  background: url("../images/bouton-meteo.jpg");
  display: block;
  height: 68px;
  width: 149px;
  position: absolute;
  top: 958px;
  left: 729px;
  padding: 7px 30px;
}

#boutonMeteo iframe {
  border: none;
}

#blocNouvelles {
  position: absolute;
  top: 125px;
  left: 0px;
  width: 960px;
}

#blocNouvelles > article {
  width: 245px;
  float: left;
  padding: 0px 25px 0px 50px;
  background: url("../images/puce-nouvelles.png") 25px 0px no-repeat;
}

#blocNouvelles > article > a {
  color: #423a37;
  text-decoration: none;
}

.dateNouvelle {
  display: block;
  font-family: arial, sans;
  font-size: 14px;
  padding-bottom: 6px;
}

.titreNouvelle {
  display: block;
  font-family: FengardoNeueBlack, arial, sans;
  font-size: 16px;
  line-height: 19px;
  text-transform: uppercase;
  padding-bottom: 2px;
  color: #fff;
}

#blocNouvelles > article > a:hover .titreNouvelle {
  color: #ee3124;
}

.texteNouvelle {
  display: block;
  font-family: arial, sans;
  font-size: 14px;
  line-height: 17px;
  padding-bottom: 4px;
}

.lireNouvelle {
  display: inline-block;
  color: #ee3124;
  font-family: arial, sans;
  font-size: 14px;
  line-height: 17px !important;
  font-weight: bold;
  background: url("../images/fleche-nouvelles.png") right 4px no-repeat;
  padding-right: 12px;
}

#blocNouvelles > article > a:hover .lireNouvelle {
  background: url("../images/fleche-nouvelles-dessus.png") right 4px no-repeat;
  color: #fff;
}

.accueil #blocNouvelles > article > a:hover .lireNouvelle {
  background: url("../images/fleche-nouvelles-accueil-dessus.png") right 4px no-repeat;
  color: #fff;
}

body.accueil #copyright {
  position: absolute;
  top: 525px;
  left: 240px;
  font-family: Arial, Helvetica, sans-serif;
  color: #fff;
  font-size: 12px;
}

#copyright {
  position: absolute;
  top: 217px;
  left: 240px;
  font-family: Arial, Helvetica, sans-serif;
  color: #fff;
  font-size: 12px;
}

body.accueil #absolu {
  background: url("../images/absolu.png");
  position: absolute;
  top: 525px;
  right: 0px;
  display: block;
  width: 146px;
  height: 12px;
}

#absolu {
  background: url("../images/absolu.png");
  position: absolute;
  top: 217px;
  right: 0px;
  display: block;
  width: 146px;
  height: 12px;
}

#absolu:hover {
  background: url("../images/absolu-dessus.png");
}

body.accueil #absolu:hover {
  background: url("../images/absolu-dessus.png");
}

body.accueil #blocInfolettre {
  right: 10px;
  position: absolute;
  top: 329px;
  width: 225px;
  font-size: 12px;
  color: #fff;
  font-family: Georgia, Times, serif;
  line-height: 15px;
}

#blocInfolettre {
  right: 10px;
  position: absolute;
  top: 19px;
  width: 225px;
  font-size: 12px;
  color: #fff;
  font-family: Georgia, Times, serif;
  line-height: 15px;
}

#blocInfolettre a {
  color: #fff;
  text-decoration: none;
}

#blocInfolettre a:hover {
  color: #c8d530;
}

#blocInfolettre .telephone {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 18px;
}

#blocInfolettre h4 {
  font-family: FengardoNeueRegular, Arial, sans-serif;
  color: #fff;
  font-size: 16px;
  line-height: 19px;
  text-transform: uppercase;
  margin: 0px 0px 14px 0px;
  font-weight: normal;
}

#champInfolettre {
  background: url("../images/champ-infolettre.png");
  height: 33px;
  width: 227px;
  margin-bottom: 14px;
  position: relative;
}

#champInfolettre:hover {
  background: url("../images/champ-infolettre-dessus.png");
}

#champInfolettre input {
  border: none;
  background: none;
  height: 29px;
  line-height: 29px;
  font-family: Georgia, Times, serif;
  font-size: 13px;
  color: #978f8c;
  margin-left: 10px;
  width: 180px;
}

#champInfolettre a {
  display: block;
  height: 24px;
  width: 24px;
  position: absolute;
  top: 0px;
  right: 0px;
  cursor: pointer;
}

body.accueil #logoPied {
  position: absolute;
  top: 325px;
  left: 0px;
  display: block;
  height: 135px;
  width: 160px;
}

#logoPied {
  position: absolute;
  top: 25px;
  left: 0px;
  display: block;
  height: 135px;
  width: 160px;
}

.clear {
  clear: both;
}

.blocAttention {
  padding: 10px 30px;
  background: #f6fac2;
  border: 1px solid #e2ef36;
  text-align: center;
}

#system-message dt {
  display: none;
}

#system-message dd {
  margin: 0px;
}

#system-message li {
  padding: 0px !important;
  background: none !important;
  color: #F1573E !important;
}

.result-created {
  display: none;
}

.result-category,
.result-text {
  margin-left: 15px;
}

.planSite > li {
  padding: 0px !important;
  background: none !important;
}

.deuxBoutons {
  width: 916px;
  height: 82px;
  clear: both;
  padding-left: 22px;
}

.horaire-tarifs {
  padding-right: 11px;
  text-decoration: none;
  line-height: 82px;
  text-align: center;
  background: url(../images/horaire-tarifs.jpg) no-repeat;
  height: 82px;
  width: 447px;
  display: block;
  float: left;
  font-size: 24px;
  text-transform: uppercase;
  color: #000000;
  font-family: 'FengardoNeueBlack';
}

.horaire-tarifs:hover {
  background: url(../images/horaire-tarifs-over.jpg) no-repeat;
}

.comment-se-rendre {
  padding-left: 11px;
  text-decoration: none;
  line-height: 82px;
  text-align: center;
  background: url(../images/comment-se-rendre.jpg) no-repeat;
  height: 82px;
  width: 447px;
  display: block;
  float: left;
  font-size: 24px;
  text-transform: uppercase;
  color: #fff;
  font-family: 'FengardoNeueBlack';
}

.comment-se-rendre:hover {
  background: url(../images/comment-se-rendre-over.jpg) no-repeat;
}

.fauxDock {
  display: block;
  width: 276px;
  height: 24px;
  background: url(../images/drop.jpg);
  position: absolute;
  top: 9px;
  left: 0;
  color: #000;
  font-size: 15px;
  line-height: 25px;
  text-transform: uppercase;
  padding-left: 10px;
  text-decoration: none;
  font-family: 'FengardoNeueRegular';
  z-index: 9;
}

.fauxDock:hover {
  background: url(../images/drop-over.jpg);
}

.cacheur {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 3;
}

.blocFiche p,
.blocFiche h2 {
  margin-bottom: 10px !important;
}

/* Les suspects */

.les_suspects {
  margin-top: -33px;
}

.les_suspects h1 {
}

#contenu .les_suspects ul li {
  background-image: none;
  padding: 0;
  width: 211px;
  float: left;
  margin-left: 18px;
  margin-top: 10px;
}

#contenu .les_suspects ul li.actif {
  width: 211px;
}

#contenu .les_suspects ul li.col1 {
  margin-left: 0px;
  clear: both;
}

.les_suspects .photo {
  width: 211px;
  height: 270px;
  overflow: hidden;
  cursor: pointer;
}

.les_suspects .photo:hover img,
.les_suspects li.actif .photo img {
  position: relative;
  top: -270px;
}

.les_suspects .description {
  background-image: url(../images/bg_suspect.jpg);
  background-repeat: no-repeat;
  background-color: #f4e9d3;
  display: none;
  width: 638px;/*670*/
  padding: 18px 15px 18px 17px;
  line-height: 17px;
  position: relative;
}

.les_suspects .description .btn_x {
  height: 16px;
  width: 16px;
  position: absolute;
  top: 18px;
  right: 17px;
  background-image: url("../images/btn_x.png");
  background-position: 0 0;
  cursor: pointer;
  z-index: 2;
}

.les_suspects .description .btn_x:hover {
  background-position: 0 -16px;
}

.les_suspects .col2 .description {
  margin-left: -229px;
}

.les_suspects .col3 .description {
  margin-left: -458px;
}

.les_suspects .description .titre {
  font-size: 24px;
  padding-bottom: 24px;
  padding-top: 18px;
  background-image: url("../images/pointille_2.png");
  background-position: bottom center;
  background-repeat: repeat-x;
  position: relative;
}

.les_suspects .description .titre strong {
  color: #ee3124;
}

.les_suspects .description p {
  margin-bottom: 10px;
  line-height: auto;
  text-align: left;
}

.les_suspects .description p span {
  font-weight: bold;
  color: #ee3124;
}

.les_suspects .description .colonne1 {
  width: 191px;
  /*float:left;*/

  display: table-cell;
  padding-right: 16px;
  padding-top: 20px;
  background-image: url("../images/pointille-vertical_2.png");
  background-position: right center;
  background-repeat: repeat-y;
}

.les_suspects .description .colonne2 {
  width: 194px;
  /*float:left;*/

  display: table-cell;
  padding-right: 10px;
  padding-left: 22px;
  padding-top: 20px;
  background-image: url("../images/pointille-vertical_2.png");
  background-position: right center;
  background-repeat: repeat-y;
}

.les_suspects .description .colonne3 {
  width: 184px;
  /*float:left;*/

  display: table-cell;
  padding-left: 21px;
  padding-top: 20px;
}

.les_suspects .clearer {
  clear: both;
}

.temoignages {
  margin-top: 61px;
  background-color: #d2da3e;
  clear: both;
  position: relative;
  padding: 0 16px 25px 32px;
  height: 313px;
}

.temoignages img {
  position: absolute;
  left: 32px;
  top: -28px;
}

.temoignages h1 {
  background: none;
  padding-top: 48px;
  margin-bottom: 20px;
}

.temoignages .col1 {
  float: left;
  width: 195px;
  margin-right: 18px;
}

.temoignages .col2 {
  float: left;
  width: 195px;
  margin-right: 16px;
}

.temoignages .col3 {
  float: left;
  width: 190px;
}

.temoignages .un_temoignage {
  margin-bottom: 25px;
}

/* Viens de mod_diapositive.css pour le replace des couleurs */



	/* Sets the current selector */

#controleDiaporama li.current,
.slider_selector_dis li.current {
  /*background: #ee3123;  Été*/

  background: #ee3124;
}