/* ----------------------------------------------------------
   		CSS FOR ALHAMBRA HAMMAM'site PROJECT
		Laëti 2005
------------------------------------------------------------- */


/* ---------- DEFAULT VALUES ------------------*/

* {padding: 0; margin: 0;}

body{	background: #593333;
	color: #422626;
	font-family: Trebuchet, Arial, Helvetica, verdana, sans-serif;
	font-size: 101%;}

img {border:0;}
a {color: #422626; text-decoration: underline;}
a:link {color: #422626; text-decoration: underline;}


/* ------------- GENERALITES -------------- */

#stucture {float: left; border-collapse: collapse; width: 100%; text-align: center; margin-top: 20px;}
#fond {width: 964px; background: url(../img/fd.gif); text-align: left; margin: 0 auto;}


/* ------------- HP -------------- */

#fondhp {border-collapse: collapse; margin: 0 auto; width: 100%; background: url(../img/fd_hp.gif) no-repeat; text-align: left;}
#hpstructmenu {width: 560px; padding: 38px 0 0 290px; text-align: left;}
#hpstructmenu img {margin: 0 15px;}
#hpstructcontenu {width: 720px; margin-left: 70px; text-align: left;}
#hpcontenu1 {font-size: 0.8em; padding-bottom: 20px;}
.hpcontenuimg1 img {padding: 80px 0 10px 90px;}
.hpcontenuimg2 img {padding-left: 55px;}
#hpcontenu1 p {width: 300px; padding-left: 35px;}
#hpcontenu2 {width: 365px; vertical-align: bottom; text-align: right;}
#hpcontenu3 {width: 365px;}
#hpcontenu3a {float: left; width: 260px; text-align: right;}
#hpcontenu3b {float: left; width: 450px; background: url(../img/hp_chqkdo2.gif) no-repeat; font-size: 0.8em; color: #5B3433; padding: 90px 0 25px 0;}

#hpcontenu3a img {padding-right: 18px;}
#hpcontenu3b p {padding-left: 110px;}
#hpcontenu3b a {color: #FCA004; font-weight: bold; text-decoration: none;}
#hpcontenu3b a:hover {text-decoration: underline;}


/* ------------- PAGES INTERIEURES -------------- */

/* Généralités */
#fondpi {border-collapse: collapse; margin: 0 auto; width: 100%; background: url(../img/fd_inter.gif) no-repeat; text-align: left;}
.txtbold {font-weight: bold;}
.txttitre {font-weight: bold; font-size: 1.1em; color: #F9D562;}
.txttitrebis {font-weight: bold; font-size: 1.1em; color: #F9D562; margin-top: 20px;}

/* Menu */
#pistructmenu {width: 560px; padding: 38px 0 0 290px; text-align: left;}
.rub img {margin: 0 15px;}

/* Sous-rubriques */
.ssrub1 img {margin: 3px 8px 0 7px;}
.ssrub2 img {margin: 3px 0 0 7px;}
.ssrub3 img {margin: 3px 0 0 7px;}
.ssrub4 img {margin: 3px 8px 0 7px;}

/* Contenu */
.chemin {color: #FFA800; padding-bottom: 10px;}
.cheminvous {font-style: oblique;}
.chemin a {color: #FFA800;}
#pistructcontenu {width: 720px; margin-left: 70px; text-align: left;}
#picontenu {font-size: 0.8em; padding: 20px 0;}
#picontenu p {padding: 0 0 10px 35px;}
#picontenu ul {padding: 0 0 20px 60px;}
#picontenu li {list-style: none;}
.rub1aimg img {padding-right: 10px;}
.rub1aimg2 img {padding-left: 10px;}
.rub1bimg img {padding-left: 10px;}
.rub2aimg img {padding: 0 10px 40px 0;}
.rub2bimg img {padding: 10px 10px 10px 0;}
.rub2cimg img {padding: 15px 0 0 10px;}
.rub2dimg img {padding: 10px 10px 56px 0;}
.rub2eimg img {padding: 10px 10px 53px 75px;}
.rub4aimg img {padding-left: 10px;}
.rub4aimg2 img {padding-right: 10px;}


#preststructa {width: 360px; vertical-align: top; padding: 0 0 20px 35px;}
#preststructb, #preststructbmassage {width: 360px; vertical-align: top; padding: 0 0 20px 35px;}
#preststructbmassage {width: 420px;}
#preststructc {border-collapse: collapse; margin: 0 auto; width: 100%;}
#preststructcmassage {border-collapse: collapse; margin: 0 auto; width: 100%;}
#preststructd, #preststructd2 {border-collapse: collapse; margin: 0 auto; width: 100%;}
#prestchemin {font-size: 0.8em; padding: 20px 0 0 35px;}
.prestcontenu {font-size: 0.8em; width: 88%; border-bottom: 1px solid #FFA800; padding-top: 3px;}
.prestcontenumassage {font-size: 0.8em; width: 74%; border-bottom: 1px solid #FFA800; padding-top: 3px;}
.prestcontenuprix {font-size: 0.8em; font-weight: bold; padding-left: 5px; width: 12%; vertical-align: bottom; text-align: right; border-bottom: 1px solid #FFA800; padding-top: 3px;}
.prestcontenuprix2 {font-size: 0.8em; width: 26%; vertical-align: bottom; text-align: right; border-bottom: 1px solid #FFA800; padding-top: 3px;}
.prestimg {padding-top: 30px;}
.prestimgsstitre {padding-top: 15px;}
.prestimgsoins {
	padding-top: 74px;
}
#prestpaiement {padding: 10px 0 20px 35px; text-align: center;}
.prestpaiement2 {font-size: 0.8em; color: #FFA800; border: 1px solid #FFA800;}
.prestcomment {font-size: 0.7em; padding-top: 3px;}
.prestcomment2 {font-size: 0.9em; padding-top: 3px;}
.prestcomment2 li {list-style: none;}

#contactstruct {text-align: center; width: 720px; margin: 20px 0;}
#contactstructa {border-collapse: collapse; margin: 0 auto; text-align: left;}
.contactstructb {text-align: right; font-weight: bold; height: 25px;}
.contactstructc {text-align: right; vertical-align: top; font-weight: bold;}
.contactstructd {text-align: right;}
.inputcivilite {margin: 0 4px;}
#inputnom {font-family: Trebuchet, Arial, Helvetica, verdana, sans-serif; color: #FF6A00; font-weight: bold; width: 200px; border-top: 1px solid #422626; border-bottom: 1px solid #FFA800; border-left: 1px solid #422626; border-right: 1px solid #FFA800; padding-left: 3px; margin-left: 10px;}
#inputprenom {font-family: Trebuchet, Arial, Helvetica, verdana, sans-serif; color: #FF6A00; font-weight: bold; width: 200px; border-top: 1px solid #422626; border-bottom: 1px solid #FFA800; border-left: 1px solid #422626; border-right: 1px solid #FFA800; padding-left: 3px; margin-left: 10px;}
#inputadr {font-family: Trebuchet, Arial, Helvetica, verdana, sans-serif; color: #FF6A00; font-weight: bold; width: 300px; border-top: 1px solid #422626; border-bottom: 1px solid #FFA800; border-left: 1px solid #422626; border-right: 1px solid #FFA800; padding-left: 3px; margin-left: 10px;}
#inputcp {font-family: Trebuchet, Arial, Helvetica, verdana, sans-serif; color: #FF6A00; font-weight: bold; width: 50px; border-top: 1px solid #422626; border-bottom: 1px solid #FFA800; border-left: 1px solid #422626; border-right: 1px solid #FFA800; padding-left: 3px; margin-left: 10px;}
#inputville {font-family: Trebuchet, Arial, Helvetica, verdana, sans-serif; color: #FF6A00; font-weight: bold; width: 200px; border-top: 1px solid #422626; border-bottom: 1px solid #FFA800; border-left: 1px solid #422626; border-right: 1px solid #FFA800; padding-left: 3px; margin-left: 10px;}
#inputtel {font-family: Trebuchet, Arial, Helvetica, verdana, sans-serif; color: #FF6A00; font-weight: bold; width: 100px; border-top: 1px solid #422626; border-bottom: 1px solid #FFA800; border-left: 1px solid #422626; border-right: 1px solid #FFA800; padding-left: 3px; margin-left: 10px;}
#inputmail {font-family: Trebuchet, Arial, Helvetica, verdana, sans-serif; color: #FF6A00; font-weight: bold; width: 300px; border-top: 1px solid #422626; border-bottom: 1px solid #FFA800; border-left: 1px solid #422626; border-right: 1px solid #FFA800; padding-left: 3px; margin-left: 10px;}
#inputtxt {font-family: Trebuchet, Arial, Helvetica, verdana, sans-serif; color: #422626; width: 300px; border-top: 1px solid #422626; border-bottom: 1px solid #FFA800; border-left: 1px solid #422626; border-right: 1px solid #FFA800; padding-left: 3px; margin-left: 10px; height: 100px; font-size: 1.2em;}
#inputvalid {font-family: Trebuchet, Arial, Helvetica, verdana, sans-serif; color: #422626; font-weight: bold; background-color: #FFA800; border: 1px solid #FFA800; margin: 5px 0 0 5px; font-size: 1.1em;}
#inputannul {font-family: Trebuchet, Arial, Helvetica, verdana, sans-serif; color: #422626; font-weight: bold; background-color: #F88239; border: 1px solid #FE9657; margin-top: 5px; font-size: 1.1em;}


/* ------------- FOOTER -------------- */

#adresse {float: left; border-collapse: collapse; margin: 0 auto; width: 100%; background: url(../img/fd.gif);}
#adresse1 {width: 52px; vertical-align: bottom;}
#adresse2 {width: 100%; height: 22px; text-align: center; vertical-align: top; font-size: 0.8em; color: #5B3433;}
#adresse2 a {color: #5B3433; text-decoration: underline;}
#adresse3 {width: 53px; vertical-align: bottom;}
#footer {width: 964px; text-align: left; margin: auto; padding-top: 3px;}
.copyright {font-size: 0.6em; color: #B15A0F; padding-left: 70px;}