.msk{
display: none;

}
.cellmenu {
width: 148px;
background-color: #746a59;
}
 
.contenu { 
width: 950px;
}

.titre {
	background-color: transparent;
	border-bottom: 1px solid #90836d;

}
.titre font {
	color: #ffcc33;
	font: 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-left: 2px;
}


.breves {
	background-color: #fff;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	
}

.breves font{
color:#000;
}
/*.menu {
	list-style-type: none;
	padding-left: 2px;
	vertical-align: middle;
	line-height: 30px;
	background-color: #f4ca4c;
	width:130px;
}*/

body {
	background: rgb(78,72,60) url(images/fond.png) repeat-y center;
	margin: 0;
	padding: 0;
	text-align:center;
}

td {
color: #ceed82;
}
td.coordonnes_boutique{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	}
.descriptionsauna{
	vertical-align: top;
	
	}
	
.sauna{
	background-color: #746a59;
	border: 1px solid #37332a;
	}
.menu a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	display: block;
	text-align: left;
	text-decoration: none;
	color: #073B6C;
	background-color: #746a59;
	border-bottom: 1px solid #f49f13;
}

.menu a:hover {
	color: #faa018;
	background-color: #e8f5fa;
}

.menu a:active {
	color: Blank;
}

.fondmenu {
	background-color:#746a59;
}

 
#menuhaut  {
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0;
	padding: 0;
	padding-right: 10px;
	background-color: #746a59;
	line-height: 25px;
}

#menuhaut a, a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #ffffff;
	
}

#menuhaut a:hover {
	color: #2e271f;
}

.titrerge {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: bold;
color: #990000;
}

.texte {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #000000;
}

.texterge {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #990000;
}

.abonnement{
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	}

.titreblc{
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	padding: 3px;
	background-color: #b5b5b5;
	}

.texteblc{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	}

a, a:visited, a:active{
	/*font-size: 12px;*/
	color: #ff9900;
	font-weight: bold;
	text-decoration :underline;
}

a:hover{
	color: #ffcc0e;
	
	}
	

	

/* ************************CSS DOCUMENT POUR LE MENUPERSO INCLUDE*********************************/
#titremenu a{
	color: #ceed82;
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
	
	}

#titremenu{
	border-bottom: 1px solid #1a1814;
	color: #ceed82;
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
padding-bottom: 4px;
margin-left: 5px;
	}

ul#menu{
list-style-type: none;
margin:0;
padding: 0;
}

#menu li a{
/*display: block;*/
text-decoration: none;
color: #ffffff;
font: 12px Verdana, Arial, Helvetica, sans-serif;
background: url(images/fleche.gif) left center no-repeat;
background-position:15px;
padding-left: 30px;
margin: 0px;
/*background-color:#f4ca4c;*/
}

#menu li a:hover{
text-decoration: underline;
}

#commande{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #ffcc00;
	text-align: center;
	padding:15px;
	
	background-color: #4e483c;
	}

#commande a{
	color: #ffcc00;
	text-decoration: none;
	}

#commande a:hover{
	color:#c0ed82;
	text-decoration: underline; 
	}

/******************CSS pour la page contact*********************************/


.contactcoord{
font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;

}
.contactcoord a {
text-decoration: none;
color: #fff;
}

.contactcoord a:hover{
color: #d4f570;
}

.plan{
font: 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #b80045;
}
/*si on met un titre sur la page contact*/
.titrecontact{
    color: #26527f;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding-left: 2px;
}

/*******************************CSS pour le Menu Bas.php***************************/

.bureau {
font: 12px Verdana, Arial, Helvetica, sans-serif;
color: #000;
text-align: center;
}

.texte {
font: 10px Verdana, Arial, Helvetica, sans-serif;
color: #666666;
text-align:center;
}

.mentionsleg{
font: 12px Verdana, Arial, Helvetica, sans-serif;
}
.mentionsleg a{
font: 10px Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
color: #4a76a3;
}

.mentionsleg a:hover{
color:#fff;
}

a.mailmenu {
color: #6699FF;
}

a.mailmenu:hover{
color: #CC9999;
}

/************************************CSS FORMULAIRE********************************************/


.formintro font{
/* message d'introduction */
font: 12px Arial, Helvetica, sans-serif;
color: #ceed82;
}
.formerreur {
/* message d'erreur */
font: 14px Arial, Helvetica, sans-serif;
color: #91117d;

}
.formetoile {
/* message sur les chanmps obligatoires */
font: 12px Arial, Helvetica, sans-serif;
color: #fff;
}

.formtable {
/* tableau de formulaire : généralités */
	background-color: transparent;
	padding: 10px;
	/*border: 2px solid red;*/
	font-family:Arial, Helvetica, sans-serif;
	border: none;
}

/*.formcomment font {
	font-size: 16px;
	color:green;
}*/


.formcomment a:hover{
color: #96bc0f;
}

.libconditions {
	/*margin-left: 180px;*/
	color: #bb1220;
	font: 12px Arial, Helvetica, sans-serif;
}

.formlabel {
/* pour les labels 
   pour agir sur la police des labels il faut ajouter un style : .formlabel font {} */
	background-color: transparent;
	/*color: green;*/
	border: none;
	width: 150px;
	
}
.formlabel font {
	font-size: 12px;
	color: #ceed82;
	margin-left: 5px;
}

.formdata {
	background-color: transparent;
	color: #6600CC;
	width: 300px;
	border: none;
	line-height: 20px;
	padding-top: 3px;
}

.formdata font {
	color: #f39501;
	font-size: 12px;
}


fieldset {
	-moz-border-radius : 10px;
	margin-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #b5b5b5;
}

.stylelegend{
font: 16px Arial, Helvetica, sans-serif;
color: #ce57a9;
margin: 10px;
}

.formchamptexte {
	/*border: inset #cf9;*/
}

.formcheckbox {
	/*border: inset #cf9;*/
}

td input.text:focus {
	background-color: green;
	color : red;
}

.formvalidation {
/* ligne du bas */
	texte-align: center;
	border: none;
	background-color: transparent;
}
.formsubmit {
/* format du bouton de validation */
color: #000;
background-color: #f4ca4c;
/*background-image : url(images/suivant.gif);*/
border: none;
width: 110px;
height: 30px;
/*margin-left:600px;*/
margin-top: 10px;
}

.formreset {
/* format du bouton de validation */
}
.formresume {
/* tableau de formulaire de droite : généralités */
	background-color: transparent;
	padding: 10px;
	/*border: 2px solid red;*/
}
.formresumelabel {
/* pour les labels dans le résumé des données enregistrées */
	background-color: transparent;
	color: #ceed82;
	border: none;
	width: 150px;
}
.formresumelabel font {
	font-size: 12px;
}

.formresumedata {
	/*background-color: navy;*/
	color: white;
	width: 450px;
}

/************************page contactcoord***********************/

.curved {
	background: transparent;
	width:85%;
	margin:0 auto;
	
	}


.curved .top, .curved .bottom {display:block; background:transparent; font-size:1px;}
.curved .b1, .curved .b2, .curved .b3, .curved .b4 {display:block; overflow:hidden; height:1px;}
.curved .b2, .curved .b3, .curved .b4 {background:#4e483c; border-left:1px solid #fff; border-right:1px solid #fff;}
.curved .b1 {margin:0 4px; background:#fff;}
.curved .b2 {margin:0 4px; height:2px;}
.curved .b3 {margin:0 3px;}
.curved .b4 {margin:0; height:1px; border-width:0 3px 0 3px;}

.curved .boxcontent {
	display:block;
	background:#4e483c;
	border:0 solid #fff;
	border-width:0 1px;
	font: 12px Arial, Helvetica, sans-serif;
	padding-left: 10px;
}

/* menuH.css
 * For: menuDropdown.js (version: 0.1x)
 */

/* if the menu is horizontal:
 * avoid defining 'static' elements that have a non-zero border and that have
 * their 'width' or 'height' different than 'auto', when they are ancestors of
 * submenu elements (including #mainMenu and #menuList themselves)
 * it may cause slight positioning bugs in Win/IE5-6
 * for the same reason, avoid setting a non-zero border on the BODY element if
 * Win/IE6.0 switches to standards-compliant mode
 */
/* if the menu is horizontal and has a 'static' position:
 * do not set neither margin nor padding nor border on the HTML element, as it
 * will lead to wrong submenu position in Opera 7
 * do not set margin on the BODY element neither (use padding instead)
 */

#mainMenu1 {
  background-color: #746a59;
  color: #fff;
/*  margin: 0 0 20px; marges autour du menu */
  padding: 0;
  margin:0;
  /* if the menu is horizontal and has a 'static' position:
   * do not set a non-zero margin-top, if the BODY element has a zero
   * padding-top and this menu is its first 'static' child
   * this is due to an Opera 7 bug :-(
   */
  padding-left: 500px;
  z-index: 1;
  position: static;
  /* if the menu is horizontal: use a 'static' position
   * if the menu is vertical: use an 'absolute' or 'fixed' position
   */
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align:right;
}

.boutique_menuhaut{
	background-color: #746a59;
  color: #fff;
  text-align:right;
	
	}
	
#menuList1 {
/* intérieur du menu */
  /*border: 1px solid #286BBD;*/
  margin: 0;
  padding: 0;
  /* do not use a position other than 'static' here */
}

#menuList1 li {
  /* do not change these rules */
  display: inline;
  margin: 0px;
  padding: 0;
  list-style: none;
  
  /* do not change these rules */
}

#menuList1 li a {
/* boutons liens premier niveau */
  background-color: transparent;
  color: #fff;
  display: inline;
  font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
  line-height: 1.8em;
  border-right: 1px solid #fff;
  /*margin: 0;*/
  padding: 2px 6px;
  /* always set margin to '0' */
  /* Win/IE5.0 will ignore border and padding if display is 'inline' */
  text-decoration: none;
}

#menuList1 li a:hover, #menuList1 li a:focus {
 
color: #4e483c;
  /*border: 1px solid #fff;*/
  
}

/* As Win/IE5.0 doesn't apply padding on inline elements, background images
 * must be hidden from it, otherwise they will be displayed behind text
 */
#menuList1 li a.actuator {
  width/* */: auto; /* hides the following rule from Win/IE5.0 */
  /*background: url("images/fleche-bas-noire.jpg") no-repeat 100% 50%;*/
  color: #fff;
  background-color: transparent; 
  /*padding-right: 5px;*/
  z-index:10;
  
 
}

#menuList1 li a.actuator:hover, #menuList1 li a.actuator:focus {
  width/* */: auto; /* hides the following rule from Win/IE5.0 */
  background-color: #221c10;
color: white;
 
}

#menuList1 .menu {
   color: #000;
  background-color: #fff;
 /*border-top: 1px solid #000;*/
  margin: 0;
padding: 0;
  width: 230px;
     
  /* only set '0' or negative margin */
  /* border  width must be the same on the four sides (in 'px' units) */
  /* padding width must be the same on the four sides (in 'px' units) */
  z-index: 1;
  position: absolute;
  visibility: hidden;
  /* always set position to 'absolute' and visibility to 'hidden' */
}

#menuList1 .menu .menu {
  /*margin-left: 2px;*/
  /* if a non-zero padding is set on .menu, set margin-left to margin-left + padding */
}

#menuList1 .menu li a {
  display: block;
  line-height: normal;  
 	border-left: 1px solid #cd6a00;
	border-right: 1px solid #cd6a00;
	border-bottom: 1px solid #cd6a00;
	color: #cd6a00;
	background: #fff;
	text-align: left;
}

#menuList1 .menu li a.actuator {
 background-color: #c4b57e;
color: #FFFFFF;
}

#menuList1 .menu li a:hover, #menuList1 .menu li a.actuator:focus {
  background-color: #221c10;
color: white;
}