/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";
h1{
  font: 25px Verdana, Arial, Helvetica, sans-serif;
  border-bottom: 1px solid #CFB49E;
  color: #703A1F;
  margin: 15px 0 0;
  }
h2{
  font: bold 16px Verdana, Arial, Helvetica, sans-serif;
  color: #9D2D17;
  margin: 0 0 15px;
  }
h3{
font-family: Arial, Helvetica, Verdana;
font-size: 1.3em;
font-weight:normal;
padding-top:5px;
color:#703A1F;
display:block;
font-weight:bold;
}

.petit{
font-size: 1em;
font-weight:bold;
color:#703A1F;
}
.bold{
  font-weight: bold;
  }
.boldred{
  font-weight: bold;
  color: #9D2D17;
  }
  .boldred2{
  font-weight: bold;
  color: #703A1F;
  }
.center{
  text-align: center;
  }
.medium{
  font-size: 14px;
  font-weight: bold;
  color: #9D2D17;
  }
.big{
  font-size: 22px;
  font-weight: bold;
  color: #D5C7AD;
  }
.bigred{
  font-size: 24px;
  font-weight: bold;
  color: #703A1F;
  }
a img{
  border: 0;
  }
a:active, a:focus{
  outline: none;
  }
.floatleft{
  float: left;
  }
.clearer{
  clear: both;
  }

/* le lieu
***********************/
#contenu #reltoabs{
  position: relative;
  height: 400px;
  width:600px;
  }
#contenu #reltoabs #lieu1{
  position: absolute;
  top: 10px;
  left: 115px;
  }
#contenu #reltoabs #lieu2{
  position: absolute;
  top: 100px;
  left: 0;
  }
/*
#contenu #reltoabs #txtlieu1{
  position: absolute;
  top: 10px;
  left: 20px;
  width: 230px;
  }
 */
 
#contenu #reltoabs #txtlieu1 .center{
  margin: 10px 0;
  }
  
/**  
#contenu #reltoabs #txtlieu2{
  position: absolute;
  top: 210px;
  left: 340px;
  width: 300px;
  }
  
 **/ 
#txtlieu1{
  float:left;
  width: 265px;

  margin-left:0px;

  }
  
  #lieuvid{
  float: right;
   height:330px;
	margin-bottom:5px;}
  
  #txtlieuu{
  float:left;
  width: 200px;
  height:400px;
  padding-left:0px;
 

  }
#diaporama-lieu{
  width: 250px;
  height:400px;
  float:left;
  }
  #diaporama-lieu2{
  width: 250px;
  height:400px;
  float:left;
  }
#contenu #reltoabs #txtlieu2{
  float:left;
  width: 300px;
  margin-right:20px;
  }
.imglieu {
  position: absolute;
  top: 200px;
  left: 0px;
  }

  
/* Condition generales de ventes */

#contenu #txtcgv{
  float:left;
  width: 600px;
  border-top:none;
  margin: 0 20px 0 20px;
  }

#contenu #txtcgv h3{
  font: bold 12px Verdana, Arial, Helvetica, sans-serif;
  color: #fff;
  padding: 10px 0 10px 0;
 }
 
#contenu #txtcgv p{
	padding-bottom: 15px;
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
 }
 
#contenu h2{
  font: bold 16px Verdana, Arial, Helvetica, sans-serif;
  color: #9D2D17;
  margin: 20px 0 15px;
 }
 
#contenu ul{
	list-style:square inside;
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 15px 0; 
 }
 
 
/* listing prod
***********************/
#contenu .listingprod{
  position: relative;
  background: url(../images/charte/back_listingprod.jpg) no-repeat;
  width: 675px;
  height: 315px;
  padding: 10px 8px 8px;
  }
#contenu .listingprod .savoirplus{
  position: absolute;
  width: 115px;
  height: 22px;
  bottom: 45px;
  right: 32px;
  }

#contenu .listingprod img {margin-top:20px; margin-left:10px;}

#contenu .listingprod img, #contenu .listingprod .descriptionprod{
  float: left;

  }
#contenu .listingprod .descriptionprod h2{
  margin: 20px 0 0 20px;
  width: 350px;
  border-bottom: 1px solid #9D2D17;
  font: bold 14px Verdana, Arial, Helvetica, sans-serif;
  }
#contenu .listingprod .descriptionprod p{
  margin: 5px 0 0 20px;
  width: 350px;
  text-align: justify;
  }


.img-prod {
	margin-top: 60px;
}
/* fiche prod
***********************/
#contenu #prodthumbs{
  float: left;
  }
#contenu #prodinfos{
  float: left;
  background: url(../images/charte/fiche_prod_bck.gif);
  width: 336px;
  }
#contenu #prodinfos #proddesc{
  background: url(../images/charte/fiche_prod_bck_top.jpg) top no-repeat;
  min-height: 96px;
  padding: 15px 0 0;
  }
#contenu #prodinfos #proddesc h2{
  margin: 20px 0 0 20px;
  width: 290px;
  border-bottom: 1px solid #9D2D17;
  font: bold 14px Verdana, Arial, Helvetica, sans-serif;
  }
#contenu #prodinfos #proddesc p{
  margin: 5px 0 0 20px;
  width: 290px;
  text-align: justify;
  }
#contenu #prodinfos #proddesc p#prix{
  text-align: right;
  font-size: 14px;
  font-weight: bold;
  color: #9D2D17;
  }
#contenu #prodinfos #prodforms{
  background: url(../images/charte/fiche_prod_submit_bck.jpg);
  height: 102px;
  position: relative;
  }
#contenu #prodinfos #prodforms select{
  background: #D8BFA8;
  border: 1px solid #947F75;
  margin: 32px 0 0 173px;
  height: 22px;
  width: 137px;
  color: #57412F;
  }
#contenu #prodthumbs #thepic{
  padding: 8px 0 10px;
  margin: 0 0 15px;
  border-bottom: 1px solid #CFB49E;
  }
#contenu #prodthumbs div{
  margin: 0 0;
  }
#contenu #prodinfos #prodforms #qtt{
  position: absolute;
  width: 36px;
  height: 16px;
  bottom: 17px;
  right: 185px;
  background: none;
  }
#contenu #prodinfos #prodforms #validachat{
  position: absolute;
  width: 136px;
  height: 22px;
  bottom: 15px;
  right: 26px;
  background: none;
  cursor: pointer;
  font-size: 0;
  }
#contenu #prodsousmenu{
  background: url(../images/charte/sousmenu_senteur.png);
  width: 500px;
  height: 26px;
  clear: both;
  padding: 15px 0 15px 176px;
  }



/*Listing idées cadeaux
************************/
#contenu .listingcadeau{
  position: relative;
  background: url(../images/charte/back_list_ideecadeau.jpg) no-repeat;
  width: 675px;
  height: 315px;
  padding: 10px 8px 8px;
  }

#contenu .listingcadeau img, #contenu .listingcadeau .descriptionprod{
  float: left;
  }
#contenu .listingcadeau .descriptionprod h2{
  margin: 20px 0 0 20px;
  width: 310px;
  border-bottom: 1px solid #9D2D17;
  font: bold 14px Verdana, Arial, Helvetica, sans-serif;
  }
#contenu .listingcadeau .descriptionprod p{
  margin: 5px 0 0 20px;
  width: 310px;
  text-align: justify;
  }



/* forfaits/abonnements
***********************/
#contenu #rubsousmenu{
  background: url(../images/charte/sousmenu_rubrique.png);
  width: 495px;
  height: 26px;
  clear: both;
  padding: 15px 0 15px 181px;
  }
#contenu .miniprod{
  float: left;
  background: url(../images/charte/mini_prod_bck.gif);
  width: 170px;
  margin: 0 0 20px;
  }
#contenu .miniprod .miniproddesc{
  background: url(../images/charte/mini_prod_bck_top.jpg) top no-repeat;
  min-height: 150px;
  height:150px;
  max-height:150px;
  padding: 15px 0 0;
  }
#contenu .miniprod .miniproddesc h2{
  margin: 15px 0 10px 20px;
  width: 130px;
  border-bottom: 1px solid #9D2D17;
  font: bold 14px Verdana, Arial, Helvetica, sans-serif;
  }
#contenu .miniprod .miniproddesc p{
  margin: 5px 0 0 20px;
  width: 130px;
  text-align: justify;
  }
#contenu .miniprod .miniproddesc p.prix{
  text-align: right;
  font-size: 14px;
  font-weight: bold;
  color: #9D2D17;
  }
#contenu .miniprod .miniprodform{
  background: url(../images/charte/mini_prod_submit_bck.jpg);
  height: 102px;
  position: relative;
  }
#contenu .miniprod .miniprodform .qtt{
  position: absolute;
  width: 36px;
  height: 16px;
  bottom: 45px;
  right: 18px;
  background: none;
  }
#contenu .miniprod .miniprodform .validachat{
  position: absolute;
  width: 136px;
  height: 22px;
  bottom: 16px;
  right: 16px;
  background: none;
  cursor: pointer;
  font-size: 0;
  }

/* abonnements
***********************/
#contenu #abonnement-bloc {
	width:450px;
	margin:0 auto;
	}
	
#contenu .miniprodalt{
  background: url(../images/charte/mini_prod_alt_bck.gif);
  width: 215px;
  margin: 0 auto;
  float:left;
  }
#contenu .miniprodalt .miniproddesc{
  background: url(../images/charte/mini_prod_alt_bck_top.jpg) top no-repeat;
  min-height: 96px;
  padding: 15px 0 0;
  }
#contenu .miniprodalt .miniproddesc p{
  margin: 5px 0 0 20px;
  width: 175px;
  text-align: justify;
  line-height: 25px;
  }
#contenu .miniprodalt .miniproddesc .big{
  font-size: 22px;
  font-weight: bold;
  color: #9D2D17;
  }

#contenu .miniprodalt .miniproddesc p.prix{
  text-align: right;
  }
#contenu .miniprodalt .miniprodform{
  background: url(../images/charte/mini_prod_submit_alt_bck.jpg);
  height: 72px;
  position: relative;
  }
#contenu .miniprodalt .miniprodform .validachat{
  position: absolute;
  width: 136px;
  height: 22px;
  bottom: 16px;
  right: 39px;
  background: none;
  cursor: pointer;
  font-size: 0;
  }

/* rituels
***********************/
#contenu .miniritu{
  float: left;
  background: url(../images/charte/rituel_bck.gif);
  width: 215px;
  margin: 0 5px;
  position: relative;
  }
#contenu .miniritu .typeritu{
  position: absolute;
  top: 35px;
  left: 14px;
  }
#contenu .miniritu .miniritudesc{
  background: url(../images/charte/rituel_bck_top.jpg) top no-repeat;
  min-height: 250px;
  height:250px;
  max-height:250px;
  padding: 15px 0 0;
  }
#contenu .miniritu .miniritudesc h2{
  margin: 15px 0 10px 50px;
  width: 145px;
  border-bottom: 1px solid #9D2D17;
  font: bold 14px Verdana, Arial, Helvetica, sans-serif;
  }
#contenu .miniritu .miniritudesc p{
  margin: 5px 0 0 50px;
  width: 145px;
  text-align: justify;
  }
#contenu .miniritu .minirituform{
  background: url(../images/charte/rituel_submit_bck.jpg);
  height: 120px;
  position: relative;
  }
#contenu .miniritu .minirituform select{
  position: absolute;
  bottom: 46px;
  right: 39px;
  background: #D8BFA8;
  border: 1px solid #947F75;
  height: 22px;

  color: #57412F;
  }
  #contenu .miniritu .minirituform input{
  position: absolute;
  background: #D8BFA8;
 
  color: #57412F;       
  }
#contenu .miniritu .minirituform .validachat{
  position: absolute;
  width: 136px;
  height: 22px;
  bottom: 16px;
  right: 39px;
  background: none;
  cursor: pointer;
  font-size: 0;
  }

#typeritu32 {
	display: none;
}
/* rituels hammam
***********************/
#contenu #hammamtitre{
  position: relative;
  top: 20px;
  left: 45px;
  }
#contenu #hammambloc1{
  height: 108px;
  width: 676px;
  background: url(../images/contenu_vrac/hammam_01.jpg) right no-repeat;
  position: relative;
  }
#contenu #hammambloc1 p{
  text-align: right;
  width: 317px;
  position: relative;
  top: 40px;
  }
#contenu #hammambloc1 #sousbloc{
  text-align: center;
  width: auto;
  position: absolute;
  top: 22px;
  right: 20px;
  font-size: 18px;
  }
#contenu #hammambloc2{
  height: 99px;
  background: url(../images/contenu_vrac/hammam_02.jpg) left no-repeat;
  position: relative;
  padding: 20px 0 0 165px;
  }
#contenu #rituhammamform{
  background: url(../images/charte/hammam_submit_bck.jpg);
  width: 676px;
  height: 56px;
  position: relative;
  }
#contenu #rituhammamform select{
  position: absolute;
  bottom: 18px;
  right: 300px;
  background: #D8BFA8;
  border: 1px solid #947F75;
  height: 22px;
  width: 200px;
  color: #57412F;
  }
#contenu #rituhammamform .validachat{
  position: absolute;
  width: 136px;
  height: 22px;
  bottom: 17px;
  right: 130px;
  background: none;
  cursor: pointer;
  font-size: 0;
  }

/* contact
***********************/
#contenu #contactbloc{
  height: 120px;
  width: 676px;
  margin: 10px 0;
  padding: 0 0 10px;
  background: url(../images/contenu_vrac/contact_01.jpg) no-repeat;
  position: relative;
  border-bottom: 1px solid #CFB49E;
  }
#contenu #contactbloc p{
  text-align: left;
  padding: 0px 20px 0 270px;
  font-size: 12px;
  font-weight: bold;
  color: #F8E8D4;
  }
#contenu #contactbloc a.lien1{
  display: block;
  position: absolute;
  width: 157px;
  height: 42px;
  top: 8px;
  right: 59px;
  }
  #contenu #contactbloc a.lien2{
  display: block;
  position: absolute;
  width: 157px;
  height: 42px;
  top: 68px;
  right: 59px;
  }
.formcontact {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	background-color: #F8E8D4;
	border: 1px solid #A6694D;
}
.beige {
	font-size: 12px;
	color: #CD958A;
	font-weight: normal;
}
#contenu table tr td{
  padding: 2px;
  }
  
  
  
  
  
#panier #menu {
	display: block;
}
#panier #menu li {
	list-style: none;
	float: left;
}
#panier #menu li a {
	float: left;
	display: block;
	padding: 10px;
	padding-right: 20px;
	padding-left: 20px;
	margin: 2px;
	margin-top: 20px;
	margin-bottom: 30px;
	background-color: #D5784F;
	font-weight: bold;
	color: white;
}
#panier #menu li a:hover {
	background-color: #9E5B3D;
}
#panier #menu li a.encours {
	background-color: #9E5B3D;
}
#panier #menu li a.grise {
	cursor: default;
	font-style: italic;
}
#panier #menu li a.grise:hover {
	cursor: default;
	font-style: italic;
	background-color: #D5784F;
}
#panier #menu li a.boucheTrou {
	background-color: #9D2D17;
	width: 0px;
	cursor: default;
	display: none;
}

#panier #table-panier th {
	padding: 4px;
	background: #703A1F;
}
#panier #table-panier #total {
	font-weight: bold;
	font-size: 12px;
	padding: 4px;
}
#panier h2 {
	margin-top: 10px;
	margin-bottom: 0;
}