#container {
  position:relative;
  padding:0;
  min-height:0;
  overflow:hidden;
}

#container .contenu {
  padding:30px 15px 15px 15px;
  font-size:12px;
  min-height:580px;
  line-height:1.3em;
  background:#fff url(/resources/images/reservation/shadow_contenu.png) 50% -4px no-repeat;
}

/* 

:: COMMUN   -----------------------------------------------------------

*/
/*body,
p,
#container p,
#container ul {
  line-height:inherit;
}*/

#container h2 {
  margin:0.6em 0 15px 0;
  padding:0;
  color:#002540;
  font-size:37px;
  font-weight:normal;
  text-transform:none;
  line-height:30px;
}

#container h3 {
  margin:0 0 5px 0;
  padding:0;
  color:#002540;
  font-size:26px;
  font-weight:normal;
  line-height:1.5em;
  text-transform:none;
}

#container h4 {
  margin:0 0 10px 0;
  padding:0;
  color:#002540;
  font-size:22px;
  font-weight:normal;
  line-height:1.4em;
  text-transform:none;
}

#container a {
  text-decoration:none;
}

#container ul {
  margin-bottom:1em;
}

#container ul ul {
  margin-top:0.3em;
}

#container ul li {
  margin-bottom:0.3em;
  line-height: 1.3;
}

/* 

:: INDEX   -----------------------------------------------------------

*/
.categorie {
  float:left;
  width:219px;
  margin:0 0 30px 15px;
  padding:0;
  font-size:12px;
  background:url(/resources/images/reservation/bg_categorie_shadow.gif) 0 121px repeat-x;
}

#container .categorie h3 {
  position:relative;
  margin:0 0 3px 0;
  padding:0;
  height:121px;
  color:#fff;
  font-size:20px;
  line-height:1em;
  background:url(/resources/images/reservation/bg_categorie.jpg) 0 0 no-repeat;
}

#container .categorie.camping h3 {background-position:0 0;}
#container .categorie.pretacamper h3 {background-position:0 -150px;}
#container .categorie.chalet h3 {background-position:0 -300px;}
#container .categorie.activites h3 {background-position:0 -450px;}
#container .categorie.hotellerie h3 {background-position:0 -600px;}
#container .categorie.peche h3 {background-position:0 -750px;}
#container .categorie.chasse h3 {background-position:0 -900px;}
#container .categorie.autres h3 {background-position:0 -1050px;}

#container .categorie h3 strong {
  position:absolute;
  left:0;
  bottom:0;
  display:block;
  width:100%;
  font-weight:normal;
  background:url(/resources/images/interface/noir40.png);
  background:rgba(0, 0, 0, 0.4);
}

#container .categorie h3 strong span {
  display:block;
  padding:10px 0 14px 10px;
}

#container .categorie ul {
  margin:0;
  padding:0;
  list-style:none;
}

#container .categorie li {
  margin:0;
  padding:0;
  border-top:1px solid #d4d4d4;
}

#container .categorie li:first-child {
  border:none;
}

#container .categorie li,
#container .categorie li li:first-child {
  border-top:1px solid #d4d4d4;
}

#container .categorie li li {
  padding:0 0 2px 10px;
}

#container .categorie li a {
  display:block;
  padding:7px 10px 5px 10px;
}


/* 

:: PRODUIT   -----------------------------------------------------------

*/

#carte_liste {
  position:relative;
  width:950px;
  /*height:auto !important;
  height:580px;*/
  min-height:580px;
  overflow:hidden;
  margin:0;
  padding:0 0 20px 0;
  background:url(/resources/images/reservation/shadow_horizontal.png) 50% 100% no-repeat;
}

#boutons {
  position:absolute;
  top:35px;
  right:30px;
  margin:0;
}

/*#container #btn_retour {
  padding-left:38px;
  background-repeat:no-repeat;
  background-position:10px -541px;
  background-image:url(/resources/images/reservation/sprite.png);
}

#container #btn_mode {
  padding-left:38px;
  width:35px;
  background-repeat:no-repeat;
  background-image:url(/resources/images/reservation/sprite.png);
}

#container #btn_mode.carte {background-position: 10px -445px;}
#container #btn_mode.liste {background-position: 10px -491px;}*/

/* 

:: LISTE   -----------------------------------------------------------

*/
#container #liste {
  position:absolute;
  top:0;
  right:0;
  padding:19px 0 0 0;
  width:950px;
  height:auto;
  background:url(/resources/images/reservation/shadow_3col.png) 0 0 no-repeat;
  z-index:2;
}

#reservation_produit #container h3 {
  margin:0 250px 15px 15px;
  padding:0 0 5px 0;
}
#container #liste ul {
  margin:0;
  padding:0;
  list-style:none;
}

#container #liste li {
  float:left;
  width:285px;
  margin:0;
  padding:0 0 0 30px;
}

#container #liste li li {
  float:none;
  width:auto;
  padding:0;
}

#container #liste li strong {
  display:block;
  margin:0 0 10px 0;
  width:135px;
  height:38px;
  text-indent:-9999px;
  background:url(/resources/images/reservation/sprite.png) 0 0 no-repeat;
}
#container #liste li#liste_pq strong {background-position:0 0;}
#container #liste li#liste_rf strong {background-position:0 -50px;}
#container #liste li#liste_ct strong {background-position:0 -100px;}

#container #liste li li {
  display:block;
  padding:3px 0;
  color:#b2dced;
  color:#ccc;
}

#container #liste li li.hide a,
#container #liste li li.hide a:hover {
  color:#ccc;
}

#container #liste li li a {
  -webkit-transition-property: color;
  -webkit-transition-duration: 0.3s;
  -moz-transition-property: color;
  -moz-transition-duration: 0.3s;
  transition-property: color;
  transition-duration: 0.3s;
}

/* 

:: CARTE   -----------------------------------------------------------

*/
#container #carte {
  position:absolute;
  top:0;
  right:0;
  width:950px;
  height:550px;
  background:url(/resources/images/reservation/carte.gif) 0 0 no-repeat;
  z-index:1;
}

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

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

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

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

#carte a span {display:none;}

#carte a#point_aig {left:124px; top:219px;}
#carte a#point_pan {left:785px; top:175px;}
#carte a#point_bic {left:533px; top:259px;}
#carte a#point_sag {left:465px; top:266px;}
#carte a#point_fro {left:425px; top:429px;}
#carte a#point_gas {left:640px; top:234px;}
#carte a#point_grj{left:435px; top:314px;}
#carte a#point_hgo {left:455px; top:297px;}
#carte a#point_bon {left:735px; top:245px;}
#carte a#point_bou {left:308px; top:441px;}
#carte a#point_jac {left:410px; top:339px;}
#carte a#point_tem {left:530px; top:306px;}
#carte a#point_mig {left:637px; top:274px;}
#carte a#point_mme {left:423px; top:457px;}
#carte a#point_mor {left:368px; top:462px;}
#carte a#point_msb {left:312px; top:447px;}
#carte a#point_mot {left:265px; top:389px;}
#carte a#point_mva {left:443px; top:239px;}
#carte a#point_oka {left:288px; top:447px;}
#carte a#point_ope {left:54px; top:341px;}
#carte a#point_pla {left:230px; top:438px;}
#carte a#point_pta {left:387px; top:237px;}
#carte a#point_yam {left:345px; top:464px;}
#carte a#point_ssl {left:490px; top:280px;}

#carte a#point_ash {left:335px; top:221px;}
#carte a#point_asn {left:270px; top:110px;}
#carte a#point_chc {left:667px; top:228px;}
#carte a#point_amw {left:360px; top:74px;}
#carte a#point_lau {left:420px; top:302px;}
#carte a#point_lvy {left:165px; top:319px;}
#carte a#point_mas {left:330px; top:359px;}
#carte a#point_mat {left:614px; top:247px;}
#carte a#point_pal {left:235px; top:407px;}
#carte a#point_spc {left:585px; top:99px;}
#carte a#point_pod {left:703px; top:261px;}
#carte a#point_por {left:365px; top:324px;}
#carte a#point_rim {left:555px; top:284px;}
#carte a#point_rom {left:273px; top:364px;}
#carte a#point_stm {left:325px; top:339px;}

#carte a#point_paq {left:413px; top:368px;}
#carte a#point_amc {left:625px; top:232px;}
#carte a#point_pre {left:735px; top:229px;}
#carte a#point_bdp {left:732px; top:242px;}
#carte a#point_vol {left:365px; top:409px;}
#carte a#point_ken {left:412px; top:264px;}
#carte a#point_sim {left:247px; top:417px;}
#carte a#point_gma {left:649px; top:232px;}
#carte a#point_pcm {left:422px; top:359px;}
#carte a#point_duc {left:400px; top:365px;}

/*

:: MESSAGES ERREUR / AVERTISSEMENT

*/
#container .msg_success,
#container .msg_warning {
  margin:0 15px 20px 15px;
}

#container .msg_success .contenu,
#container .msg_warning .contenu {
  margin:0;
  padding:0 0 0 40px;
  background:url(/resources/images/interface/icon_warning.png) 0px 0px no-repeat;
}

#container .msg_success .contenu {
  background-image:url(/resources/images/interface/icon_success.png);
}

#container .msg_success *,
#container .msg_warning * {
  margin:0;
  padding:0;
  font-size:12px;
  line-height:1.3em;
  list-style:none;
}

#container .msg_warning h4 {
  margin:0 0 0.5em 0;
  padding:0;
  font-size:18px;
  font-weight:normal;
}

#container .msg_warning table {
  margin:1em 0;
  padding:0;
}

#container .msg_warning td,
#container .msg_warning th {
  padding:7px;
  color:#404040;
}

#container .msg_warning td {
  font-size:11px;
}

/* 

:: FORFAITS   -----------------------------------------------------------

*/
#pastille-onenight {
  background: none repeat scroll 0 0 #D2D2D2;
    border-radius: 125px 125px 125px 125px;
    padding: 30px 35px;
    position: absolute;
    right: 20px;
    text-align: center;
    top: 20px;
    width: 160px;
}

.forfait_principal {
  position:relative;
  /*padding:30px 30px 15px 426px;*/
  padding:20px 30px 30px 345px;
  height:auto !important;
  height:195px;
  min-height:195px;
  font-size:14px;
  background:url(/resources/images/reservation/shadow_horizontal.png) 50% 0 no-repeat;
}

.forfait_principal p.photo {
  position:absolute;
  left:30px;
  top:30px;
}

.forfait_principal p.photo span {
  position:absolute;
  left:0;
  bottom:0;
  width:265px;
  padding:0 10px;
  font-size:11px;
  line-height:30px;
  background:url(/resources/images/interface/blanc90.png);
}

.forfait_principal p.photo img {
  display:block;
}

#container .forfait_principal a {
  text-decoration:underline;
}

#container .forfait_principal a.bouton {
  text-decoration:none;
}

#container #forfaits {
  margin:0;
  padding:50px 0 0 0;
  width:950px;
  height:auto !important;
  height:470px;
  min-height:470px;
  background:url(/resources/images/reservation/shadow_3col.png) 0 0 no-repeat;
  z-index:2;
}

#container #forfaits h4 {
  margin:0 0 10px 15px;
}

#container #forfaits .forfait {
  float:left;
  width:286px;
  height: 155px;
  margin:0 15px 15px 15px;
  padding:0;
  border-top:1px solid #dad9d4;
}

#container .forfait_principal h5,
#container .forfait h5 {
  margin:0;
  padding:10px 0 10px 0;
  color:#002540;
  font-size:20px;
  font-weight:normal;
  line-height:1.2em;
  text-transform:none;
}
#container .forfait_principal h5 {
  /*margin-bottom:0.3em;*/
  margin:0;
  padding-left:0;
  background:none;
}

#container .forfait_principal .bouton,
#container .forfait .bouton {
  float:left;
  margin:0 10px 0 0;
}

/* 

:: POISSONS   -----------------------------------------------------------

*/
#container #poissons {
  padding:600px 15px 15px 15px;
  background:url(/resources/images/reservation/shadow_horizontal.png) 50% 550px no-repeat;
}

#container #poissons ul {
  float:left;
  width:306px;
  margin:0;
  padding:0;
  list-style:none;
}

#container #poissons ul li {
  position:relative;
  margin:0;
  padding:2px 0 5px 30px;
}

#container #poissons ul li.hide {
  color:#ccc;
}

#container #poissons ul li input {
  position:absolute;
  top:0;
  left:0;
}