/*@font-face {
	font-family:"News Cycle";
	src:url("/resources/fonts/NewsCycle-Regular.eot");
	src:local("News Cycle"), url("/resources/fonts/NewsCycle-Regular.ttf") format("opentype");
}*/

/* 

   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
   #5D605D - Gris moyen
   #2C5DA0 - Bleu, hyperliens
   #A1A1A1 - Gris pale, contours
   #DAD9D4 - Gris tres pale, contours, onglets
   #EDEDED - Blanc grise, fond


:: IMPORTATIONS -----------------------------------------------------
*/


/* 

:: 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;/*outline: 0;*/font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}/*:focus {outline: 0;}*/ body {line-height: 1;background: white;font-family: Helvetica, Arial, sans-serif;font-size: 11px;color: #5d605d;overflow: -moz-scrollbars-vertical;} 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; }

/* 

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

*/

/* ----------------------------------------------
  Mise en page generale
  ---------------------------------------------- 
*/
#header {/* en-tete de page */
  width: 100%;
  background: white url(../images/interface/header/header_shade.gif) repeat-x;
  height: 33px;
}
#head {
  width: 980px;
  overflow:hidden;
  margin: 0 auto;
}
#head_content_left {
  width: 500px;
  float: left;
}
#head_content_right {
  width: 460px;
  float: left;
}
#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 dotted #aaa;
}
#head #head_content_right ul li span.head_separateur {
  border-left: 1px dotted #aaa;
  height: 18px;
        margin-right: 3px;
  display:none; 
}
       
#head ul li.input_li {
  height: 19px;
  margin: 6px 0;
  padding: 0 4px;
       display: none; 
}
#head #head_content_left ul li:first-child {
  border-left: none;
}
#head a.nav {
  color: #5d605d; /* gris */
  text-decoration: none;
  padding: 5px 6px 4px 6px;
}
#head_content_right a.accent_bleu {
    font-weight: bold;
    color: #0070af;
}
#head_content_right a:hover.accent_bleu {
  font-weight: bold;
  color: white;
}
#head_content_right form {
  padding: 0;
  margin: 0;
  border: none;
}
#head_content_right form input#searchbox {
  width: 80px;
  height: 17px;
  vertical-align: middle;
  margin: 0;
  padding: 2px 0 0 2px;
  border: 1px solid #a1a1a1;
  color: #a1a1a1;
} 
#head_content_right form #btn_search {
  vertical-align: middle;
  color: #a1a1a1;
  width: 21px;
  height: 21px;
  border: none;
  margin: 0;
  padding: 0;
}

#header a:hover.nav, #header a:active.nav {
  color: #4d504d;
  background: #9c9a9b;
  color: white;
}

.lang_en #mnu_reseauxsociaux {display:none;}

/* *** Menu general *** */
#menu_general {
  height: 43px;
  background: #45833e url(../images/interface/header/menu_shade.gif) repeat-x;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
}
#menu_general #elements_general {
  width: 980px;
  margin: 0 auto;
}
#menu_general #elements_general ul li {
  float: left;
  border-right: 1px solid white;
}

/* *** Menu reseaux *** */
#menu_reseaux {
  height: 33px;
  background: #45833e url(../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;
}

/* ----------------------------------------------
  Navig : Menu Principal 
  Image GIF divise en sprites, affichage par positionnement
  ---------------------------------------------- 
*/
div#elements_general ul  li a {
  background: url('../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('../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 {
  background: url('../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 {
  background-image: url('../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('../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('../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.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.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.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.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, 0.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: 12px Arial, Helvetica, sans-serif;
  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 dotted #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(../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('../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: 12px Arial, Helvetica, sans-serif;
  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 dotted #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('../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('../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: 12px Arial, Helvetica, sans-serif;
  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 dotted #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('../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('../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: 12px Arial, Helvetica, sans-serif;
  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('../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, 0.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;
}

/* ----------------------------------------------- */

#menu_dropdown_account {
  background:#fff;
  background:rgba(255, 255, 255, 0.9);
  position: absolute;
  top: 27px;
  right: 50%;
  margin-right: -491px;
  display: none;
  width: 255px;
  border: 1px solid #d9dad5;
  padding: 0 10px 10px 13px;
  z-index:1000;
}
.lang_en #menu_dropdown_account {
  margin-right: -480px;
}


#menu_dropdown_account p {
  clear: left;
}
#menu_dropdown_account label {
  width: 98px;
  height: 20px;
  line-height: 26px;
  display: block;
  float: left;
}

#menu_dropdown_account input.account {
  width: 150px;
  border: 1px solid #a1a1a1;
  height: 20px;
  margin: 3px 0;
  height: 14px;
  display: block;
  float: left;
}
#menu_dropdown_account input.button#loginbtn {
  margin-top: 5px;
  width:93px;
}
#menu_dropdown_account .profile_link {
  margin: 0 0 5px 97px;
}
#menu_dropdown_account .profile_link a {
  border-bottom: 1px dotted #4A7BBE;
  color: #2C5DA0;
  padding-bottom: 0;
  text-decoration: none;
}


/* Styles pour l'interactivite avec la carte */
.map-container {
  position:relative;
  float:right;
  width: 310px;
}

.map-container .dot-over {
  position: absolute;
  background:transparent url('../images/interface/header/dot_parcs.png') no-repeat 0 0;
  width:23px;
  height:23px;
}

#menu_dropdown_reserves .map-container .dot-over {
  background-image:url('../images/interface/header/dot_reserves.png')
}


#menu_dropdown_centres .map-container .dot-over {
  background-image:url('../images/interface/header/dot_centres.png')
}

#menu_dropdown_reserves div.map-container div.green-dot {
  background-image:url('../images/interface/header/dot_centres.png');
}

#menu_dropdown_reserves div.map-container div.red-dot {
  background-image:url('../images/interface/header/dot_anticosti.png');
}

#menu_dropdown_centres div.map-container div.brown-dot {
  background-image:url('../images/interface/header/dot_parcs.png');
}

.map-container .trigger {
  position:absolute;
  display:block;
  width:12px;
  height:16px;
  background-image:url('../images/interface/header/fix.gif');
}


/*

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

*/
.bouton,
#container .bouton,
#box_popover a.bouton {
  float:right;
  height:34px;
  line-height:34px;
  margin:0 0 0 10px;
  padding:0 15px;
  color:#fff;
  font-size:14px;
  cursor:pointer;
  font-weight:bold;
  font-family:Arial, Helvetica, sans-serif;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;
  background:#30ab44;
  border:none;
  text-shadow:0px 1px 0px rgba(0, 0, 0, 0.3);
  
  -webkit-transition-property: color, background;
  -webkit-transition-duration: 0.3s;
  -moz-transition-property: color, background;
  -moz-transition-duration: 0.3s;
  transition-property: color, background;
  transition-duration: 0.3s;
}
.bouton.connexion {
  padding-left:32px;
  background-image:url(/resources/images/profil/pictos_bouton.png);
  background-position:5px -597px;
  background-repeat:no-repeat;
}

.bouton.annuler,
.bouton.gris,
#container .bouton.annuler,
#container .bouton.gris,
#box_popover .bouton.annuler,
#box_popover .bouton.gris {
  color:#fff;
  background-color:#aaa;
  border:none;
}

.bouton:hover,
#container .bouton:hover,
#box_popover a.bouton:hover {
  color:#fff;
  background-color:#3e8335;
}

.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:#999999;
}

.bouton.small,
#container .bouton.small {
  font-size:11px;
  height:28px;
  line-height:28px;
}

/* 

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

*/

/*New buttons*/

#container a.btn,
#container input.btn,
a.btn,
input.btn
{
  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;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  /* font-weight: bold; */
  line-height:normal;
  margin-right: 10px;
  padding: 6px 15px 4px;
  position: relative;
  text-decoration: none;
  text-shadow: 0 -1px 1px rgba(0,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.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: 11px Arial, Helvetica, sans-serif;
 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: white 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: white url(/resources/images/interface/btn_back.gif) no-repeat left -18px;
 text-decoration: none;
}
a.button.fermer {
 background: white url(/resources/images/interface/btn_fermer.gif) no-repeat right top;
 text-decoration: none;
}
a.button.fermer:hover {
 background: white 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: white !important;
 cursor: pointer;  
 font: 11px Arial, Helvetica, sans-serif;
 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: white !important;
 cursor: pointer;  
 font: 11px Arial, Helvetica, sans-serif;
 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(../images/interface/btn_fleche.gif) no-repeat right top;
 border: 1px solid #a1a1a1 !important;  
 color: #4c4c4c !important;
 cursor: pointer;
 font: 11px Arial, Helvetica, sans-serif;
 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(../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: white url(../images/interface/btn_fleche_back.gif) no-repeat left center;
 padding-left: 28px;
 padding-right: 10px;
}
input.button.back:hover { background-image: url(../images/btn_fleche_hover_back.gif); }

input.button.reverse {
 background: url(../images/btn_vert.gif) right no-repeat;
 border: 1px solid white;;
 color: white;
 font-weight: bold;
 height: 18px;
 padding-left: 20px;
 padding-right: 36px;
}
input.button.reverse:hover { background: url(../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: white !important;
 cursor: pointer;  
 font: 11px Arial, Helvetica, sans-serif;
 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: white !important;
 cursor: pointer;  
 font: 11px Arial, Helvetica, sans-serif;
 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;
}

/*

 :: Search button

*/
#btn_search {
  background: url(/resources/images/interface/header/bouton_search.png) no-repeat;
  cursor: pointer;
}
#btn_search:hover {
  background: url(/resources/images/interface/header/bouton_search.png) no-repeat 0 -21px;
}

/* 

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

*/
h1 {
 color: #496530;
 font: bold 14px Arial, Helvetica, sans-serif;
}
h2 {
 color: #274E27;
 font: bold 16px Arial, Helvetica, sans-serif;
}
h3 {
 color: #3A5426;
 font: bold 14px Arial, Helvetica, sans-serif;
 margin-top: 16px;
 margin-bottom: 7px;
}
h3 span.date {
 color: #5D605D;
 font-size: 10px;
}
h4 {
 font: bold 12px Arial, Helvetica, sans-serif;
 color: #5D605D;
 margin-top: 14px;
 margin-bottom: 8px;  
}


/* 

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

*/
#container ul {
 line-height: 14px;
 list-style-type: disc;
 margin-left: 5px;
 padding-left: 10px;
}
#container ul li ul {
 line-height: 13px;
 list-style-type: circle;
 margin-left: 5px;
 padding-left: 10px;
}
#container ol {
  line-height: 1.3em;
  list-style-type: decimal;
  margin: 0 0 1em 2.5em;
}
#container .col ul { margin-bottom: 14px; 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; }
.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 {
  overflow: hidden;
  min-height: 555px;
}

.ombre_540 { background: url(/resources/images/interface/container/ombre_gauche.gif) repeat-y 568px 0; }
.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; }

/* 

:: 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: 250px;
 height: 336px;
 text-indent: -5000px;
}
.carte #zone_titre h1 { width: 980px; }
.produit #zone_titre h1 { height: 220px; }

#titre {
  position:relative;
  margin:0 auto;
  width:980px;
  height:90px;
  background:no-repeat 0 0;
}

#titre h1 {
  margin:0;
  padding:0 0 0 90px;
  width:auto;
  height:auto;
  color:#fff;
  font-size:32px;
  font-weight:normal;
  font-family:"News Cycle", Arial, Helvetica, sans-serif;
  line-height:85px;
  text-indent:0;
}

/*

:: 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:#ffffff;
  font-size:12px;
  text-decoration:none;
  background:url(/resources/images/vedette_offres/bg_btn_dern_minute.gif) 0 50% no-repeat;
  -webkit-border-top-left-radius:5px;
  -webkit-border-top-right-radius:5px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
}

#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: white repeat-x;
 margin: 0 auto;
/* overflow: hidden; */
 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: 0px;
 margin-bottom: 0px;
}

#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; }


#container #texte {
 margin: 45px 25px 35px 8px;
}

/* Ombrages de fond, a placer sur la balise class="col" */
#container .ombre_gauche {
 background: white url(/resources/images/interface/container/ombre_gauche.gif) repeat-y top left;
}
#container .ombre_droite {
 background: white url(/resources/images/interface/container/ombre_droite.gif) repeat-y top right;
}
#container .ombre_droite_fake {
 background: white 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;
}
#container .ombre_bas {
 background: url(/resources/images/interface/container/ombre_bas.gif) repeat-x bottom;
}
#container .ombre_top_short {
 background: url(/resources/images/interface/container/ombre_top_short_transparent.png) repeat-x top;
}
#container .box {
 padding: 15px;
 border-top: #bfbfbf dotted 1px;
}

div.standard-box
{
  background: #fff url(/resources/images/interface/degrade-quadrille.gif) 0 0 repeat-x;
  border: 1px solid #d7d7d7;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  /*-webkit-box-shadow:0px 3px 4px #e7e7e7;
  -moz-box-shadow: 0px 3px 4px #e7e7e7;
  box-shadow:0px 3px 4px #e7e7e7;*/
  -webkit-box-shadow:0px 3px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.1);
  box-shadow:0px 3px 4px rgba(0, 0, 0, 0.1);
  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: #3A5426;
 font: bold 15px Arial, Helvetica, sans-serif;
 margin-top: 8px;
 text-transform: uppercase;
 padding: 5px 0;
}

#container a {
 border-bottom: 1px dotted #4a7bbe; 
 color: #2C5DA0;
 padding-bottom: 0px; 
 text-decoration: none;
}
#container a:hover, #container a:active {
 border-bottom-color: #b57161;
 color: #944736;
}
#container #news_ticker {
 background: transparent url(/resources/images/interface/news_bg.gif) 0 0 repeat-x;
 border: 1px solid #d4d4d4;
 height: 26px;
 margin-bottom: 10px;
 overflow: hidden;
 padding-left:5px;
}
#container #news_ticker h3 {
 float: left;
 font: 14px Arial, Helvetica, sans-serif;
 margin-top: 4px;
 margin-right: 7px;
 background: url(/resources/images/interface/container/sections/icones_outils.png) no-repeat 2px -569px;
 padding-left: 16px;
}
#container #news_ticker h3 a {
 border-bottom: none;
 border-right: 1px dotted #bfbfbf;
 color: #274E27;
 padding: 2px 7px 2px 5px;  
}
#container #news_ticker h3 a:hover, #container #news_ticker h3 a:active {
 color: #496530;
}
#container #news_ticker div.content {
 color: #5D605D;
 display: block;
 float: left;
 margin-top: 6px;
}
#container #news_ticker div.content ul#newsticker  {
 padding: 0;
 margin: 0;
 list-style-type: none;
}
#container #news_ticker div.content ul#newsticker li  {
  display: list-item;
}
#container #news_ticker div.content ul#newsticker li a  {
 border-bottom: none;
 color: #5d605d;
}
#container #news_ticker div.content ul#newsticker li a:hover  {
 text-decoration: underline;
 color: #3A5426;
}
#container #news_ticker div.rss {
  display:block;
  float:right;
  margin-top:6px;
  margin-right:6px;
}
#container #news_ticker div.rss a {
  display:block;
  width:14px;
  height:14px;
  background: url(/resources/images/interface/container/sections/icones_outils.png) no-repeat 0 -600px;
  border:none;
}

#container #news_ticker div.rss a span {
  display:none;
}

/**/

#container .box.news a {
 border: 0;
}
#container .box.news a.en_vedette {
 display:block;
 float: left;
 margin-bottom: 15px;
 overflow: hidden;
}
#container .box.news a.en_vedette img {
  margin-bottom: 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 a {
 display: inline;
 float: none;
 border-bottom: 1px dotted #4a7bbe;
 text-decoration: none;
}
#container .box.news div.news_item h3 a {
  border-bottom:0;
}

#container .box.news div.news_item h3 a:hover {
  border-bottom:1px dotted #274E27;
}

#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: 263px;
}

/*
#container .col380 .box.news div.news_item a {
 padding-right: 10px;
 background: url('../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 {
 color: #274e27;
 font: 14px Arial, Helvetica, sans-serif;
 margin: 0 0 2px 0;
}
#container .box h3 a {
 color: #274e27;
 border-bottom: none;
}
#container .box h3 a:hover {
 text-decoration: underline;
}
#container hr {
 clear: both;
 border: none;
 border-top: #bfbfbf dotted 1px;
 margin: 15px 0 15px 0;
 height: 1px;
}

#container .box hr {
 margin: 15px -15px 15px -15px;
}

#container .box.news img {
  margin: 1px 8px 15px 0;
  border: #C0C1C0 solid 1px;
  float: left;
  padding: 3px;
  background-color: white;
}
#container .box.news a:hover img {
  border: #808180 solid 1px;
}

#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;
}

/* NEWS PAGE */
#news_page h3 {
  margin-top: 10px;
}
#news_page h3 a {
  border-bottom: none;
  color: #3A5426;
}
#news_page .date { padding-left: 8px; }
#news_page .contenu {  padding-right: 25px; }

/* 

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

*/
table {
 border-collapse: collapse;
 margin: 0;
 padding: 0;
}
table th {
 background: url('../images/interface/container/ombre_top_short.jpg') repeat-x;
 border: 1px solid #d6d5d0;
 color: #395325;
 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;
}


/*

:: 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('../images/interface/container/rss_logo.gif') no-repeat center left;
 display: block;
 color: #3A5426;
 border-bottom: none;
 padding: 5px 0 5px 20px;
}
#container h2.rss a:hover, #container h2.rss a:active {
 background-image: url('../images/interface/container/rss_logo_hover.gif');
}

#container h2.bottom_line {  
 border-bottom: 1px dotted #bfbfbf;
 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 dotted #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;
 border-bottom: none;
 font: 12px Helvetica, Arial, sans-serif;
 color: #274e27;
 padding: 6px 2px 6px 26px;
 margin-left: -2px;
 background: url('../images/interface/container/icn_download.gif') no-repeat 2px center;
}
#container a.download:hover {
 background: #d7d7ce url('../images/interface/container/icn_download.gif') no-repeat 2px center;
}

#container a.pdf {
 line-height: 17px; 
 font: 11px Helvetica, Arial, sans-serif;
 padding: 6px 16px 0 0;
 margin: 5px 0 5px 0;
 background: url('../images/interface/container/icn_pdf.gif') no-repeat center right;
}
#container a.link {
 line-height: 17px; 
 font: 11px Helvetica, Arial, sans-serif;
 padding: 6px 14px 0 0;
 margin: 5px 0 5px 0;
 background: url('../images/interface/container/icn_link.gif') no-repeat right 5px;
}

#container a.pdf_list {
 display: block;
 line-height: 17px; 
 border-bottom: none; 
 font: 11px Helvetica, Arial, sans-serif;
 padding: 2px 2px 2px 25px; 
 margin: 5px 2px 5px 0;
 background: url('../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: 11px Helvetica, Arial, sans-serif;
 padding: 0px 0px 0px 20px; 
 margin: 0px 0px 0px 0;
 background: url('../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;
 border-bottom: none; 
 font: 11px Helvetica, Arial, sans-serif;
 padding: 1px 2px 1px 25px; 
 margin: 5px 2px 5px 0;
 background: url('../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: 11px Helvetica, Arial, sans-serif;
 padding: 1px 2px 1px 0; 
 margin: 5px 2px 5px 0;
}
#container a.lien_interne:hover { text-decoration: underline; }

#container a.lien_solo {
 font: 11px Helvetica, Arial, sans-serif;
 /*line-height: 17px; 
 padding: 6px 16px 0 0;
 margin: 5px 0 5px 0;*/
 padding-right:16px;
 padding-top:3px;
 background: url('../images/interface/container/icn_link.gif') no-repeat 100% 50%;
}


/*

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

*/
#tabs_main {
 clear: both;
 background: url('../images/interface/container/ombre_onglets.jpg') repeat-x;
 height: 30px;  
 padding: 0;
 margin: 0;
}
.index #tabs_main { 
  padding-top: 10px; /* Marge de haut plus grande pour les onglets de l'accueil */
  background-position: 0 10px;
}  
#tabs_main li {
 display: block;
 float: left;
 margin-right: 13px;
}
#tabs_main li a {
 background-color: #EDEDED;
 border: 1px solid #DAD9D4;
 border-bottom: none;
 color: #3A5426;
 display: block;
 font-size: 13px;
 height: 14px;
 padding: 7px 11px;
 text-transform: uppercase;
}
#tabs_main li:hover a {
 background-color: #ddd;
 color: #4A8456;
 height: 14px;  
 padding: 7px 11px;
}
#tabs_main li a:hover {
 color: #4A8456;
}
#tabs_main li.active a {
 background-color: white;
 height: 15px;
}
#tabs_main li.active a:hover {
 cursor: default;
 color: #3A5426;
}
#tabs_sub {
 clear: both;
 height: 27px;
 padding-left: 7px;
 border-bottom: 1px solid #dad9d4;
 color: #9ca992;
 text-transform: uppercase;
}
#tabs_sub li {
 display: block;
 float: left;
 padding: 5px 10px 3px 0;
 margin: 2px 10px 2px 0;
 border-right: 1px dotted #dad9d4;
 height: 14px;
}
#tabs_sub li:last-child {
 border-right: none;
}
#tabs_sub li a {
 color: #9ca992;
 text-transform: uppercase;
 font: bold 11px Arial, Helvetica, sans-serif;
 border-bottom: none;
}
#tabs_sub li a:hover {
 color: #3A5426;
}
#tabs_sub li.active a {
 color: #3A5426;
}


/*

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

*/
#ombre_hr {
 background: url('../images/interface/container/ombre_onglets.jpg') repeat-x 0 -12px;
 height: 18px;
 padding: 0;
 margin: -15px 0 0 0;
}
#ombre_hr_marge {
 background: url('../images/interface/container/ombre_onglets.jpg') repeat-x 0 -12px;
 height: 18px;
}
#ombre_hr_head {
 background: url('../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('../images/interface/container/ombre_onglets.jpg') repeat-x 0 bottom;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

/*
/*

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

*/
#container #tools {
  float: left;
  width: 330px;
  height: 24px;
  border-top: #bfbfbf 1px dotted;
  border-bottom: #bfbfbf 1px dotted;  
  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 {
  float:left;
  width:72px;
  margin:0 10px 0 0;
  border:none;
}

#container #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 9px;
  padding:0;
  float:right;
  line-height:24px;
}

#container #tabs_main #tools ul li {
  margin-top:3px;
}

#container #tools li.facebook,
#container #tools li.imprimer,
#container #tools li.ami,
#container #tools li.partager {
  margin-top:4px;
}

#container #tools li.facebook a,
#container #tools li.imprimer a,
#container #tools li.ami a,
#container #tools li.partager a {
  display:block;
  width:16px;
  height:16px;
  background:url(/resources/images/interface/container/sections/icones_outils.png) 0 -360px no-repeat;
}

#container #tools li.facebook a {background-position:0 -360px;}
#container #tools li.imprimer a {background-position:0 -509px;}
#container #tools li.ami a {background-position:0 -537px;}
#container #tools li.partager a {background-position:0 -660px;}

#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 a {
  background:url(/resources/images/interface/container/sections/icones_outils.png) 0 -629px no-repeat;
  color:#3F85A0;
  font-size:14px;
  padding:5px 0 4px 27px;
}

/* Temperature */
#container #tools li.temperature {
  padding:0 7px 0 0;
  font-size:20px;
  border-right:1px dotted #bfbfbf;
}

#container #tools li.temperature a {
  padding-left:30px;
  background:0 0 no-repeat;
}

#container #tools li.temperature sup {
  font-size:18px;
  vertical-align:text-top;
}

#container #tools li.temperature img {
  padding:2px 5px 0 0;
  vertical-align:top;
}

/* Reseaux sociaux */
#container #tools li.reseauxsociaux {
  float:left;
  margin-left:0;
}

#container #tools li.reseauxsociaux a {
  display:block;
  padding:0 85px 0 7px;
  background:url(/resources/images/interface/container/sections/icones_outils.png) no-repeat 93% -476px;
}

#container #tools li.reseauxsociaux a:hover {
  color: #4e4f4e;
  background-color: #efefef;
}

.lang_en #container #tools li.reseauxsociaux {display:none;}

/* 

 :: 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%;
}

/* 

 :: TOOLTIP ----------------------------------------------------

*/
#tooltip {
  position:absolute;
  margin:-10px 0 0 8px;
  padding:10px;
  color:#fff;
  font-size:11px;
  text-align:left;
  line-height:1.3em;
  background:#000;
  background:rgba(0, 0, 0, 0.7);
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  z-index:2000;
}
#tooltip.point {
  margin:-5px 0 0 10px;
}

#tooltip span {
  position:absolute;
  left:50%;
  bottom:-5px;
  margin-left:-5px;
  width:10px;
  height:5px;
  opacity:0.7;
  background:url(/resources/images/interface/tooltip_pointe.gif);
}

#tooltip em {
  color:#F0E490;
  font-weight:bold;
  font-style:normal;
}

#map_wrapper #tooltip {
  margin:0;
  padding:10px 15px;
  font-size:12px;
  line-height:normal;
}

/* 

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

*/
#megatooltip {
	display:none;
	position:absolute;
}

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 h3 {
	margin:0 0 5px 0;
	padding:0;
	color:#002540;
	font-size:26px;
	font-weight:normal;
	font-family:"News Cycle", Arial, Helvetica, sans-serif;
	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: 620px;
 height: 24px;
 border-top: #bfbfbf 1px dotted;
 border-bottom: #bfbfbf 1px dotted;
 margin: 15px 0 15px 15px;
}
#container #breadcrumb a,
#container #breadcrumb strong {
 display: block;
 float: left;
 color: #745e31;
 border-bottom: 0;
 padding-right: 14px;
 margin-right: 7px;
 text-transform: uppercase;
 font-size: 15px;
 font-weight: normal;
 margin-top: 4px;
}
#container #breadcrumb a:first-child,
#container #breadcrumb a.premier,
#container #breadcrumb a.second {
 margin-left: 7px;
 font-size: 12px;
 margin-top: 7px;
 background: url('/resources/images/interface/container/separateur.gif') no-repeat right center;
}
#container #breadcrumb a.second {
 margin-left: 0;
}

#container #breadcrumbSolo {
 float: left;
 width: 620px;
 height: 24px;
 border-top: #bfbfbf 1px dotted;
 border-bottom: #bfbfbf 1px dotted;
 margin: 15px 0 15px 15px;
}
#container #breadcrumbSolo a {
 display: block;
 float: left;
 color: #745e31;
 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: 0.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 0.4em 0;
  font-weight:normal;
  font-size:1em;
}

#container .cartotheque p,
#container .documentation p {
  margin:0 0 0 5px;
  padding:0.4em 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:0.4em 0;
  float:left;
  width:50%;
}

#container .cartotheque .expand ul li,
#container .documentation .expand ul li {
  float:none;
  width:auto;
}

#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;
  border-bottom: 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 5px 0;
}

/* 

:: BAS DE PAGE ------------------------------------------------------

*/
#footer {
  border-top: #dad9d4 1px solid;
  width: 940px;
  height: 68px;
  margin: 0 auto;
  background: white url(../images/interface/container/ombre_footer.gif) repeat-x;
  padding: 19px 20px 0 20px;
}
#footer .contact {
  float: left;
  color: #3b2829;
  font-size: 18px;
}
#footer .contact span {
  border-left: 1px dotted #888;
  margin: 0 9px 0 12px;
}
#footer .contact a {
  color: #3b2829;
  text-transform: uppercase;
  text-decoration: none;
}
#footer .contact a:hover {
  border-bottom: 1px dotted #3b2829;
}
/* Aligne l'image verticalement avec le texte */
#footer .contact img {
  vertical-align: middle;
  margin-bottom: -2px;
  width: 16px;
  height: 17px;
}
#footer .copyright {
  float: right;
  color: #5d605d;
}
#footer .copyright a {
  color: #5d605d;
  text-decoration: none;
}
#footer .copyright a:hover, #footer .copyright a:active {
  text-decoration: underline;
  color: #7d807d;
}

/*

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

*/
#container .sections {
  margin:13px 0 18px 0;
  width:100%;
  overflow:hidden;
  font:14px Arial, Helvetica, sans-serif;
}

#container .sections ul {
  margin:0;
  padding:0;
  float:left;
  width:190px;
  list-style:none;
  border-bottom:1px dotted #bfbfbf;
}

#container .sections ul li {
  margin:0;
  padding:1px 0;
  line-height:24px;
  list-style:none;
  border-top:1px dotted #bfbfbf;
}

#container .sections a {
  display:block;
  margin:0;
  padding:0 0 0 33px;
  color: #4d3636;
  background:url(/resources/images/interface/container/sections/icones_outils.png) 0 0 no-repeat;
  border:none;
}

#container .sections #link_dern_minute a {color: #F8482E; 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_dern_minute a span {
    margin:0 0 0 5px;
  padding:0 37px 0 0;
  background: url(/resources/images/interface/container/sections/icones_outils.png) no-repeat 0 -299px;
}
.lang_en #container .sections #link_dern_minute a span {
  padding:0 25px 0 0;
  background-position:0 -329px;
}

#container #conditions-neige
{
  background: url(../images/interface/container/sections/neige.png) 5px center no-repeat;
  border-bottom:0;
  color: #3F85A0;
  float:left;
  font-size:14px;
  padding: 6px 0 4px 33px;
}

/* ----------------------------------------------
  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 {
 padding: 0 15px;
}

.produit .titre {
  float: left;
  width: 620px;
  height: 24px;
  border-top: #bfbfbf 1px dotted;
  border-bottom: #bfbfbf 1px dotted;
  margin: 15px 0 15px 15px;
        overflow: hidden;
}
.produit .titre h3 {
  color: #496530;
  text-transform: uppercase;
  font: normal 18px Arial, Helvetica, sans-serif;
        padding: 0;
        margin: 1px 0 0 9px;
        letter-spacing: 1px;
}
.produit .col h3.icn {
        display: block;
        height: 30px;
  color: #3d7737;
  text-transform: uppercase;
  font: normal 13px Arial, Helvetica, sans-serif;
        padding: 0 0 0 34px;
        margin: 3px 0 15px 0;
        line-height: 30px;
}
.produit.forfaits .col h3.icn {
        margin: 15px 0 5px 0;
}

.produit .col h3.camping { background: url('/resources/images/icones/act_camping.gif') no-repeat; }
.produit .col h3.chalet { background: url('/resources/images/icones/act_chalet.gif') no-repeat; }
.produit .col h3.hotellerie { background: url('/resources/images/icones/act_hotel.gif') no-repeat; }

.produit .col h3.randonnee { background: url('/resources/images/icones/act_randonnee.gif') no-repeat; }
.produit .col h3.plan_eau { background: url('/resources/images/icones/rf_plan_eau.gif') no-repeat; }
.produit .col h3.escalade { background: url('/resources/images/icones/act_escalade.gif') no-repeat; }
.produit .col h3.observation { background: url('/resources/images/icones/act_observation.gif') no-repeat; }
.produit .col h3.gastronomie { background: url('/resources/images/icones/act_gastronomie.gif') no-repeat; }
.produit .col h3.peche { background: url('/resources/images/icones/act_ico_peche.gif') no-repeat; }
.produit .col h3.chasse { background: url('/resources/images/icones/act_chasse.gif') no-repeat; }
.produit .col h3.spa_scandinave { background: url('/resources/images/icones/act_spa_scandinave.gif') no-repeat; }

.produit .col h3.plein-air { background: url('/resources/images/icones/act_randonnee.gif') no-repeat; }
.produit .col h3.romance { background: url('/resources/images/icones/act_romance.gif') no-repeat; }
.produit .col h3.golf{ background: url('/resources/images/icones/act_golf.gif') no-repeat; }
.produit .col h3.villegiature { background: url('/resources/images/icones/act_randonnee.gif') no-repeat; }
.produit .col h3.detente { background: url('/resources/images/icones/act_detente.gif') no-repeat; }
.produit .col h3.corporatif { background: url('/resources/images/icones/act_corpo.gif') no-repeat; }





.produit.hub #container .col ul  {
 margin: 13px 0 35px 0;
 padding-left: 0;
 list-style-type: none; 
}
.produit.hub #container .col li {
 margin: 0;
 padding: 0;
}
.produit.hub #container .col li a {
 display: block;
 width: 290px;
 border-bottom: 1px dotted #bfbfbf;
 text-decoration:none;
 color: #496530;
 padding: 0 0 0 7px;
 font-size: 12px;
 height: 24px;
 line-height: 24px;
}
.produit.hub #container .col li a:hover {
 border-bottom: 1px dotted #bfbfbf;
 color: #698550;
 background-color: #eee;
}

/* ----------------------------------------------
  Caroussel de photos
  ---------------------------------------------- 
*/
#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:3px;
  text-decoration:none;
  background:#fff;
  border:1px solid #c6c6c6;
}

#container .caroussel_thumbs a:hover {
  border:1px solid #888;
}

div.caroussel_thumbs img {
  display:block;
  background-position:50% 50%;
  background-repeat:no-repeat;
}


.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 0.7em/1.4 georgia,serif;
}
.carousselImageViewerWindow .caption {
    display: block;
    width: 100%;
    text-align: right;
    font: normal 11px Arial, Helvetica, sans-serif;
    color: #bbb;
}
#carousselImageViewer .jqmClose {
 position: absolute;
 font: bold 14px Arial, Helvetica, sans-serif;
 float: right;
}
#carousselImageViewer .gallery_scroller {
 overflow: auto;
 width: 600px;
 height: 80px;
}


/* ----------------------------------------------
  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: white;
}
#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: normal 24px Arial, Helvetica, sans-serif;
 color: #51779c;
 line-height: 40px; 
}
#container .liste_forfaits .droite h4:first-child,
#container .liste_forfaits_droite h4:first-child { margin-top: 3px; }
#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: 150px;
  margin: 0 0 10px;
}
#forfait_item .forfait_item_gauche div.bloc {
  background: white none repeat scroll 0 0;
  border: 1px solid #C6C6C6;
  margin:0 0 15px 0;
  padding: 9px;
  width: 117px;
}
#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-family:Arial,Helvetica,sans-serif;
  font-size:24px;
  line-height:40px;
}
#forfait_item .forfait_item_gauche img {
  border: 1px solid #BFBFBF;
  margin: 3px 15px 15px 0;
}
#forfait_item .forfait_item_droite {
  float: left;
  width: 320px;
  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;
}



/* ----------------------------------------------
  Evenements
  ---------------------------------------------- 
*/
.event_date {
  margin-right: 3px;
  font-weight: bold;
}

/* Cache les onglets et acccordeons */
.ui-tabs .ui-tabs-hide {
   display: none;
 }


body #container #breadcrumb a { color: #745e31; }
body #container #breadcrumb a:first-child,
body #container #breadcrumb a.premier,
body #container #breadcrumb a.second { background: url('/resources/images/interface/container/separateur_pq.gif') no-repeat right center; }
body #container #breadcrumbSolo a { color: #274E27; }

/* ----------------------------------------------
  Couleurs - Parcs Quebec
  ---------------------------------------------- 
*/
body.pq #container #breadcrumb a { color: #745e31; }
body.pq #container #breadcrumb a:first-child,
body.pq #container #breadcrumb a.premier,
body.pq #container #breadcrumb a.second { background: url('/resources/images/interface/container/separateur_pq.gif') no-repeat right center; }
body.pq #container #breadcrumbSolo a { color: #745e31; }

/* ----------------------------------------------
  Couleurs - Reserves Fauniques
  ---------------------------------------------- 
*/
body.rf #container #breadcrumb a { color: #949d5e; }
body.rf #container #breadcrumb a:first-child,
body.rf #container #breadcrumb a.premier,
body.rf #container #breadcrumb a.second  { background: url('/resources/images/interface/container/separateur_rf.gif') no-repeat right center; }
body.rf #container #breadcrumbSolo a { color: #949d5e; }

/* ----------------------------------------------
  Couleurs - Centres Touristiques
  ---------------------------------------------- 
*/
body.ct #container #breadcrumb a, body.ct #container #breadcrumbSolo a { color: #5179a5; }
body.ct #container #breadcrumb a:first-child,
body.ct #container #breadcrumb a.premier,
body.ct #container #breadcrumb a.second { background: url('/resources/images/interface/container/separateur_ct.gif') no-repeat right center; }
body.ctf #container #breadcrumbSolo a { color: #5179a5; }

/* ----------------------------------------------
  Couleurs - Sepaq Anticosti
  ---------------------------------------------- 
*/
body.san #container #breadcrumbSolo a { color: #8b4231; }


/* ----------------------------------------------
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: white; }

.liste_bloc_forfaits { padding-bottom: 15px; }
.bloc_forfait {
 display: block;
 margin: 0;
 cursor: pointer;
}
#container a.bloc_forfait {
 border: none;
 padding: 15px;
}
#container a.bloc_forfait:hover {
  background: url('../images/interface/container/ombre_box_top.png') repeat-x top;
}
#container .bloc_forfait h3 {
 margin-top: 0;
 margin-bottom: 5px;
 overflow: hidden;
}
.bloc_forfait h3 img {
 vertical-align: middle;
 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: white;
 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: white;
 border: 1px solid #c6c6c4;
 width: 117px;
}
#container .bloc_forfait .bloc p {
 color: #5D605D;
 margin: 0 0 -5px;
 padding: 0;
 font-size: 10px;
 line-height: 12px;
}
.bloc_forfait .bloc .montant {
 font: normal 24px Arial, Helvetica, sans-serif;
 color: #51779c;
 line-height: 40px; 
}



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


/***********************************************************************************************************************************************/
.dayFishingForm h3{margin-top:0px; margin-left: 61px; color:#59574b;}
.dayFishingForm h3{margin-top:0px; color:#59574b;}
.borderedBox{border:1px solid #a2a39e; padding:2px 5px;}
.dayFishingForm .subCol{float:left; margin:0px 30px 0px 0px; padding:0px 0px 0px 0px;}
.dayFishingForm .box_info div.col_info .subCol label{display:block; margin:0px 0px; padding:0px 0px; 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: 22px;
}
#zonevideo a { border-bottom: none ! important; }

#t_zone_video { width: 380px; height: 48px; }

.video { margin-top:1px;padding: 0;}

#container h2.video {
  padding-top: 11px;
}

div.video h3 {
  margin:0;
  background: transparent url(/resources/images/interface/zone-video-h3.gif) repeat-x 0 0;
  height:24px;
  line-height: 24px;
  padding-left:10px;
}
div.video h3:hover {
  background-image: url(/resources/images/interface/zone-video-h3-hover.gif);
}
div.video h3.eta:hover {
  background-image: url(/resources/images/interface/zone-video-h3.gif);
  cursor: default;
}

  div.video h3,
  div.video h3 a {
    color: #2c5da0;
    cursor: pointer;
    font-size: 12px;
  }
  
  div.video div.desc {
    background: #e5e5e5;
    padding:10px;
    position: relative;
        height: 139px;
  }
  
  #zonevideo div.eta div.desc
  {
    background: #e5e5e5;
    padding:10px;
    position: relative;
        height: 103px;
  }

.video_thumbnail {
 float: left;
 display: inline;
 position: relative;
}
  
  .video_thumbnail img {
    width:240px;
  }

.eta .video_thumbnail img {
    width:175px;
  }
  
.video .video_link {
 position: absolute;
 left: 256px;
 bottom: 0; 
 line-height:20px;
}
.eta.video .video_link {
 left: 195px;
}

  div.video div.video_link a {
    border-width: 0;
  }

  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: 0px 7px 0px 8px;
  border-left: 1px dotted white;
}
#container ul.tab_nav li:first-child a {
  border-left: none;
}
#container ul.tab_nav li a.selected {
  color: white;
}

#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;  
}



/* 

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

*/

.newsticker {
  list-style-type: none;
  padding: 0px;
  margin: 0;
}
.newsticker a {
  text-decoration: none;
  color: rgb(0,0,0);
}

/* *******************
   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: 0px 10px;
}
.pop_up_body hr {
  border: 0px;
  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 0px;
}

dl.form dt {
  margin:0;
}

#pop_up_1 .form dd {
  margin: 10px 0px;
}

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: 0px 0px 0px 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: #002540;
        font-size: 14px;
        margin-left: 5px;
}


#pop_up_3 { 
        padding: 0 15px 15px 15px;
}

#container a.unitRemoveButton {
 border-bottom: none;
}



/*

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

*/
.journal_parc {
  padding: 3px;
  border-top: #bfbfbf dotted 1px;
  border-bottom: #bfbfbf dotted 1px;
  margin-bottom: 20px;
}

#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 dotted #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: #2c5da0; 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 dotted #d4d4d4;
  padding-left:8px;
}

#container #profil-emploi ul
{
  margin-top:10px;
}

#profil-emploi li
{
  margin-bottom:0;
}

#container #profil-emploi a
{
  border:0;
}

/*

 :: Carte interactive - cacher le textbox 

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


/*

 :: Popover hbergement (pour Safari seulement)

*/
.tableau_line_header, .tableau_line {
  width: auto;
  overflow: hidden; 
  clear: both;
}
.tableau_line_header { 
  color:#395325; 
  font-size:11px;
  margin-top: 7px;
}
.tableau_line {
  font-size: 11px;
}
.tableau_line div, .tableau_line_header div {
  vertical-align:middle;
  text-align:center;
  float: left; 
  padding: 7px;
  border-collapse: collapse;
}
.tableau_line div:first-child {
  text-align:left;
  font-weight: bold;
  color:#395325; 
}
.tableau_line_header div {
  border: 1px solid #D6D5D0;
  border-left: none;
  background:transparent url(/resources/images/interface/container/ombre_top_short.jpg) repeat-x scroll 0 0;
  height: 32px;
}
.tableau_line div {
  border-bottom: 1px solid #D6D5D0;
  border-right:  1px solid #D6D5D0;
  height: 23px;
}
.tableau_line div:first-child, .tableau_line_header div:first-child {
  border-left: 1px solid #D6D5D0;
}
.tableau_line div.even {
 background-color: #f7f7f7;
}

/*

 :: LOCATION TAG ----------------------------------------------------------------------------------------
 
*/
#location_tag {
  position: absolute; right: 50%; top: 412px; margin-right: -477px;
  display: block;
  height: 22px;
  padding: 0 6px 0 27px;
  font: 12px Arial, Helvetica, sans-serif;
  color: white;
  background: url(/resources/images/interface/header/location_tag.png) no-repeat top left;
  text-decoration: none;
  line-height: 22px;
}
#location_tag:hover {
  background-position: 0 -22px;
  color: white;
} 


/* 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: white;
  font-weight: bold;
}
.neige #zone_titre { height: 220px; }
.neige #zone_titre h1 { height: 220px; }
.produit .texte_intro { padding: 0 15px; }

.neige .titre {
  float: left;
  width: 620px;
  height: 24px;
  border-top: #bfbfbf 1px dotted;
  border-bottom: #bfbfbf 1px dotted;
  margin: 15px 0 15px 15px;
  overflow: hidden;
}

.neige .titre h3 {
  color: #496530;
  font: normal 18px Arial, Helvetica, sans-serif;
  padding: 0;
  margin: 1px 0 0 9px;
  letter-spacing: 1px;
}
.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: white;
}
.neige .neige_table_act {
  width: 679px; 
  background-color: white;
}
.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 dotted #aaa;
}



/*

 :: MESSAGES ERREUR

*/
#errorMessages,
#messagesMessages,
#user-messages-box {
	background: #f8c8c8 url(/resources/images/interface/icon_error.png) 11px 11px no-repeat;
	background: url(/resources/images/interface/icon_error.png) 11px 11px no-repeat, -moz-linear-gradient(-90deg, #eaa3a4, #fdf0ed);
	background: url(/resources/images/interface/icon_error.png) 11px 11px no-repeat, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eaa3a4), to(#fdf0ed));
	border: 1px solid #e97f74;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow:0px 3px 4px #e7e7e7;
	-moz-box-shadow: 0px 3px 4px #e7e7e7;
	box-shadow:0px 3px 4px #e7e7e7;
	color: #000;
	display: inline-block;
	font-size: 12px;
	min-height: 20px;
	margin-bottom: 12px;
	padding: 20px 10px 10px 50px;
}

#errorMessages h3 {
	margin-top: 0;
	color:#000;
}

#user-messages-box.yellow {
	background: #faebb2 url(/resources/images/interface/icon_error_yellow.png) 11px 11px no-repeat;
	background: url(/resources/images/interface/icon_error_yellow.png) 11px 11px no-repeat, -moz-linear-gradient(-90deg, #f9e7a1, #fdfdfb);
	background: url(/resources/images/interface/icon_error_yellow.png) 11px 11px no-repeat, -webkit-linear-gradient(-90deg, #f9e7a1, #fdfdfb);
	border: 1px solid #e6c23b;
}

#container #user-messages-box {
	width: 338px;
}

#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: #faebb2 url(/resources/images/interface/icon_error_yellow.png) 11px 11px no-repeat;
	background: url(/resources/images/interface/icon_error_yellow.png) 11px 11px no-repeat, -moz-linear-gradient(-90deg, #f9e7a1, #fdfdfb);
	background: url(/resources/images/interface/icon_error_yellow.png) 11px 11px no-repeat, -webkit-linear-gradient(-90deg, #f9e7a1, #fdfdfb);
	border: 1px solid #e6c23b;
	color: #413d32;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow:0px 3px 4px #e7e7e7;
	-moz-box-shadow: 0px 3px 4px #e7e7e7;
	box-shadow:0px 3px 4px #e7e7e7;
	font-size: 12px;
	height: auto;
	margin-bottom:12px;
	padding: 20px 10px 10px 50px;
}

#no-dispos-mess span
{
  font-size: 16px;
}

#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;
}

/* 

 :: QUICK RESERVATION 

*/
#quick_reservation,
#quick_reservation #establishmentBox,
#quick_reservation #hotelBox,
#quick_reservation #closedProductBox,
#closedAllProductBox {display:none;}

#quick_reservation ul,
#container #establishmentBox ul {
  margin:0;
  padding:0;
}

#quick_reservation .col ul li {
  list-style: none;
  margin-bottom:0;
/*   position: relative; */
}

#quick_reservation ul li a {
  display: block;
  padding:6px;
  color: #1d7ba3;
}

#quick_reservation ul li a:hover {
  color: #1d7ba3;
}

#quick_reservation #hotelBox ul li {
  float:left;
  margin:0 10px 0 0;
  width:185px;
}

#quick_reservation #establishmentBox ul li a,
#quick_reservation #hotelBox ul li a {
  text-decoration:none;
  background-image : url(/resources/images/interface/container/arrow_link_sprite.gif);
  background-repeat: no-repeat;
  background-position: 168px center;
  border-bottom:1px dotted #b2b2b2;
}

#quick_reservation #establishmentBox ul li a:hover,
#quick_reservation #hotelBox ul li a:hover {
  background-position: -50px center;
  -moz-box-shadow: 1px 1px 10px #d4d4d4;
  -webkit-box-shadow:1px 1px 10px #d4d4d4;
  border-color: #d2d2d2;
}

#quick_reservation #products-list li a{
  color: #002540;
  text-transform: uppercase;
  font-size: 12px;
  padding: 11px 10px 11px 40px;
  border-bottom:1px dotted #d2d2d2;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 5px 2px;
  width:260px;
}

#quick_reservation #products-list li a:hover {
  color: #2C5DA0;
  -moz-box-shadow: 1px 1px 10px #cdcdcd;
  -webkit-box-shadow: 1px 1px 10px #cdcdcd;
  position: relative;
  z-index: 10;
  background-position: 5px -38px;
}

#quick_reservation #products-list li a.active {
/*  background-color: #fff; */
  background-position: 5px -38px;
  border-bottom: 0;
  color: #2C5DA0;
  -moz-box-shadow: none; 
  -webkit-box-shadow: none; 
  margin-right:-15px;
  padding-bottom: 12px;
  position: relative;
  z-index: 100;
}

#quick_reservation #products-list li.unavailable a.active {
  color:#ffffff;
  background-position:5px -78px;
}

#quick_reservation #products-list li span {
  position: absolute;
  background: url(/resources/images/transac/choix_fleche.png) 0 0 no-repeat;
  display: block; width: 356px; height: 50px;
  top: -8px; left: -15px; z-index: 80;
}

#quick_reservation #products-list li.unavailable span {
  background-position:0 -70px;
}

#quick_reservation #products-list a.cat-trigger:after {
  content: url(/resources/images/interface/arrow_down.gif);
  padding-left: 5px;
}

#quick_reservation #products-list a.cat-trigger.active:after {
  content: url(/resources/images/interface/arrow_up.gif);
  padding-left: 5px;
}

#quick_reservation #products-list li a.CAMPIN { background-image: url(/resources/images/icones/act_camping_mini.gif); }
#quick_reservation #products-list li a.PRETAC { background-image: url(/resources/images/icones/act_camping_mini.gif); }
#quick_reservation #products-list li a.CHALET { background-image: url(/resources/images/icones/act_chalet_mini.gif); }
#quick_reservation #products-list li a.HOTEL { background-image: url(/resources/images/icones/act_hotel_mini.gif); }
#quick_reservation #products-list li a.SKI { background-image: url(/resources/images/icones/act_ski_mini.gif); }
#quick_reservation #products-list li a.PCHJRS { background-image: url(/resources/images/icones/act_pechejour_mini.gif); }
#quick_reservation #products-list li a.CHSJRS { background-image: url(/resources/images/icones/act_chasse_mini.gif); }
#quick_reservation #products-list li a.CHSPG { background-image: url(/resources/images/icones/act_chasse_mini.gif); }
#quick_reservation #products-list li a.CROISI { background-image: url(/resources/images/icones/act_croisiere_mini.gif); }
#quick_reservation #products-list li a.CARTEPARC { background-image: url(/resources/images/icones/act_carteparcs_mini.gif); }
#quick_reservation #products-list li a.ACQUOT { background-image: url(/resources/images/icones/act_accesquot_mini.gif); }
#quick_reservation #products-list li a.CERCAD { background-image: url(/resources/images/icones/act_cheques_mini.png); }
#quick_reservation #products-list li a.PECHE { background-image: url(/resources/images/icones/act_pechejour_mini.gif); }
#quick_reservation #products-list li a.PCHHYD { background-image: url(/resources/images/icones/act_pechejour_mini.gif); }
#quick_reservation #products-list li a.PCHMOT { background-image: url(/resources/images/icones/act_pechejour_mini.gif); }
#quick_reservation #products-list li a.PCHAME { background-image: url(/resources/images/icones/act_pechejour_mini.gif); }
#quick_reservation #products-list li a.FGOURM { background-image: url(/resources/images/icones/act_hotel_mini.gif); }
#quick_reservation #products-list li a.FCHICC { background-image: url(/resources/images/icones/act_hotel_mini.gif); }
#quick_reservation #products-list li a.COUCAF { background-image: url(/resources/images/icones/act_hotel_mini.gif); }
#quick_reservation #products-list li a.FOUBAS { background-image: url(/resources/images/icones/act_hotel_mini.gif); }
#quick_reservation #products-list li a.FGOLF { background-image: url(/resources/images/icones/act_hotel_mini.gif); }
#quick_reservation #products-list li a.FGOLFP { background-image: url(/resources/images/icones/act_hotel_mini.gif); }
#quick_reservation #products-list li a.TETE { background-image: url(/resources/images/icones/act_hotel_mini.gif); }
#quick_reservation #products-list li a.PLAISI { background-image: url(/resources/images/icones/act_hotel_mini.gif); }
#quick_reservation #products-list li a.ESCAPA { background-image: url(/resources/images/icones/act_hotel_mini.gif); }
#quick_reservation #products-list li a.FARBRE { background-image: url(/resources/images/icones/act_hotel_mini.gif); }
#quick_reservation #products-list li a.HARTYS { background-image: url(/resources/images/icones/act_hotel_mini.gif); }
#quick_reservation #products-list li a.MASTYS { background-image: url(/resources/images/icones/act_hotel_mini.gif); }

#container #quick_reservation .col .col640 { overflow: hidden; background: url(/resources/images/transac/bg_camping.gif) no-repeat right 54px; min-height:240px; }

#container #quick_reservation .col .col640.CAMPIN { background-image: url(/resources/images/transac/bg_camping.gif); }
#container #quick_reservation .col .col640.PRETAC { background-image: url(/resources/images/transac/bg_camping.gif); }
#container #quick_reservation .col .col640.CHALET { background-image: url(/resources/images/transac/bg_chalet.gif); }
#container #quick_reservation .col .col640.HOTEL { background-image: url(/resources/images/transac/bg_hotel.gif); }
#container #quick_reservation .col .col640.SKI { background-image: url(/resources/images/transac/bg_ski.gif); }
#container #quick_reservation .col .col640.PCHJRS { background-image: url(/resources/images/transac/bg_peche.gif); }
#container #quick_reservation .col .col640.CHSJRS { background-image: url(/resources/images/transac/bg_chasse.gif); }
#container #quick_reservation .col .col640.CHSPG { background-image: url(/resources/images/transac/bg_chasse.gif); }
#container #quick_reservation .col .col640.CROISI { background-image: url(/resources/images/transac/bg_croisiere.gif); }
#container #quick_reservation .col .col640.CARTEPARC { background-image: url(/resources/images/transac/bg_carteparcs.gif); }
#container #quick_reservation .col .col640.CERCAD { background-image: url(/resources/images/transac/bg_cheques.png); }
#container #quick_reservation .col .col640.PECHE { background-image: url(/resources/images/transac/bg_peche.gif); }
#container #quick_reservation .col .col640.PCHHYD { background-image: url(/resources/images/transac/bg_peche.gif); }
#container #quick_reservation .col .col640.PCHMOT { background-image: url(/resources/images/transac/bg_peche.gif); }
#container #quick_reservation .col .col640.PCHAME { background-image: url(/resources/images/transac/bg_peche.gif); }
#container #quick_reservation .col .col640.FGOURM { background-image: url(/resources/images/transac/bg_hotel.gif); }
#container #quick_reservation .col .col640.FCHICC { background-image: url(/resources/images/transac/bg_hotel.gif); }
#container #quick_reservation .col .col640.COUCAF { background-image: url(/resources/images/transac/bg_hotel.gif); }
#container #quick_reservation .col .col640.FOUBAS { background-image: url(/resources/images/transac/bg_hotel.gif); }
#container #quick_reservation .col .col640.FGOLF { background-image: url(/resources/images/transac/bg_hotel.gif); }
#container #quick_reservation .col .col640.FGOLFP { background-image: url(/resources/images/transac/bg_hotel.gif); }
#container #quick_reservation .col .col640.TETE { background-image: url(/resources/images/transac/bg_hotel.gif); }
#container #quick_reservation .col .col640.PLAISI { background-image: url(/resources/images/transac/bg_hotel.gif); }
#container #quick_reservation .col .col640.ESCAPA { background-image: url(/resources/images/transac/bg_hotel.gif); }
#container #quick_reservation .col .col640.FARBRE { background-image: url(/resources/images/transac/bg_hotel.gif); }
#container #quick_reservation .col .col640.HARTYS { background-image: url(/resources/images/transac/bg_hotel.gif); }
#container #quick_reservation .col .col640.MASTYS { background-image: url(/resources/images/transac/bg_hotel.gif); }

#container #quick_reservation .col .col340 h2 { background: url(/resources/images/transac/icon_1.png) 8px 1px no-repeat; padding-left: 37px; }
#container #quick_reservation .col .col640 h2 { background: url(/resources/images/transac/icon_2.png) 8px 1px no-repeat; padding-left: 37px; }
#container #quick_reservation .col .col640 h2 span { text-transform: none;  }
#container #quick_reservation .col #closedProductBox.col640  h2 {background:none;}

#container #quick_reservation #products-list li ul
{
  margin-left:0;
}

#container #quick_reservation #products-list li ul li a
{
  width:auto;
}

#container #quick_reservation .col #closedProductBox #errorMessages {
  margin:40px 60px;
}

#closedAllProductBox #errorMessages {
  margin:15px;
  display:block;
}

#container #hotelBox .hotel {
  margin:0 0 20px 10px;
}

/*

 :: 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;
}

#slider
{
  height: 180px;
  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:131px;
  overflow:hidden;
  /*height:153px;*/
  padding:10px 0;
  float:left;
  border:1px solid #dcdcdc;
  background: #fff url(/resources/images/interface/degrade-quadrille.gif) 0 200px repeat-x;
  -webkit-box-shadow:3px 3px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.1);
  box-shadow:3px 3px 4px rgba(0, 0, 0, 0.1);
}

div.unitSelected, div.unitHover{
  background-position : 0 0;
}

div.unitHover {
  cursor: pointer;
}
  
#slider .photo {
  padding:0 10px 7px 10px;
}

#slider .photo img {
  display: block;
  padding:3px;
  background:#fff;
  border:1px solid #dcdcdc;
}

#slider .link{
  padding:0 10px;
}

.product .capacity{
  color:#CCCCCC;
}

.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 7px 15px;
}

#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: white;
  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: white;
  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: 0px;
   padding-top: 0px;  
}

#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
{
  border: 0;
  color: #395224;
  font-size: 10px;
  font-weight: bold;
  height: 22px;
  line-height: 12px;
  padding: 14px 3px 0 22px;
  position: relative;
  text-transform: uppercase;
}

#dispos-list a.chalet {background: transparent url(/resources/images/interface/dispos_sprite.png) 0 0px 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 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 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 li.dispos-2-lignes a {width:53px;}

/* 3 items*/
#container div.products-count-3 #dispos-list a
{
  padding-left: 48px;
  padding-right: 25px;
}

#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 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 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 dotted #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 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;
}

/*  

 :: JQMODAL

*/

/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (via jqModal.js). */
  
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 50%;
    left: 50%;
    
    margin-left: -375px;
    margin-top: -260px;
    width: 750px;
    height: 500px;
    background-color: white;
    color: #333;
    border: 1px solid #b1b1b1;
    padding: 0;
}
.jqmWindow.friend {
    margin-left: -300px;
    margin-top: -200px;
    width: 663px;
    height: 262px;
    margin-top: -131px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
  width: expression(this.parentNode.offsetWidth+'px');
  height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(50 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

.popover_content ul {
  margin-left: 2px;
}
.popover_content ul li {
  margin-left: 13px;
  list-style-type: disc;
  margin-bottom: 6px;
}

/*  

 :: PRETTY PHOTO

*/

  div.light_rounded .pp_top .pp_left { background: url(../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(../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(../images/interface/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
  div.light_rounded .pp_content a.pp_previous:hover { background: url(../images/interface/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
  div.light_rounded .pp_content a.pp_expand { background: url(../images/interface/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
  div.light_rounded .pp_content a.pp_expand:hover { background: url(../images/interface/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
  div.light_rounded .pp_content a.pp_contract { background: url(../images/interface/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
  div.light_rounded .pp_content a.pp_contract:hover { background: url(../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(../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(../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(../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(../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(../images/interface/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */

  div.light_rounded .pp_loaderIcon { background: url(../images/interface/loader.gif) center center no-repeat; } /* Loader icon */
  
  /* ----------------------------------
    Dark Rounded Theme
  ----------------------------------- */
  
  div.dark_rounded .pp_top .pp_left { background: url(../images/interface/sprite.png) -88px -53px no-repeat; } /* Top left corner */
  div.dark_rounded .pp_top .pp_middle { background: url(../images/interface/contentPattern.png) top left repeat; } /* Top pattern/color */
  div.dark_rounded .pp_top .pp_right { background: url(../images/interface/sprite.png) -110px -53px no-repeat; } /* Top right corner */
  
  div.dark_rounded .pp_content { background: url(../images/interface/contentPattern.png) top left repeat; } /* Content background */
  div.dark_rounded .pp_content a.pp_next:hover { background: url(../images/interface/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
  div.dark_rounded .pp_content a.pp_previous:hover { background: url(../images/interface/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
  div.dark_rounded .pp_content a.pp_expand { background: url(../images/interface/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
  div.dark_rounded .pp_content a.pp_expand:hover { background: url(../images/interface/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
  div.dark_rounded .pp_content a.pp_contract { background: url(../images/interface/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
  div.dark_rounded .pp_content a.pp_contract:hover { background: url(../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(../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(../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(../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(../images/interface/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
  div.dark_rounded .pp_bottom .pp_middle { background: url(../images/interface/contentPattern.png) top left repeat; } /* Bottom pattern/color */
  div.dark_rounded .pp_bottom .pp_right { background: url(../images/interface/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */

  div.dark_rounded .pp_loaderIcon { background: url(../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(../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(../images/interface/loader.gif) center center no-repeat; } /* Loader icon */
  
  div.dark_square .pp_content a.pp_expand { background: url(../images/interface/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
  div.dark_square .pp_content a.pp_expand:hover { background: url(../images/interface/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
  div.dark_square .pp_content a.pp_contract { background: url(../images/interface/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
  div.dark_square .pp_content a.pp_contract:hover { background: url(../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(../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(../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(../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(../images/interface/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
  div.dark_square .pp_content a.pp_previous:hover { background: url(../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(../images/interface/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
  div.light_square .pp_content a.pp_expand:hover { background: url(../images/interface/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
  div.light_square .pp_content a.pp_contract { background: url(../images/interface/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
  div.light_square .pp_content a.pp_contract:hover { background: url(../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(../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(../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(../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(../images/interface/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
  div.light_square .pp_content a.pp_previous:hover { background: url(../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;
  }
  
/*

:: POPOVER - GENERAL -----------------------------------------------------------------------

*/
.jqmWindow #popover_header {
 width: 730px; 
 height: 17px;  
 padding: 7px 5px 17px 15px; 
 background: url('/resources/images/interface/container/ombre_onglets.jpg') repeat-x 0 10px;
}
.jqmWindow #popover_header div#popover_header_col_1 {
 float: left; 
 width: 670px;
}
.jqmWindow.friend #popover_header div#popover_header_col_1 {
 width: 588px;
 height: 24px;
}
.jqmWindow #popover_header div#popover_header_col_1 h3 {
 margin: 2px 0 0 0; 
 font-size: 16px;
}
.jqmWindow.friend #popover_header div#popover_header_col_1 h3 {
 margin: 4px 0 0 0; 
}
.jqmWindow #popover_header div#popover_header_col_1 img {
 margin-left: 10px; 
 padding-top: 0px;
}
.jqmWindow #popover_header div#popover_header_col_2 {
 float: left; 
 text-align: right; 
 width: 55px;
}
.jqmWindow #popover_header div#popover_header_col_2 a {
 margin-left: 10px;
}
.jqmWindow #popover {
 width: 720px; 
 height: 435px; 
 overflow: auto; 
 padding: 0 15px 15px 15px; 
 clear: both;
}
.jqmWindow #popover .popover_content {
 padding: 8px 0 0 0;
}
.jqmWindow.friend #popover_header {
 width: 643px; 
 height: 17px;  
 padding: 7px 5px 17px 15px; 
 background: url('/resources/images/interface/container/ombre_onglets.jpg') repeat-x 0 10px;
}
.jqmWindow #popover table.forfaits th {
 text-align: center;
}
.jqmWindow #popover table.forfaits tr.titres_forfaits th {
 font-weight: bold;
}

.jqmWindow #popover table.forfaits span.nuit {
 color: #002540;
 font-size: 13px;
}



.popover_content ul {
  margin-left: 2px;
}
.popover_content ul li {
  margin-left: 13px;
  list-style-type: disc;
  margin-bottom: 6px;
}




/*

:: POPOVER - FORFAITS -----------------------------------------------------------------------

*/

#forfait_popover {
  font: 12px Arial, Helvetica, sans-serif;
  background: #ffffff;
}

#forfait_popover  #popover {
  height: 410px; 
  overflow: auto; 
}

body#popover  div#popover {
  height: 410px; 
  overflow: auto; 
}

#forfait_popover #popover .liste_forfaits {
  overflow: hidden;
  background: #ffffff;
}
#forfait_popover #popover .liste_forfaits_gauche {
  float: left; 
  width: 150px;
  background: #ffffff;
}
#forfait_popover #popover .liste_forfaits_droite {
  background: #ffffff;
  float: left; 
  width: 330px;
}
#forfait_popover #popover .liste_forfaits_gauche div.bloc {
  background: #ffffff;
  border: 1px solid #c6c6c6;
  padding: 10px;
  width: 113px;
}
#forfait_popover #popover .liste_forfaits_gauche div.bloc p {
  background: #ffffff;
  font-size: 10px;
  line-height: 12px;
  margin: 0;
  padding: 0;
}
#forfait_popover #popover .liste_forfaits_gauche div.bloc span.montant {
  background: #ffffff;
  color: #51779c;
  font: normal 24px Arial, Helvetica, sans-serif;
  line-height: 40px;
}
#forfait_popover #popover .liste_forfaits_droite h4:first-child {
  margin-top: 3px;
}
#forfait_popover #popover_header_col_1 h3 {
 clear: left;
}
#forfait_popover #popover_header_col_1 h3 img {
  float: left;
}
#forfait_popover #popover_header_col_1 h3 span {
  display: block;
  height: 30px;
  line-height: 30px;
  padding-left: 35px;
}



/*

:: ENVOYER A UN AMI -------------------------------------------------------

*/
#send_to_friend dt {
  color: #5d605d;
  margin-bottom: 2px;
}
#send_to_friend dt label {
  font-weight: bold;
}
#send_to_friend dt span {
  font-weight: normal;
  color: #a00;
}
/* POPOVER */
#send_to_friend dd label {
 display: block;
 color: #a00;
 font-size: 11px;
}
#send_to_friend dd label.error {
 display: block;
 margin: 3px 0 0 0;
}

#send_to_friend dd {
  margin-bottom: 9px;
}
#send_to_friend #col_01 {
  padding: 0 0 0 68px;
  margin: 24px 0 0 0;
  float: left; 
  width: 193px; 
  display: block;
  background: url('/resources/images/interface/container/icn_send_to_friend.gif') no-repeat;
}
#send_to_friend #col_02 {
  padding: 0 0 0 28px;
  margin: 24px 0 0 0;
  border-left: 1px dotted #bfbfbf;
  float: left; 
  width: 342px; 
  display: block;
}
#send_to_friend input {
  width: 158px;
}
#send_to_friend textarea {
  width: 340px;
   height: 120px;
}

/*
 :: FLICKR
    Sur le hub Parcs Qubec
*/
#flickr {
  float: left;
}
#container #flickr a {
  border-bottom: none; 
  display: block; 
  background: url(/resources/images/home/flickr.gif) no-repeat 8px 5px; 
  line-height: 25px; 
  height: 25px; 
  padding-left: 29px;
  padding-right: 6px;
  color: #6e6f6e;
}
#container #flickr a:hover {
  color: #4e4f4e;
  background-color: #efefef;
}



/*
 :: Box - parameters
    Forsej (forfait auberge de montagne)
*/

#forsej-box {
  float:left;
  width: 225px;
  margin-right:25px;
}

#container #forsej-box h3
{
  color: #3c7897;
  font-size: 14px;
  font-weight: normal;
  margin:0 0 0.7em 0;
}

#container #forsej-box p
{
  color: #5c5f5c;
  font-size: 12px;
  margin:0 0 0.5em 0;
}


#container #forsej-box h3.forsej-box-title
{
  background:transparent url("/resources/images/icones/icone_hotel_bleu.gif") 0 0px no-repeat;
  padding-left:35px;
}

/*

:: TRANSPORT NOLISÉ ----------------------------------------------------
   
*/
/* Dans le transac */
#transport-box {
  float:left;
  /*width: 200px;*/
  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;
}

/* 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;
}


/*

:: BOUTON PARC PARCOURS OVERLAY ----------------------------------------------------

*/
#btn_parc_parcours {
  position:absolute;
  bottom:0;
  right:15px;
  margin:0;
  padding:0;
}


#btn_parc_parcours a {
  display:block;
  padding:0px 20px 0px 47px;  
  color:#ffffff;
  font-size:0px;
  text-decoration:none;
  -webkit-border-top-left-radius:5px;
  -webkit-border-top-right-radius:5px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
}

#btn_parc_parcours a img {
 vertical-align:bottom;
}



/*

:: ONGLET PARC PARCOURS - IMAGE ----------------------------------------------------

*/
#tabs_main li a#tab_pp {
 height: 0px;
 padding: 0px 0px 0px 0px;
 top: -1px;
 position: relative;
}

/*

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

*/
#container .signets p {
  position:relative;
  margin:0 0 10px 0;
  padding:0;
  color:#4c4c4c;
  font-size:16px;
  font-family:"News Cycle", Arial, Helvetica, sans-serif;
  line-height:normal;
  background:#e9eaeb;
  background-image: linear-gradient(left, #cccccc 30%, #e9eaeb 40%, #e9eaeb 100%);
  background-image: -o-linear-gradient(left, #cccccc 30%, #e9eaeb 40%, #e9eaeb 100%);
  background-image: -moz-linear-gradient(left, #cccccc 30%, #e9eaeb 40%, #e9eaeb 100%);
  background-image: -webkit-linear-gradient(left, #cccccc 30%, #e9eaeb 40%, #e9eaeb 100%);
  background-image: -ms-linear-gradient(left, #cccccc 30%, #e9eaeb 40%, #e9eaeb 100%);
  background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0.3, #cccccc), color-stop(0.4, #e9eaeb), color-stop(1, #e9eaeb));
}

#container .signets p:last-child {
  margin-bottom:15px;
}

#container .signets p a {
  display:block;
  padding:0 0 0 137px;
  color:#4c4c4c;
  text-decoration:none;
  text-transform:uppercase;
  line-height:56px;
  background:0 0 no-repeat;
  border:none;

  -webkit-transition-property: padding;
  -webkit-transition-duration: 0.3s;
  -moz-transition-property: padding;
  -moz-transition-duration: 0.3s;
  transition-property: padding;
  transition-duration: 0.3s;
}

#container .signets p a:hover {
  padding-left:147px;
  background-color:#ccc;
}

#container .signets p a:after {
  position:absolute;
  right:-15px;
  content:' ';
  width:0;
  height:0;  
  border:15px solid #ffffff;
  border-left-color:#e9eaeb;
  border-top-width:28px;
  border-bottom-width:28px;
}

#container .signets p a:hover:after {
  border-left-color:#ccc;
}

/*

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

*/
#container .act_promo {
  position:relative;
  float:left;
  margin:0 0 0 7px;
  width:127px;
  background:#fff;
  border:1px solid #d4d4d4;
  -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.15);
  box-shadow:0 0 10px rgba(0, 0, 0, 0.15);
}

#container .act_promo.first {margin:0;}

#container .act_promo a.btn_plus {
  position:absolute;
  bottom:7px;
  right:7px;
  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;    
}

#promo1,
#promo2,
#promo3,
#promo4 {
  width:320px;
  line-height:1.3em;
}

#container .act_promo h4 {
  margin:0;
  padding:5px 7px;
  color:#fff;
  font-size:12px;
  font-weight:normal;
  text-transform:none;
  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)));
}

#container .act_promo .bloc {
  margin:0;
  padding:7px;
}

#container .act_promo .bloc p {
  margin:0;
  padding:0;
  font-size:9px;
  line-height:normal;
}

#container .act_promo .bloc p.montant {
  color:#ed1c24;
  font-size:40px;
  line-height:normal;
}

#container .act_promo .bloc p.montant span {
  font-size:24px;
}