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

}



/****************PAGE PRODUITS************************/
/*.image_produit{
	width:302px;
	height:150px;
	float:left;
	margin:0 0 0 15px;
}

.texte_produit{
	float:left;
	margin:20px 0 0 85px;
	font-size:16px;
	text-align: right;
}*/