body{margin: 0; /* pour éviter les marges */
text-align: center; /* pour corriger le bug de centrage IE */
/*background: url(../images/f3.jpg) repeat-x;
background-color:#CCCC99;*/
/*background: url(../images/fond.jpg) repeat-x;*/
background-color:#ccc;
height:100%;
font-family: 'Montserrat', sans-serif;
}

.couleurmagnolia{
color:#f06f19;
}
.couleurbgmagnolia{
background-color:#f06f19;
}

.couleurbordermagnolia{
border-bottom:2px solid #f06f19;
}

.couleurpalmier{
color:#ae1221;
}
.couleurbgpalmier{
background-color:#ae1221;
color:#fff;
}

.couleurborderpalmier{
border-bottom:2px solid #ae1221;
}


.couleurbghortensia{
background-color:#b13f87;
color:#fff;
}

.couleurborderhortensia{
border-bottom:2px solid #b13f87;
}



.bouton1 {
	position: relative;
	left:100px;
	top:430px;
	padding:10px 0 10px 0;
	font:Normal 13px Arial;
	background:#b13f87;
	color:#fff;
	width:120px;
	border-radius:6px;
	border:none;
cursor: hand;
font-family: 'Montserrat', sans-serif;
}
#bouton1:hover,#bouton1:focus{
  background-color:#702855;
  cursor:pointer;
  color:#f1f1f1;
}
.bouton2 {
	position: relative;
	left:750px;
	top:320px;
	padding:10px 0 10px 0;
	font:Normal 13px Arial;
	background:#f06f19;
	color:#fff;
	width:120px;
	border-radius:8px;
	border:none;
font-family: 'Montserrat', sans-serif;
}
#bouton2:hover,#bouton2:focus{
  background-color:#c95d15;
  cursor:pointer;
  color:#f1f1f1;
}
.bouton3 {
	position: relative;
	left:380px;
	top:450px;
	padding:10px 0 10px 0;
	font:Normal 13px Arial;
	background:#ae1221;
	color:#fff;
	width:120px;
	border-radius:8px;
	border:none;
font-family: 'Montserrat', sans-serif;
}
#bouton3:hover,#bouton3:focus{
  background-color:#720c16;
  cursor:pointer;
  color:#f1f1f1;
}
.bouton4 {
	padding:10px 0 10px 0;
	font:Normal 13px Arial;
	background:#17bcda;
	color:#fff;
	width:120px;
	border-radius:8px;
	border:none;
}
#bouton4:hover,#bouton4:focus{
  background-color:#1296ae;
  cursor:pointer;
  color:#f1f1f1;
}
.bouton0menu {
	padding:10px 0 10px 0;
	font:Normal 13px Arial;
	background:#999;
	color:#fff;
	width:140px;
	border-radius:6px 6px 0 0;
	border:none;
	cursor: hand;
	font-family: 'Montserrat', sans-serif;

}
#bouton0menu:hover,#bouton0menu:focus{
  background-color:#333;
  cursor:pointer;
  color:#f1f1f1;
}
.bouton1menu {
	padding:10px 0 10px 0;
	font:Normal 13px Arial;
	background:#b13f87;
	color:#fff;
	width:140px;
	border-radius:6px 6px 0 0;
	border:none;
	cursor: hand;
	font-family: 'Montserrat', sans-serif;

}
#bouton1menu:hover,#bouton1menu:focus{
  background-color:#702855;
  cursor:pointer;
  color:#f1f1f1;
}
.bouton2menu {
	padding:10px 0 10px 0;
	font:Normal 13px Arial;
	background:#f06f19;
	color:#fff;
	width:140px;
	border-radius:6px 6px 0 0;
	border:none;
	font-family: 'Montserrat', sans-serif;

}
#bouton2menu:hover,#bouton2menu:focus{
  background-color:#c95d15;
  cursor:pointer;
  color:#f1f1f1;
}
.bouton3menu {
	padding:10px 0 10px 0;
	font:Normal 13px Arial;
	background:#ae1221;
	color:#fff;
	width:140px;
	border-radius:6px 6px 0 0;
	border:none;
	font-family: 'Montserrat', sans-serif;

}
#bouton3menu:hover,#bouton3menu:focus{
  background-color:#720c16;
  cursor:pointer;
  color:#f1f1f1;
}
.bouton4menu {
	padding:10px 0 10px 0;
	font:Normal 13px Arial;
	background:#17bcda;
	color:#fff;
	width:140px;
	border-radius:6px 6px 0 0;
	border:none;
	font-family: 'Montserrat', sans-serif;

}
#bouton4menu:hover,#bouton4menu:focus{
  background-color:#1296ae;
  cursor:pointer;
  color:#f1f1f1;
  font-family: 'Montserrat', sans-serif;

}

h3 {color:#333;}

div#conteneur{width:1024px;
/*font-family: Verdana,Arial,Helvetica,sans-serif;*/
font-size:12px;
margin:auto;}

div#conteneur{width:1024px;
/*font-family: Verdana,Arial,Helvetica,sans-serif;*/
font-size:12px;}

div#page{text-align: left;
width:1024px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
height: 100%;}

div#header{width:1024px;
height:160px;
text-align:right;
background: url(../images/header2.png) no-repeat left top ;
padding-top:5px;}

div#fiche{
margin:0px;
padding:20px;
background-color:#fff;
overflow:hidden;}

#memoire{width:1024px;
height:100px;
text-align:left;
background: url(../images/f1.jpg);
}

#memoire p{
margin-left:240px;
padding-top:20px;
text-align:left;
line-height:20px;
font-size:11px;
}

div#footer{width:1024px;
float:left;
margin-top:20px;
height:40px;
text-align:right;
color:#666;
/*border-top:2px solid #666*/
/*background-color:#333;*/}

div#footer a{
color:white;
text-decoration:none;
}

div#footer a:hover{
color:white;
text-decoration:none;
}

#accueil{background: url(../images/accueil1.jpg) no-repeat left top ;
width:1024px;
height:600px;}

.TerrasseEtJardin{background: url(../images/p1.jpg) no-repeat left top ;
position:relative;
width:1024px;
height:150px;
margin:0px;
padding:0px;
margin-bottom:5px;}

.Spa{background: url(../images/p0.jpg) no-repeat left top ;
position:relative;
width:1024px;
height:150px;
margin:0px;
padding:0px;
margin-bottom:5px;}

.EntreeSejour{background: url(../images/p2.jpg) no-repeat left top ;
position:relative;
width:1024px;
height:150px;
margin-bottom:5px;}

.Cuisine{background: url(../images/p3.jpg) no-repeat left top ;
position:relative;
width:1024px;
height:150px;
margin-bottom:5px;}

.Chambre{background: url(../images/p4.jpg) no-repeat left top ;
position:relative;
width:1024px;
height:150px;
margin-bottom:5px;}

.SalleDeBain{background: url(../images/p5.jpg) no-repeat left top ;
position:relative;
width:1024px;
height:150px;
margin-bottom:5px;}

#tarifs{background: url(../images/f.jpg) repeat-y left top ;
width:1024px;
height: 100%;}
				
#haut{background: url(../images/h.jpg) no-repeat left top ;
width:1024px;
height:20px;
}

#page2{background: url(../images/f.jpg) repeat-y left top ;
width:1024px;
height: 100%;
text-align:left;}

#page2 ul {padding : 0px;margin: 0px;list-style-type:none;}
#bas{background: url(../images/b.jpg) no-repeat left top ;
float:left;
width:1024px;
height:20px;}

#adresse{float:left;width:400px;}
#adresse{padding:0px;margin:0px;}
#enc{position:absolute;}
#enc1{padding-top:0px;padding-left:10px;padding-bottom:10px;padding-right:20px;}
#enc ul{liste-style:none;color:#ffffff;line-height:20px;}
.p1{color:#ffffff;line-height:20px;}
.p2{padding:0;margin:0;}
.p3{padding:0;margin:0;color:#fff;line-height:20px;}
.p4{padding:0;margin-left:10px;color:#fff;line-height:20px;width:600px;float:left;}
.p5{color:#ffffff;line-height:15px;}
.p6{color:#ffffff;font-size:10px;}
.img1{position:relative;}
.liste1 {position:relative;padding:0;margin-left:20px;color:#fff;line-height:20px;width:610px;float:left;list-style: square;}
.liste1 li{position:relative;padding:0;margin-left:20px;color:#fff;line-height:20px;list-style-type: square;}
.liste2 li{position:relative;color:#fff;line-height:20px;width:880px;left:50px;list-style-type: square;}
h1{padding:0;margin:0;}
p{padding:0;margin:0;}
.Titre1{color:#CCCC99;font-size:22px;text-align:right;}
.Titre2{color:#333333;font-size:18px;margin-left:10px;padding-bottom:10px;}

input, textarea, select{border:1px solid #17bcda;
margin:3px;
padding:0px 3px;
font:90%/180% "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
color:#666666;}

label{float:left;
margin:5px;
width:150px;
display:block;
color:#fff;}

.p1{color:#fff;
position:absolute;
/*font-family:Verdana,Arial,Helvetica,sans-serif;*/
font-size:12px;
height:20px;
width:600px;
text-align:left;
margin-top:205px;
margin-left:20px;}

.p5{color:#fff;
position:absolute;
/*font-family:Verdana,Arial,Helvetica,sans-serif;*/
font-size:12px;
height:20px;
width:600px;
text-align:left;
margin-top:205px;
margin-left:20px;}

.p6{color:#fff;
position:absolute;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
height:20px;
width:600px;
text-align:left;
margin-top:32px;
margin-left:20px;}

.td1{background-color:#ccc;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
height:20px;
width:150px;
text-align:center;}

.td2{background-color:#333;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
color:#fff;
height:20px;
text-align:center;
width:150px;}

.td3{width:120px;
background-color:#999;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
color:#fff;
height:20px;
text-align:center;
width:150px;}

.td4{width:120px;
background-color:#CCCC99;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
color:#000;
height:20px;
font-weight:bold;
text-align:center;
width:150px;}

.DescriptionPiece{
position:absolute;
width:440px;
float:left;
text-align:left;
padding:0px;
margin-left:10px;}

#menu{margin: 16px;
width:602px;
height:134px;
float:right;
position: relative;
border:0px solid white;
}

#menu ul{margin: 0;
text-decoration:none;
padding:0;
list-style-type:none;}
			
/*#menu li { height:25px;float:left; width: 290px; border-bottom:1px dashed black;}
#menu li a { height:25px;display:block; float:left; line-height:25px; color:#fff; text-decoration:none; font-size:14px; font-family:arial, verdana, verdana, sans-serif; font-weight:normal; text-align:left; padding:0 0 0 0px; cursor:pointer;background:url(../images/0004.jpg) no-repeat right top; width:290px; }
#menu li a b { height:25px;float:left; display:block; padding:0 0px 0 0px; width:290px; }
#menu li a b { height:25px;float:left; display:block; padding:0 0px 0 0px; width:290px; }
#menu li.current a { height:25px;color:#ccc; background:url(../images/0004s.jpg); width:290px; }
#menu li.current a b { height:25px;background:url(../images/0004s.jpg) no-repeat right top; width:290px; }
#menu li a:hover { height:25px;color:#333; background:#CCCC99 url(../images/0004s.jpg); width:290px; }
#menu li a:hover b { height:25px;background:url(../images/0004s.jpg) no-repeat right top; width:290px; }
#menu li.current a:hover { height:25px;color:#333; background:#CCCC99 url(../images/0004s.jpg); width:290px; }
#menu li.current a:hover b { height:25px;background:url(../images/0004s.jpg) no-repeat right top; width:290px; } */

#menu1 li { height:25px;float:left; width: 210px; border-bottom:1px dashed black;}
#menu1 li a { height:25px;display:block; float:left; line-height:25px; color:#fff; text-decoration:none; font-size:14px; font-family:arial, verdana, verdana, sans-serif; font-weight:normal; text-align:left; padding:0 0 0 0px; cursor:pointer;background:url(../images/0004.jpg) no-repeat right top; width:210px; }
#menu1 li a b { height:25px;float:left; display:block; padding:0 0px 0 0px; width:210px; }
#menu1 li a b { height:25px;float:left; display:block; padding:0 0px 0 0px; width:210px; }
#menu1 li.current a { height:25px;color:#ccc; background:url(../images/0004s.jpg); width:290px; }
#menu1 li.current a b { height:25px;background:url(../images/0004s.jpg) no-repeat right top; width:210px; }
#menu1 li a:hover { height:25px;color:#333; background:#CCCC99 url(../images/0004s.jpg); width:210px; }
#menu1 li a:hover b { height:25px;background:url(../images/0004s.jpg) no-repeat right top; width:210px; }
#menu1 li.current a:hover { height:25px;color:#333; background:#CCCC99 url(../images/0004s.jpg); width:210px; }
#menu1 li.current a:hover b { height:25px;background:url(../images/0004s.jpg) no-repeat right top; width:210px; }

#menu2 li { height:25px;float:left; width: 370px; border-bottom:1px dashed black;}
#menu2 li a { height:25px;display:block; float:left; line-height:25px; color:#fff; text-decoration:none; font-size:14px; font-family:arial, verdana, verdana, sans-serif; font-weight:normal; text-align:left; padding:0 0 0 0px; cursor:pointer;background:url(../images/0004.jpg) no-repeat right top; width:370px; }
#menu2 li a b { height:25px;float:left; display:block; padding:0 0px 0 0px; width:370px; }
#menu2 li a b { height:25px;float:left; display:block; padding:0 0px 0 0px; width:370px; }
#menu2 li.current a { height:25px;color:#ccc; background:url(../images/0004s.jpg); width:370px; }
#menu2 li.current a b { height:25px;background:url(../images/0004s.jpg) no-repeat right top; width:370px; }
#menu2 li a:hover { height:25px;color:#333; background:#CCCC99 url(../images/0004s.jpg); width:370px; }
#menu2 li a:hover b { height:25px;background:url(../images/0004s.jpg) no-repeat right top; width:370px; }
#menu2 li.current a:hover { height:25px;color:#333; background:#CCCC99 url(../images/0004s.jpg); width:370px; }
#menu2 li.current a:hover b { height:25px;background:url(../images/0004s.jpg) no-repeat right top; width:370px; }

