/*

   FEUILLE DE STYLE PRINCIPALE - www.sepaq.com


:: TABLE DES MATIERES ----------------------------------------------

   Titres
   Listes
   Positionnement
   Zone de titre
   Conteneur principal
   Elements textes standards
   Tableaux
   Styles utilisateurs
   Onglets de navigation
   Outils - Icones
   Fil d'Ariane
   Bas de page


:: PALETTE DE COULEURS ----------------------------------------------

   #274E27 - Vert fonce
   #3A5426 - Vert foret
   #496530 - Vert clair
   #4A8456 - Vert turquoise
   #404040 - Gris moyen
   #005C9A - Bleu, hyperliens
   #A1A1A1 - Gris pale, contours
   #DAD9D4 - Gris tres pale, contours, onglets
   #EDEDED - Blanc grise, fond
   #404040 - Bleu fonce

*/

/*

:: RESET -----------------------------------------------------------

*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, button {
  margin:0;
  padding:0;
  border:0;
  font-weight:inherit;
  font-style:inherit;
  font-size:100%;
  font-family:inherit;
  /*vertical-align:baseline;*/
}
html {
  overflow-y:scroll;
}
body {
  line-height:1;
  background:#fff;
  font-family:"Roboto", Helvetica, Arial, sans-serif;
  font-size:11px;
  color:#404040;
  /*background-position:50% 54px !important;*/
  -webkit-text-size-adjust:none;
}
.no-js body {
  background-position:center 153px;
}
.shy {
  left: -4000px;
  position: absolute;
}
a.aller-contenu {
  position:absolute;
  text-decoration: none;
  background-color: rgba(255,255,255,0.7);
  padding:3px;
  text-align:center;
  display:block;
  color:#404040;
}
ol, ul {
  list-style:none;
}
table {
  border-collapse:separate;
  border-spacing:0;
}
caption, th, td {
  text-align:left;
  font-weight:normal;
}
blockquote:before, blockquote:after, q:before, q:after {
  content:"";
}
blockquote, q {
  quotes:"" "";
}
em {
  font-style:italic;
}
strong {
  font-weight:bold;
}
/*

:: OLD BROWSERS   -----------------------------------------------------------

*/
#old-browsers {
  position:absolute;
  top:50%;
  left:50%;
  padding:30px 30px 15px 30px;
  font-size: 12px;
  width:430px;
  background: #fff;
  z-index: 100001;
}

#old-browsers h3 {
  margin:0 0 15px 0;
  padding:0;
  font-size:16px;
}

#old-browsers .btn-browser {
  margin-right:30px;
}

#old-browsers .btn-browser img {
  padding-right:15px;
  vertical-align: middle;
}

#old-browsers-overlay {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 100000;
}
/*

:: HEADER   -----------------------------------------------------------

*/

/* ----------------------------------------------
  Mise en page generale
  ----------------------------------------------
*/
#header {/* en-tete de page */
  width:100%;
  background:#fff url(/resources/images/interface/header/header_shade.gif) repeat-x;
  /*height:33px;*/
}
#head {
  width:980px;
  overflow:hidden;
  margin:0 auto;
}
#head_content_left {
  float:left;
}
#head_content_right {
  float:right;
}
#head ul {
  padding:0 6px;
}
#head ul li {
  float:left;
  padding:4px 4px;
  margin:7px 0;
  white-space:nowrap;
}
#head #head_content_right ul {
  float:right;
}
#head #head_content_left ul li {
  border-left:1px solid #aaa;
}
#head #head_content_left ul li:first-child {
  border-left:none;
}
#head #head_content_right ul li span.head_separateur {
  border-left:1px solid #aaa;
  height:18px;
  margin-right:3px;
  display:none;
}
/* Sous menu */
#head #head_content_left ul ul {
  display:none;
  overflow: hidden;
  position:absolute;
  top:100%;
  left:0;
  margin:0 0 0 4px;
  padding:0;
  width:211px;
  line-height:20px;
  border:1px solid #d9dad5;
  background:#fff;
  background:rgba(255, 255, 255, .9);
}
#head #head_content_left ul li:hover ul {
  display:block;
}
#head #head_content_left ul ul li {
  margin:0;
  padding:0;
  border:none;
  border-bottom:1px solid #d9dad5;
  text-transform:uppercase;
}
#head #head_content_left ul ul li a {
  display:block;
  width:198px;
  text-decoration:none;
  color:#3c5325;
  padding:4px 5px 0 8px;
  border:none;
}
#head #head_content_left ul ul li a:hover {
  background:#efefef url(/resources/images/interface/header/org_menu_fleche.png) no-repeat 190px 50%;
  background:rgba(0,0,0,.07) url(/resources/images/interface/header/org_menu_fleche.png) no-repeat 190px 50%;
}
/**/
#head ul li.input_li {
  height:19px;
  margin:6px 0;
  padding:0 4px;
}
.lang_en #head ul li.input_li,
.no-js #head ul li.input_li {
  display:none;
}
#head a.nav {
  color:#404040; /* gris */
  text-decoration:none;
  padding:5px 6px 4px 6px;
}
#head a.accent_bleu {
  font-weight:bold;
  color:#005C9A;
}
#head a.accent_bleu strong {
  font-weight:normal;
}
#head_ a:hover.accent_bleu {
  font-weight:bold;
  color:#fff;
}
#head_content_right form {
  padding:0;
  margin:0;
  border:none;
}
#head_content_right form input#searchbox {
  float:left;
  width:100px;
  height:13px;
  margin:0;
  padding:3px 5px;
  font-size:11px;
  border:1px solid #aaa;
  border-right:none;
  color:#a1a1a1;
  -webkit-appearance:none;
}
#head_content_right form input#searchbox:focus {
  color:#404040;
}
#head_content_right form #btn_search {
  float:left;
  vertical-align:middle;
  width:20px;
  height:21px;
  border:none;
  margin:0;
  padding:0 0 0 19px;
  background:url(/resources/images/interface/header/bouton_search.png) no-repeat;
  border:1px solid #aaa;
  border-left:none;
  cursor:pointer;
  -webkit-appearance:none;
  font-size: 1em;
  color: transparent;
  overflow: hidden;
  line-height: 1 !important;
}
#head_content_right form #btn_search:hover {
  background-position:0 -19px;
}
#header a.hover.nav,
#header #head_content_left li:hover a.nav,
#header a:hover.nav,
#header a:active.nav {
  color:#4d504d;
  background:#9c9a9b;
  color:#fff;
}
/* *** Menu general *** */
#menu_general {
  clear:both;
  width:100%;
  height:43px;
  background:#45833e url(/resources/images/interface/header/menu_shade.gif) repeat-x;
  border-top:1px solid #fff;
  border-bottom:1px solid #fff;
}
#menu_general #elements_general {
  width:980px;
  margin:0 auto;
}
#menu_general #elements_general ul li {
  float:left;
  border-right:1px solid #fff;
}
/* *** Menu reseaux *** */
#menu_reseaux {
  height:33px;
  background:#45833e url(/resources/images/interface/header/reseaux_shade.gif) repeat-x;
}
#menu_reseaux #elements_reseaux {
  width:980px;
  margin:0 auto;
}
#menu_reseaux #elements_reseaux ul li {
  float:left;
}
#menu_reseaux #elements_reseaux ul li .menu_dropdown ul li {
  float: none;
}
/* ----------------------------------------------
  Navig : Menu Principal
  Image GIF divise en sprites, affichage par positionnement
  ----------------------------------------------
*/
div#elements_general ul li a {
  background:url(/resources/images/interface/header/mnu_principal.png) no-repeat scroll top left;
  /* Permet l'affichage du texte avec le CSS desactive - Methode Phark Revisited + overflow hidden */
  text-indent:-5000px;
  overflow:hidden;
}
body.lang_en div#elements_general ul li a {
  background-image:url(/resources/images/interface/header/mnu_principal_en.png);
}
div#elements_general ul li, div#elements_general ul li a {
  display:block;
}
div#elements_general ul li a#logo_sepaq {
  background-position:0 0;
  width:108px;
  height:43px;
}
/* Activites */
div#elements_general ul li a#mnu_activites {
  background-position:-109px 0;
  width:178px;
  height:43px;
}
div#elements_general ul li a#mnu_activites:hover {
  background-position:-109px -43px;
}
/* Hebergement */
div#elements_general ul li a#mnu_hebergement {
  background-position:-288px 0;
  width:178px;
  height:43px;
}
div#elements_general ul li a#mnu_hebergement:hover {
  background-position:-288px -43px;
}
/* Forfaits */
div#elements_general ul li a#mnu_forfaits {
  background-position:-467px 0;
  width:179px;
  height:43px;
}
div#elements_general ul li a#mnu_forfaits:hover {
  background-position:-467px -43px;
}
/* Developpement */
div#elements_general ul li a#mnu_reservation {
  background-position:-647px 0;
  width:179px;
  height:43px;
}
div#elements_general ul li a#mnu_developpement:hover {
  background-position:-647px -43px;
}
/* Carte interactive */
div#elements_general ul li a#mnu_carte {
  background-position:-827px 0;
  width:136px;
  height:21px;
}
div#elements_general ul li a#mnu_carte:hover {
  background-position:-827px -43px;
}
/* Tirages au sort */
div#elements_general ul li a#mnu_tirages {
  background-position:-827px -21px;
  width:136px;
  height:22px;
}
div#elements_general ul li a#mnu_tirages:hover {
  background-position:-827px -64px;
}
/* ----------------------------------------------
  Navig : Menu Rseaux
  Image GIF divise en sprites, affichage par positionnement
  ----------------------------------------------
*/
div#elements_reseaux ul li a.parent_menu_item {
  background:url(/resources/images/interface/header/mnu_reseaux.png) no-repeat scroll top left;
  /* Permet l'affichage du texte avec le CSS desactive - Methode Phark Revisited + overflow hidden */
  text-indent:-5000px;
  overflow:hidden;
}
body.lang_en div#elements_reseaux ul li a.parent_menu_item {
  background-image:url(/resources/images/interface/header/mnu_reseaux_en.png);
}
div#elements_reseaux ul li, div#elements_reseaux ul li a {
  display:block;
}
div#elements_reseaux ul li#t_reseaux {
  background:url(/resources/images/interface/header/mnu_reseaux.png) no-repeat scroll top left;
  display:block;
  background-position:0 0;
  width:109px;
  height:33px;
}
body.lang_en div#elements_reseaux ul li#t_reseaux {
  background-image:url(/resources/images/interface/header/mnu_reseaux_en.png);
}
/* Parcs Quebec */
div#elements_reseaux ul li a#mnu_parcsquebec {
  background-position:-109px 0;
  width:140px;
  height:33px;
}
div#elements_reseaux ul li a#mnu_parcsquebec.active,
div#elements_reseaux ul li a#mnu_parcsquebec.hover,
div#elements_reseaux ul li a#mnu_parcsquebec:hover {
  background-position:-109px -33px;
}
/* Reserves */
div#elements_reseaux ul li a#mnu_reserves {
  background-position:-249px 0;
  width:187px;
  height:33px;
}
div#elements_reseaux ul li a#mnu_reserves.active,
div#elements_reseaux ul li a#mnu_reserves.hover,
div#elements_reseaux ul li a#mnu_reserves:hover {
  background-position:-249px -33px;
}
/* Centres touristiques */
div#elements_reseaux ul li a#mnu_centres {
  background-position:-436px 0;
  width:193px;
  height:33px;
}
div#elements_reseaux ul li a#mnu_centres.active,
div#elements_reseaux ul li a#mnu_centres.hover,
div#elements_reseaux ul li a#mnu_centres:hover {
  background-position:-436px -33px;
}
/* Aquarium du Qubec */
div#elements_reseaux ul li a#mnu_aquarium {
  background-position:-628px 0;
  width:187px;
  height:33px;
}
div#elements_reseaux ul li a#mnu_aquarium:hover {
  background-position:-628px -33px;
}
/* Anticosti */
div#elements_reseaux ul li a#mnu_anticosti {
  background-position:-816px 0;
  width:152px;
  height:33px;
}
div#elements_reseaux ul li a#mnu_anticosti.active,
div#elements_reseaux ul li a#mnu_anticosti.hover,
div#elements_reseaux ul li a#mnu_anticosti:hover {
  background-position:-816px -33px;
}
/* ----------------------------------------------
  Definition des "drop downs"
  .menu_dropdown : classe generale de mise en forme
  #menu_dropdown_parcsquebec : drop down de Parcs Quebec
  #menu_dropdown_reserves : drop down des Reserves fauniques
  #menu_dropdown_centres : drop down des Centres touristiques
  ----------------------------------------------
*/

.menu_dropdown {
  display:none;
  width:953px; /* 950px - padding de 38px */
  background:#fff;
  background:rgba(255, 255, 255, .9);
  position:absolute;
  top:111px;
  left:50%;
  margin-left:-490px;
  z-index:1000;
}
.menu_dropdown li.excluded {
  padding-top:10px;
}
/* ----------------------------------------------- */

#menu_dropdown_parcsquebec {
  height:185px;
  width:953px;
  margin-left:-490px;
  font-size:12px;
  color:#5a5a5a;
  padding:12px 12px 15px 15px;
}
#menu_dropdown_parcsquebec ul {
  float:left;
  width:150px;
  height:185px; /* Hauteur doit etre adaptee au contenu */
  line-height:18px;
  margin-left:12px;
  padding-left:12px;
  border-left:1px solid #5a5a5a;
}
#menu_dropdown_parcsquebec ul:first-child {
  margin-left:0;
  padding-left:0;
  border-left:none;
}
#menu_dropdown_parcsquebec ul li a {
  color:#5a5a5a;
  text-decoration:none;
  padding:1px 2px 1px 12px;
  display:block;
  background:url(/resources/images/interface/header/bullet1.gif) no-repeat 4px 8px;
}
#menu_dropdown_parcsquebec ul li a:hover, #menu_dropdown_parcsquebec ul li a.actif {
  color:#4d504d;
  background-color:#ddd;
}
#menu_dropdown_parcsquebec ul li ul {
  border-left:none;
  float:none;
  height:auto;
}
#menu_dropdown_parcsquebec ul li ul li a {
  padding-left:27px;
  background:url(/resources/images/interface/header/bullet2.gif) no-repeat 16px 9px;
}
#menu_dropdown_parcsquebec .carte_etablissements {
  width:310px;
  height:185px;
  float:right;
}
/* ----------------------------------------------- */

#menu_dropdown_reserves {
  height:185px;
  font-size:12px;
  color:#5a5a5a;
  padding:12px 12px 15px 15px;
}
#menu_dropdown_reserves ul {
  float:left;
  width:180px;
  height:185px;
  line-height:18px;
  margin-left:15px;
  padding-left:15px;
  border-left:1px solid #5a5a5a;
}
#menu_dropdown_reserves ul:first-child {
  margin-left:0;
  padding-left:0;
  border-left:none;
}
#menu_dropdown_reserves ul li a {
  color:#5a5a5a;
  text-decoration:none;
  padding:1px 2px 1px 12px;
  display:block;
  background:url(/resources/images/interface/header/bullet1.gif) no-repeat 4px 8px;
}
#menu_dropdown_reserves ul li a:hover, #menu_dropdown_reserves ul li a.actif {
  color:#4d504d;
  background-color:#ddd;
}
#menu_dropdown_reserves ul li ul {
  border-left:none;
  float:none;
  height:auto;
}
#menu_dropdown_reserves ul li ul li a {
  padding-left:27px;
  background:url(/resources/images/interface/header/bullet2.gif) no-repeat 16px 9px;
}
#carte-parcs, #carte-reserves, #carte-centres {
  background:url(/resources/images/interface/header/cartes_menu.png) 0 0 no-repeat;
  float:right;
  height:185px;
  width:310px;
}
#carte-reserves {
  background-position:0 -185px;
}
#carte-centres {
  background-position:0 -370px;
}
/* ----------------------------------------------- */

#menu_dropdown_centres {
  height:185px;
  font-size:12px;
  color:#5a5a5a;
  padding:12px 12px 15px 15px;
}
#menu_dropdown_centres ul {
  float:left;
  width:230px;
  height:185px;
  line-height:18px;
  margin-left:15px;
  padding-left:15px;
  border-left:1px solid #5a5a5a;
}
#menu_dropdown_centres ul:first-child {
  margin-left:0;
  padding-left:0;
  border-left:none;
}
#menu_dropdown_centres ul li a {
  color:#5a5a5a;
  text-decoration:none;
  padding:1px 2px 1px 12px;
  display:block;
  background:url(/resources/images/interface/header/bullet1.gif) no-repeat 4px 8px;
}
#menu_dropdown_centres ul li a:hover, #menu_dropdown_centres ul li a.actif {
  color:#4d504d;
  background-color:#ddd;
}
#menu_dropdown_centres ul li ul {
  border-left:none;
  float:none;
  height:auto;
}
#menu_dropdown_centres ul li ul li a {
  padding-left:27px;
  background:url(/resources/images/interface/header/bullet2.gif) no-repeat 16px 9px;
}
#menu_dropdown_centres .carte_etablissements {
  width:310px;
  height:185px;
  float:right;
}
/* ----------------------------------------------- */
#menu_dropdown_anticosti {
  margin:0 0 0 266px;
  width:197px;
  height:auto;
  font-size:12px;
  color:#5a5a5a;
  padding:12px 12px 15px 15px;
}
#menu_dropdown_anticosti ul {
  float:left;
  width:197px;
  height:auto;
  line-height:18px;
  margin-left:0;
  padding-left:0;
  border-left:none;
}
#menu_dropdown_anticosti ul li a {
  color:#5a5a5a;
  text-decoration:none;
  padding:1px 2px 1px 12px;
  display:block;
  height:1%;
  overflow:hidden;
  background:url(/resources/images/interface/header/bullet1.gif) no-repeat 4px 8px;
}
#menu_dropdown_anticosti ul li a:hover, #menu_dropdown_anticosti ul li a.actif {
  color:#4d504d;
  background-color:#ddd;
}
/* ----------------------------------------------- */

#menu_dropdown_organisation {
  line-height:20px;
  position:absolute;
  top:27px;
  left:50%;
  margin-left:-425px;
  width:211px;
  border:1px solid #d9dad5;
  border-bottom:none;
  display:none;
  background:#fff;
  background:rgba(255, 255, 255, .9);
  z-index:1000;
}
body.lang_en #menu_dropdown_organisation {
  margin-left:-435px;
}
#menu_dropdown_organisation ul li {
  border-bottom:1px solid #d9dad5;
  text-transform:uppercase;
}
#menu_dropdown_organisation ul li a {
  display:block;
  text-decoration:none;
  color:#3c5325;
  padding:4px 5px 0 8px;
}
#menu_dropdown_organisation ul li a:hover {
  background:rgba(0,0,0,.07) url(/resources/images/interface/header/org_menu_fleche.png) no-repeat right center;
}
/* ----------------------------------------------- */

/*

:: MA NATURE (Connexion / Deconnexion) -----------------------------------------------------

*/
#modal-manature {
  display:none;
  position:fixed;
  top:50%;
  left:50%;
  margin:0;
  padding:30px;
  font-size:14px;
  background:#fff;
  z-index:1001;
}
.manature {display:none;}
#modal-manature .manature {display:block;}

.manature.is-visible {
  display:block;
  margin:0 auto;
  width:770px;
  font-size:14px !important;
}

.manature.is-logout {width:450px;}
.manature.is-login {width:660px;}

.manature .btn,
#container .manature .btn {
    margin:0 10px 0 0;
    padding:5px 20px;
    color: #404040;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
    background:#bbb;
    border:1px solid #bbb;
    border-radius:0;
    text-shadow:none;
}

.manature input.btn,
#container .manature input.btn {
    height: 42px;
}

.manature .btn:hover,
#container .manature .btn:hover {
  color: #404040;
  text-decoration: none;
  background: #c5c5c5;
  border-color: #c5c5c5;
}

.manature .btn.is-action,
#container .manature .btn.is-action {
  background: #BAD14D;
  border-color: #BAD14D;
}

.manature .btn.is-action:hover,
#container .manature .btn.is-action:hover {
  background: #CCE655;
  border-color: #CCE655;
}

.manature .btn.is-facebook,
#container .manature .btn.is-facebook {
    padding-left:36px;
    color: #fff;
    background: #3a5998 url(/resources/images/ma-nature/facebook.png) 15px 50% no-repeat;
    border-color: #3a5998;
}

.manature .btn.is-facebook:hover,
#container .manature .btn.is-facebook:hover {
    color: #fff;
    background-color: #4b67a1;
    border-color: #4b67a1;
}

#modal-manature p.is-cancel {
  position:absolute;
  top:23px;
  right:23px;
}

.manature h2 {
  margin:0 0 20px 0;
  padding:0;
}

.manature span.add-account {
  margin:0 0 20px 0;
  padding:0;
  color:#404040;
  font-size:1.2em;
  font-weight:normal;
  display: block;
}

.manature p,
#container .manature p {
  margin:0 0 1.5em 0;
  padding:0;
  line-height: 1.3;
}

.manature p,
#container .manature .center p {
  margin: 0px;
  padding: 0px;
  line-height: 1.3;
}

.manature small {
  font-size:0.8em;
  line-height: 1.2;
}

#container .rwd .col .col980 {
    width: 950px;
    /* padding: 15px 15px 25px 15px; */
}
.manature .gauche {
  float: left;
  width: 350px;
  margin:0;
  padding:0 30px 0 0;
  border-right: 1px solid #c5c5c5;
}
#container .manature .gauche {
  /* padding-right:90px; */
}

.manature .gauche .btn,
#container .manature .gauche .btn {width:350px;}
.manature .droite .btn,
#container .manature .droite .btn {width:210px;}

.manature .droite {
    float: left;
    width: 350px;
    margin: 0 30px;
}

.manature label {
    display:block;
    padding-bottom: 0.2em;
    text-transform: uppercase;
}

.manature .input {
    width: 328px;
    padding: 10px;
    color: #404040;
    font-size: 1em;
    background-color: #F7F7F7;
    border: 1px solid #c5c5c5;
}

.manature .input + a {
  display:inline-block;
  padding-top:0.5em;
  font-size:0.9em;
}

.manature .questions,
.manature .presentation {
  margin:30px 0;
  padding:30px;
  text-align:center;
  background:#efefef;
}

.manature .presentation {
  text-align:left;
}

#container .header-profile-item {
    border-bottom: none;
    padding: 0px;
}

#container .header-profile-item.is-first {
     padding-right: 7px;
}

#container .rwd .bouton.is-facebook {
    background-color: #3b5998;
    border-color: #3b5998;
    color: white;
}

#container .rwd .bouton.is-googleplus {
    background-color: #dd4b39;
    border-color: #dd4b39;
    color: white;
}
#container .manature .questions p,
.manature .presentation p,
#container .manature .presentation p {
  margin:0;
  padding:0;
}
#overlay {
  display:none;
  position:absolute;
  top:0;
  left:0;
  margin:0;
  padding:0;
  width:100%;
  background:#000000;
  z-index:1000;
}
/* Styles pour l'interactivite avec la carte */
.map-container {
  position:relative;
  float:right;
  width:310px;
}
.map-container .dot-over {
  position:absolute;
  background:transparent url(/resources/images/interface/header/dot_parcs.png) no-repeat 0 0;
  width:23px;
  height:23px;
}
#menu_dropdown_reserves .map-container .dot-over {
  background-image:url(/resources/images/interface/header/dot_reserves.png)
}
#menu_dropdown_centres .map-container .dot-over {
  background-image:url(/resources/images/interface/header/dot_centres.png)
}
#menu_dropdown_reserves div.map-container div.green-dot {
  background-image:url(/resources/images/interface/header/dot_centres.png);
}
#menu_dropdown_reserves div.map-container div.red-dot {
  background-image:url(/resources/images/interface/header/dot_anticosti.png);
}
#menu_dropdown_centres div.map-container div.brown-dot {
  background-image:url(/resources/images/interface/header/dot_parcs.png);
}
.map-container .trigger {
  position:absolute;
  display:block;
  width:12px;
  height:16px;
  background-image:url(/resources/images/interface/header/fix.gif);
}
/*

:: BOUTON   -----------------------------------------------------------

*/
#container a.btn,
#container input.btn,
a.btn,
input.btn,
.bouton,
#container .bouton,
#box_popover a.bouton {
  display:inline-block;
  margin:0 0 0 10px;
  padding:0 15px;
  height:32px;
  line-height:32px;
  color:#404040;
  font-size:13px;
  font-weight:400;
  text-decoration:none;
  text-transform:uppercase;
  background:#79d156;
  border:none;
  -webkit-appearance:none;
  -webkit-transition-property:color, background;
  -webkit-transition-duration:.3s;
  -moz-transition-property:color, background;
  -moz-transition-duration:.3s;
  transition-property:color, background;
  transition-duration:.3s;
  cursor:pointer;
}
#container .bouton:first-child,
#container .btn:first-child {
  margin-left:0;
}
.bouton.connexion {
  padding-left:32px;
  background-image:url(/resources/images/profil/pictos_bouton.png);
  background-position:5px -597px;
  background-repeat:no-repeat;
}
#container a.annuler.btn, #container input.annuler.btn, a.annuler.btn, input.annuler.btn,
#container a.btn.gris, #container input.btn.gris, a.btn.gris, input.btn.gris,
.bouton.annuler, .bouton.gris, #container .bouton.annuler, #container .bouton.gris, #box_popover .bouton.annuler, #box_popover .bouton.gris {
  color:#404040;
  background-color:#bbb;
  border:none;
}
.bouton.bleu, #container .bouton.bleu {
  background-color:#6294be;
}
#container a.btn:hover, #container input.btn:hover, a.btn:hover, input.btn:hover,
.bouton:hover, #container .bouton:hover, #box_popover a.bouton:hover {
  color:#404040;
  text-decoration:none;
  background-color:#5cc034;
}
.bouton.annuler:hover, .bouton.gris:hover, #container .bouton.annuler:hover, #container .bouton.gris:hover, #box_popover .bouton.annuler:hover, #box_popover .bouton.gris:hover {
  background-color:#aaa;
}
.bouton.bleu:hover, #container .bouton.bleu:hover {
  background-color:#547fa3;
}
#container a.btn.small, a.btn.small,
.bouton.small, #container .bouton.small {
  font-size:11px;
  height:28px;
  line-height:28px;
}
.bouton.marge-bas, #container .bouton.marge-bas {
  margin-bottom: 10px !important;
}
/*

:: BUTTONS   -----------------------------------------------------------

*/

/*New buttons*/

/*#container a.btn, #container input.btn, a.btn, input.btn {
  display:inline-block;
  background-color:#42b243;
  background-image:url(/resources/images/interface/btn_overlay.png);
  background-repeat:repeat-x;
  background-position:0 100%;
  border:none;
  border-bottom:1px solid #205821;
  border-top:1px solid #97d497;
  -moz-box-shadow:0 2px 3px rgba(0, 0, 0, .25);
  -webkit-box-shadow:0 2px 3px rgba(0, 0, 0, .25);
  box-shadow:0 2px 3px rgba(0, 0, 0, .25);
  color:#fff;
  cursor:pointer;

  font-size:16px;
  line-height:normal;
  margin-right:10px;
  padding:6px 15px 4px;
  position:relative;
  text-decoration:none;
  text-shadow:0 -1px 1px rgba(0,0,0,.25);
}*/
/*#container a.annuler.btn, #container input.annuler.btn, a.annuler.btn, input.annuler.btn {
  background-color:#bbb;
  border-bottom:1px solid #777;
  border-top:1px solid #d2d2d2;
}*/
#container a.btn.orange, #container input.btn.orange, a.btn.orange, input.btn.orange {
  background-color:#ff8f0d;
  border-bottom:none;
  border-top:1px solid #ff8f0d;
}
/*#container a.btn.gris, #container input.btn.gris, a.btn.gris, input.btn.gris {
  background-color:#aaa;
  border-bottom:none;
  border-top:1px solid #aaa;
}*/
/*#container a.btn.small, #container input.btn.small, a.btn.small, input.btn.small {
  background-image:url(/resources/images/interface/btn_overlay.png);
}*/
/*#container a.btn:hover, #container input.btn:hover, a.btn:hover, input.btn:hover {
  background-image:none;
  color:#fff;
}*/
/*#container a.btn.float_right, #container div.float_right a.btn, a.btn.float_right, div.float_right a.btn {
  margin-left:10px;
  margin-right:0;
}*/
/*#container a.btn.small, a.btn.small {
  font-size:12px;
}*/
/*

:: Old buttons  ---------------------------------------------

   VARIATIONS
   standard - gris pale ->
   .back - gris pale <-
   .fermer - gris pale X
   .vert - vert ->
   .vert.return - vert <-|
   .vert.ajouter - vert +
   .vert.annuler - vert X
*/

/* BOUTONS GRIS PALES */
a.button {
  background:transparent url(/resources/images/interface/btn_fleche.gif) no-repeat right 0;
  border:1px solid #a1a1a1 !important;
  color:#4c4c4c !important;
  cursor:pointer;
  font-size:11px;
  margin:0 5px 1px 0;
  padding:2px 31px 2px 11px;
  padding-bottom:2px !important;
  text-decoration:none;
  text-transform:uppercase;
}
a.button:hover {
  background:transparent url(/resources/images/interface/btn_fleche.gif) no-repeat right -18px;
  color:#37752f !important;
  text-decoration:none;
}
a.button.small {
  text-transform:none;
  font-size:10px;
  margin:0;
  padding:2px 25px 2px 4px !important;
}
#head a.button:hover {
  background:transparent url(/resources/images/interface/btn_fleche.gif) no-repeat right -18px;
}
a.button.back {
  background:#fff url(/resources/images/interface/btn_back.gif) no-repeat left top;
  padding-left:28px !important;
  padding-right:10px !important;
  text-decoration:none;
}
a.button.back:hover {
  background:#fff url(/resources/images/interface/btn_back.gif) no-repeat left -18px;
  text-decoration:none;
}
a.button.fermer {
  background:#fff url(/resources/images/interface/btn_fermer.gif) no-repeat right top;
  text-decoration:none;
}
a.button.fermer:hover {
  background:#fff url(/resources/images/interface/btn_fermer.gif) no-repeat right -18px;
  text-decoration:none;
}
a.button.mini {
  text-transform:none;
  padding:2px 24px 1px 4px !important;
}
/* BOUTONS VERTS */
a.button.vert {
  background:transparent url(/resources/images/interface/btn_fleche_verte.gif) no-repeat right top;
  border:1px solid #3f7e37 !important;
  color:#fff !important;
  cursor:pointer;
  font-size:11px;
  margin:0 5px 1px 0 !important;
  text-decoration:none;
  text-transform:uppercase;
}
a.button.vert:hover {
  color:#fff;
  text-decoration:none;
  background:transparent url(/resources/images/interface/btn_fleche_verte.gif) no-repeat right -20px;
}
a.button.vert.return {
  background:transparent url(/resources/images/interface/btn_modifier_vert.gif) no-repeat left top;
  padding-left:28px !important;
  padding-right:10px !important;
}
a.button.vert.return:hover {
  background:transparent url(/resources/images/interface/btn_modifier_vert.gif) no-repeat left -18px;
}
a.button.vert.ajouter {
  background:transparent url(/resources/images/interface/btn_ajouter_vert.gif) no-repeat right top;
}
a.button.vert.ajouter:hover {
  background:transparent url(/resources/images/interface/btn_ajouter_vert.gif) no-repeat right -18px;
}
a.button.vert.annuler {
  background:transparent url(/resources/images/interface/btn_supprimer_vert.gif) no-repeat right top;
}
a.button.vert.annuler:hover {
  background:transparent url(/resources/images/interface/btn_supprimer_vert.gif) no-repeat right -18px;
}
/* BOUTONS BLEU */
a.button.bleu {
  background:transparent url(/resources/images/interface/btn_telecharger_bleu.gif) no-repeat right top;
  border:1px solid #3f7e37 !important;
  color:#fff !important;
  cursor:pointer;
  font-size:11px;
  margin:0 5px 1px 0 !important;
  text-decoration:none;
  text-transform:uppercase;
}
a.button.bleu:hover {
  color:#fff;
  text-decoration:none;
  background:transparent url(/resources/images/interface/btn_telecharger_bleu.gif) no-repeat right -18px;
}
a.button.bleu img {
  margin-right:6px;
  padding-top:0;
}
/*

:: BOUTONS SUR BALISE INPUT -----------------------------------------

*/
input.button {
  background:transparent url(/resources/images/interface/btn_fleche.gif) no-repeat right top;
  border:1px solid #a1a1a1 !important;
  color:#4c4c4c !important;
  cursor:pointer;
  font-size:11px;
  margin:0 5px 1px 0;
  padding:2px 31px 1px 11px !important;
  text-decoration:none;
  text-transform:uppercase;
}
input.button.float_right {
  margin-right:0 !important;
}
input.button:hover {
  background:transparent url(/resources/images/interface/btn_fleche.gif) no-repeat right -18px;
  color:#37752f !important;
  text-decoration:none;
}
input.button.footer {
  margin:7px 0 13px 9px;
}
input.button.back {
  background:#fff url(/resources/images/interface/btn_fleche_back.gif) no-repeat left center;
  padding-left:28px;
  padding-right:10px;
}
input.button.back:hover {
  background-image:url(/resources/images/btn_fleche_hover_back.gif);
}
input.button.reverse {
  background:url(/resources/images/btn_vert.gif) right no-repeat;
  border:1px solid #fff;
  ;
  color:#fff;
  font-weight:bold;
  height:18px;
  padding-left:20px;
  padding-right:36px;
}
input.button.reverse:hover {
  background:url(/resources/images/btn_vert_hover.gif) right no-repeat;
}
.buttonsBox {
  padding:10px 0 15px 30px;
}
/* BOUTONS VERTS */
input.button.vert {
  background:transparent url(/resources/images/interface/btn_fleche_verte.gif) no-repeat right top;
  border:1px solid #3f7e37 !important;
  color:#fff !important;
  cursor:pointer;
  font-size:11px;
  padding:2px 31px 2px 11px !important;
  margin:0 5px 1px 0 !important;
  text-decoration:none;
  text-transform:uppercase;
}
input.button.vert:hover {
  color:#fff;
  text-decoration:none;
  background:transparent url(/resources/images/interface/btn_fleche_verte.gif) no-repeat right -20px;
}
input.button.vert.return {
  background:transparent url(/resources/images/interface/btn_modifier_vert.gif) no-repeat left top;
  border:1px solid #3f7e37 !important;
  color:#fff !important;
  cursor:pointer;
  font-size:11px;
  padding:2px 22px 2px 25px !important;
  margin:0 5px 1px 0 !important;
  text-decoration:none;
  text-transform:uppercase;
}
input.button.vert.return:hover {
  color:#fff;
  text-decoration:none;
  background:transparent url(/resources/images/interface/btn_modifier_vert.gif) no-repeat left top -20px;
}
/*

:: TITRES -----------------------------------------------------------

*/
h1 {




  color:#404040;
  font-weight:bold;
  font-size:14px;
}
h2 {
  color:#404040;
  font-weight:bold;
  font-size:16px;
}
h3 {
  color:#404040;
  font-weight:bold;
  font-size:14px;
  margin-top:16px;
  margin-bottom:7px;
}
h3 span.date {
  color:#404040;
  font-size:10px;
}
#container h3.black {
  margin-top: 17px;
  margin-bottom: 3px;
  font-size: 15px;
  background-color: #000000;
  padding: 5px 15px;
  color: #FFF;
  text-transform: uppercase;
}
h4 {
  font-weight:bold;
  font-size:12px;
  color:#404040;
  margin-top:14px;
  margin-bottom:8px;
}
/*

:: LISTES -----------------------------------------------------------

*/
#container ul,
#modal-content ul {
  line-height:14px;
  list-style-type:disc;
  margin-left:5px;
  padding-left:10px;
  margin-bottom:1em;
}
#container ul li ul,
#modal-content ul li ul {
  line-height:13px;
  list-style-type:circle;
  margin-left:5px;
  padding-left:10px;
  margin-bottom:0;
}
#container ol,
#modal-content ol {
  line-height:1.3em;
  list-style-type:decimal;
  margin:0 0 1em 2.5em;
}
#container .col ul {
  margin-top:4px;
}
#container .col li {
  margin-bottom:5px;
}
/*

:: POSITIONNEMENT ---------------------------------------------------

*/
.spacerTop {
  margin-top:25px;
} /* Insere une marge en haut de l'element designe */
.clear_both {
  float:none;
  clear:both;
}
.clear {
  float:none;
  clear:both;
}
.float_left {
  float:left;
}
.float_right {
  float:right;
}
.no-margin-top {
  margin-top: 0 !important;
}
.no-padding,
#container .no-padding {
    padding: 0px !important;
}
.hide_block {
  display:none;
}
.break {
  overflow:hidden;
}
#container .hide_underline {
  border-bottom:none !important;
}
.no_top_margin {
  margin-top:0 !important;
}
.no_top_padding {
  padding-top:0 !important;
}
.no_bottom_margin {
  margin-bottom:0 !important;
}
.no_bottom_padding {
  padding-bottom:0 !important;
}
blockquote {
  margin-left:15px;
}
/*

:: OMBRES ----------------------------------------------------------

*/
.cols {
  width:100%;
  overflow:hidden;
  min-height:555px;
}
.transac .cols {
  width: auto;
  overflow: visible;
}
.transac .cols:after {
  content:"";
  display:table;
  clear:both;
}
.ombre_540 {
  background:url(/resources/images/interface/container/ombre_gauche.gif) repeat-y 568px 0;
  /*overflow:visible;*/
}
.ombre_380 {
  background:url(/resources/images/interface/container/ombre_gauche.gif) repeat-y 408px 0;
}
.ombre_645 {
  background:url(/resources/images/interface/container/ombre_gauche.gif) repeat-y 634px 0;
}
/*Ombres pour la photo de la page "Journée des parcs nationaux"*/
#col-pp {
  width: 410px !important;
  padding: 0px 0px 0px 0px !important;
}
.section-pp {
  width: 100%;
  background: url(/resources/images/interface/container/ombre_coin_gauche.jpg) no-repeat left bottom, url(/resources/images/interface/container/ombre_onglets.jpg) repeat-x 0 bottom;
}
.no-bkg {
  background: none !important;
  margin-top: 10px;
}
.container-pp {
  width: 85%;
  margin-bottom: 5px;
  margin-right: auto;
  margin-left: auto;
}
.container-pp img {
  padding-bottom: 0px;
}
/*

:: ZONE DE TITRE ----------------------------------------------------

   Hauteurs
   336px - Gnral
   220px - Produits
   120px - Transac
   90px - Carte interactive

*/
#zone_titre {
  position:relative;
  width:980px;
  margin:0 auto;
  height:336px;
}
.produit #zone_titre {
  height:220px;
}
.transac #zone_titre {
  height:120px;
}
.carte #zone_titre {
  height:90px;
}
#zone_titre h1 {
  width:265px;
  height:336px;
  text-indent:-5000px;
}
.carte #zone_titre h1 {
  width:980px;
}
.produit #zone_titre h1 {
  height:220px;
}
#titre {
  position:relative;
  margin:0 auto;
  padding:0 15px;
  width:950px;
  height:90px;
  overflow:hidden;
  background:url("/resources/images/interface/header/titres_fondnoir.png");
  background:rgba(0,0,0,0.5);
}
#titre h1 {
  margin:0;
  padding:0;
  color:#fff;
  font-size:32px;
  font-weight:400;
  text-transform:uppercase;
  line-height:90px;
}
/*

:: BOUTON DERNIERE MINUTE OVERLAY ----------------------------------------------------

*/
#btn_dern_minute {
  position:absolute;
  bottom:0;
  right:15px;
  margin:0;
  padding:0;
}
#btn_dern_minute a {
  display:block;
  padding:10px 20px 10px 47px;
  color:#fff;
  font-size:12px;
  text-decoration:none;
  background:url(/resources/images/vedette_offres/bg_btn_dern_minute.gif) 0 50% no-repeat;
}
#btn_dern_minute a img {
  vertical-align:middle;
}
/*

:: CONTENEUR PRINCIPAL ----------------------------------------------

   Definition des largeurs de colonnes standardisees
   | 980 px |
   | 740 px | (nouvelles)
   | 326 px | 326 px | 326 px | (avec sparateurs, produits)
   | 325 px | 325 px | 325 px | (sans sparateurs, transac - login)
   | 540 px | 380 px | (standard, etablissements)
   | 380 px | 540 px | (fiches de produits)
   | 490 px | 490 px | (2 colonnes de meme largeur, transac)

   Ombrages a placer sur le div ayant la classe 'col'
   .ombre_gauche
   .ombre_top
   .ombre_top_short

*/
#container {
  width:980px;
  background:#fff repeat-x;
  margin:0 auto;
  padding:0.001em 0 0 0;
  overflow:visible;
  min-height:600px;
}
#container .col {
  display:inline;
  float:left;
}
#container .colright {
  float:right;
}
#container .col.multi { /* Utilis lorsqu'il y a plusieurs types de colonnes en haut dans une meme page */
  padding-bottom:0;
  margin-bottom:0;
}
#container div.col div.col155 {
  width:155px;
  padding:15px 0
}
/*.col 203 - Colonne de 203 pixels*/
#container .col209 {
  float:left;
  display:inline;
  position:relative;
  width:185px;
  padding:15px 9px;
}
/* .col215 - Colonne de 215 pixels */
#container .col .col215 {
  width:187px;
  padding:15px 12px 25px 12px;
}
#container .col .col215.first {
  margin-left:0;
  width:187px;
  padding-right:0;
}
#container.forfaits .col .col215 a {
  border-bottom:0;
}
#container div.col div.col225 {
  width:225px;
  padding:15px 15px 15px 0;
}
/* .col300 - Colonne de 300 pixels */
#container .col .col300 {
  width:285px;
  margin-right:15px;
}
/* .col325 - Colonne de 325 pixels */
#container .col .col325 {
  width:296px;
  padding:15px 15px 25px 15px;
}
/* .col326 - Colonne de 326 pixels */
#container .col .col326 {
  width:296px;
  padding:15px 0 25px 14px;
  margin-left:14px;
}
#container .col .col326.first {
  margin-left:0;
}
/* .col330 - Colonne de 330 pixels */
#container .col .col330 {
  width:300px;
  padding:15px 15px 25px 15px;
}
/*.col 340 - Colonne de 340 pixels*/
#container .col .col340 {
  width:310px;
  padding:15px 15px 25px 15px;
}
/* .col380 - Colonne de 380 pixels */
#container .col .col380 {
  width:380px;
  padding:15px 15px 25px 15px;
}
/* .col490 - Colonne de 490 pixels */
#container .col .col490 {
  width:460px;
  padding:15px 15px 25px 15px;
}
/* .col540 - Colonne de 540 pixels */
#container .col .col540 {
  width:540px;
  padding:15px 15px 25px 15px;
}
/* .col620 - Colonne de 620 pixels */
#container .col .col620 {
  width:590px;
  padding:15px 15px 25px 15px;
}
/* .col640 - Colonne de 640 pixels */
#container .col .col640 {
  width:610px;
  padding:15px 15px 25px 15px;
}
/* .col650 - Colonne de 650 pixels */
#container .col .col650 {
  width:620px;
  padding:15px 15px 25px 15px;
}
/* .col740 - Colonne de 718 pixels */
#container .col .col762 {
  width:762px;
  padding:15px 15px 10px 15px;
}
/* .col740 - Colonne de 740 pixels */
#container .col .col740 {
  width:740px;
  padding:15px 15px 25px 15px;
}
/* .col980 - Colonne de 980 pixels */
#container .col .col980 {
  width:950px;
  padding:15px 15px 25px 15px;
}
.cat {
  width:297px;
  float:left;
  margin-left:29px;
}
.cat.first {
  margin-left:0;
}
.cat div div {
  display:none;
}
#container #texte {
  margin:45px 25px 35px 8px;
}
/* Ombrages de fond, a placer sur la balise class="col" */
#container .ombre_gauche {
  background:#fff url(/resources/images/interface/container/ombre_gauche.gif) repeat-y top left;
}
#container .ombre_droite {
  background:#fff url(/resources/images/interface/container/ombre_droite.gif) repeat-y top right;
}
#container .ombre_droite_fake {
  background:#fff url(/resources/images/interface/container/ombre_droite.gif) repeat-y 274px 0;
}
#container .ombre_top {
  /*background:url(/resources/images/interface/gradient_gris.png) repeat-x top;*/
  background:repeat-x top;
}
#container .ombre_bas {
  /*background:url(/resources/images/interface/container/ombre_bas.gif) repeat-x bottom;*/
  background:repeat-x bottom;
}
#container .ombre_top_short {
 /* background:url(/resources/images/interface/container/ombre_top_short_transparent.png) repeat-x top;*/
  background:repeat-x top;
}
#container .box {
  padding:15px 0;
  border-top:#D4D4D4 solid 1px;
}
div.standard-box {
  background:#efefef;
  border:1px solid #efefef;
  margin-bottom:24px;
  padding:12px 14px;
}
div.standard-box.no-margin {
  margin-bottom:0;
}
/*div.standard-box .sb-inner {
  background:transparent url(/resources/images/interface/container/ombre_top_short.png) 0 0 repeat-x;
}
div.standard-box .sb-border {
  background:#d7d7d7;
}
div.standard-box .sb-shadow {
  background:#bbb
}*/
/*

:: SOUS-COLONNES POUR LES TEXTES ----------------------------------------
   Divise un champ texte en 2 colonnes egales

   2 colonnes :
   La colonne 1 sera definie avec les styles colsplit_2 et alpha
   La colonne 2 sera definie avec les styles colsplit_2 et omega

  3 colonnes :
   La colonne 1 sera definie avec les styles colsplit_3 et alpha
   La colonne 2 sera definie avec les styles colsplit_3
   La colonne 3 sera definie avec les styles colsplit_3 et omega

*/
.colsplit_2 {
  float:left;
  margin:15px;
  width:47%;
}
.colsplit_3 {
  float:left;
  margin:15px;
  width:31%;
}
.alpha {
  margin-left:0;
}
.omega {
  margin-right:0;
}
/*

:: ELEMENTS TEXTES STANDARDS ----------------------------------------

*/
p {
  line-height:13px;
  margin-bottom:12px;
}
p.demiSpacerTop {
  margin-top:-6px;
}
sup {
  font-size:smaller;
  /*line-height:normal;
  vertical-align:top;*/
}
#container p {
  /* clear:both; */
 line-height:16px;
}
#container p.justify {
  text-align:justify;
}
#container h2 {
  color:#404040;
  font-weight: bold;
  font-size: 15px;
  font-size: 1.355em;
  margin-top:8px;
  text-transform:uppercase;
  padding:5px 0;
}
a {
  color:#005C9A;
  text-decoration:underline;
}
a:hover {
  color:#944736;
  text-decoration:underline;
}
/*

:: NEWS TICKER   -----------------------------------------------------------

*/
#container #newsticker {
  position:relative;
  margin:0 0 15px;
  padding:0;
  width:100%;
  overflow:hidden;
  font-size:11px;
  background:#efefef;
}
#container #newsticker h2 {
  position:absolute;
  top:0;
  left:0;
  margin:0;
  padding:0;
  z-index:2;
}
#container #newsticker h2 a {
  display:block;
  width:40px;
  overflow:hidden;
  margin:0;
  padding:10px 0;
  line-height:12px;
  text-indent: -1000px;
  background:url(/resources/images/interface/container/sections/icones_outils.png) 10px -561px no-repeat;
}
#container #newsticker ul {
  margin:0;
  padding:0;
  height:37px;
  overflow:hidden;
  list-style-type:none;
}
#container #newsticker ul li {
  float:left;
  height:35px;
  margin:0;
  padding:0;
}
#container #newsticker ul li a {
  display:block;
  margin:0 10px 0 0;
  padding:0 0 0 40px;
  width:490px;
  line-height:35px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
#container #newsticker ul li.important {
  background:#ffecb2;
}
#container #newsticker ul li.alerte {
  background:#cc0000;
}
#container #newsticker ul li.alerte a {
  color:#fff;
  font-size:13px;
  text-transform: uppercase;
}

/*

:: CARTE (grosse)   -----------------------------------------------------------

*/
#carte-wrapper {
  position:relative;
  margin:0 0 30px 0;
  width:920px;
  height:550px;
  overflow:hidden;
}

#container #carte {
  position:relative;
  margin:0;
  padding:0;
  width:920px;
  height:550px;
  background:url(/resources/images/reservation/carte.gif) -30px 0 no-repeat;
  z-index:1;
}

#carte ul {
  position:absolute;
  bottom:15px;
  right:15px;
  margin:0;
  padding:10px;
  list-style:none;
  background:url(/resources/images/interface/blanc90.png);
}

#carte ul li {
  display:none;
  margin:0;
  padding:0 0 0 25px;
  line-height:22px;
  background:url(/resources/images/reservation/sprite.png) 0 -150px no-repeat;
}
#carte ul li.pq {background-position:0 -150px;}
#carte ul li.rf {background-position:0 -200px;}
#carte ul li.ct {background-position:0 -250px;}
#carte ul li.san {background-position:0 -650px;}

#carte p {
  position:absolute;
  top:0;
  left:0;
}

#carte a {
  display:none;
  position:absolute;
  top:-100px;
  left:-100px;
  width:26px;
  height:32px;
  text-decoration:none;
  background:url(/resources/images/reservation/sprite.png) 0 -300px no-repeat;
  border:0;
  z-index:1;
}
#carte a:hover {
  z-index:2;
}
#carte a.actif {
  display:block;
}
#carte a.actif.hide {
  display:none;
}

#carte a.pq {background-position:0 -300px;}
#carte a.rf {background-position:0 -350px;}
#carte a.ct {background-position:0 -400px;}
#carte a.san {background-position:0 -600px;}

#carte a span {display:none;}

#carte a#point_aig {left:94px; top:219px;}
#carte a#point_pan {left:755px; top:175px;}
#carte a#point_bic {left:503px; top:259px;}
#carte a#point_sag {left:435px; top:266px;}
#carte a#point_fro {left:395px; top:429px;}
#carte a#point_gas {left:611px; top:236px;}
#carte a#point_grj{left:405px; top:314px;}
#carte a#point_hgo {left:425px; top:297px;}
#carte a#point_bon {left:705px; top:245px;}
#carte a#point_bou {left:278px; top:441px;}
#carte a#point_jac {left:380px; top:339px;}
#carte a#point_tem {left:500px; top:306px;}
#carte a#point_mig {left:607px; top:274px;}
#carte a#point_mme {left:393px; top:457px;}
#carte a#point_mor {left:338px; top:462px;}
#carte a#point_msb {left:286px; top:449px;}
#carte a#point_mot {left:235px; top:389px;}
#carte a#point_mva {left:413px; top:239px;}
#carte a#point_oka {left:258px; top:447px;}
#carte a#point_pla {left:200px; top:438px;}
#carte a#point_pta {left:357px; top:237px;}
#carte a#point_yam {left:315px; top:464px;}
#carte a#point_ssl {left:460px; top:280px;}

#carte a#point_ope {left:40px; top:358px;}

#carte a#point_ash {left:305px; top:221px;}
#carte a#point_asn {left:240px; top:110px;}
#carte a#point_chc {left:637px; top:228px;}
#carte a#point_amw {left:330px; top:74px;}
#carte a#point_lau {left:390px; top:302px;}
#carte a#point_lvy {left:135px; top:319px;}
#carte a#point_mas {left:300px; top:359px;}
#carte a#point_mat {left:584px; top:247px;}
#carte a#point_pal {left:205px; top:407px;}
#carte a#point_spc {left:555px; top:99px;}
#carte a#point_pod {left:673px; top:261px;}
#carte a#point_por {left:335px; top:324px;}
#carte a#point_rim {left:525px; top:284px;}
#carte a#point_rom {left:243px; top:364px;}
#carte a#point_stm {left:295px; top:339px;}

#carte a#point_paq {left:383px; top:368px;}
#carte a#point_amc {left:595px; top:232px;}
#carte a#point_pre {left:705px; top:229px;}
#carte a#point_bdp {left:702px; top:242px;}
#carte a#point_vol {left:335px; top:409px;}
#carte a#point_ken {left:382px; top:264px;}
#carte a#point_sim {left:217px; top:417px;}
#carte a#point_gma {left:622px; top:232px;}
#carte a#point_pcm {left:392px; top:359px;}
#carte a#point_duc {left:370px; top:365px;}

#carte a#point_san {left:735px; top:165px;}

/**/

#container .box.news .en_vedette {
  display:block;
  float:left;
  margin:0 15px 15px 0;
  overflow:hidden;
}
#container #news-col .box.news .en_vedette {
  margin-left:0;
}
#container .box.news a.en_vedette img {
  margin:0;
}
#container .box.news div.news_item {
  float:left;
  line-height:14px;
  margin-bottom:9px; /* 15px moins le 6px du <p> */
  width:350px;
}
#container .box.news div.news_item h3 a {
  text-decoration:none;
}
#container .box.news div.news_item h3 a:hover {
  text-decoration:underline;
}
#container .box.news div.news_item_forfait {
  width:175px;
  float:left;
  margin-bottom:9px; /* 15px moins le 6px du <p> */
  line-height:14px;
}
#container .col380 .box.news div.news_item {
  width:295px;
}
/*
#container .col380 .box.news div.news_item a {
 padding-right:10px;
 background:url(/resources/images/interface/container/arrow_link.gif) no-repeat center right;
}
*/

/*#container .col380.bordure img {*/
/*  margin:-1px;*/
/*  border:1px solid #bfbfbf;*/
/*}*/
#container .box p {
  line-height:15px;
}
#container .box h3, #container .box h2 {
  color:#404040;
  font-weight: normal;
  font-size: 14px;
  font-size: 1.275em;
  margin:0 0 2px 0;
  text-transform: none;
}
#container .box h3 a {
  color:#404040;
  text-decoration:none;
}
#container .box h3 a:hover {
  text-decoration:underline;
}
#container hr {
  clear:both;
  border:none;
  border-top:#D4D4D4 solid 1px;
  margin:15px 0;
  height:1px;
}
#container .box hr {
  margin:15px 0;
}
#container .box.news img {
  margin:1px 0 15px 0;
  float:left;
  background-color:#fff;
}
#container .box.news .news_item img {
  float:none;
  border:none;
  margin:0 0 0 5px;
  vertical-align:middle;
}
#container div.partenaires a {
  border-bottom:none;
}
#container div.partenaires img {
  padding:12px 22px 12px 2px;
  vertical-align:middle;
}
/* NEWS PAGE */
#news_page h3 {
  margin-top:10px;
}
#news_page h3 a {
  text-decoration:none;
  color:#404040;
}
#news_page .date {
  padding-left:8px;
}
#news_page .contenu {
  padding-right:25px;
}
/*

:: TABLEAUX ---------------------------------------------------------

*/
table {
  border-collapse:collapse;
  margin:0 0 1.5em 0;
  padding:0;
}
table th {
  background:url(/resources/images/interface/container/ombre_top_short.jpg) repeat-x;
  border:1px solid #d6d5d0;
  color:#404040;
  font-size:12px;
  padding:10px;
}
table tr td.onglet {
  background:#f5f5f5;
}
table tr td {
  border:1px solid #d6d5d0;
  padding:10px;
}
div.distances table {
  font-size:10px;
}
div.distances table tr td {
  padding:7px;
}
/* TABLEAUX DISPOS */
.tableau-dispos h3 {
  margin-top:3em;
}
.tableau-dispos table,
.tableau-dispos td {
  border:0;
  border-top: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
}
.tableau-dispos td {
  width:25%;
  padding: 15px;
  font-size: 12px;
  line-height: 1.3em;
}
.tableau-dispos tr:nth-child(odd) {
  background-color:#f4f4f4;
}
.tableau-dispos td.tarif {
  font-size: 14px;
}
.tableau-dispos td.tarif span {
  display:block;
  font-size: 12px;
  color:#999;
}
.tableau-dispos td.hebergement strong,
.tableau-dispos td.dates strong {
  text-transform: uppercase;
}
/*

:: TABLEAUX DES RÉGLEMENTATIONS (/pq/conserver/reglementation.dot) ---------------------------------------------------------

*/
table.reglementation {
  border:none;
}
table.reglementation th {
  padding:0;
  background:none;
  border:none;
}
table.reglementation tr td {
  padding:5px;
  border:none;
  vertical-align:middle;
}
table.reglementation tr td p {
  margin:0;
}
/*

:: STYLES UTILISATEURS ----------------------------------------------

   Styles de textes qui seront appliques
   par les utilisateurs du CMS

   .rss - affiche l'icone de telechargement d'un feed rss
   .bottom_line - ajoute une ligne en bas du titre h2 ou h3
   .download - cree une lien de document a telecharger avec une fleche a gauche
   .pdf - affiche l'icone de document pdf
   .pdf_list - affiche l'icone de document pdf
   .lien - affiche un lien par ligne, pour les groupes d'hyperliens

*/
#container h2.rss {
  padding:0;
}
#container h2.rss a {
  background:url(/resources/images/interface/container/rss_logo.gif) no-repeat center left;
  display:block;
  color:#404040;
  border-bottom:none;
  padding:5px 0 5px 20px;
}
#container h2.rss a:hover, #container h2.rss a:active {
  background-image:url(/resources/images/interface/container/rss_logo_hover.gif);
}
#container h2.bottom_line {
  border-bottom:1px solid #d4d4d4;
  margin-top:15px;
  margin-bottom:15px;
  font-weight:bold;
}
#container h2.bottom_line.no_bottom_margin {
  margin-bottom:0;
}
#container h3.bottom_line {
  border-bottom:1px solid #bfbfbf;
  margin-top:15px;
  margin-bottom:15px;
  font-weight:bold;
  padding-bottom:1px;
}
#container h3.bottom_line.no_bottom_margin {
  margin-bottom:0;
}
#container a.download {
  display:block;
  height:11px;
  line-height:17px;
  text-decoration:none;
  font-size:12px;
  color:#404040;
  padding:6px 2px 6px 26px;
  margin-left:-2px;
  background:url(/resources/images/interface/container/icn_download.gif) no-repeat 2px center;
}
#container a.download:hover {
  background:#efefef url(/resources/images/interface/container/icn_download.gif) no-repeat 2px center;
}
#container a.pdf {
  line-height:17px;
  font-size:11px;
  padding:0 16px 0 0;
  margin:5px 0;
  background:url(/resources/images/interface/container/icn_pdf.gif) 100% 0 no-repeat;
}
#container a.link {
  line-height:17px;
  font-size:11px;
  padding:6px 14px 0 0;
  margin:5px 0;
  background:url(/resources/images/interface/container/icn_link.gif) no-repeat right 5px;
}
#container a.pdf_list {
  display:block;
  line-height:17px;
  text-decoration:none;
  font-size:11px;
  padding:2px 2px 2px 25px;
  margin:5px 2px 5px 0;
  background:url(/resources/images/interface/container/icn_pdf.gif) no-repeat 6px center;
}
#container a.pdf_list img {
  vertical-align:middle;
}
#container a.pdf_list:hover {
  text-decoration:underline;
}
#container a.pdf_carto {
  display:block;
  line-height:17px;
  border-bottom:none;
  font-size:11px;
  padding:0 0 0 20px;
  margin:0;
  background:url(/resources/images/interface/container/icn_pdf.gif) no-repeat 2px center;
}
#container a.pdf_carto img {
  vertical-align:middle;
}
#container a.pdf_carto:hover {
  text-decoration:underline;
}
#container a.lien {
  width:85%;
  display:block;
  line-height:17px;
  text-decoration:none;
  font-size:11px;
  padding:1px 2px 1px 25px;
  margin:5px 2px 5px 0;
  background:url(/resources/images/interface/container/icn_link.gif) no-repeat 6px center;
}
#container a.lien:hover {
  text-decoration:underline;
}
#container a.lien_interne {
  width:85%;
  display:block;
  line-height:17px;
  border-bottom:none;
  font-size:11px;
  padding:1px 2px 1px 0;
  margin:5px 2px 5px 0;
}
#container a.lien_interne:hover {
  text-decoration:underline;
}
#container a.lien_solo {
  /*font-size:11px;
  line-height:17px;
 padding:6px 16px 0 0;
 margin:5px 0;*/
 padding-right:16px;
  padding-top:3px;
  background:url(/resources/images/interface/container/icn_link.gif) no-repeat 100% 50%;
}

#container td.grise {
  background:#E8E8E8;
}

#container tr.grise {
  background:#E8E8E8;
}
/*

:: ONGLETS DE NAVIGATION --------------------------------------------
   Chargement d'un nouveau HTML  chacun des onglets

*/
#tabs_main {
  position:relative;
  clear:both;
  margin:0;
  padding:0 15px;
  border-bottom:1px solid #d4d4d4;
  z-index:10;
}
#tabs_main ul {
  display:table;
  /*table-layout:fixed;*/
  width:100%;
  margin:0 0 15px 0;
  padding:0;
  list-style:none;
}
#container #tabs_main:first-child>ul {
  padding-top:15px;
}
#tabs_main li {
  position:relative;
  display:table-cell;
  width:10%;
  margin:0;
  padding:0;
  list-style:none;
}
#tabs_main li a {
  background:#efefef;
  border-bottom:5px solid #efefef;
  text-decoration:none;
  text-align:center;
  color:#404040;
  display:block;
  font-size:16px;
  margin-left:1px;
  padding:15px 10px 10px 10px;
  white-space:nowrap;
}
#tabs_main li a:hover,
#tabs_main li.active a,
#tabs_main li.active a:hover {
  border-bottom-color:#2b2b2b;
  color:#404040;
}
/* Sous-menu */
#tabs_sub {
  position:relative;
  clear:both;
  width:100%;
  overflow:hidden;
  margin-top:-1px;
  border-top:1px solid #fff;
  border-bottom:1px solid #d4d4d4;
  z-index:10;
}
#tabs_sub li {
  display:block;
  float:left;
  margin:0;
  padding:0 15px 15px 15px;
}
#tabs_sub li a {
  display:block;
  color:#999;
  font-size:14px;
  text-decoration:none;
}
#tabs_sub li a:hover,
#tabs_sub li.active a {
  color:#000;
}
/* Menu deroulant */
#tabs_main #btn_logout {
  float:right;
}
#container #tabs_main li ul {
  display:none;
  position:absolute;
  top:100%;
  left:0;
  margin:0;
  padding:0;
  min-width:100%;
  border-bottom:1px solid #DAD9D4;
  -moz-box-shadow:0 5px 5px rgba(0, 0, 0, .1);
  -webkit-box-shadow:0 5px 5px rgba(0, 0, 0, .1);
  box-shadow:0 5px 5px rgba(0, 0, 0, .1);
}
#tabs_main li li {
  float:left;
  width:100%;
  margin:0;
  padding:0;
}
#tabs_main li li a, #tabs_main li.active li a, #tabs_main li:hover li a {
  height:auto;
  color:#404040;
  font-size:12px;
  background:#fff;
  white-space:nowrap;
  border:1px solid #DAD9D4;
  border-bottom:none;
}
#tabs_main li li a:hover, #tabs_main li li.active a, #tabs_main li:hover li a:hover, #tabs_main li:hover li.active a {
  background:#ededed;
}
/*

:: OMBRE DE HAUT DE PAGE --------------------------------------------
   Remplace les onglets de navigation lorsqu'ils sont absents

*/
#ombre_hr {
  background:url(/resources/images/interface/container/ombre_onglets.jpg) repeat-x 0 -12px;
  height:18px;
  padding:0;
  margin:-15px 0 0 0;
}
#ombre_hr_marge {
  background:url(/resources/images/interface/container/ombre_onglets.jpg) repeat-x 0 -12px;
  height:18px;
}
#ombre_hr_head {
  background:url(/resources/images/interface/container/ombre_onglets.jpg) repeat-x 0 26px;
  height:18px;
  padding:38px 0 0;
  margin:0;/* clear:both;  */
/* position:relative;
 top:-15px; */
}
.ombre_header {
  background:url(/resources/images/interface/container/ombre_onglets.jpg) repeat-x 0 bottom;
  padding:0;
  margin:0;
  overflow:hidden;
}
/*
/*

:: OUTILS - ICONES --------------------------------------------------

*/
#container #tools {
  float:left;
  width:320px;
  height:24px;
  /*border-top:#bfbfbf 1px solid;
  border-bottom:#bfbfbf 1px solid;*/
  padding:0;
  text-align:right;
  margin:15px 15px 15px 0;
  overflow:hidden;
}
#container .col #tools {
  float:none;
  width:auto;
  margin:0 0 15px 0;
}
#container #tabs_main #tools {
  position:absolute;
  right:15px;
  top:12px;
  margin:0;
  padding:0;
  border:none;
  width:auto;
  height:auto;
}
#container #tools ul,
#container #tabs_main #tools ul {
  float:right;
  margin:0;
  padding:0;
  list-style:none;
}
#container .col380 #tools ul {
  width:100%;
}
#container #tools ul li, #container #tabs_main #tools ul li {
  margin:0 0 0 5px;
  padding:0;
  float:right;
  line-height:24px;
}
#container #tools li.facebook a,
#container #tools li.twitter a {
  display:block;
  width:20px;
  height:24px;
  background:url(/resources/images/interface/container/sections/icones_outils.png) 0 -360px no-repeat;
}
#container #tools li.facebook a {background-position:0 -358px;}
#container #tools li.twitter a {background-position:0 -388px;}
#container #tools li span {
  display:none;
}
#at15pf {
  display:none;
}
#container #tools a, #container #tabs_main #tools a {
  padding:0;
  color:#777;
  text-decoration:none;
  border:none;
}
#container #tools a img {
  vertical-align:middle;
}
/* Conditions de neige */
#container #tools li.conditions-neige {
  margin-right:8px;
  padding-right: 8px;
  border-right:1px solid #bfbfbf;
}
#container #tools li.conditions-neige a {
  display:block;
  background:url(/resources/images/interface/container/sections/icones_outils.png) 0 -629px no-repeat;
  width:21px;
  height:24px;
}
/* Webcam */
#container #tools li.webcam {
  /*margin-right:8px;
  padding-right: 8px;
  /*border-right:1px solid #bfbfbf;*/
}
#container #tools li.webcam a {
  display:block;
  background:url(/resources/images/interface/container/sections/icones_outils.png) 2px -808px no-repeat;
  width:24px;
  height:24px;
}
/* Wifi */
#container #tools li.wifi a {
   display: block;
  background:url(/resources/images/interface/container/sections/icones_outils.png) -25px -808px no-repeat;
  width: 28px;
  height: 33px;
}
/* TripAdvisor */
#container #tools li.tripadvisor a {
  display:block;
  width:20px;
  height:24px;
  background:url(/resources/images/interface/container/sections/icones_outils.png) -25px -448px no-repeat;
}
/* Instagram */
#container #tools li.instagram a {
  display: block;
    width: 21px;
    height: 24px;
    background: url(/resources/images/interface/container/sections/icones_outils.png) -49px -448px no-repeat;
}
/* Danger incendie */
#container #tools li.danger-incendie {
  display:none;
  margin-right:8px;
  padding-right: 8px;
  border-right:1px solid #bfbfbf;
}
#container #tools li.danger-incendie a {
  display:block;
  background:url(/resources/images/interface/container/sections/icones_outils.png) 0 -749px no-repeat;
  width:22px;
  height:24px;
}
#container #tools li.danger-incendie.actif a {
  background-position:0 -779px;
}
/* Temperature */
#actual-conditions li.temperature {
  display:none;
}
/* Reseaux sociaux */
#container p.reseauxsociaux {
  margin:0 0 15px 0;
  padding:0;
  line-height:20px;
  text-align:right;
}
#container p.reseauxsociaux a {
    display: block;
    padding: 4px 115px 9px 0;
    color: #4e4f4e;
    text-decoration: none;
    background: url(/resources/images/reseaux-sociaux/icones_outils-ms.png) no-repeat 100% -0px;
}
.lang_en #container p.reseauxsociaux {
  display:none;
}
/*

 :: CONDITIONS ACTUELLES ----------------------------------------------------

*/
#actual-conditions {
  position:absolute;
  bottom:15px;
  right:15px;
  background:#000;
  background:rgba(0, 0, 0, 0.7);
}
#actual-conditions.hgo-fermeture {
  background: rgba(7, 187, 7, 0.7);
  transition: all 0.5s ease;
}
#actual-conditions p {
  margin:0;
  line-height:16px !important;
}
#actual-conditions a,
#actual-conditions span {
  display:block;
  color:#fff;
  font-size:14px;
  text-decoration:none;
}
#actual-conditions a:hover {
  background-color:#000;
}
#actual-conditions.hgo-fermeture a:hover {
  background: rgba(7, 187, 7, 1);
}
/* Temperature */
#actual-conditions .temperature a {
  padding:17px 10px 12px 55px;
  font-size:24px;
  background-position:5px 70%;
  background-repeat:no-repeat;
}
#actual-conditions .temperature a[data-icon="N/A"] {
  padding-left:15px;
}
#actual-conditions .temperature a[data-icon="N/A"] sup {
  display:none;
}
#actual-conditions .temperature sup {
  display:inline-block;
  margin-top:-3px;
  padding-left:3px;
  font-size:14px;
  vertical-align:top;
}
/* Fermeture HGO */
#actual-conditions .fermeture a {
  padding:15px;
  color:#fff;
  font-size:16px;
  line-height:1.2 !important;
}
#actual-conditions .fermeture strong {
  text-transform: uppercase;
}
#actual-conditions .fermeture span {
  font-size:14px;
  text-decoration: underline;
}
/* Autres */
#actual-conditions .danger-incendie a,
#actual-conditions .conditions-neige a,
#actual-conditions .ouvert-hiver p {
  padding:10px;
  border-top:1px solid #5f5f5f;
  text-align: left;
}
#actual-conditions .no-border a {
  border-top: none;
}
#actual-conditions .conditions-neige + .danger-incendie,
#actual-conditions .ouvert-hiver + .danger-incendie,
#actual-conditions .conditions-neige + .ouvert-hiver {
  display:none;
}
/*

 :: TRAVELCLICK/CTA DERNIÈRE MINUTE ----------------------------------------------------

*/
.hero.vertical-hero {
    min-height: 520px;
}
.hero.vertical-hero #actual-conditions {
  bottom:125px;
}
.box-cta {
  position:absolute;
  bottom:15px;
  left:15px;
  right:15px;
  padding: 15px;
  background:#000;
  background:rgba(0, 0, 0, 0.7);
}
.home.vertical-hero .box-cta {
  bottom:45px;
}
.box-cta p {
  margin-bottom: 0px !important;
}
@media screen and (min-width: 500px) {
    .box-cta {
        right: auto;
        max-width: none;
    }
    .hero.vertical-hero #actual-conditions {
      bottom:15px;
    }
}
@media screen and (min-width: 768px) {
    .home.vertical-hero .box-cta {
        bottom:15px;
    }
}

/*

 :: CARTES GOOGLE ----------------------------------------------------

*/
#map_wrapper {
  position:relative;
  width:538px;
  height:373px;
  margin:0 0 1em 0;
  background:#e5e3df;
  border:1px solid #d4d4d4;
}
#map_canvas {
  width:100%;
  height:100%;
}
/*

 :: MEGATOOLTIP ----------------------------------------------------

*/
#megatooltip {
  display:none;
  position:absolute;
  z-index:1000;
  background: #fff;

  border-color:#d4d4d4;

}
div.hidden {
  display:none;
}
#megatooltip_content div.hidden {
  display:block;
}
#megatooltip.top span.pointe {
  position:absolute;
  bottom:-10px;
  left:50%;
  width:19px;
  height:10px;
  margin:0 0 0 -10px;
  background:url(/resources/images/interface/megatooltip_pointes.png) 0 0 no-repeat;
}
#megatooltip.left span.pointe {
  position:absolute;
  right:-10px;
  top:50%;
  width:10px;
  height:19px;
  margin:-10px 0 0 0;
  background:url(/resources/images/interface/megatooltip_pointes.png) 0 -100px no-repeat;
}
#megatooltip.right span.pointe {
  position:absolute;
  left:-10px;
  top:50%;
  width:10px;
  height:19px;
  margin:-10px 0 0 0;
  background:url(/resources/images/interface/megatooltip_pointes.png) 0 -50px no-repeat;
}
#megatooltip h3 {
  margin:0 0 5px 0;
  padding:0;
  color:#404040;
  font-size:26px;
  font-weight:normal;
  line-height:1.5em;
  text-transform:none;
}
#megatooltip p {
  margin:0 0 1em 0;
  padding:0;
  font-size:12px;
  line-height:1.4em;
}
/*

 :: FIL D'ARIANE ----------------------------------------------------

*/
#container #breadcrumb {
  float:left;
  width:630px;
  height:24px;
  margin:15px 0 15px 15px;
}
#container #breadcrumb a,
#container #breadcrumb strong {
  display:block;
  float:left;
  color:#999;
  text-transform:uppercase;
  font-size:15px;
  font-weight:normal;
  margin-top:4px;
  text-decoration:none;
}
#container #breadcrumb a:first-child,
#container #breadcrumb a.premier,
#container #breadcrumb a.second {
  font-size:12px;
  margin-top:7px;
}
#container #breadcrumb a:first-child:after,
#container #breadcrumb a.premier:after,
#container #breadcrumb a.second:after {
  content:"»";
  display:inline-block;
  margin:0 7px;
}
#container #breadcrumbSolo {
  float:left;
  width:620px;
  height:24px;
  border-top:#bfbfbf 1px solid;
  border-bottom:#bfbfbf 1px solid;
  margin:15px 0 15px 15px;
}
#container #breadcrumbSolo a {
  display:block;
  float:left;
  color:#404040;
  border-bottom:0;
  padding-right:14px;
  margin-right:7px;
  text-transform:uppercase;
  font-size:15px;
  margin-top:4px;
}

/*

:: CARTOTHEQUE ------------------------------------------------------

*/
#container .cartotheque, #container .documentation {
}
#container .cartotheque h2, #container .documentation h2 {
  margin-bottom:5px;
}
#container .cartotheque h4, #container .documentation h4 {
  margin:0;
  padding:.5em 0;
  cursor:pointer;
}
#container .cartotheque h4 span, #container .documentation h4 span {
  background:url(/resources/images/interface/arrow_down.gif) 100% 50% no-repeat;
  padding-right:10px;
}
#container .cartotheque h4.active span, #container .documentation h4.active span {
  background:url(/resources/images/interface/arrow_up.gif) 100% 55% no-repeat;
  padding-right:13px;
}
#container .cartotheque h5, #container .documentation h5 {
  margin:5px 0 .4em 0;
  font-weight:normal;
  font-size:1em;
}
#container .cartotheque p, #container .documentation p {
  margin:0 0 0 5px;
  padding:.3em 0;
}
#container .cartotheque ul, #container .documentation ul {
  margin-bottom:0;
  margin-top:0;
  padding:0;
  list-style:none;
  width:100%;
  overflow:hidden;
}
#container .cartotheque ul li, #container .documentation ul li {
  margin:0;
  padding:.3em 0;
  float:left;
  width:50%;
}
#container .cartotheque .expand ul li, #container .documentation .expand ul li {
  float:none;
  width:auto;
}
#container .cartotheque a, #container .documentation a {
  text-decoration:none;
}
#container .cartotheque a.pdf, #container .cartotheque a.zip, #container .cartotheque a.kmz, #container .documentation a.pdf, #container .documentation a.zip, #container .documentation a.kmz {
  display:block;
  line-height:17px;
  text-decoration:none;
  font-size:11px;
  padding:0 0 0 20px;
  margin:0;
  background:url(/resources/images/interface/container/icn_pdf.gif) 2px 2px no-repeat;
}
#container .cartotheque a.zip, #container .documentation a.zip {
  background-image:url(/resources/images/interface/container/icn_zip.gif);
}
#container .cartotheque a.kmz, #container .documentation a.kmz {
  background-image:url(/resources/images/interface/container/icn_kmz.gif);
}
#container .cartotheque a.pdf:hover, #container .cartotheque a.zip:hover, #container .cartotheque a.kmz:hover, #container .documentation a.pdf:hover, #container .documentation a.zip:hover, #container .documentation a.kmz:hover {
  text-decoration:underline;
}
#container .cartotheque .collapse, #container .documentation .collapse {
  padding:0 0 5px 0;
}
#container .cartotheque .expand, #container .documentation .expand {
  display:block;
  padding:5px 0;
}

/*

:: SONDAGE CLIENT ------------------------------------------------------

*/
#sondage-client {
  display:none;
  position:fixed;
  left:0;
  bottom:0;
  margin:0;
  padding:0;
  width:100%;
  color: #fff;
  font-size: 15px;
  background: #3f933a;
  box-shadow:0 0 10px rgba(0, 0, 0, .5);
  z-index:100;
}

#sondage-client .contenu {
  width:920px;
  margin:0 auto;
  padding:26px 30px;
}

#sondage-client p {
  margin: 0;
  padding: 0 0 0 50px;
  line-height: 36px;
  background: url(/resources/images/interface/sondage_picto.gif) 0 50% no-repeat;
}

#sondage-client a.bouton {
  color: #3f933a;
  background: #e9eaeb;
  text-shadow: none;
}

#sondage-client a.bouton.fleche {
  padding-right: 30px;
  background-image: url(/resources/images/interface/sondage_fleche.gif)  background-image: url(/resources/images/interface/sondage_fleche.gif);
  background-position: 95% 50%;
  background-repeat: no-repeat;
}

/*

:: HAUT DE LA PAGE ------------------------------------------------------

*/
#back-top {
  display:none;
  position:fixed;
  right:30px;
  bottom:0;
  margin:0;
  padding:0;
  z-index:100;
}
#back-top a {
  display:block;
  padding:10px 15px 7px 28px;
  color:#404040;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
  text-align:center;
  background:#EDEDED url(/resources/images/interface/fleche_haut.png) 10px 50% no-repeat;
  border:1px solid #DAD9D4;
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  box-shadow:0 0 10px rgba(0, 0, 0, .3);
}
#back-top a:hover {
  color:#404040;
  background-color:#ddd;
}

/*

:: BLOC DE NAVIGATION PAR SECTIONS  --------------------------------------------
   Present sur l'index principal

*/
#container .sections {
  margin:15px 0;
  width:100%;
  overflow:hidden;
  font-size:14px;
}
#container .sections ul {
  margin:0;
  padding:0;
  float:left;
  width:190px;
  list-style:none;
}
#container .sections ul li {
  margin:0;
  padding:3px 0;
  line-height:24px;
  list-style:none;
}
#container .sections a {
  display:block;
  margin:0;
  padding:0 0 0 33px;
  color:#4d3636;
  text-decoration:none;
  background:url(/resources/images/interface/container/sections/icones_outils.png) 0 0 no-repeat;
}
#container .sections #link_dern_minute a {
  color:#005C9A;
  font-weight:bold;
  background-position:5px 3px;
}
#container .sections #link_cheques a {
  background-position:4px -27px;
}
#container .sections #link_carteparc a {
  background-position:3px -85px;
}
#container .sections #link_tarification a {
  background-position:7px -267px;
}
#container .sections #link_reseauxsociaux a {
    background-position:4px -178px;
}
#container .sections #link_bulletins a {
  background-position:7px -237px;
}
#container .sections #link_affaires a {
  background-position:3px -147px;
}
#container .sections #link_scolaire a {
  background-position:4px -57px;
}
#container .sections #link_voyage a {
  background-position:4px -207px;
}
#container .sections #link_securite a {
  background-position:4px -116px;
}
#container .sections #link_neige a {
  /*color:#3f85a0;*/
  background-position:4px -629px;
}
#container .sections #link_concours a {
  background-position: 4px -839px;
}
#container .sections #link_feu a {
  background-position: 4px -752px;
}
#container .sections a:hover {
  background-color:#efefef;
}
/* ----------------------------------------------
  Affichage de la carte de localisation
        Etablissement :Information
  ----------------------------------------------
*/
#container a.carte_localisation {
  border-bottom:none;
  display:block;
  margin:15px 0;
}
/* ----------------------------------------------
  Hub de produits
  ----------------------------------------------
*/

.produit .texte_intro {
  clear: both;
  padding:15px 15px 0 15px;
}
.produit .titre {
  float:left;
  width:620px;
  margin:15px 0 15px 15px;
  overflow:hidden;
}
.produit .titre h2 {
  color:#404040 !important;
  text-transform:uppercase;
  font-size:18px !important;
  padding:0 !important;
  margin:1px 0 0 0;
  font-weight: normal !important;
}
.produit .titre h3 {
  color:#404040;
  text-transform:uppercase;
  font-weight:normal;
  font-size:18px;
  padding:0;
  margin:1px 0 0 0;
}
.produit .col h3.icn {
  display:block;
  height:30px;
  color:#404040;
  text-transform:uppercase;
  font-weight:700;
  font-size:16px;
  padding:0;
  margin:3px 0 15px 0;
  line-height:30px;
}
.produit.forfaits .col h3.icn {
  margin:15px 0 5px 0;
}
.produit.hub #container .col ul {
  margin:13px 0 35px 0;
  padding-left:0;
  list-style-type:none;
  border-top:1px solid #d4d4d4;
}
.produit.hub #container .col li {
  margin:0;
  padding:0;
}
.produit.hub #container .col li a {
  display:block;
  width:290px;
  border-bottom:1px solid #d4d4d4;
  text-decoration:none;
  color:#404040;
  padding:0 0 0 7px;
  font-size:12px;
  height:24px;
  line-height:24px;
}
.produit.hub #container .col li a:hover {
  color:#404040;
  background-color:#eee;
}
/* ----------------------------------------------
  Caroussel de photos
  ----------------------------------------------
*/
h2#galerie-media {display:none;}
#photos-videos {

}
#photos-videos figure {
  position:relative;
  float:left;
  width:86px;
  margin:0 0 0 11px;
  padding: 0;
  background:#ffffff;
}
#photos-videos figure.webcam a:before,
#photos-videos figure.video a:before {
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  margin:-20px 0 0 -16px;
  width:32px;
  height:40px;
  background:url(/resources/images/interface/pictos-photos-videos.png) -150px 0 no-repeat;
  z-index: 10;
}
#photos-videos figure.video a:before {
  margin:-17px 0 0 -16px;
  width:33px;
  height:34px;
  background-position:-100px 0;
}
#photos-videos figure.webcam a:after,
#photos-videos figure.video a:after {
  content:"";
  position:absolute;
  top:4px;
  left:4px;
  width:78px;
  height:78px;
  background:rgba(0, 0, 0, 0.1);
}
#photos-videos h2 + figure {
  margin-left:0;
}
#photos-videos figure:first-child {
  margin-left:0;
}
#photos-videos figure img {
  width:86px;
  height:86px;
}
#photos-videos figure a {
  transition:opacity 0.3s ease;
}
#photos-videos figure a:hover {
  opacity:0.75;
}
#container #photos-videos p {
  margin:0;
  padding-top:0.8em;
}
#photos-videos figcaption {
  display: none;
}
#container .caroussel_thumbs {
  margin:0 0 15px 0;
  padding:13px 0 3px 10px;
  background:#E9EAEB;
}
#container .caroussel_thumbs a {
  float:left;
  margin:0 10px 10px 0;
  padding:0;
  text-decoration:none;
  background:#000;
}
#container .caroussel_thumbs a:hover img {
  opacity:0.75;
}
div.caroussel_thumbs img {
  display:block;
  width:80px;
  height:50px;
  background-position:50% 50%;
  background-repeat:no-repeat;
  transition:opacity 0.3s ease;
}
.carousselImageViewerWindow {
  display:none;
  position:fixed;
  top:50%;
  left:50%;
  margin-left:-300px;
  margin-top:-275px;
  width:600px;
  background-color:#333;
  color:#333;
  border:25px solid #333;
  padding:0;
}
.carousselImageViewerWindow #main_image {
  margin:0 0 30px 0;
  height:402px;
  width:600px;
  background:black;
}
.carousselImageViewerWindow #main_image img {
  margin-bottom:1px;
}
.carousselImageViewerWindow .caroussel {
  width:702px;
  margin:0 auto;
}
#container .carousselImageViewerWindow ul {
  margin-left:0;
  padding-left:0;
}
.carousselImageViewerWindow .caroussel li {
  width:75px;
  height:51px;
  border:3px double #111;
  margin:0 12px 0 0;
  background:#000;
}
.carousselImageViewerWindow .caroussel li div {
  left:240px
}
.carousselImageViewerWindow .caroussel li div .caption {
  font:italic .7em/1.4 georgia, serif;
}
.carousselImageViewerWindow .caption {
  display:block;
  width:100%;
  text-align:right;
  font-weight:normal;
  font-size:11px;
  color:#bbb;
}
#carousselImageViewer .jqmClose {
  position:absolute;
  font-weight:bold;
  font-size:14px;
  float:right;
}
#carousselImageViewer .gallery_scroller {
  overflow:auto;
  width:600px;
  height:80px;
}

#container-gallery {
  margin-left: 0px !important;
  padding-left: 7px !important;
}
#container-gallery li {
  margin: 0px !important;
}
#container-gallery li a{
  margin: 0px 6px 6px 0px !important;
}
/* ----------------------------------------------
  Affichage des forfaits
  ----------------------------------------------
*/

/* Forfaits */
#container .liste_forfaits {
  overflow:hidden;
  display:block;
  padding:5px 0 5px 55px;
}
#container .liste_forfaits .gauche, #container .liste_forfaits_gauche {
  float:left;
  width:150px;
}
#container .liste_forfaits .droite, #container .liste_forfaits_droite {
  float:left;
  width:330px;
}
#container .liste_forfaits .gauche div.bloc, #container .liste_forfaits_gauche div.bloc {
  border:1px solid #c6c6c6;
  width:117px;
  padding:9px;
  background:#fff;
}
#container .liste_forfaits .gauche div.bloc p, #container .liste_forfaits_gauche div.bloc p {
  margin:0;
  padding:0;
  font-size:10px;
  line-height:12px;
}
#container .liste_forfaits .gauche div.bloc span.montant, #container .liste_forfaits_gauche div.bloc span.montant {
  font-weight:normal;
  font-size:24px;
  color:#51779c;
  line-height:40px;
}
#container .liste_forfaits .droite h4:first-child, #container .liste_forfaits_droite h4:first-child {
  margin-top:3px;
}
#container .tarification-list .tarification-item {
  clear: both;
  margin-bottom: 25px;
  overflow: auto;
}
#forfait_item h3 {
  margin-bottom:5px;
  margin-top:0;
  overflow:hidden;
}
#forfait_item h3 span {
  display:block;
  margin:7px 0 0 38px;
  vertical-align:middle
}
#forfait_item h3 img {
  display:block;
  float:left;
  margin-right:5px;
  vertical-align:middle;
}
#forfait_item .forfait_item_desc {
  overflow:hidden;
  display:block;
  padding:5px 0 5px 38px;
}
#container .box.box_forfait hr {
  margin:0;
}
#forfait_item .forfait_item_gauche {
  float:left;
  width:156px;
  margin:0 0 10px;
}
#forfait_item .forfait_item_gauche div.bloc {
  background:#fff;
  border:1px solid #C6C6C6;
  margin:0 0 15px 0;
  padding:9px;
  width:123px;
}
#forfait_item .forfait_item_gauche div.bloc p {
  font-size:10px;
  line-height:12px;
  margin:0;
  padding:0;
}
#forfait_item .forfait_item_gauche div.bloc span.montant {
  color:#51779C;
  font-size:24px;
  line-height:40px;
}
#forfait_item .forfait_item_gauche img {
  border:1px solid #d4d4d4;
  margin:3px 0 15px 0;
  padding:3px;
  background:#fff;
}
#forfait_item .forfait_item_droite {
  float:left;
  width:310px;
  margin:0 0 10px;
}
#forfait_item .forfait_item_droite h4:first-child {
  margin-top:0;
}
#forfait_item .forfait_item_droite a.bouton {
  float:left;
  margin:0 10px 0 0;
}

#products div.tab_container div.item .promo,
#forfait_item .forfait_item_droite .promo {
  margin:0 0 1.3em 0;
  padding:10px 10px 0px 10px;
  background:#fff;
  border:1px solid #d4d4d4;
  border-top:0;
}

#products div.tab_container div.item.promo h3 a {
  background-image:url(/resources/images/interface/promo_coin.png);
  background-position:100% 0;
  background-repeat:no-repeat;
}

#products div.tab_container div.item h4.promo,
#forfait_item .forfait_item_droite h4.promo {
  margin:0;
  padding:0;
  color:#fff;
  font-size:12px;
  font-weight:normal;
  text-transform:normal;
  background:#ed1c24;
  background-image: linear-gradient(bottom, rgb(166,25,29) 0%, rgb(237,28,35) 100%);
  background-image: -o-linear-gradient(bottom, rgb(166,25,29) 0%, rgb(237,28,35) 100%);
  background-image: -moz-linear-gradient(bottom, rgb(166,25,29) 0%, rgb(237,28,35) 100%);
  background-image: -webkit-linear-gradient(bottom, rgb(166,25,29) 0%, rgb(237,28,35) 100%);
  background-image: -ms-linear-gradient(bottom, rgb(166,25,29) 0%, rgb(237,28,35) 100%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(166,25,29)), color-stop(1, rgb(237,28,35)));
  border:1px solid #ed1c24;
  border-bottom:0;
}

#products div.tab_container div.item h4.promo span,
#forfait_item .forfait_item_droite h4.promo span {
  display:block;
  padding:7px 10px 6px 25px;
  background:url(/resources/images/interface/promo_etiquette.png) 4px 7px no-repeat;
}
.rabais-chasse {
  color:#ed4714;
}
/* ----------------------------------------------
  Evenements
  ----------------------------------------------
*/
.event_date {
  margin-right:3px;
  font-weight:bold;
}
/* Cache les onglets et acccordeons */
.ui-tabs .ui-tabs-hide {
  display:none;
}
/* ----------------------------------------------
Filtres
  ----------------------------------------------
*/
#filtre_reseaux {
  background:url(/resources/images/interface/filtres_background.gif) repeat-x;
  display:block;
  height:20px;
  margin:12px 0 0;
  text-transform:uppercase;
  width:100%;
}
#filtre_reseaux span {
  border-left:1px solid #bababa;
  border-right:1px solid #f4f4f4;
  color:#717171;
  float:left;
  font-weight:bold;
  height:20px;
  line-height:20px;
  overflow:hidden;
  padding:0 12px 0 6px;
}
#selectNetwork #filtre_reseaux span {
  font-size:10px;
  padding:0 8px 0 6px;
  line-height:20px;
  vertical-align:middle;
}
#selectNetwork #filtre_reseaux span:first-child {
  border-left:none;
}
#selectNetwork #filtre_reseaux span:last-child {
  border-right:none;
}
#filtre_reseaux span#fil_label, #filtre_reseaux span#fil_tous {
  color:#3b6e33;
}
#filtre_reseaux span#fil_label {
  border-left:none;
  padding-left:15px;
}
#filtre_reseaux span#fil_ct {
  border-right:none;
}
#filtre_reseaux span input {
  float:left;
}
#filtre_reseaux span label {
  float:left;
  line-height:20px;
  height:20px;
}
#filtre_reseaux #fil_tous.active {
  background:transparent url(/resources/images/interface/filtre_actif_all.gif) 0 0 repeat-x;
}
#filtre_reseaux #fil_pq.active {
  background:transparent url(/resources/images/interface/filtre_actif.gif) 0 0 repeat-x;
}
#filtre_reseaux #fil_rf.active {
  background:transparent url(/resources/images/interface/filtre_actif_rf.gif) 0 0 repeat-x;
}
#filtre_reseaux #fil_ct.active {
  background:transparent url(/resources/images/interface/filtre_actif_ct.gif) 0 0 repeat-x;
}
#filtre_reseaux span.active label {

  color:#fff;
}
.liste_bloc_forfaits {
  padding-bottom:15px;
}
.bloc_forfait {
  display:block;
  margin:0;
  cursor:pointer;
}
#container a.bloc_forfait {
  text-decoration:none;
  padding:15px;
}
#container a.bloc_forfait:hover {
  background:#efefef;
}
#container .bloc_forfait h3 {
  margin-top:0;
  margin-bottom:5px;
  overflow:hidden;
}
.bloc_forfait h3 img {
  vertical-align:middle;
  margin-right  margin-right:5px;
  display:block;
  float:left;
}
.bloc_forfait h3 span {
  display:block;
  margin:7px 0 0 38px;
  vertical-align:middle;
}
.forfaitTitre {
  background:url(/resources/images/interface/container/onglet_2_off_ct.gif);
  color:#fff;
  display:block;
  height:26px;
  line-height:26px;
  padding-left:15px;
  width:525px;
  margin-top:12px;
}
#AIG .forfaitTitre, #PAN .forfaitTitre, #BIC .forfaitTitre, #FRO .forfaitTitre, #GAS .forfaitTitre, #GMA .forfaitTitre, #GRJ .forfaitTitre, #HGO .forfaitTitre, #BON .forfaitTitre, #BOU .forfaitTitre, #JAC .forfaitTitre, #MIG .forfaitTitre, #MME .forfaitTitre, #MOR .forfaitTitre, #MSB .forfaitTitre, #MOT .forfaitTitre, #MVA .forfaitTitre, #OKA .forfaitTitre, #PIN .forfaitTitre, #PLA .forfaitTitre, #PTA .forfaitTitre, #SAG .forfaitTitre, #SSL .forfaitTitre, #YAM .forfaitTitre {
  background:url(/resources/images/interface/container/onglet_2_off_pq.gif);
}
#ASH .forfaitTitre, #ASN .forfaitTitre, #CHC .forfaitTitre, #AMW .forfaitTitre, #LAU .forfaitTitre, #LVY .forfaitTitre, #MAS .forfaitTitre, #MAT .forfaitTitre, #PAL .forfaitTitre, #SPC .forfaitTitre, #POD .forfaitTitre, #POR .forfaitTitre, #RIM .forfaitTitre, #ROM .forfaitTitre, #STM .forfaitTitre, #SAN .forfaitTitre {
  background:url(/resources/images/interface/container/onglet_2_off_rf.gif);
}
#container .bloc_forfait .bloc {
  float:right;
  padding:12px 8px 8px;
  background-color:#fff;
  border:1px solid #c6c6c4;
  width:123px;
}
#container .bloc_forfait .bloc p {
  color:#404040;
  margin:0 0 -5px;
  padding:0;
  font-size:10px;
  line-height:12px;
}
.bloc_forfait .bloc .montant {
  font-weight:normal;
  font-size:24px;
  color:#51779c;
  line-height:40px;
}
/***********************************************************************************************************************************************/
.smallGameForm h3 {
  margin-top:0;
  color:#59574b;
}
.smallGameForm h3 {
  margin-top:0;
  color:#59574b;
}
.borderedBox {
  border:1px solid #a2a39e;
  padding:2px 5px;
}
.smallGameForm .subCol {
  float:left;
  margin:0 30px 0 0;
  padding:0;
}
.smallGameForm .box_info div.col_info .subCol label {
  display:block;
  margin:0;
  padding:0;
  line-height:12px;
}
.smallGameForm .box_info .secCol {
  width:190px;
}
/***********************************************************************************************************************************************/


/***********************************************************************************************************************************************/
.dayFishingForm h3 {
  margin-top:0;
  margin-left:61px;
  color:#59574b;
}
.dayFishingForm h3 {
  margin-top:0;
  color:#59574b;
}
.borderedBox {
  border:1px solid #a2a39e;
  padding:2px 5px;
}
.dayFishingForm .subCol {
  float:left;
  margin:0 30px 0 0;
  padding:0;
}
.dayFishingForm .box_info div.col_info .subCol label {
  display:block;
  margin:0;
  padding:0;
  line-height:12px;
}
.dayFishingForm .box_info .secCol {
  width:190px;
}
/***********************************************************************************************************************************************/




/*

:: ZONE VIDEO --------------------------------------------
   Affichage des videos sur l'index du site

*/

#zonevideo {
  background:transparent url(/resources/images/interface/zone-video-bkg.gif) repeat-x 0 0;
  margin-bottom:15px;
}
#zonevideo a {
}
#t_zone_video {
  width:380px;
  height:48px;
}
div.video button {
  width: 100%;
  text-align: left;
  font-weight:bold;
  font-size:14px;
}
div.video h3, div.video button {
  margin:0;
  padding:10px 15px;
  background:#e1e1e1;
  border-top:1px solid #fff;
}
div.video h3, div.video button, div.video h3 a {
  color:#005C9A;
  cursor:pointer;
  font-size:12px;
}
div.video div.desc {
  background:#efefef;
  padding:15px;
  position:relative;
  overflow:auto;
}
.video_thumbnail {
  float:left;
  display:inline;
  position:relative;
}
.video .video_link {
  display:none;
  position:absolute;
  left:256px;
  bottom:0;
  line-height:20px;
}
.eta.video .video_link {
  left:195px;
}
div.video div.video_link a {
  text-decoration:none;
}
#container .video .video_link p {
  line-height:13px;
}
.play_button {
  position:relative;
  bottom:23px;
  right:23px;
}
#zone_video_image {
  background:url(/resources/images/interface/t_zone_video.png) no-repeat 0 0;
  width:380px;
  height:47px;
  text-indent:-5000px;
}
.lang_en #zone_video_image {
  background-image:url(/resources/images/interface/t_zone_video_en.png);
}
/*

 :: FONDS PARCS QUEBEC ----------------------------------------------------------------------------------

*/
#container #btn_fonds {
  margin:0 0 18px 0;
  line-height:normal;
}
#container #btn_fonds a {
  border:none;
}
/*

:: NAVIGATION PAR ONGLETS - SECURITE -----------------------------------------------------------

*/
#container ul.tab_nav {
  background:#3f8434;
  display:block;
  height:22px;
  list-style:none;
  margin:0;
  padding:0;
  text-align:center;
}
#container ul.tab_nav li {
  display:inline;
}
#container ul.tab_nav li a {
  border-bottom:none;
  color:#d8cdbb;
  line-height:22px;
  padding:0 7px 0 8px;
  border-left:1px solid #fff;
}
#container ul.tab_nav li:first-child a {
  border-left:none;
}
#container ul.tab_nav li a.selected {
  color:#fff;
}
/*#container a.btn_securite {
  display:block;
  text-indent:-5000px;
  border-bottom:none;
  width:380px;
  height:63px;
  background:url(/resources/images/activites/btn_securite.png) no-repeat 0 0;
  margin-bottom:25px;
}
#container a.btn_securite:hover {
  background:url(/resources/images/activites/btn_securite.png) no-repeat 0 -63px;
}
.lang_en #container a.btn_securite {
  background:url(/resources/images/activites/btn_securite_en.png) no-repeat 0 0;
}
.lang_en #container a.btn_securite:hover {
  background:url(/resources/images/activites/btn_securite_en.png) no-repeat 0 -63px;
}*/
/*

:: BOUTONS FICHES ACTIVITES/HEBERGEMENT   -----------------------------------------------------------

*/
#container p.btn-brochure a,
#container p.btn-securite a,
#container p.btn-animaux a {
  display:block;
  padding:15px 0 15px 65px;
  height: 20px;
  color:#5a5a5a;
  font-size: 12px;
  font-weight:bold;
  text-decoration:none;
  text-transform:uppercase;
  line-height:1.15em;
  background:url(/resources/images/activites-hebergement/btn-fiches.png) 0 0 no-repeat;
}

#container p.btn-brochure a:after,
#container p.btn-securite a:after,
#container p.btn-animaux a:after {
  padding-left:5px;
  content:url(/resources/images/activites-hebergement/fl-gris.png);
}

#container p.btn-brochure a:hover,
#container p.btn-securite a:hover,
#container p.btn-animaux a:hover {
  color:#6294be;
  text-decoration:none;
}

#container p.btn-brochure a:hover:after,
#container p.btn-securite a:hover:after,
#container p.btn-animaux a:hover:after {content:url(/resources/images/activites-hebergement/fl-bleu.png);}

/* Brochure */
#container p.btn-brochure a {
  background-position:0 -200px;
}
/* Sécurité */
#container p.btn-securite a {
  background-position:0 -100px;
}
/* Animaux */
#container p.btn-animaux a {
  padding-top:15px;
  padding-bottom:15px;
  background-position:0 -300px;
}

/* *******************
   PopUp
   *******************
*/
.pop_up {
  z-index:1000;
  position:absolute;
  background:url(/global/images/sepaq/overlay_clear.png);
  padding:15px 15px 15px 15px;
  /*
top:50%;
        margin-top:-150px;
  left:30%;
        margin-left:-250px;
*/
  top:0;
}
.pop_up.calendar {
  left:0;
}
.pop_up .pop_up_body {
  background:#fff;
  border:1px solid #ddd;
  padding:0;/* width:325px; */
}
.pop_up.calendar .pop_up_body {
  width:825px;
}
.pop_up_body .btn {
  float:left;
  margin:0 10px;
}
.pop_up_body hr {
  border:0;
  background:none;
}
.popHebergement table {
  margin:10px 0;
}
.popHebergement table th, .popHebergement table td {
  vertical-align:middle;
  text-align:center;
}
.popHebergement table tr td:first-child {
  text-align:left;
}
#pop_up_1 {
  float:left;
  width:280px;
  padding:0 15px 0 30px;
}
#pop_up_1 .form, dl.form {
}
#pop_up_1 .form dt, dl.form dt {
  width:75%;
  color:#315726;
  font-size:12px;
  margin:10px 0;
}
dl.form dt {
  margin:0;
}
#pop_up_1 .form dd {
  margin:10px 0;
}
dl.form dd {
  margin-bottom:10px;
}
#pop_up_1 .form select, dl.form .short select {
  width:75px;
}
#pop_up_1 .form input.qte, dl.form input.qte {
  width:50px;
}
#pop_up_2 {
  float:left;
  /*  width:475px; */
  margin:0 0 0 25px;
}
#pop_up_2 h3 img {
  margin-right:5px;
  vertical-align:middle;
}
.pop_up_body #titre_popover {
  display:block;
  width:295px;
  height:55px;
  background:url(/global/images/sepaq/bg_calPopUp.gif) repeat-x 0 15px;
  border-bottom:none;
  padding:15px 15px 0 15px;
  margin-left:-30px;/*  margin-right:-15px; */
}
.pop_up_body #pop_up_2 #titre_popover {
  width:475px;
}
.pop_up_body #titre_popover img {
  margin-right:5px;
  vertical-align:middle;
}
.pop_up_body #titre_popover span {
  margin-right:5px;
  vertical-align:middle;
  color:#404040;
  font-size:14px;
  margin-left:5px;
}
#pop_up_3 {
  padding:0 15px 15px 15px;
}
#container a.unitRemoveButton {
  border-bottom:none;
}
/*

 :: JOURNAL DU PARC --------------------------------------------

*/
#container p.journal-parc {
  margin:0 0 20px 0;
  padding:5px 4px 0 4px;
  height:1%;
  overflow:hidden;
  font-size:11px;
  line-height:18px;
}

#container p.journal-parc a {
  display:block;
  margin:0 0 5px;
  padding:0 0 0 27px;
  background:url(/resources/images/interface/container/sections/icones_outils.png) 0 -690px no-repeat;
}
#container p.journal-parc a.sopfeu {
  background:url(/resources/images/interface/container/sections/icones_outils.png) -3px -751px no-repeat;
  padding-top: 2px;
}
#selectedUnitsTable th, #selectedUnitsTable td {
  padding:10px 8px;
}
/*

 :: Carte interactive temp (en construction)

*/
#mapContainerSoon {
  width:950px;
  height:520px;
  background:url(/resources/images/tmp/carte_soon.jpg) no-repeat;
}
.lang_en #mapContainerSoon {
  background:url(/resources/images/tmp/carte_soon_en.jpg) no-repeat;
}
.doc_corpo {
  float:left;
  width:160px;
  height:240px;
}
.doc_corpo .doc_lien {
  width:130px;
  display:block;
  margin-bottom:5px;
}
.doc_corpo .doc_titre {
  padding-right:30px;
}
#container .doc_corpo .doc_titre a, #container .doc_corpo a.doc_lien {
  line-height:14px;
  border-bottom:none;
}
/*

 :: Organisation - Resources humaines (emploi)

*/
.emploi {
  background:#f2f2f2;
  margin-top:-3px;
}
#container .emploi a.emploi_lien {
  border-bottom:1px solid #bfbfbf;
  display:block;
  padding:8px 8px 8px 33px;
  background:url(/resources/images/org/emploi_crochet.png) no-repeat 7px 7px;
}
#container .emploi a.emploi_lien:hover {
  background-color:#e2e2e2;
}
.emploi span {
  font-weight:bold;
}
.emploi_texte {
  background:#e1e1e1;
  padding:15px 12px 5px;
}
.emploi_texte span {
  color:#005C9A;
  font-weight:bold;
}
#profil-emploi {
  background-color:#ededed;
  border:1px solid #d4d4d4;
  font-size:12px;
  padding:10px;
}
#profil-emploi div.left-col, #profil-emploi div.right-col {
  display:inline;
  float:left;
  position:relative;
}
#profil-emploi div.left-col {
  width:40px;
}
#profil-emploi div.right-col {
  border-left:1px solid #d4d4d4;
  padding-left:8px;
}
#container #profil-emploi ul {
  margin-top:10px;
}
#profil-emploi li {
  margin-bottom:0;
}
/*

 :: Carte interactive - cacher le textbox

*/
#safari_remember_field {
  display:none;
}
#ie_historyFrame {
  display:none;
}
/*

 :: LOCATION TAG ----------------------------------------------------------------------------------------

*/
#location_tag {
  position:absolute;
  right:15px;
  bottom:15px;
  margin:0;
  padding:0;
}
#location_tag a {
  display:block;
  height:22px;
  padding:0 6px 0 27px;
  font-size:12px;
  color:#fff;
  background:url(/resources/images/interface/header/location_tag.png) no-repeat top left;
  text-decoration:none;
  line-height:22px;
}
#location_tag a:hover {
  background-position:0 -22px;
  color:#fff;
}
/* Gestion d'affichage en anglais */
.lang_en #acces_info {
  display:none;
}
/*.lang_en li#conserver {
  display:none;
}
.lang_en li#decouvrir {
  display:none;
}
.index.lang_en li#conserver {
  display:block;
}
.index.lang_en li#decouvrir {
  display:block;
}*/
/*

 :: CONDITIONS DE NEIGE ----------------------------------------------------------------------------------

*/
.neige table th {
  background-image:url(/resources/images/interface/container/table_top_turquoise.png);
  color:#fff;
  font-weight:bold;
}
.neige #zone_titre {
  height:220px;
}
.neige #zone_titre h1 {
  height:220px;
}
.neige .titre {
  float:left;
  width:620px;
  height:24px;
  border-top:#bfbfbf 1px solid;
  border-bottom:#bfbfbf 1px solid;
  margin:15px 0 15px 15px;
  overflow:hidden;
}
.neige .titre h3 {
  color:#404040;
  font-weight:normal;
  font-size:18px;
  padding:0;
  margin:1px 0 0 9px;
  letter-spacing:1px;
}
.neige #container a.neige #container a.button.meteo {
  float:right;
  margin-right:0;
  margin-top:5px;
  margin-bottom:10px;
}
.neige .neige_logo_etablissement {
  padding-right:8px;
  margin-right:8px;
}
.neige .neige_header {
  position:relative;
  margin-bottom:5px;
}
.neige .neige_header .date {
  margin-bottom:10px;
  position:absolute;
  bottom:-9px;
  right:1px;
}
.neige .neige_wrapper {
  padding:15px 15px 0;
  border:1px solid #D6D5D0;
}
.neige .neige_table_new {
  width:210px;
  float:left;
  background-color:#fff;
}
.neige .neige_table_act {
  width:679px;
  background-color:#fff;
}
.neige .neige_table_wrapper {
  min-height:168px;
  margin-left:237px;
  margin-bottom:5px;
}
.neige .neige_table_new .header {
  border-right:none;
  font-weight:bold;
}
.neige .neige_table_new .merge {
  border-left:none;
}
.neige .neige_table_act .header {
  font-weight:bold;
}
.neige .date b {
  font-size:9px;
}
.neige .message {
  margin-top:8px;
  width:750px;
  padding-bottom:12px;
  line-height:15px;
}
.neige .separator {
  float:left;
  height:161px;
  margin-left:13px;
  border-left:1px solid #aaa;
}
/*

 :: MESSAGES ERREUR

*/
#errorMessages, #messagesMessages, #user-messages-box {
 color: white;
    background: #f34235;
    border-left: 4px solid #cf1a0c;
    padding: 15px !important;
    padding-left: 46px;
    margin: 0 0 15px 0;
}

#errorMessages ul, #messagesMessages ul, #user-messages-box ul {
    margin-left: 0px !important;
    margin-bottom: 0px !important;
}

#errorMessages ul li, #messagesMessages ul li, #user-messages-box ul li  {
    list-style-type: none;
    padding-bottom: 0px;
}
#errorMessages h3 {
  display:none;
}
#user-messages-box.yellow {
  color:#404040;
  background:#ffef80;
  border:1px solid #ffef80;
}
#container #user-messages-box {
  width:363px;
}
#container #unitDetail #user-messages-box {
  display:block;
  width:auto;
}
.errorMessagesContainer {
  width:394px;
}
#container #errorMessages ul, #container #messagesMessages ul, #container #user-messages-box ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
#container #errorMessages li, #container #messagesMessages li, #container #user-messages-box li {
  margin-bottom:3px;
}
#successMessage {
  background:#e9faf3;
  border:1px solid #c1ded2;
  color:#018b4f;
  font-size:12px;
  font-weight:bold;
  margin-bottom:10px;
  padding:10px;
}
#no-dispos-mess {
  background:#ffef80;
  border:1px solid #ffef80;
  color:#413d32;
  font-size:12px;
  height:auto;
  line-height:1.3;
  margin-bottom:12px;
  padding:15px;
}
#no-dispos-mess span {
  font-weight:bold;
}
#no-dispos-mess .btn {
  margin:0 0 0 16px;
}
#no-dispos-criteria {
  padding:15px 15px 0 0;
}
#container #no-dispos div.col490 {
  padding-left:0;
}
#container #no-dispos-wrap div.col300 {
  margin-right:0;
}

/*

 :: Message COVID

*/

#tabs_main + div.message-eta {
	border-bottom: none !important;
}

#container .message-eta {
    box-sizing: border-box;
    background: #e1f1fd;
    border-left: solid 4px #50acf5;
    padding: 10px 15px;
    margin: 10px 0px;
}
@media screen and (min-width: 981px) {
    #container .message-eta {
        margin: 10px 15px;
    }
}

#container .message-eta h2 {
	margin-top: 0px !important;
	float: none !important;
	color: #404040 !important;
    font-weight: bold !important;
    font-size: 15px !important;
    font-size: 1.355em !important;
    margin-top: 8px !important;
    text-transform: uppercase !important;
    padding: 5px 0 !important;
}

/*

 :: NORMES GRAPHIQUES

*/

.normes table.logos {
  margin-bottom:15px;
}
.normes table.logos, .normes caption, .normes tbody, .normes tr, .normes th, .normes td {
  vertical-align:middle;
}
.normes table.logos td.logo {
  width:240px;
  text-align:left;
  padding-left:15px;
}
.normes table.logos th {
  border:none;
  background:none;
  font-weight:bold;
  font-size:11px;
  text-align:center;
  vertical-align:bottom;
}
.normes table.logos tr td {
  text-align:center;
  width:77px;
  padding:4px 9px;
}
.normes table.logos tr td img {
  padding:5px;
}
.normes #container table.logos tr td a {
  border-bottom:none;
}
.normes table .even {
  background-color:#f7f7f7;
}
/* Borders */
.normes table.logos tr td {
  border:none;
}
.normes table.logos td.logo {
  border-right:1px solid #D6D5D0;
}
.normes table.logos tbody {
  border:1px solid #D6D5D0;
}
/*

 :: TABLEAU D'HEBERGEMENT

*/
.hebergement #container h2#title_sector {
  margin-top:0;
  padding-top:0;
}
.hebergement #container h2.bottom_line {
  margin-bottom:15px;
}
.hebergement #unitsSelectionArea {
  margin-top:0;
}
.hebergement #unitDetail .col540 {
  padding-bottom:0;
}
.hebergement #nextButtonArea .button.next_step {
  padding-left:26px;
  padding-right:44px;
}
.hebergement #nextButtonArea {
  margin-right:25px;
  margin-top:16px;
}
#sliderDynamic {
  overflow-x:auto;
  width:920px;
  padding-bottom:10px;
}
#slider {
  width:1823px;
}
#slider .unit, #slider .unitSelected {
  margin-left:16px;
}
#unitsSelectionArea {
  width:920px;
  overflow:hidden;
  margin:30px 15px 20px 15px;
}
#container #unitsSelectionArea h2 {
  margin-top:0;
  padding-top:0;
}
#unitsSelectionArea div.holder {
  margin-bottom:10px;
}
.unit, .unitSelected {
  cursor:default;
  width:150px;
  overflow:hidden;
  /*height:153px;*/
  padding:10px 0;
  float:left;
  border:1px solid #dcdcdc;
  background:#fff url(/resources/images/interface/gradient_gris.png) 0 -150px repeat-x;
  -webkit-box-shadow:3px 3px 4px rgba(0, 0, 0, .1);
  -moz-box-shadow:3px 3px 4px rgba(0, 0, 0, .1);
  box-shadow:3px 3px 4px rgba(0, 0, 0, .1);
}
div.unitSelected, div.unitHover {
  background-position:0 0;
}
div.unitHover {
  cursor:pointer;
}
#slider .photo {
  margin:0 10px 10px 10px;
  width:130px;
  height:98px;
  background:50% 50% no-repeat;
  background-size:cover;
}
#slider .photo span {
  display:none;
}
#slider .link {
  padding:0 10px;
}
.product .capacity {
  color:#ccc;
}
.product .name {
  font-size:16px;
  font-weight:bold;
}
#slider .name {
  color :#355A9E;
  font-weight:bold;
  padding:0 10px;
  height:26px;
}
#slider .capacity {
  padding:0 10px 10px 10px;
}
#slider .link a {
  display:block;
  white-space:nowrap;
}
/*

 :: BOUTON VERS TABLEAU D'HEBERGEMENT

*/
#zone_hebergement {
  display:block;
  height:50px;
  background:url(/resources/images/interface/container/bg_bouton_fiches.gif);
}
#zone_hebergement:hover {
 background-position 0 -50px;
}
#zone_hebergement a {
  display:block;
  height:50px;
  border-bottom:none;
  color:#fff;
  text-transform:uppercase;
  background-repeat:no-repeat;
  background-position:10px 10px;
  font-size:13px;
  padding-left:46px;
  line-height:50px;
}
#zone_hebergement a:hover {
  background:#fff;
  color:#478db1;
  background-repeat:no-repeat;
  background-position:10px -30px;
  -moz-box-shadow:1px 1px 10px #cdcdcd;
  -webkit-box-shadow:1px 1px 10px #cdcdcd;
}
#zone_hebergement a span {
  background:url(/resources/images/interface/container/arrow_fiches.gif);
  background-position:right -6px;
  background-repeat:no-repeat;
  padding-right:20px;
}
#zone_hebergement a:hover span {
  background:url(/resources/images/interface/container/arrow_fiches.gif);
  background-position:right -31px;
  background-repeat:no-repeat;
}
/*
Template Astrolab
*/
#container h2.astro {
  background:transparent url(/resources/images/pq/mme/logo_astrolab.gif) top right no-repeat;
  height:19px;
  padding-top:33px;
}
#container a.print-link {
  border-bottom:0;
  padding-left:5px;
}
#chalet-box {
  width:400px;
}
#container #chalet-box p {
  color:#5c5f5c;
  font-size:12px;
  margin:0;
}
#container #chalet-box h3 {
  color:#3c7897;
  font-size:14px;
  font-weight:normal;
  height:30px;
  line-height:30px;
  margin:0 0 5px 0;
}
#container #chalet-box h3.cabin-title {
  background:transparent url(/resources/images/icones/act_chalet_mini.gif) 0 -40px no-repeat;
  padding-left:35px;
}
/* KWICKS */

/* defaults for all examples */
#container ul.kwicks {
  list-style:none;
  position:relative;
  margin:0 0 20px 0;
  padding:0;
}
#container ul.kwicks li {
  background-color:#72a4aa;
  background-position:0 0;
  background-repeat:no-repeat;
  cursor:pointer;
  display:inline;
  float:left;
  height:68px;
  margin-right:2px;
  overflow:hidden;
  padding:0;
  width:73px;
}
#container ul.kwicks li a {
  border:0;
  color:#fff;
  display:block;
  margin:30px 0 0 10px;
  text-decoration:none;
  visibility:hidden;
  width:55px;
}
#container #howto {
  margin-top:0;
  padding-top:0;
}
#fonds-title {
  background:transparent url(/resources/images/pq/fonds_logo.png) 0 0 no-repeat;
  height:53px;
  padding:0;
  text-indent:-10000px;
}
/* Consultez nos disponibilites */

#dispos-box {
  -moz-box-shadow:0 0 8px #BBBBBB;
  -webkit-box-shadow:0 0 8px #BBBBBB;
  box-shadow:0 0 8px #BBBBBB;
  border:1px solid #c6c6c6;
  margin-bottom:20px;
  padding:0;
}
#dispos-box h2 {
  background:#ddd url(/resources/images/interface/dispos_box_title.gif) 0 0 repeat-x;
  font-size:12px;
  margin:0;
  padding:5px;
}
#container #dispos-list {
  border-top:1px solid #c6c6c6;
  margin:0;
  padding:0 0 0 5px;
}
#container #dispos-list li, #container #dispos-list li a {
  display:inline;
  float:left;
  margin:0;
}
#container #dispos-list li {
  background:transparent url(/resources/images/interface/dispos_border.gif) top right no-repeat;
  margin-right:3px;
}
#container #dispos-list li.last {
  background:none;
  margin-right:0;
}
#dispos-list a {
  color:#404040;
  font-size:10px;
  font-weight:bold;
  height:22px;
  line-height:12px;
  text-decoration:none;
  padding:14px 3px 0 22px;
  position:relative;
  text-transform:uppercase;
}
#dispos-list a:hover {
  z-index:1000;
}
#dispos-list a.chalet {
  background:transparent url(/resources/images/interface/dispos_sprite.png) 0 0 no-repeat;
}
#container #dispos-list a.chalet:hover {
  background-position:0 -72px;
  color:#5e8fb2;
}
#dispos-list a.tente {
  background:transparent url(/resources/images/interface/dispos_sprite.png) 0 -36px no-repeat;
}
#container #dispos-list a.tente:hover {
  background-position:0 -108px;
  color:#5e8fb2;
}
#dispos-list a.hotel {
  background:transparent url(/resources/images/interface/dispos_sprite.png) 0 -144px no-repeat;
}
#container #dispos-list a.hotel:hover {
  background-position:0 -180px;
  color:#5e8fb2;
}
#dispos-list a.billet {
  background:transparent url(/resources/images/interface/dispos_sprite.png) 0 -223px no-repeat;
}
#container #dispos-list a.billet:hover {
  background-position:0 -263px;
  color:#5e8fb2;
}
#dispos-list li.dispos-2-lignes a {
  height:28px;
  padding-top:8px;
  width:50px;
}
/* 1 item*/
#container div.products-count-1 #dispos-list a {
  padding-left:160px;
  padding-right:125px;
}
#container div.products-count-1 #dispos-list a.chalet {
  background-position:135px 0;
}
#container div.products-count-1 #dispos-list a.chalet:hover {
  background-position:135px -72px;
}
#container div.products-count-1 #dispos-list a.tente {
  background-position:135px -36px;
}
#container div.products-count-1 #dispos-list a.tente:hover {
  background-position:135px -108px;
}
#container div.products-count-1 #dispos-list a.hotel {
  background-position:135px -144px;
}
#container div.products-count-1 #dispos-list a.hotel:hover {
  background-position:135px -180px;
}
#container div.products-count-1 #dispos-list a.billet {
  background-position: 0 -221px;
  margin-left: 70px;
  padding-left: 31px;
  padding-right: 0;
}
#container div.products-count-1 #dispos-list a.billet:hover {
  background-position: 0 -261px;
}
#container div.products-count-1 #dispos-list li.dispos-2-lignes a {
  width:58px;
}
/* 2 items*/
#container div.products-count-2 #dispos-list a {
  padding-left:75px;
  padding-right:55px;
}
#container div.products-count-2 #dispos-list a.chalet {
  background-position:50px 0;
}
#container div.products-count-2 #dispos-list a.chalet:hover {
  background-position:50px -72px;
}
#container div.products-count-2 #dispos-list a.tente {
  background-position:50px -36px;
}
#container div.products-count-2 #dispos-list a.tente:hover {
  background-position:50px -108px;
}
#container div.products-count-2 #dispos-list a.hotel {
  background-position:50px -144px;
}
#container div.products-count-2 #dispos-list a.hotel:hover {
  background-position:50px -180px;
}
#container div.products-count-2 #dispos-list li.dispos-2-lignes a {
  width:53px;
}
/* 3 items*/
#container div.products-count-3 #dispos-list a {
  padding-left:47px;
  padding-right:20px;
}
#container div.products-count-3 #dispos-list a.chalet {
  background-position:25px 0;
}
#container div.products-count-3 #dispos-list a.chalet:hover {
  background-position:25px -72px;
}
#container div.products-count-3 #dispos-list a.tente {
  background-position:25px -36px;
}
#container div.products-count-3 #dispos-list a.tente:hover {
  background-position:25px -108px;
}
#container div.products-count-3 #dispos-list a.hotel {
  background-position:25px -144px;
}
#container div.products-count-3 #dispos-list a.hotel:hover {
  background-position:25px -180px;
}
#container div.products-count-3 #dispos-list li.dispos-2-lignes a {
  width:53px;
}
/* 4 items*/
#container div.products-count-4 #dispos-list a {
  padding-left:28px;
  padding-right:14px;
}
#container div.products-count-4 #dispos-list a.chalet {
  background-position:4px 0;
}
#container div.products-count-4 #dispos-list a.chalet:hover {
  background-position:4px -72px;
}
#container div.products-count-4 #dispos-list a.tente {
  background-position:4px -36px;
}
#container div.products-count-4 #dispos-list a.tente:hover {
  background-position:4px -108px;
}
#container div.products-count-4 #dispos-list a.hotel {
  background-position:4px -144px;
}
#container div.products-count-4 #dispos-list a.hotel:hover {
  background-position:4px -180px;
}
#container div.products-count-4 #dispos-list li.dispos-2-lignes a {
  width:53px;
}
/* Tooltip */

#dispos-list a span.dispos-tooltip {
  background:transparent url(/resources/images/interface/dispos_tooltip.png) 0 0 no-repeat;
  color:#fff;
  cursor:pointer;
  display:block;
  margin-left:-999em;
  font-size:12px;
  font-weight:bold;
  height:96px;
  line-height:14px;
  padding:9px 15px 6px 66px;
  position:absolute;
  text-transform:none;
  width:127px;
}
#dispos-list a span.dispos-tooltip span.tooltip-icon {
  background:transparent url(/resources/images/interface/dispos_icons.png) 0 0 no-repeat;
  border-right:1px solid #fff;
  display:block;
  position:absolute;
  top:9px;
  left:12px;
  height:69px;
  width:46px;
}
#dispos-list a.tente span.dispos-tooltip span.tooltip-icon {
  background-position:0 -70px;
}
#dispos-list a.hotel span.dispos-tooltip span.tooltip-icon {
  background-position:0 -140px;
}
#dispos-list a.billet span.dispos-tooltip span.tooltip-icon {
  background-position:0 -210px;
}
#dispos-list a span.dispos-tooltip strong {
  color:#f0e490;
  display:block;
  font-size:16px;
  margin-bottom:2px;
}
#dispos-list a span.dispos-tooltip em {
  color:#f0e490;
  display:block;
  font-style:normal;
  margin-top:2px;
}
#dispos-list a:hover span.dispos-tooltip {
  margin:0 0 0 -104px;
  left:50%;
  top:-104px;
}
#reservation-steps p {
  margin-bottom:0;
}
#reservation-steps img {
  display:block;
}
/*

 :: POPOVER -----------------------------------------------------------------------

*/
#modal {
  display:none;
  position:fixed;
  top:50%;
  left:50%;
  margin:-250px 0 0 -450px;
  padding:0;
  width:900px;
  background:#fff;
  box-shadow:0 0 25px rgba(0, 0, 0, .8);
  z-index:10001;
}
#modal #modal-close {
  position:absolute;
  top:21px;
  right:16px;
  width:17px;
  height:17px;
  background:url(/resources/images/interface/box_close.gif);
  cursor:pointer;
}
#modal #modal-print {
  position:absolute;
  top:16px;
  right:40px;
  width:27px;
  height:27px;
  background:url(/resources/images/interface/container/icn_print_version.gif) 50% 50% no-repeat;
  cursor:pointer;
}
#modal-wrap {
  margin:0;
  padding:0;
  color:#404040;
  font-size:12px;
  line-height:normal;
  overflow:auto;
  background: none !important;
}
#modal-body {
  margin:0;
  padding:30px;
}
#modal-content p, #modal-content ul, #modal-content td {
  line-height:1.6em;
}
#modal-content h1 {
  margin:0;
  padding:15px 90px 15px 30px;
  color:#404040;
  font-size:20px;
  font-weight:normal;
  line-height:1.3em;
  border-bottom:1px solid #e9e9e9;
}
#modal-overlay {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:#000 url(/global/images/sepaq/ajax-loader-2.gif) 50% 50% no-repeat;
  z-index:10000;
  opacity:.8;
  filter:alpha(opacity = 80);
}
/* Nouveaux styles pour le pop-over des conditions de neige */
.modal-neige h2 {
  text-transform: uppercase;
  font-weight: 300;
  margin-bottom: 15px;
}
.modal-neige table tr td {
  font-size: 12px;
}
.uppercase {
  text-transform: uppercase;
}
.table-nouvelle-neige {
  margin-bottom: 30px;
}
.table-nouvelle-neige tr td {
  border-top: none;
  border-bottom: none;
  text-align: center;
  text-transform: uppercase;
  padding: 2px 10px;
}
.table-activite-neige tr td {
  border-left: none;
  border-right: none;
  padding: 20px 15px;
}
.table-activite-neige tr td:first-child {
  vertical-align: top;
}
.date-neige {
  font-size: 10px;
  margin-bottom: 25px;
}
.picto-neige {
  height: 50px;
  width: 55px;
  display: block;
  background: url(/resources/images/conditions-neige/conditions-neige-sprite.png) no-repeat;
}
.is-type-1 {
  background-position: -13px -310px;
}
.is-type-2 {
  background-position: -13px -248px;
}
.is-type-3 {
  background-position: -13px -185px;
}
.is-type-4 {
  background-position: -13px -127px;
}
.is-type-5 {
  background-position: -13px -65px;
}
.is-type-6 {
  background-position: -13px -370px;
}
.is-type-info {
  background-position: -13px -5px;
}
.is-type-7 {
  background-position: -15px -425px;
}

/*

 :: PRETTY PHOTO

*/

  div.light_rounded .pp_top .pp_left {
  background:url(/resources/images/interface/sprite.png) -88px -53px no-repeat;
} /* Top left corner */
div.light_rounded .pp_top .pp_middle {
  background:#fff;
} /* Top pattern/color */
div.light_rounded .pp_top .pp_right {
  background:url(/resources/images/interface/sprite.png) -110px -53px no-repeat;
} /* Top right corner */
div.light_rounded .pp_content {
  background-color:#fff;
} /* Content background */
div.light_rounded .pp_content a.pp_next:hover {
  background:url(/resources/images/interface/btnNext.png) center right no-repeat;
  cursor:pointer;
} /* Next button */
div.light_rounded .pp_content a.pp_previous:hover {
  background:url(/resources/images/interface/btnPrevious.png) center left no-repeat;
  cursor:pointer;
} /* Previous button */
div.light_rounded .pp_content a.pp_expand {
  background:url(/resources/images/interface/sprite.png) -31px -26px no-repeat;  background:url(/resources/images/interface/sprite.png) -31px -26px no-repeat;
  cursor:pointer;
} /* Expand button */
div.light_rounded .pp_content a.pp_expand:hover {
  background:url(/resources/images/interface/sprite.png) -31px -47px no-repeat;
  cursor:pointer;
} /* Expand button hover */
div.light_rounded .pp_content a.pp_contract {
  background:url(/resources/images/interface/sprite.png) 0 -26px no-repeat;
  cursor:pointer;
} /* Contract button */
div.light_rounded .pp_content a.pp_contract:hover {
  background:url(/resources/images/interface/sprite.png) 0 -47px no-repeat;
  cursor:pointer;
} /* Contract button hover */
div.light_rounded .pp_content a.pp_close {
  width:75px;
  height:22px;
  background:url(/resources/images/interface/sprite.png) -1px -1px no-repeat;
  cursor:pointer;
} /* Close button */
div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous {
  background:url(/resources/images/interface/sprite.png) 0 -71px no-repeat;
} /* The previous arrow in the bottom nav */
div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled {
  background-position:0 -87px;
  cursor:default;
}
div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next {
  background:url(/resources/images/interface/sprite.png) -22px -71px no-repeat;
} /* The next arrow in the bottom nav */
div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled {
  background-position:-22px -87px;
  cursor:default;
}
div.light_rounded .pp_bottom .pp_left {
  background:url(/resources/images/interface/sprite.png) -88px -80px no-repeat;
} /* Bottom left corner */
div.light_rounded .pp_bottom .pp_middle {
  background:#fff;
} /* Bottom pattern/color */
div.light_rounded .pp_bottom .pp_right {
  background:url(/resources/images/interface/sprite.png) -110px -80px no-repeat;
} /* Bottom right corner */
div.light_rounded .pp_loaderIcon {
  background:url(/resources/images/interface/loader.gif) center center no-repeat;
} /* Loader icon */
/* ----------------------------------
    Dark Rounded Theme
  ----------------------------------- */

  div.dark_rounded .pp_top .pp_left {
  background:url(/resources/images/interface/sprite.png) -88px -53px no-repeat;
} /* Top left corner */
div.dark_rounded .pp_top .pp_middle {
  background:url(/resources/images/interface/contentPattern.png) top left repeat;
} /* Top pattern/color */
div.dark_rounded .pp_top .pp_right {
  background:url(/resources/images/interface/sprite.png) -110px -53px no-repeat;
} /* Top right corner */
div.dark_rounded .pp_content {
  background:url(/resources/images/interface/contentPattern.png) top left repeat;
} /* Content background */
div.dark_rounded .pp_content a.pp_next:hover {
  background:url(/resources/images/interface/btnNext.png) center right no-repeat;
  cursor:pointer;
} /* Next button */
div.dark_rounded .pp_content a.pp_previous:hover {
  background:url(/resources/images/interface/btnPrevious.png) center left no-repeat;
  cursor:pointer;
} /* Previous button */
div.dark_rounded .pp_content a.pp_expand {
  background:url(/resources/images/interface/sprite.png) -31px -26px no-repeat;
  cursor:pointer;
} /* Expand button */
div.dark_rounded .pp_content a.pp_expand:hover {
  background:url(/resources/images/interface/sprite.png) -31px -47px no-repeat;
  cursor:pointer;
} /* Expand button hover */
div.dark_rounded .pp_content a.pp_contract {
  background:url(/resources/images/interface/sprite.png) 0 -26px no-repeat;
  cursor:pointer;
} /* Contract button */
div.dark_rounded .pp_content a.pp_contract:hover {
  background:url(/resources/images/interface/sprite.png) 0 -47px no-repeat;
  cursor:pointer;
} /* Contract button hover */
div.dark_rounded .pp_content a.pp_close {
  width:75px;
  height:22px;
  background:url(/resources/images/interface/sprite.png) -1px -1px no-repeat;
  cursor:pointer;
} /* Close button */
div.dark_rounded .currentTextHolder {
  color:#c4c4c4;
}
div.dark_rounded p.pp_description {
  color:#fff;
}
div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous {
  background:url(/resources/images/interface/sprite.png) 0 -71px no-repeat;
} /* The previous arrow in the bottom nav */
div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled {
  background-position:0 -87px;
  cursor:default;
}
div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next {
  background:url(/resources/images/interface/sprite.png) -22px -71px no-repeat;
} /* The next arrow in the bottom nav */
div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled {
  background-position:-22px -87px;
  cursor:default;
}
div.dark_rounded .pp_bottom .pp_left {
  background:url(/resources/images/interface/sprite.png) -88px -80px no-repeat;
} /* Bottom left corner */
div.dark_rounded .pp_bottom .pp_middle {
  background:url(/resources/images/interface/contentPattern.png) top left repeat;
} /* Bottom pattern/color */
div.dark_rounded .pp_bottom .pp_right {
  background:url(/resources/images/interface/sprite.png) -110px -80px no-repeat;
} /* Bottom right corner */
div.dark_rounded .pp_loaderIcon {
  background:url(/resources/images/interface/loader.gif) center center no-repeat;
} /* Loader icon */
/* ----------------------------------
    Dark Square Theme
  ----------------------------------- */

  div.dark_square .pp_top .pp_left,  div.dark_square .pp_top .pp_middle,  div.dark_square .pp_top .pp_right,  div.dark_square .pp_bottom .pp_left,  div.dark_square .pp_bottom .pp_middle,  div.dark_square .pp_bottom .pp_right,  div.dark_square .pp_content {
  background:url(/resources/images/interface/contentPattern.png) top left repeat;
}
div.dark_square .currentTextHolder {
  color:#c4c4c4;
}
div.dark_square p.pp_description {
  color:#fff;
}
div.dark_square .pp_loaderIcon {
  background:url(/resources/images/interface/loader.gif) center center no-repeat;
} /* Loader icon */
div.dark_square .pp_content a.pp_expand {
  background:url(/resources/images/interface/sprite.png) -31px -26px no-repeat;
  cursor:pointer;
} /* Expand button */
div.dark_square .pp_content a.pp_expand:hover {
  background:url(/resources/images/interface/sprite.png) -31px -47px no-repeat;
  cursor:pointer;
} /* Expand button hover */
div.dark_square .pp_content a.pp_contract {
  background:url(/resources/images/interface/sprite.png) 0 -26px no-repeat;
  cursor:pointer;
} /* Contract button */
div.dark_square .pp_content a.pp_contract:hover {
  background:url(/resources/images/interface/sprite.png) 0 -47px no-repeat;
  cursor:pointer;
} /* Contract button hover */
div.dark_square .pp_content a.pp_close {
  width:22px;
  height:22px;
  background:url(/resources/images/interface/sprite.png) -54px -1px no-repeat;
  cursor:pointer;
} /* Close button */
div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_previous {
  background:url(/resources/images/interface/sprite.png) 0 -71px no-repeat;
} /* The previous arrow in the bottom nav */
div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled {
  background-position:0 -87px;
  cursor:default;
}
div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_next {
  background:url(/resources/images/interface/sprite.png) -22px -71px no-repeat;
} /* The next arrow in the bottom nav */
div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled {
  background-position:-22px -87px;
  cursor:default;
}
div.dark_square .pp_content a.pp_next:hover {
  background:url(/resources/images/interface/btnNext.png) center right no-repeat;
  cursor:pointer;
} /* Next button */
div.dark_square .pp_content a.pp_previous:hover {
  background:url(/resources/images/interface/btnPrevious.png) center left no-repeat;
  cursor:pointer;
} /* Previous button */
/* ----------------------------------
    Light Square Theme
  ----------------------------------- */

  div.light_square .pp_top .pp_left,  div.light_square .pp_top .pp_middle,  div.light_square .pp_top .pp_right,  div.light_square .pp_bottom .pp_left,  div.light_square .pp_bottom .pp_middle,  div.light_square .pp_bottom .pp_right,  div.light_square .pp_content {
  background:#fff;
}
div.light_square .pp_content a.pp_expand {
  background:url(/resources/images/interface/sprite.png) -31px -26px no-repeat;
  cursor:pointer;
} /* Expand button */
div.light_square .pp_content a.pp_expand:hover {
  background:url(/resources/images/interface/sprite.png) -31px -47px no-repeat;
  cursor:pointer;
} /* Expand button hover */
div.light_square .pp_content a.pp_contract {
  background:url(/resources/images/interface/sprite.png) 0 -26px no-repeat;
  cursor:pointer;
} /* Contract button */
div.light_square .pp_content a.pp_contract:hover {
  background:url(/resources/images/interface/sprite.png) 0 -47px no-repeat;
  cursor:pointer;
} /* Contract button hover */
div.light_square .pp_content a.pp_close {
  width:75px;
  height:22px;
  background:url(/resources/images/interface/sprite.png) -1px -1px no-repeat;
  cursor:pointer;
} /* Close button */
div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_previous {
  background:url(/resources/images/interface/sprite.png) 0 -71px no-repeat;
} /* The previous arrow in the bottom nav */
div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled {
  background-position:0 -87px;
  cursor:default;
}
div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_next {
  background:url(/resources/images/interface/sprite.png) -22px -71px no-repeat;
} /* The next arrow in the bottom nav */
div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled {
  background-position:-22px -87px;
  cursor:default;
}
div.light_square .pp_content a.pp_next:hover {
  background:url(/resources/images/interface/btnNext.png) center right no-repeat;
  cursor:pointer;
} /* Next button */
div.light_square .pp_content a.pp_previous:hover {
  background:url(/resources/images/interface/btnPrevious.png) center left no-repeat;
  cursor:pointer;
} /* Previous button */
/* ------------------------------------------------------------------------
  DO NOT CHANGE
------------------------------------------------------------------------- */

  div.pp_pic_holder a:focus {
  outline:none;
}
div.pp_overlay {
  background:#000;
  left:0;
  position:absolute;
  top:0;
  width:100%;
  z-index:9500;
}
div.pp_pic_holder {
  display:none;
  position:absolute;
  width:100px;
  z-index:10000;
}
.pp_top {
  height:20px;
  position:relative;
}
* html .pp_top {
  padding:0 20px;
}
.pp_top .pp_left {
  height:20px;
  left:0;
  position:absolute;
  width:20px;
}
.pp_top .pp_middle {
  height:20px;
  left:20px;
  position:absolute;
  right:20px;
}
* html .pp_top .pp_middle {
  left:0;
  position:static;
}
.pp_top .pp_right {
  height:20px;
  left:auto;
  position:absolute;
  right:0;
  top:0;
  width:20px;
}
.pp_content {
  height:40px;
  position:relative;
  text-align:left;
  width:100%;
}
.pp_content .pp_details {
  display:none;
  margin:10px 15px 2px 20px;
}
.pp_description {
  display:none;
  float:left;
  margin:0;
}
.pp_nav {
  float:left;
  margin:3px 0 0 0;
}
.pp_nav p {
  float:left;
  margin:2px 4px;
}
.pp_nav a.pp_arrow_previous,  .pp_nav a.pp_arrow_next {
  display:block;
  float:left;
  height:15px;
  margin-top:3px;
  overflow:hidden;
  text-indent:-10000px;
  width:14px;
}
.pp_hoverContainer {
  left:0;
  position:absolute;
  top:0;
  width:100%;
  z-index:2000;
}
a.pp_next {
  display:block;
  float:right;
  height:100%;
  text-indent:-10000px;
  width:49%;
}
a.pp_previous {
  display:block;
  float:left;
  height:100%;
  text-indent:-10000px;
  width:49%;
}
a.pp_expand,  a.pp_contract {
  cursor:pointer;
  display:none;
  height:20px;
  position:absolute;
  right:30px;
  text-indent:-10000px;
  top:10px;
  width:20px;
  z-index:20000;
}
a.pp_close {
  display:block;
  float:right;
  text-indent:-10000px;
}
.pp_bottom {
  height:20px;
  position:relative;
}
* html .pp_bottom {
  padding:0 20px;
}
.pp_bottom .pp_left {
  height:20px;
  left:0;
  position:absolute;
  width:20px;
}
.pp_bottom .pp_middle {
  height:20px;
  left:20px;
  position:absolute;
  right:20px;
}
* html .pp_bottom .pp_middle {
  left:0;
  position:static;
}
.pp_bottom .pp_right {
  height:20px;
  left:auto;
  position:absolute;
  right:0;
  top:0;
  width:20px;
}
.pp_loaderIcon {
  display:none;
  height:24px;
  left:50%;
  margin:-12px 0 0 -12px;
  position:absolute;
  top:50%;
  width:24px;
}
#pp_full_res {
  display:none;
  line-height:1 !important;
  margin:0 auto;
  text-align:center;
  width:100%;
}
#pp_full_res iframe {
  overflow:hidden;
}
div.ppt {
  color:#fff;
  display:none;
  font-size:17px;
  left:0;
  position:absolute;
  top:0;
  z-index:9999;
}
/* ------------------------------------------------------------------------
  Miscellaneous
------------------------------------------------------------------------- */

  .clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix {
  display:inline-block;
}
/* Hides from IE-mac \*/
  * html .clearfix {
  height:1%;
}
.clearfix {
  display:block;
}
/* End hide from IE-mac */

  /*  Affichage du lightbox video */

  #video_lightbox {
  background-color:black;
}
/*

:: BOX PARAMETERS ----------------------------------------------------

*/
#forsej-box,
#campingoka-box,
#chaletmva-box {
  float:left;
  width:350px;
  margin-right:15px;
}
#container #forsej-box h3,
#container #campingoka-box h3,
#container #chaletmva-box h3 {
  font-size:14px;
  font-weight:normal;
  margin:0 0 .5em 0;
  padding:0;
}
#container #forsej-box p,
#container #campingoka-box p,
#container #chaletmva-box p {
  color:#5c5f5c;
  font-size:12px;
  margin:0 0 .5em 0;
}
/*#container #forsej-box h3 {padding:10px 0 10px 35px; background:transparent url(/resources/images/icones/act_hotel.gif) 0 50% no-repeat;}*/

/* Transport nolisé */
#transport-box {
  float:left;
  font-size:14px;
  font-weight:bold;
  text-transform:uppercase;
}
#transport-box p {
  margin-top:5px;
  padding-top:40px;
  background:url(/resources/images/interface/bus_bleu.gif) 0 0 no-repeat;
}
#transport-box a {
  color:#49789d;
  text-decoration:none;
}
/* Dans les forfaits */
#btn_transportnolise {
  margin:6px 0;
}
#btn_transportnolise a {
  display:block;
  padding:32px 9px 9px 9px;
  color:#49789d;
  font-size:12px;
  text-decoration:none;
  background:url(/resources/images/interface/bus_bleu.gif) 9px 0 no-repeat;
  border:none;
}
/*

:: BOUTON PARCS OUVERTS EN HIVER ----------------------------------------------------

*/
#btn_ouvert_hiver {
  position:absolute;
  top:0;
  left:225px;
  background:url(/resources/images/interface/btn_ouvert_hiver.png) 0 0 no-repeat;
}
.lang_en #btn_ouvert_hiver {
  background-position:0 -100px;
}
#btn_ouvert_hiver strong {
  display:block;
  visibility:hidden;
  width:76px;
  height:63px;
}
/*

::SIGNETS (parcs parcours, blogue, fonds parcs québec) ----------------------------------------------------

*/
#container .signets p {
  float:left;
  width:116px;
  margin:0 0 10px 16px;
  padding:0;
}
#container .signets p:first-child {
  margin-left:0;
}
#container .signets p a {
  display:block;
  width:116px;
  height:76px;
  text-indent: -9999px;
  background:url(/resources/images/pq/signets-pq.gif) 0 0 no-repeat;
}
#container .signets p.fpq a {background-position:0 0;}
#container .signets p.blogue a {background-position:0 -86px;}
#container .signets p.pp a {background-position:0 -172px;}
.lang_en #container .signets p.pp a {background-position:0 -258px;}
#container .signets strong {
  display:none;
}
/*

:: PROMOS (FICHE D'ACTIVITÉ) ----------------------------------------------------

*/
#container .act_promo {
  position:relative;
  float:left;
  margin:0 0 0 15px;
  width:260px;
  background:#fff;
  border:1px solid #d4d4d4;
  -moz-box-shadow:0 0 10px rgba(0, 0, 0, .15);
  -webkit-box-shadow:0 0 10px rgba(0, 0, 0, .15);
  box-shadow:0 0 10px rgba(0, 0, 0, .15);
}
#container .act_promo.first {
  margin:0;
}
#container .act_promo a.btn_plus {
  position:absolute;
  bottom:15px;
  right:15px;
  display:block;
  width:19px;
  height:19px;
  line-height:16px;
  text-decoration:none;
  background:url(/resources/images/interface/pictos.png) no-repeat scroll 0 -650px transparent;
  border:none;
  display:none;
}
#promo1, #promo2, #promo3, #promo4 {
  width:320px;
  line-height:1.3em;
}
#container .act_promo h4 {
  margin:0;
  padding:10px 15px;
  color:#fff;
  font-size:14px;
  font-weight:normal;
  text-transform:none;
  background:#71B3E4;
  background-image:linear-gradient(bottom, rgb(95,150,191) 0%, rgb(113,179,228) 100%);
  background-image:-o-linear-gradient(bottom, rgb(95,150,191) 0%, rgb(113,179,228) 100%);
  background-image:-moz-linear-gradient(bottom, rgb(95,150,191) 0%, rgb(113,179,228) 100%);
  background-image:-webkit-linear-gradient(bottom, rgb(95,150,191) 0%, rgb(113,179,228) 100%);
  background-image:-ms-linear-gradient(bottom, rgb(95,150,191) 0%, rgb(113,179,228) 100%);
  background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(95,150,191)), color-stop(1, rgb(113,179,228)));
}
#container .act_promo .bloc {
  margin:0;
  padding:15px;
}
#container .act_promo .bloc p {
  margin:0;
  padding:0 40px 0 0;
  font-size:12px;
  line-height:16px;
}
#container .act_promo .bloc p.montant {
  color:#71B3E4;
  font-size:40px;
  line-height:normal;
}
#container .act_promo .bloc p.montant span {
  font-size:14px;
}
/*

:: WEBCAM ----------------------------------------------------

*/
#webcam {
  width:540px;
  height:405px;
  background:#E9EAEB;
}
#meteo_medium p.image {
  float:left;
  margin:0 15px 0 12px;
  padding:0;
  width:96px;
}
#meteo_medium .conditions {
  float:left;
  width:250px;
  padding:20px 0 0 0;
}
#meteo_medium .conditions p strong {
  display:block;
  font-size:24px;
  font-weight:normal;
  line-height:normal;
}
#meteo_medium ul {
  margin:0;
  padding:0;
  list-style:none;
}
#meteo_medium ul li {
  margin:0 .1em 0 0;
  padding:0;
  line-height:normal;
}
#meteo_medium p.meteo {
  margin:0 0 1em 0;
  padding:0;
  line-height:normal;
  width:100%;
  overflow:hidden;
}

/*

:: SAN-CHASSE DISPO ----------------------------------------------------

*/

#lienDisposSan a {
    border: 0 none;
   color:#404040;
    display: block;
    font-size: 11px;
  padding: 0px 0px 0px 0px;
    text-decoration: none;
}
#lienDisposSan a:hover {
    color: #478DB1;
}

#lienDisposSan a img {
    vertical-align: middle;
  padding: 0px 0px 3px 0px;
}

#rouge {
 color:#ED1C24;
}

/*

:: CHALET 7 NUITEES AU PRIX DE 5 ----------------------------------------------------

*/
p.promo-5-7,
p.promo-chalet-20,
p.promo-hivernale {
  overflow: hidden;
  height:75px;
  padding:15px 60px 0 150px;
  background:#efefef 0 0 no-repeat;
}
.lang_fr .promo-5-7 {background-image:url(/resources/images/hebergement/chalet/promo-5-7-fr.jpg);}
.lang_en .promo-5-7 {background-image:url(/resources/images/hebergement/chalet/promo-5-7-en.jpg);}

.lang_fr .promo-chalet-20 {background-image:url(/resources/images/vedette/chalet20.gif);}
.lang_en .promo-chalet-20 {background-image:url(/resources/images/vedette/chalet20-en.gif);}

.lang_fr .promo-hivernale {background-image:url(/resources/images/hiver/promo-hivernale-2015.jpg);}
.lang_en .promo-hivernale {background-image:url(/resources/images/hiver/promo-hivernale-2015.jpg);}

.lang_fr .promo-hivernale {background-image:url(/resources/images/hiver/promo-hivernale-2015.jpg);}
.lang_en .promo-hivernale {background-image:url(/resources/images/hiver/promo-hivernale-2015.jpg);}

/*

:: RF Icone Service + (accordeon) -----------------------------------------------

*/
.service-plus {
  text-decoration: none;
  display: block;
  height: 40px;
  line-height: 14px;
  background: url(/resources/images/rf/logo-service-plus.png) no-repeat;
  padding-left: 81px;
  padding-top: 10px;
}

/*

:: ENCADRÉ   -----------------------------------------------------------

*/
p.encadre {
  padding:10px 15px;
  background:#F0F0F0;
}

/*

:: Icone Play thumbnail video (mini galerie) ------------------------------------

*/
#photos-videos figure.video a span {
  display:block;
  position:absolute;
  top:50%;
  left:50%;
  margin:-15px 0 0 -13px;
  padding:0;
  width:25px;
  height:25px;
  background:url(/resources/images/interface/btnVideo_smallwhite.png);
  border:none;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
  opacity: 0.85;
  -webkit-transition: opacity .3s ease-in-out;
  -moz-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out;
}

#photos-videos figure.video a:hover span {
  opacity:1;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
}
/*

:: Boutons (mini galerie)

*/
#photos-videos .main-buttons a {
  padding: 10px 11px;
  display: block;
  float: left;
  background-color: #ededed;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 20px;
  border: 1px solid #d4d4d4;
  color: #00233f;
  text-transform: uppercase;
  text-decoration: none;
  width: 160px;
  height: 10px;
  text-align:center;
  font-size: 10px;
}
#photos-videos .main-buttons a:hover {
  background-color: #e9e9e9;
}
#photos-videos .main-buttons a.video-btn {
  margin-right: 0;
  padding: 10px 20px;
  width: 140px;
}
#photos-videos .main-buttons span.icon {
  width: 20px;
  height: 15px;
  display: block;
  float: left;
  margin-right: 6px;
  margin-top: -3px;
}
#photos-videos .main-buttons span.arrow {
  width: 5px;
  height: 10px;
  display: block;
  float: right;
  background: url('/resources/images/interface/fleche_bouton.gif') 0 0 no-repeat;
}
#photos-videos .main-buttons .photo-btn span.icon {
  background: url('/resources/images/interface/pictos-photos-videos.png') 2px -49px no-repeat;
}
#photos-videos .main-buttons .video-btn span.icon {
  background: url('/resources/images/interface/pictos-photos-videos.png') -50px -49px no-repeat;
}

/*

:: Nouvelles légendes pour la carte (Revamp. page camping 2015) ------------------------------------

*/
.legende-carte p {
  display: inline-block;
  position: relative;
  width: 251px;
  padding: 10px 10px 10px 40px;
  background-color: #efefef;
  margin-right: 5px;
}
.legende-carte p:last-child {
  margin-right: 0px;
}
.legende-carte p:before {
  content: "";
  display: block;
  height: 20px;
  width: 20px;
  position: absolute;
  left: 10px;
  top: 10px;
  background: url(/resources/images/reservation/sprite.png)no-repeat;
}
.legende-carte p.is-pq:before {
  background-position-y: -150px;
}
.legende-carte p.is-rf:before {
  background-position-y: -200px;
}
.legende-carte p.is-ct:before {
  background-position-y: -250px;
}

/*

:: Nouveaux blocs promos (Revamp. page camping 2015) ------------------------------------

*/
.container-blocs-promo {
  width: 100%;
}
.container-blocs-promo.is-double .bloc-promo-simple,
.container-blocs-promo.is-simple .bloc-promo-simple {
  width: 420px;
}
.container-blocs-promo.is-triple .bloc-promo-simple {
  width: 271px;
}
.container-blocs-promo.is-quad .bloc-promo-simple {
  width: 194px;
}
.container-blocs-promo .bloc-promo-simple:last-child {
  margin-right: 0px;
}
.bloc-promo-simple {
  padding: 10px 15px;
  margin-right: 5px;
  margin-bottom: 5px;
  height: 150px;
  display: inline-block;
  overflow: hidden;
  position: relative;
  background-size: 100%;
  background-position-y: center;
}

.bloc-promo-simple {
  background-color: lightgrey;
}
.bloc-promo-simple.promo-65ans {
  background: url("/resources/images/hebergement/camping/promo-65ans.jpg") no-repeat 50% 50%;
}
.bloc-promo-simple.promo-matinee {
  background: url("/resources/images/hebergement/camping/promo-matinee.jpg") no-repeat 50% 50%;
}
.bloc-promo-simple.promo-camping {
  background: url("/resources/images/hebergement/camping/promo-camping.jpg") no-repeat 50% 50%;
}
.bloc-promo-simple.promo-pac {
  background: url("/resources/images/hebergement/promo-pac.jpg") no-repeat 50% 50%;
}
.bloc-promo-simple p {
  position: absolute;
  top: 104px;
  left: 0px;
  height: 150px;
  background: rgba(0,0,0,0.85);
  color: white;
  font-size: 14px;
  font-weight: lighter;
  padding: 15px;
  line-height: 1.3em !important;
  transition: all 0.5s ease;
}
.bloc-promo-simple:hover p {
  top: 0px;
}
.bloc-promo-simple p strong {
  text-transform: uppercase;
  font-size: 15px;
}
.bloc-promo-simple p span {
  font-size: 11px;
  line-height: 1px !important;
}
.bloc-promo-simple p span a{
  color: white !important;
}
.bloc-promo {
  height: 90px;
  width: 540px;
  background: pink;
  color: white;
  position: relative;
  margin-bottom: 10px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position-x: 175px !important;
}

.bloc-promo.promo-hivernale {
  background: url(/resources/images/hebergement/hebergement-chalets-promo-hivernale.jpg);
}

.bloc-promo.promo-automnale {
  background: url(/resources/images/hebergement/hebergement-chalets-promo-automnale.jpg);
}

.bloc-promo.promo-57 {
  background: url(/resources/images/hebergement/hebergement-chalets-promo-57-ete.jpg);
}
.bloc-promo.promo-act-decouverte {
  background: url(/resources/images/activites/activites-decouverte-gratuite.jpg);
}
.bloc-promo.promo-velos-gratuits {
  background: url(/resources/images/activites/activites-velos-gratuits.jpg);
}
.bloc-promo.promo-enfants-gratuit {
  background: url(/resources/images/hebergement/hebergement-chalets-promo-enfants-gratuits.jpg);
}
.bloc-promo .promo-titre {
  height: 90px;
  width: 175px;
  box-sizing: border-box;
  padding: 10px;
  background: black;
  display: inline-block;
  margin-bottom: 0px !important;
  position: absolute;
  bottom: 0px;
}
.bloc-promo .promo-titre strong {
  text-transform: uppercase;
  font-size: 15px;
}
.bloc-promo .promo-legal {
  font-size: 11px;
  line-height: 1px !important;
  background: rgba(0,0,0, 0.85);
  box-sizing: border-box;
  padding: 10px;
  height: 90px;
  width: 365px;
  position: absolute;
  left: 175px;
  bottom: -90px;
  overflow: hidden;
  transition: all 0.5s ease;
}
.bloc-promo:hover .promo-legal {
  bottom: 0px;
}
.promo-titre p, .promo-legal p {
  position: absolute;
  bottom: 0px;
}

/*

:: Bandeau "Important" (980) ------------------------------------

*/
.bandeau-important {
  background-color: #ffef80;
  text-align: center;
}
.bandeau-important p {
  padding: 15px;
  font-size: 1.1em;
  font-weight: bold;
}
/*

:: Pour les pages hybrides RWD

*/
/*Ajustement de la barre d'onglets*/
@media only screen and (max-width: 768px) {
  .rwd #tabs_main li {
    display: inline-block;
    width: 100%;
    border-bottom: white solid 1px;
  }
}
.rwd #tabs_main ul {
  margin: 0px !important;
}
.rwd #tabs_main {
  padding: 0px !important;
  border-bottom: none !important;
  line-height: 0.9em !important;
}
/*Ajustement du calendrier
.rwd table {
  width: 100%;
  min-width: 768px;
}
.rwd table tr th {
  background: #e1e1e1;
  font-weight: bold;
}
.rwd table tr td {
  width: 25%;
  background: #fff;
}*/

.boite-deroulante {
  overflow-x: auto;
  width: 100%;
  display: -ms-flexbox;
  /*display: -moz-box;*/
  display: -webkit-box;
  display: box;
}
/*

:: Hack RWD pour Fil d'ariane + Réseaux sociaux ------------------------------------

*/
section.rwd#container {
        width: auto;
        background: white;
        margin: 0px !important;
        padding: 0px !important;
        overflow: hidden;
        min-height: 0px;
        height: 39px;
      }
      section.rwd#container #breadcrumb {
        float: none;
        width: auto;
        height: auto;
        margin: 0px 0px 0px 0px;
        padding-bottom: 0px;
        position: relative;
        top: -4px;
      }
      section.rwd#container #breadcrumb a:first-child, section.rwd#container #breadcrumb a.premier, section.rwd#container #breadcrumb a.second {
        margin-top: 8px;
      }
      section.rwd#container #tools {
        float: none;
        width: auto;
        height: auto;
        margin: 0px 0px 0px 0px;
      }
      @media screen and (max-width: 768px) {
         section.rwd#container {
           display: none !important;
        }
      }

/*

:: Création du bouton "Play" pour les ancienne galeries vidéo ------------------------------------

*/
.play_border {
        margin:5px;
        border: 4px solid rgba(255,255,255,0.65);
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        width: 40px;
        height: 40px;
        transition: all 0.5s ease;
        cursor: pointer;
    }
    .desc:hover .play_border{
        border: 4px solid rgba(255,255,255,1);
    }
    .desc:hover .play_border .play_button{
        border-left: 15px solid rgba(255,255,255,1);
    }
    .play_button {
        position:relative;
        top: 10px;
        left: 37%;
        width: 0;
        height: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 15px solid rgba(255,255,255,0.65);
        transition: all 0.5s ease;
        pointer-events: none;
    }
    .container-play-button {
        position: absolute;
        top: 70px;
        left: 145px;
        z-index: 2;
        pointer-events: none;
    }
/* Journée des Parcs Nationaux (WIXX)*/
@media only screen and (max-width: 767px){
.content-wixx {
    float: none;
    width: 100%
  }

.mascotte-wixx {
    float: none;
    width:95px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 15px;
  }
 }
@media only screen and (min-width: 768px){
.content-wixx {
    float: left;
    width: 86%
  }

.mascotte-wixx {
    float: right;
    margin-top: 65px;
  }
}
/* Hiver : Bandeau promo*/
.promo-banner {
  padding: 30px 20px 10px;
  background: #efefef;
  margin-bottom: 25px;
}
/* Nouveau bloc "Réservation en ligne" */
#container .reservation-eta-container {
  width : 380px;
  margin-bottom: 20px;
  text-align: left;
  font-family: 'Roboto', sans-serif;
}
#container .reservation-eta-header {
  background-color: #2b2b2b;
  border-bottom: solid 1px white;
}
#container .reservation-eta-header h2 {
  color: white;
  padding: 10px 15px;
  font-size: 18px;
  font-weight: 300;
  margin: 0px;
}
#container .flex-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  background-color: #efefef;
}
#container .flex-container a {
  box-sizing: border-box;
  text-align: center;
  color: #005c9a;
  display: flex-item;
  height: auto;
  width: 33.3333%;
  padding: 20px 10px;
  font-size: 14px;
  line-height: 1.3em;
  border-right: solid 1px white;
  border-bottom: solid 1px white;
  transition: all 0.35s ease;
}
#container .flex-container.half-flex {
  background-color: #79d156;
  color: #404040;
}
#container .flex-container.half-flex a {
  color: #404040;
  width: 50%;
  padding: 15px 10px;
  font-size: 11px;
  line-height: 1.3em;
  text-transform: uppercase;
  transition: all 0.35s ease;
  border-right: solid 1px white;
  text-decoration: none;
}
#container .flex-container a:only-child{
  width:100%;
  border: none !important;
}
#container .flex-container:not(.half-flex) a:nth-child(3n+0){
  border-right: none;
}
#container .flex-container.half-flex a:nth-child(2n+0){
  border-right: none;
}
#container .flex-container a:hover {
  color: #005c9a;
  background-color: #e0e0e0;
}
#container .flex-container.half-flex a:hover {
  color: #404040;
  background-color: #5cc034;
}

@media screen and (min-width: 768px) {
    #container .flex-container.half-flex.is-mobile-nav {
        display: none;
    }
}
#container .reservation-eta-container .text-container {
    background: #efefef;
    padding: 10px 10px 5px 10px;
}
/*Fix Google Maps/Stadia Maps dans Hub Réseau*/
.col540 .google-map{
	border: none !important;
	margin-top: 15px !important;
	max-height: 324px !important
}

/****************/
/* PrettyPhoto  */

/* ----------------------------------
Default Theme
----------------------------------- */
div.pp_default .pp_top,
div.pp_default .pp_top .pp_middle,
div.pp_default .pp_top .pp_left,
div.pp_default .pp_top .pp_right,
div.pp_default .pp_bottom,
div.pp_default .pp_bottom .pp_left,
div.pp_default .pp_bottom .pp_middle,
div.pp_default .pp_bottom .pp_right { height: 13px; }

div.pp_default .pp_top .pp_left { background: url(/resources/images/interface/prettyphotos/sprite.png) -78px -93px no-repeat; } /* Top left corner */
div.pp_default .pp_top .pp_middle { background: url(/resources/images/interface/prettyphotos/sprite_x.png) top left repeat-x; } /* Top pattern/color */
div.pp_default .pp_top .pp_right { background: url(/resources/images/interface/prettyphotos/sprite.png) -112px -93px no-repeat; } /* Top right corner */

div.pp_default .pp_content .ppt { color: #f8f8f8; }
div.pp_default .pp_content_container .pp_left { background: url(/resources/images/interface/prettyphotos/sprite_y.png) -7px 0 repeat-y; padding-left: 13px; }
div.pp_default .pp_content_container .pp_right { background: url(/resources/images/interface/prettyphotos/sprite_y.png) top right repeat-y; padding-right: 13px; }
div.pp_default .pp_content { background-color: #fff; } /* Content background */
/*div.pp_default .pp_next:hover { background: url(/resources/images/interface/prettyphotos/sprite_next.png) center right  no-repeat; cursor: pointer; } /* Next button */
/*div.pp_default .pp_previous:hover { background: url(/resources/images/interface/prettyphotos/sprite_prev.png) center left no-repeat; cursor: pointer; } /* Previous button */
div.pp_default .pp_expand { background: url(/resources/images/interface/prettyphotos/sprite.png) 0 -29px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Expand button */
div.pp_default .pp_expand:hover { background: url(/resources/images/interface/prettyphotos/sprite.png) 0 -56px no-repeat; cursor: pointer; } /* Expand button hover */
div.pp_default .pp_contract { background: url(/resources/images/interface/prettyphotos/sprite.png) 0 -84px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Contract button */
div.pp_default .pp_contract:hover { background: url(/resources/images/interface/prettyphotos/sprite.png) 0 -113px no-repeat; cursor: pointer; } /* Contract button hover */
div.pp_default .pp_close { width: 30px; height: 30px; background: url(/resources/images/interface/prettyphotos/sprite.png) 2px 1px no-repeat; cursor: pointer; } /* Close button */
div.pp_default #pp_full_res .pp_inline { color: #000; }
div.pp_default .pp_gallery ul li a { background: url(/resources/images/interface/prettyphotos/default_thumb.png) center center #f8f8f8; border:1px solid #aaa; }
div.pp_default .pp_gallery ul li a:hover,
div.pp_default .pp_gallery ul li.selected a { border-color: #fff; }
div.pp_default .pp_social { margin-top: 7px; }

div.pp_default .pp_gallery a.pp_arrow_previous,
div.pp_default .pp_gallery a.pp_arrow_next { position: static; left: auto; }
div.pp_default .pp_nav .pp_play,
div.pp_default .pp_nav .pp_pause { background: url(/resources/images/interface/prettyphotos/sprite.png) -51px 1px no-repeat; height:30px; width:30px; }
div.pp_default .pp_nav .pp_pause { background-position: -51px -29px; }
div.pp_default .pp_details { position: relative; display: block !important;}
div.pp_default a.pp_arrow_previous,
div.pp_default a.pp_arrow_next { background: url(/resources/images/interface/prettyphotos/sprite.png) -31px -3px no-repeat; height: 20px; margin: 4px 0 0 0; width: 20px; }
div.pp_default a.pp_arrow_next { left: 52px; background-position: -82px -3px; } /* The next arrow in the bottom nav */
div.pp_default .pp_content_container .pp_details { margin-top: 5px; }
div.pp_default .pp_nav { clear: none; height: 30px; width: 110px; position: relative; }
div.pp_default .pp_nav .currentTextHolder{ font-family: Georgia; font-style: italic; color:#999; font-size: 11px; left: 75px; line-height: 25px; margin: 0; padding: 0 0 0 10px; position: absolute; top: 2px; }

div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover { opacity:0.7; }

div.pp_default .pp_description{ font-size: 11px; font-weight: bold; line-height: 14px; margin: 5px 50px 5px 0; }

div.pp_default .pp_bottom .pp_left { background: url(/resources/images/interface/prettyphotos/sprite.png) -78px -127px no-repeat; } /* Bottom left corner */
div.pp_default .pp_bottom .pp_middle { background: url(/resources/images/interface/prettyphotos/sprite_x.png) bottom left repeat-x; } /* Bottom pattern/color */
div.pp_default .pp_bottom .pp_right { background: url(/resources/images/interface/prettyphotos/sprite.png) -112px -127px no-repeat; } /* Bottom right corner */

div.pp_default .pp_loaderIcon { background: url(../images/prettyPhoto/default/loader.gif) center center no-repeat; } /* Loader icon */

.pp_content .pp_details {
display: block !important;
}
div.light_square .pp_content a.pp_expand {
position: absolute;
top: 10px;
right: 10px;
}
div.light_square .pp_content a.pp_contract {
position: absolute;
top: 10px;
right: 10px;
}
.pp_nav a.pp_arrow_previous, .pp_nav a.pp_arrow_next {
display: none !important;
}
/* ----------------------------------
Light Rounded Theme
----------------------------------- */
div.light_rounded .pp_top .pp_left { background: url(/resources/images/interface/prettyphotos/sprite.png) -88px -53px no-repeat; } /* Top left corner */
div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */
div.light_rounded .pp_top .pp_right { background: url(/resources/images/interface/prettyphotos/sprite.png) -110px -53px no-repeat; } /* Top right corner */

div.light_rounded .pp_content .ppt { color: #000; }
div.light_rounded .pp_content_container .pp_left,
div.light_rounded .pp_content_container .pp_right { background: #fff; }
div.light_rounded .pp_content { background-color: #fff; } /* Content background */
div.light_rounded .pp_next:hover { background: url(/resources/images/interface/prettyphotos/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
div.light_rounded .pp_previous:hover { background: url(/resources/images/interface/prettyphotos/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
div.light_rounded .pp_expand { background: url(/resources/images/interface/prettyphotos/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
div.light_rounded .pp_expand:hover { background: url(/resources/images/interface/prettyphotos/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
div.light_rounded .pp_contract { background: url(/resources/images/interface/prettyphotos/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
div.light_rounded .pp_contract:hover { background: url(/resources/images/interface/prettyphotos/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
div.light_rounded .pp_close { width: 75px; height: 22px; background: url(/resources/images/interface/prettyphotos/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
div.light_rounded .pp_details { position: relative; }
div.light_rounded .pp_description { margin-right: 85px; }
div.light_rounded #pp_full_res .pp_inline { color: #000; }
div.light_rounded .pp_gallery a.pp_arrow_previous,
div.light_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
div.light_rounded .pp_nav .pp_play { background: url(/resources/images/interface/prettyphotos/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
div.light_rounded .pp_nav .pp_pause { background: url(/resources/images/interface/prettyphotos/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }

div.light_rounded .pp_arrow_previous { background: url(/resources/images/interface/prettyphotos/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.light_rounded .pp_arrow_next { background: url(/resources/images/interface/prettyphotos/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

div.light_rounded .pp_bottom .pp_left { background: url(/resources/images/interface/prettyphotos/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */
div.light_rounded .pp_bottom .pp_right { background: url(/resources/images/interface/prettyphotos/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */

div.light_rounded .pp_loaderIcon { background: url(/resources/images/interface/prettyphotos/loader.gif) center center no-repeat; } /* Loader icon */


/* ----------------------------------
Dark Rounded Theme
----------------------------------- */
div.dark_rounded .pp_top .pp_left { background: url(/resources/images/interface/prettyphotos/sprite.png) -88px -53px no-repeat; } /* Top left corner */
div.dark_rounded .pp_top .pp_middle { background: url(/resources/images/interface/prettyphotos/contentPattern.png) top left repeat; } /* Top pattern/color */
div.dark_rounded .pp_top .pp_right { background: url(/resources/images/interface/prettyphotos/sprite.png) -110px -53px no-repeat; } /* Top right corner */

div.dark_rounded .pp_content_container .pp_left { background: url(/resources/images/interface/prettyphotos/contentPattern.png) top left repeat-y; } /* Left Content background */
div.dark_rounded .pp_content_container .pp_right { background: url(/resources/images/interface/prettyphotos/contentPattern.png) top right repeat-y; } /* Right Content background */
div.dark_rounded .pp_content { background: url(/resources/images/interface/prettyphotos/contentPattern.png) top left repeat; } /* Content background */
div.dark_rounded .pp_next:hover { background: url(/resources/images/interface/prettyphotos/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
div.dark_rounded .pp_previous:hover { background: url(/resources/images/interface/prettyphotos/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
div.dark_rounded .pp_expand { background: url(/resources/images/interface/prettyphotos/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
div.dark_rounded .pp_expand:hover { background: url(/resources/images/interface/prettyphotos/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
div.dark_rounded .pp_contract { background: url(/resources/images/interface/prettyphotos/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
div.dark_rounded .pp_contract:hover { background: url(/resources/images/interface/prettyphotos/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(/resources/images/interface/prettyphotos/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
div.dark_rounded .pp_details { position: relative; }
div.dark_rounded .pp_description { margin-right: 85px; }
div.dark_rounded .currentTextHolder { color: #c4c4c4; }
div.dark_rounded .pp_description { color: #fff; }
div.dark_rounded #pp_full_res .pp_inline { color: #fff; }
div.dark_rounded .pp_gallery a.pp_arrow_previous,
div.dark_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
div.dark_rounded .pp_nav .pp_play { background: url(/resources/images/interface/prettyphotos/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
div.dark_rounded .pp_nav .pp_pause { background: url(/resources/images/interface/prettyphotos/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }

div.dark_rounded .pp_arrow_previous { background: url(/resources/images/interface/prettyphotos/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.dark_rounded .pp_arrow_next { background: url(/resources/images/interface/prettyphotos/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

div.dark_rounded .pp_bottom .pp_left { background: url(/resources/images/interface/prettyphotos/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
div.dark_rounded .pp_bottom .pp_middle { background: url(/resources/images/interface/prettyphotos/contentPattern.png) top left repeat; } /* Bottom pattern/color */
div.dark_rounded .pp_bottom .pp_right { background: url(/resources/images/interface/prettyphotos/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */

div.dark_rounded .pp_loaderIcon { background: url(/resources/images/interface/prettyphotos/loader.gif) center center no-repeat; } /* Loader icon */


/* ----------------------------------
Dark Square Theme
----------------------------------- */
div.dark_square .pp_left ,
div.dark_square .pp_middle,
div.dark_square .pp_right,
div.dark_square .pp_content { background: #000; }

div.dark_square .currentTextHolder { color: #c4c4c4; }
div.dark_square .pp_description { color: #fff; }
div.dark_square .pp_loaderIcon { background: url(/resources/images/interface/prettyphotos/loader.gif) center center no-repeat; } /* Loader icon */

div.dark_square .pp_expand { background: url(/resources/images/interface/prettyphotos/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
div.dark_square .pp_expand:hover { background: url(/resources/images/interface/prettyphotos/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
div.dark_square .pp_contract { background: url(/resources/images/interface/prettyphotos/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
div.dark_square .pp_contract:hover { background: url(/resources/images/interface/prettyphotos/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
div.dark_square .pp_close { width: 75px; height: 22px; background: url(/resources/images/interface/prettyphotos/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
div.dark_square .pp_details { position: relative; }
div.dark_square .pp_description { margin: 0 85px 0 0; }
div.dark_square #pp_full_res .pp_inline { color: #fff; }
div.dark_square .pp_gallery a.pp_arrow_previous,
div.dark_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
div.dark_square .pp_nav { clear: none; }
div.dark_square .pp_nav .pp_play { background: url(/resources/images/interface/prettyphotos/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
div.dark_square .pp_nav .pp_pause { background: url(/resources/images/interface/prettyphotos/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }

div.dark_square .pp_arrow_previous { background: url(/resources/images/interface/prettyphotos/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.dark_square .pp_arrow_next { background: url(/resources/images/interface/prettyphotos/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

div.dark_square .pp_next:hover { background: url(/resources/images/interface/prettyphotos/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
div.dark_square .pp_previous:hover { background: url(/resources/images/interface/prettyphotos/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */


/* ----------------------------------
Light Square Theme
----------------------------------- */
div.light_square .pp_left ,
div.light_square .pp_middle,
div.light_square .pp_right,
div.light_square .pp_content { background: #fff; }

div.light_square .pp_content .ppt { color: #000; }
div.light_square .pp_expand { background: url(/resources/images/interface/prettyphotos/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
div.light_square .pp_expand:hover { background: url(/resources/images/interface/prettyphotos/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
div.light_square .pp_contract { background: url(/resources/images/interface/prettyphotos/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
div.light_square .pp_contract:hover { background: url(/resources/images/interface/prettyphotos/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
div.light_square .pp_close { position: absolute; top: -20px; right: -20px; z-index: 999; width: 42px; height: 42px; background: url(/resources/images/interface/prettyphotos/button-close.png) no-repeat; cursor: pointer; } /* Close button */
div.light_square .pp_details { position: relative; }
div.light_square .pp_description { color: grey; margin-right: 85px; }
div.light_square #pp_full_res .pp_inline { color: #000; }
div.light_square .pp_gallery a.pp_arrow_previous,
div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
div.light_square .pp_nav .pp_play { background: url(/resources/images/interface/prettyphotos/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
div.light_square .pp_nav .pp_pause { background: url(/resources/images/interface/prettyphotos/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }

div.light_square .pp_arrow_previous { background: url(/resources/images/interface/prettyphotos/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.light_square .pp_arrow_next { background: url(/resources/images/interface/prettyphotos/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

div.light_square .pp_next { transition: all ease 0.35s; position: absolute; right: -75px; background: url(/resources/images/interface/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
div.light_square .pp_next:hover { right: -85px; } /* Next button animation*/
div.light_square .pp_previous { transition: all ease 0.35s; position: absolute; left: -75px; background: url(/resources/images/interface/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
div.light_square .pp_previous:hover { left: -85px; } /* Back button animation*/

div.light_square .pp_loaderIcon { background: url(/resources/images/interface/prettyphotos/loader.gif) center center no-repeat; } /* Loader icon */

#container-gallery {  list-style-type: none !important; } /* Gallery list */
.gallery li { display: inline-block;} /* Gallery list */

/* ----------------------------------
Facebook style Theme
----------------------------------- */
div.facebook .pp_top .pp_left { background: url(/resources/images/interface/prettyphotos/sprite.png) -88px -53px no-repeat; } /* Top left corner */
div.facebook .pp_top .pp_middle { background: url(/resources/images/interface/prettyphotos/contentPatternTop.png) top left repeat-x; } /* Top pattern/color */
div.facebook .pp_top .pp_right { background: url(/resources/images/interface/prettyphotos/sprite.png) -110px -53px no-repeat; } /* Top right corner */

div.facebook .pp_content .ppt { color: #000; }
div.facebook .pp_content_container .pp_left { background: url(/resources/images/interface/prettyphotos/contentPatternLeft.png) top left repeat-y; } /* Content background */
div.facebook .pp_content_container .pp_right { background: url(/resources/images/interface/prettyphotos/contentPatternRight.png) top right repeat-y; } /* Content background */
div.facebook .pp_content { background: #fff; } /* Content background */
div.facebook .pp_expand { background: url(/resources/images/interface/prettyphotos/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
div.facebook .pp_expand:hover { background: url(/resources/images/interface/prettyphotos/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
div.facebook .pp_contract { background: url(/resources/images/interface/prettyphotos/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
div.facebook .pp_contract:hover { background: url(/resources/images/interface/prettyphotos/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
div.facebook .pp_close { width: 22px; height: 22px; background: url(/resources/images/interface/prettyphotos/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
div.facebook .pp_details { position: relative; }
div.facebook .pp_description { margin: 0 37px 0 0; }
div.facebook #pp_full_res .pp_inline { color: #000; }
div.facebook .pp_loaderIcon { background: url(/resources/images/interface/prettyphotos/loader.gif) center center no-repeat; } /* Loader icon */

div.facebook .pp_arrow_previous { background: url(/resources/images/interface/prettyphotos/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The previous arrow in the bottom nav */
div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; }
div.facebook .pp_arrow_next { background: url(/resources/images/interface/prettyphotos/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The next arrow in the bottom nav */
div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; }
div.facebook .pp_nav { margin-top: 0; }
div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; }
div.facebook .pp_nav .pp_play { background: url(/resources/images/interface/prettyphotos/sprite.png) -1px -123px no-repeat; height: 22px; width: 22px; }
div.facebook .pp_nav .pp_pause { background: url(/resources/images/interface/prettyphotos/sprite.png) -32px -123px no-repeat; height: 22px; width: 22px; }

div.facebook .pp_next:hover { background: url(/resources/images/interface/prettyphotos/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
div.facebook .pp_previous:hover { background: url(/resources/images/interface/prettyphotos/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */

div.facebook .pp_bottom .pp_left { background: url(/resources/images/interface/prettyphotos/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
div.facebook .pp_bottom .pp_middle { background: url(/resources/images/interface/prettyphotos/contentPatternBottom.png) top left repeat-x; } /* Bottom pattern/color */
div.facebook .pp_bottom .pp_right { background: url(/resources/images/interface/prettyphotos/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */


/* ------------------------------------------------------------------------
DO NOT CHANGE
------------------------------------------------------------------------- */
div.pp_pic_holder a:focus {
outline:none;
}
div.pp_overlay {
background: #000;
display: none;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 9500;
}
div.pp_pic_holder {
display: none;
position: absolute;
width: 100px;
z-index: 10000;
}
.pp_top {
height: 20px;
position: relative;
}
* html .pp_top {
padding: 0 20px;
}
.pp_top .pp_left {
height: 20px;
left: 0;
position: absolute;
width: 20px;
}
.pp_top .pp_middle {
height: 20px;
left: 20px;
position: absolute;
right: 20px;
}
* html .pp_top .pp_middle {
left: 0;
position: static;
}
.pp_top .pp_right {
height: 20px;
left: auto;
position: absolute;
right: 0;
top: 0;
width: 20px;
}
.pp_content {
height: 40px;
min-width: 40px;
}
* html .pp_content {
width: 40px;
}
.pp_fade {
display: none;
}
.pp_content_container {
position: relative;
text-align: left;
width: 100%;
}
.pp_content_container .pp_left {
padding-left: 20px;
}
.pp_content_container .pp_right {
padding-right: 20px;
}
.pp_content_container .pp_details {
float: left;
margin: 10px 0 2px 0;
}
.pp_description {
display: none;
margin: 0;
}
.pp_social {
float: left;
margin: 0;
}
.pp_social .facebook {
float: left;
margin-left: 5px;
width: 55px;
overflow: hidden;
}
.pp_social .twitter {
float: left;
}
.pp_nav {
clear: left;
float: right;
margin: 3px 0px 0px 0px;
}
.pp_nav p {
float: left;
margin: 2px 4px;
white-space: nowrap;
}
.pp_nav .pp_play,.pp_nav .pp_pause {
float: left;
margin-right: 4px;
text-indent: -10000px;
}
a.pp_arrow_previous,
a.pp_arrow_next {
display: block;
float: left;
height: 15px;
margin-top: 3px;
overflow: hidden;
text-indent: -10000px;
width: 14px;
}
.pp_hoverContainer {
position: absolute;
top: 0;
width: 100%;
z-index: 2000;
}
.pp_gallery {
display: none;
left: 50%;
margin-top: -50px;
position: absolute;
z-index: 10000;
}
.pp_gallery div {
float: left;
overflow: hidden;
position: relative;
}
.pp_gallery ul {
float: left;
height: 35px;
margin: 0 0 0 5px;
padding: 0;
position: relative;
white-space: nowrap;
}
.pp_gallery ul a {
border: 1px #000 solid;
border: 1px rgba(0,0,0,0.5) solid;
display: block;
float: left;
height: 33px;
overflow: hidden;
}
.pp_gallery ul a:hover, .pp_gallery li.selected a {
border-color: #fff;
}
.pp_gallery ul a img {
border: 0;
}
.pp_gallery li {
display: block;
float: left;
margin: 0 5px 0 0;
padding: 0;
}
.pp_gallery li.default a {
background: url(/resources/images/interface/prettyphotos/default_thumbnail.gif) 0 0 no-repeat;
display: block;
height: 33px;
width: 50px;
}
.pp_gallery li.default a img {
display: none;
}
.pp_gallery .pp_arrow_previous,  .pp_gallery .pp_arrow_next {
margin-top: 7px !important;
}
a.pp_next {
background: url(/resources/images/interface/prettyphotos/btnNext.png) 10000px 10000px no-repeat;*/
display: block;
float: right;
height: 100%;
text-indent: -10000px;
width: 49%;
}
a.pp_previous {
background: url(/resources/images/interface/prettyphotos/btnNext.png) 10000px 10000px no-repeat;*/
display: block;
float: left;
height: 100%;
text-indent: -10000px;
width: 49%;
}
a.pp_expand, a.pp_contract {
cursor: pointer;
display: none;
height: 20px;
position: absolute;
right: 30px;
text-indent: -10000px;
top: 10px;
width: 20px;
z-index: 20000;
}
a.pp_close {
position: absolute; right: 0; top: 0;
display: block;
line-height:22px;
text-indent: -10000px;
}
.pp_bottom {
height: 20px;
position: relative;
}
* html .pp_bottom {
padding: 0 20px;
}
.pp_bottom .pp_left {
height: 20px;
left: 0;
position: absolute;
width: 20px;
}
.pp_bottom .pp_middle {
height: 20px;
left: 20px;
position: absolute;
right: 20px;
}
* html .pp_bottom .pp_middle {
left: 0;
position: static;
}
.pp_bottom .pp_right {
height: 20px;
left: auto;
position: absolute;
right: 0;
top: 0;
width: 20px;
}
.pp_loaderIcon {
display: block;
height: 24px;
left: 50%;
margin: -12px 0 0 -12px;
position: absolute;
top: 50%;
width: 24px;
}
#pp_full_res {
display:  block !important;
line-height: 1 !important;
}
#pp_full_res .pp_inline {
text-align: left;
}
#pp_full_res .pp_inline p {
margin: 0 0 15px 0;
}
div .ppt {
  color: #fff;
  display: none;
  font-size: inherit;
  margin: 0px 0px 0px 0px !important;
  z-index: 9999;
}





/*Modification au visuel du header des établissement*/
.hero-content-etablissement {
	display: flex;
	align-items: flex-end;
	padding: 4px!important;
}

.grey-box {
	background-color: rgba(0,0,0,0.45);
	border-radius: 10px;
	width: 100%;
	padding: 10px!important;
	margin: 0!important;
	height: fit-content;
}

#actual-conditions {
	position: static;
	background: rgba(0, 0, 0, 0.4);
	margin:6px 0 11px 0;
	height:21px;
}

#actual-conditions .temperature a {
	font-size:13px;
	background-size: 25px;
	background-position: 44% 2px;
	padding: 3px 0 0 30px;
}

.book-now {
	font-size: 18px;
	margin:12px 0!important;
}

.book-now .is-smaller {
	font-size: 16px;
}

#actual-info .conditions-neige + .ouvert-hiver {
	display:none;
}

#actual-info {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	justify-content: space-between;
	gap: 4px;
	font-size: 13px;
}

#actual-info p {
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	margin:0;
	width: 100%;
	text-align: left;
}

#actual-info p a, #actual-info p span {
	background-color: rgba(0,0,0,0.8);
	border-radius: 5px;
	color:white;
	text-decoration: none;
	padding:5px 5px 5px 32px;
	display: block;
}

#actual-info p a {
	text-decoration: underline;
}

#actual-info p a:hover {
	background-color: rgba(0,0,0,1);
	color:white;
	text-decoration: underline
}

#actual-info p a::before, #actual-info p span::before {
	content: "";
	position: absolute;
	margin-left: -27px;
	margin-top: -3px;
	width: 30px;
	height: 30px;
	background-image: url(/resources/images/interface/sprite-rwd2.svg);
	background-repeat: no-repeat;
}

#actual-info p a::after {
	content: "";
	margin-top: 0;
	margin-right: 5px;
	text-align: right;
	float: right;
	width: 15px;
	height: 16px;
	background-image: url(/resources/images/interface/sprite-rwd2.svg);
	background-repeat: no-repeat;
	background-position: -396px -295px;
}

#actual-info .conditions-neige a::before,
#actual-info .ouvert-hiver span::before {
	background-position: -432px -153px;
	transform: scale(0.8);

}
#actual-info .info-jour a::before {
	background-position: -693px -172px;
}

#actual-info .danger-incendie a::before {
	background-position: -663px -81px;
}

#actual-info .tarifs a::before {
    background-position: -123px -112px;
}

#actual-info .horaire a::before {
    background-position: -482px -82px;
}

@media only screen and (min-width:576px) {
	.hero h1 {
		font-size: 4.2rem;
	}
	
	.hero-content-etablissement {
		align-items: center;
		/*padding-left: 54px!important;*/
	}

	.grey-box {
		padding: 15px!important;
		width: fit-content;
	}
}

@media only screen and (min-width:475px) {
	#actual-info {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		justify-content: space-between;
		gap: 4px;
		font-size: 13px;
	}

	#actual-info p:last-child:not(:nth-child(even)) {
		grid-column: span 2;
	}
}

#breadcrumb-tools-container {
	display: flex!important;
}

#breadcrumb-tools-container #tools {
	padding-top: 0!important;
}

/* Box Établissement 2.0 */
.hero .hero-content {
  padding-left: 15px;
  padding-top: 15px;
}
.hero-content-container {
  padding: 10px 15px 10px 15px;
  width: fit-content;
  background-color: rgba(0,0,0,0.45);
  border-radius: 10px;
}
.hero-title h1 {
  font-size: 28px;
  text-shadow: none;
  translation: all ease 1s;
}
.hero-action-pills:not(:empty)  {
  display: block;
  text-align: left;
  margin-top: 15px;
  margin-bottom: 5px;
  position: relative;
  max-width: 680px;
}
.hero-action-pills:last-child {
  margin-bottom: -5px;
}
.action-pill {
  display: inline-block;
}
.rwd .action-pill a, .rwd .action-pill p {
  display: block;
  position: relative;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 30px;
  margin-right: 5px;
  margin-bottom: 10px;
  font-size: 13px;
  line-height: 20px;
  color: white !important;
  background-color: rgba(0,0,0,0.50);
  border-radius: 5px;
  text-decoration: none;
  transition: all ease .5s;
}
.action-pill:last-child a, .action-pill:last-child p  {
  margin-right: 0px;
}
.action-pill.temperature a {
  padding-left: 40px;
}
.action-pill a:hover {
  /*color: #2095f2;*/
  color: white;
  text-decoration: underline;
  background-color: rgba(0,0,0,0.85);
}
.action-pill a:before, .action-pill p:before {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 5px;
  width: 25px;
  height: 25px;
}
.action-pill.temperature a {
  background-size: 30px;
  background-position: 5px 3px;
  background-repeat: no-repeat;
}
.action-pill.tarification-acces a:before {
  background: url('https://sepaq.com/resources/images/interface/sprite-rwd.svg') -122px -112px no-repeat;
  transform: scale(0.75);
}      
.action-pill.information-jour a:before {
  background: url('https://sepaq.com/resources/images/interface/sprite-rwd.svg') -602px -83px no-repeat;
  transform: scale(0.75) rotate(180deg);
}    
.action-pill.conditions-neige a:before,
.action-pill.ouvert-hiver p:before{
  background: url('https://sepaq.com/resources/images/interface/sprite-rwd.svg') -432px -153px no-repeat;
  background-position: -432px -153px;
  transform: scale(0.65);
}   
.action-pill.horaire a:before {
  background: url('https://sepaq.com/resources/images/interface/sprite-rwd.svg') -482px -83px no-repeat;
  transform: scale(0.75);
}   
@media only screen and (min-width: 768px) {
  .hero-cta-button {
    max-width: 280px;
  }
  .hero-title h1 {
  font-size: 36px;
  text-shadow: none;
}
}

/*

:: Adjust breadcrumb margin and padding to fit with Hero2 ---

*/

.section-content.small-breadcrumb {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: white !important;
}

.page-info .section-content.small-breadcrumb .page-breadcrumb {
    margin: 0px !important;
}
/*

:: Bloc Hero2 -------------------------------------------------

*/

.hero2 {
  position: relative;
  width: 100%;
}

.hero2__text {
  padding: 15px;
}

.hero2 .section-cover {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

/* Option afichage image demi-écran */
.hero2--half {
  max-width: 1440px;
  margin: 0 auto;
}

.hero2--half .section-cover {
  padding-bottom: 240px;
}

/* Option affichage image plein écran */
.hero2--full .section-cover {
  padding-bottom: 240px;
}

.hero2--full .hero2__text {
  background: black;
  color: white;
}

@media only screen and (min-width: 768px) {
  /* Option afichage image demi-écran */
  .hero2--half {
    align-items: center;
    display: flex;
  }

  .hero2--half.hero2--left {
    flex-direction: row-reverse;
        max-width: 1280px;
  }

  .hero2--half .hero2__image,
  .hero2--half .hero2__text {
    width: 50%;
  }

  .hero2--half .hero2__text-inner {
    max-width: 520px;
  }

  .hero2--half.hero2--left .hero2__text,
  .hero2--half.hero2--right .hero2__image {
    padding-right: 30px;
  }

  .hero2--half.hero2--left .hero2__image,
  .hero2--half.hero2--right .hero2__text {
    padding-left: 30px;
  }

  .hero2--half .section-cover {
    padding-bottom: 480px;
  }

  /* Option affichage image plein écran */
  .hero2--full .section-cover {
    padding-bottom: 480px;
  }

  .hero2--full .hero2__text {
    align-items: center;
    background: none;
    bottom: 0;
    display: grid;
    gap: 60px;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    justify-content: flex-end;
    left: 0;
    margin: 0 auto;
    max-width: 1440px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
  }

  .hero2--full .hero2__text-inner {
    background-color: rgba(0, 0, 0, 0.6);
    box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    padding: 32px;
    max-width: 480px;
  }

  .hero2--full.hero2--right .hero2__text-inner {
    grid-column-start: 7;
    grid-column-end: 12;
    justify-self: end;
  }

  .hero2--full.hero2--left .hero2__text-inner {
    grid-column-start: 2;
    grid-column-end: 10;
  }
}

/* Fix - Timeline en mobile */
@media screen and (max-width: 990px) {
	.rwd.page-info .timeline-line .is-active a:after {
		display: none;
	}

	.rwd.page-info .timeline-line a {
		text-indent: 0px;
		margin-bottom: 20px;
		font-size: 12px;
		line-height: 14px;
	}
}
/* Fix - CTA suivi de Liens dans les cards */
.rwd .cards-item .cards-item-buttons a.bouton.is-action + a:not([class]) {
    margin-top: 15px;
}