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


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

* {padding: 0; margin: 0;}

body{
	color: #FFFFFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 101%;
	background: #661A02 url(../img/fd.gif) repeat-x;
}

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


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

#position {width: 980px; border-collapse: collapse; margin: 0 auto; text-align: left;}
#structcontenu {float: left; width: 980px; text-align: left;}
#service {float: right; width: 634px; text-align: right; font-size: 0.7em; color: #F3653A; padding: 12px 22px 11px 0;}
#service a {color: #F3653A; text-decoration: none;}
#service a:hover {text-decoration: underline;}
.servSep {color: #C6390E; margin: 0 20px;}
#menu {float: right; width: 655px;}
#menu img {margin-left: 19px;}


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

#hplogo {float: left; margin: 0 auto; width: 324px; background: #CA7011; text-align: center;}
#hplogo img {margin: 10px 0 16px 0;}


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

/* Généralités */
#pilogo {float: left; margin: 0 auto; width: 324px; text-align: center;}
#pilogo img {margin: 10px 0 16px 0;}

#structcontenuPI {font-size: 0.7em; padding: 10px 40px;}
#structcontenuPI p {margin: 0 0 20px 0;}
#structcontenuPI ul {padding: 0 0 20px 40px;}
#structcontenuPI li {list-style: none;}
#structcontenuPI li img {padding: 20px 0 0 10px;}

.chemin {color: #D79034; padding-bottom: 5px;}
.chemin a {color: #D79034; text-decoration: none;}
.chemin a:hover {text-decoration: underline;}

.txtbold {font-size: 1.1em; font-weight: bold;}
.txttitre {font-variant: small-caps; font-size: 1.8em; color: #FFF; background: url(../img/pInt_puceTitre.gif) no-repeat; padding: 10px 0 18px 52px;}
.intro {font-size: 1.1em; color: #E08E19;}
.txttitrebis {font-weight: bold; font-size: 1.2em; color: #E08E19; padding-top: 20px;}
.txttitrebis img {padding: 10px;}

/* Sous-rubriques */
#ssRub {float: left; width: 916px; text-align: right; font-size: 0.9em; color: #FEEED7; background: #4E2016; padding: 8px 24px 7px 0; margin: 0 20px;}
#ssRub a {color: #F37C00; text-decoration : none; margin: 0 16px;}
.ssRubOn {margin: 0 16px;}

/* Contenu */

#preststructIntro {text-align: center;}
#preststructIntroTable {width: 633px; border-collapse: collapse; margin: 0 auto;}
#preststructIntroFd {background: #540303; text-align: center;}
#preststructIntroCont {width: 550px; border-collapse: collapse; margin: 0 auto;}
#preststructIntroContFid {width: 550px; border-collapse: collapse; margin: 0 auto;}
.prestcontenuIntro {font-size: 1.1em; width: 88%; border-bottom: 1px solid #9C2601; padding-top: 8px; text-align: left;}
.prestcontenuIntroSsPrix {font-size: 1.1em; width: 88%; padding-top: 8px; text-align: left;}
.prestcontenuIntroDetail {color: #9C2601;}
.prestcontenuIntroFid {font-size: 1.1em; width: 100%; border: 1px solid #9C2601; padding: 10px;}
.prestcontenuprixIntro {font-size: 1.1em; font-weight: bold; padding-left: 5px; width: 12%; vertical-align: bottom; text-align: right; border-bottom: 1px solid #9C2601; padding: 10px 0 5px 0;}

#preststructa {width: 458px; vertical-align: top; padding: 0 40px 20px 0;}
#preststructb {width: 458px; vertical-align: top; padding: 0 0 20px 40px;}
#preststructc {border-collapse: collapse; margin: 0 auto; width: 100%;}
#preststructd {border-collapse: collapse; margin: 0 auto; width: 100%;}
.prestcontenu {font-size: 1.1em; width: 88%; border-bottom: 1px solid #912E2E; padding: 10px 0 5px 0;}
.prestcontenumassage {font-size: 1.1em; width: 76%; border-bottom: 1px solid #912E2E; padding: 10px 0 5px 0;}
.prestcontenuprix {font-size: 1.1em; font-weight: bold; padding-left: 5px; width: 12%; vertical-align: bottom; text-align: right; border-bottom: 1px solid #912E2E; padding-top: 10px;}
.prestcontenuprix2 {font-size: 1.1em; width: 24%; vertical-align: bottom; text-align: right; border-bottom: 1px solid #912E2E; padding-top: 10px;}
.prestimg {padding: 60px 0 10px 0;}
.prestimgsstitre {padding-top: 15px;}
.prestimgsoins {padding-top: 115px;}
#prestpaiement {padding: 10px 0 20px 0; text-align: center;}
.prestpaiement2 {color: #BA4F2C; border: 1px solid #BA4F2C; padding: 5px;}
.prestcomment {font-size: 0.9em; padding-top: 8px;}
.prestcomment2 {font-size: 0.9em; padding-top: 8px;}
.prestcomment2 li {list-style: none;}

.rub1bimg img {margin: 0 10px 10px 0;}
.rub2aimg img {margin: 20px 0 0 110px;}

#popup {float: left; width: 620px; text-align: left; font-size: 0.7em; padding: 10px 0 10px 40px;}
#popup p {margin: 0 0 20px 0;}
#popup p.msgImportantTitre {font-weight: bold; font-variant: small-caps; font-size: 1.4em; color: #E08E19; background: #540303; padding: 10px 0 5px 20px; margin: 0;}
#popup p.msgImportant {background: #540303; padding: 5px 0 10px 20px;}
#popup p img {text-align: center; margin-top: 20px; border: 4px solid #BD4D18;}
#popup p.actu img {text-align: center; margin-top: 0; border: 4px solid #BD4D18;}
#popupTablo {border-collapse: collapse; margin: 0 auto; width: 100%;}
#popupTablo td {font-size: 0.7em; vertical-align: top;}
#popupTablo td#popupTabloG {width: 60%;}
#popupTablo td#popupTabloD {width: 40%;}
#popupTablo td#popupTabloGVenir {width: 50%;}
#popupTablo td#popupTabloDVenir {width: 50%;}








.rub1aimg img {padding-right: 10px;}
.rub1aimg2 img {padding-left: 10px;}
.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;}




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

#footer {text-align: center; font-size: 0.7em; color: #BA4F2C; padding: 10px 0;}
#footer a {color: #BA4F2C; text-decoration: none;}
#footer a:hover {text-decoration: underline;}
.copyright {color: #A23C1B; padding-left: 70px;}