@charset "utf-8";
/* CSS Document */

body{ font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; background-color:#000; background-repeat:no-repeat; background-position:center top;}
a, img{ margin:0; padding:0; border:none; outline:none;}
p, h1, h2{ margin:0; padding:0;font-weight:normal;}

/*#################################### Flash HOME ###########################################*/
#conteneur-flash{position:absolute; margin:auto; left:50%; margin-left:-595px;}

/*#################################### CONTENEURS ###########################################*/
#conteneur_global{ width:1000px; height:780px; margin:auto;}
#conteneur_head{ width:1000px; height:265px; position:relative;}
#conteneur_milieu{ width:1000px; height:460px; position:relative;}
#conteneur_milieu2{ width:980px; height:460px;margin-left:35px;}
#conteneur_milieu3{ width:1040px; height:460px;margin-left:30px;}
#conteneur_footer{ width:1000px; height:55px; position:relative;}

/*#################################### HEADER ###########################################*/
#logo{ float:left; width:163px; height:240px; padding-top:25px; margin-right:5px;}
#menu{ float:left; height:115px;}
a.lien-menu{ display:inline-block; padding:82px 10px 0 10px; height:33px; font-size:13px; color:#FFF; text-decoration:none;}
a.lien-menu:hover{ color:#000; background-image:url(../images/menu_hover.png); background-repeat:repeat-x;}
a.lien-menu-dore{ display:inline-block; padding:82px 10px 0 10px; height:33px; font-size:13px; color:#bea161; text-decoration:none;}
a.lien-menu-dore:hover{ color:#000; background-image:url(../images/menu_hover.png); background-repeat:repeat-x;}
/*____SOUS MENU____*/
#sous-menu{position:absolute; top:116px; left:0;}
#sous-menu div{ background-image:url(../images/sous_menu_bg.png);}
a.sous-menu{display:block; height:20px; text-align:left; line-height:20px; font-size:9px; color:#000; text-decoration:none; padding-left:3px;}
a.sous-menu:hover{background-image:url(../images/hover_sous_menu.jpg); background-repeat:repeat-x; color:#FFF;}

#sous-menu-1{ /*float:left; width:124px; margin-left:168px;*/ position:absolute; width:124px; top:0; left:168px;}
#sous-menu-2{/* float:left; width:155px; margin-left:296px;*/ position:absolute; width:155px; top:0; left:296px;}
#sous-menu-3{ /*float:left; width:149px; margin-left:455px;*/ position:absolute; width:149px; top:0; left:455px;}

/*#################################### MILIEU ###########################################*/
#petit-bloc1{ float:left; margin:70px 0 0 60px; padding-left:15px; padding-right:15px; width:228px; height:180px; background-image:url(../images/bloc_home_petit.png); background-repeat:no-repeat;}
#petit-bloc1 h2{ margin:5px 0 20px 0; font-size:14px; color:#FFF; font-weight:lighter;}
#grand-bloc{ float:left; margin:40px 0 0 0; padding-left:20px; padding-right:20px; width:306px; height:243px; background-image:url(../images/bloc_home_grand.png); background-repeat:no-repeat;}

#grand-bloc a:link, #grand-bloc a:visited, #grand-bloc a:hover{color:#bea161;}


#divTexteSoin a{ color:#bea161; text-decoration:underline; margin:0;}
#divTexteSoin a:hover{text-decoration:none;}
#grand-bloc h1{ margin:7px 0 20px 0; font-size:19px; color:#fff; font-weight:normal;}
#petit-bloc2{ float:left; margin:70px 0 0 0; padding-left:15px; padding-right:15px; width:228px; height:180px; background-image:url(../images/bloc_home_petit.png); background-repeat:no-repeat;}
#petit-bloc2 h2{ margin:5px 0 20px 0; font-size:14px; color:#FFF; font-weight:lighter;}
p.texte-petit-bloc{ font-size:11px; color:#FFF;}
p.texte-grand-bloc{ font-size:11px; color:#FFF; text-align:justify;}
ul.ul-petit-bloc{ margin-left:6px; padding:0;}
li.li-petit-bloc{ padding-left:10px; list-style:none; background-image:url(../images/fleche-liste.png); background-position:0 2px; background-repeat:no-repeat; color:#FFF; font-size:11px; margin:7px 0;}
a.lien-blanc{ color:#FFF; text-decoration:none; position:relative;}
a.lien-blanc:hover{ text-decoration:underline;}

/*#################################### FOOTER ###########################################*/
.footer-gauche{ height:27px; line-height:27px; float:left;}
.footer-droite{ height:27px; float:right; font-size:13px; line-height:27px;}
a.lien-footer{ padding:0 10px; color:#FFF; text-decoration:none; font-size:13px;}
a.lien-footer:hover{ color:#bea161;}
p.txt-footer{ font-size:9px; color:#FFF; text-align:left;}
a.lien-footer-10{ font-size:9px; color:#fff; text-decoration:none;}
a.lien-footer-10:hover{ text-decoration:underline}

/*####################################MASSAGE###########################################*/
#massage-histoire{width:600px;color:#FFFFFF;font-size:12px;margin:35px 0 0 15px;height:220px;overflow:auto;float:left; }
#massage-histoire p{margin-top:15px;}
#massage-video{float:right; width:323px; margin:46px 23px 0 0;}
#massage-google-map{float:right; width:323px; margin:30px 23px 0 0;}
#massage-histoire a{margin-left:30px}
#massage-prix{width:600px;color:#FFFFFF;font-size:12px;margin:20px 0 0 15px;float:left; }
.fond-gris{background-image:url(../images/blanc-transparent.png);background-repeat: x;float:left;font-weight:bold;padding:0px 10px 5px 10px;color:black}
.fond-jaune input{background:none; background-image:url(../images/button-jaune-massage.png);background-repeat: x;margin:0 0 0 17px;color:#655021;font-size:10px;padding:0;border:0; padding:5px}
#massage-histoire a.lien-dore{ color:#bea161; text-decoration:underline; margin:0;}
#massage-histoire a.lien-dore:hover{ text-decoration:none;}
#form-reservation p {margin:5px;}

/*#################################### RESERVATION ###########################################*/
#text-reservation{width:324px;color:#FFFFFF;font-size:13px;margin-top:35px;height:250px;overflow:auto;float:left;}
#text-reservation p{margin:10px 0 0 10px;}
#formulaire-reservation{float:left;background-image:url(../images/fond-formulaire.png); width:617px; height:260px; overflow:auto; margin:30px 0 0 15px;padding:10px;line-height:20px;font-size:12px}
#formulaire-reservation #date{size:20px }
#formulaire-reservation label{float:left}
#formulaire-reservation .mention{font-size:9px;}
#form-gauche-reserver{width:274px;float:left;margin:5px;}
#form-droite-reserver{width:274px;float:left;margin:5px 5px 5px 30px;}
#form-gauche,#form-droite{width:300px;float:left;margin:5px}
#form-droite a{color:#b41d1d;}
#form-droite .reserv{background-image:url(../images/button-jaune-reserver.png);background-repeat: x;color:#655021;font-size:11px;width:70px;height:28px;margin:0;padding:0;border:0}
.condition input.reservez-bouton{ width:77px; height:31px; float:left; margin:0; padding:0; border:0; background:none; background-image:url(../images/button-reservez.png); background-repeat:no-repeat;}
.validez-bouton{ width:77px; height:31px; float:left; margin:0; padding:0; border:0; background:none; background-image:url(../images/bouton-validez.png); background-repeat:no-repeat;}
#form-gauche img{margin-left:-9px}
#code-postal,#naissance,#hammam,#ville,#mail,#prenom,#nom, #mail1,#mail2,#massage, #adresse, #tel1, #tel2, #date_resa, #tel, #nom_invite, #prenom_invite,#date_naiss_invite, #adresse_invite, #ville_invite, #codepostal_invite, #mail1_invite, #mail2_invite, #codepostal, #nbhammam{background:none; background-image:url(../images/fond-champ.png); background-repeat:no-repeat;float:right;margin:0 5px 0 0;font-size:10px;height:16px;width:100px;border:0;}
#massage1, #massage2, #massage3, #massage4, #massage5, #massage6, #massage7, #massage8, #massage9, #massage10{margin:0 5px 0 0;font-size:10px;height:16px;border:0; float:right;}
#mois,#annee,#jour,#nombre{background:none;background-image:url(../images/fond-champ.png); border:0; background-repeat:no-repeat;width:50px; float:right;margin-right:7px;font-size:10px;height:18px;width:50px;}
.input-civil{ background:none; background-image:url(../images/fond-champ.png); background-repeat:no-repeat; float:right;margin:0 5px 0 0;font-size:10px;height:16px;width:100px;border:0;}
#nombre{width:39px}
#civil{width:80px}
#heure, #minutes,#pers{background:none;background-image:url(../images/fond-champ.png); background-repeat:no-repeat; float:right; margin-right:5px; font-size:10px; height:16px; width:39px; border:0}
#pers{background:none;background-image:url(../images/fond-champ-nombre.png); background-repeat:no-repeat;width:35px}
textarea.message{background-image:url(../images/textarea_fond.jpg); width:262px;height:38px; background-repeat:no-repeat; border:0; font-size:10px; margin:0px 5px 0 0; padding:5px;}
textarea.message-reserver{background-image:url(../images/textarea_reserver.jpg); width:262px; height:60px; background-repeat:no-repeat; border:0; font-size:10px; margin:0px 5px 0 0; padding:5px;}
label{font-size:11px;float:left}
.hammam-reserver{font-size:13px;font-weight:bold;color:#bea161;margin-top:15px;}
.bas-droite{float:right;margin-top:10px; margin-right:10px;}
.condition{margin-top:45px;position: relative; top:3px;}
.condition input{/*position:absolute;*/ top:3px;}
a.lien-rouge{ color:#990000; text-decoration:underline;}
a.lien-rouge:hover{ text-decoration:none;}
option{background-color:#fff;}
 
 /*#################################### CHEQUE CADEAUX ###########################################*/
#formulaire-cadeaux{float:left; background-image:url(../images/fond-formulaire.png); width:620px; margin:30px 0 0 15px; padding:10px; line-height:22px; font-size:12px; height:243px; overflow:auto; color:#000;}
.form-cadeaux{ margin:0; padding:0;}
.titre-formulaire{color:#dab96f;font-weight:bold;}
#votre-invite,#votre-invite .gauche, #vos-coordonne .droite,#vos-coordonne .gauche{margin:10px 0 10px 0;}
#votre-invite .droite{margin:54px 0 0 21px}
#vos-coordonne .droite{margin:54px 0 0 21px}
#vos-coordonne{float:left }
.condition-cadeaux{margin-top:30px;float:left;}
.condition-cadeaux .reserv{background-image:url(../images/button-jaune-reserver.png);background-repeat:x; color:#655021;font-size:11px;width:70px;height:27px;margin:0 0 15px 0;padding:0;border:0; float:left;}
.condition-cadeaux a{color:#B41D1D}
.condition-cadeaux #condition-cadeaux {position:relative;right:10px;top:5px;}
.mention-check{ float:left;}
.droite{float:right;width:279px;}
.gauche{float:left;width:300px; margin:0; padding:0;}
label.sous-titre-form{line-height:10px;margin-top:2px;}
 
/*#################################### CLASS ###########################################*/
.txt-9{ font-size:9px;}
.txt-12{ font-size:12px;}
.txt-13{ font-size:13px;}
.txt-19{ font-size:19px;}
.span-dore{color:#bea161;}
.clear{ clear:both;}
.titre-blanc{color:#FFF;}
.titre-dore{ color:#cc9966}
.bold{font-weight:bold}


.lien-hp a:link, .lien-hp a:visited,.lien-hp a:hover {color:#bea161;}