body {background: #83675A url(http://www.histoiresdebastide.com/cote-d-azur/brun_clair.jpg); color: #000; font-family: Verdana;    font-size: 11px ; text-align: center   ;  margin: auto!important;
  behavior: url(http://www.histoiresdebastide.com/csshover.htc); } /* WinIE behavior call */
div.centre   { width: 740px;  text-align: center   ;  margin:auto;}
div.fond {background: url(http://www.histoiresdebastide.com/cote-d-azur/fond_cadre760px.jpg) no-repeat; width: 760px; text-align: justify; padding-top: 40px;padding-bottom: 40px; padding-left: 40px;}
p.centre   {    text-align: center   ;  margin:auto;}
div.drapeaux {text-align : right; margin-top:10px;}
  a {color: #c60;}
p {font-family: Verdana; color: #000;  font-size: 11px; }
p.adresse, .addr {font-family: Verdana; color: #fff;  font-size: 11px; }
p.adresse a, .addr a {font-family: Verdana; color: #fff;  font-size: 11px ;}
table {border : 0px; margin: 0px;padding:0px;}
td {border : 0px; }
h1 {color: #000;   margin-bottom: 0; font-size: 11px; font-weight: normal;}
h2 {color: #000;   margin-bottom: 0; font-size: 12px; font-weight:bold;}
h3 {color: #000;   margin-bottom: 0; font-size: 11px; font-weight: normal ; padding-bottom:0px;}
#main {color: #CCC;  padding: 1em 0 1px 5%;  }
 div#nav {float: left; margin: -1px 0 0 10em ;    margin-left:auto !important;    margin-right:auto !important;
  background: #634242  url(http://www.histoiresdebastide.com/cote-d-azur/menu.gif);   width:768px !important; text-align: center;  height: 35px; line-height: 35px; margin-top : 3px;padding-bottom : 3px; }
 div#nav ul {margin: 0;  padding:0; background: #634242; line-height: 35px;  min-height: 35px;
  border-bottom: 1px solid #CCC; border-width: 0 1px; font-variant: small-caps;  font-size:11.8px; letter-spacing:0.9px; font-weight:bold; list-style: none; }
 div#nav li#accueil,  div#nav li.accueil {position: relative; list-style: none; margin: 0;   margin-left:-5px;
  float: left; width: 7.5em; line-height: 2em; padding-left:3px; padding-right:0px; }
div#nav li {position: relative; list-style: none; margin: 0px;
  float: left; width: 7em; line-height: 2em;padding-left:0px; padding-right:0px; display:block; }
div#nav li#lodge {position: relative; list-style: none; margin: 0px;
  float: left; width: 6.5em; line-height: 2em;padding-left:0px; padding-right:0px; display:block; }
html>body>div#nav>li {position: relative; list-style: none; margin: 0px;
  float: left; width:7em; line-height: 2em;padding-left:0px; padding-right:0px; display:block; }
  div#nav li#maison  {position: relative; list-style: none; margin: 0;  font-size:11px;
  float: left; width: 8.5em; line-height: 2em; padding-left:0px; padding-right:0px; display:block;}

div#nav li#chambres-hotes  {position: relative; list-style: none; margin: 0;  font-size:11px;
  float: left; width: 11.8em; line-height: 2em; padding-left:0px; padding-right:0px; display:block;}
div#nav li#tarif, div#nav li.tarif {position: relative; list-style: none; margin: 0;  font-size:11px;
  float: left; width: 7em; line-height: 2em; padding-left:0px; padding-right:0px; display:block;}
div#nav li:hover {list-style: none; background: #816766;color: #fff; }
div#nav li.submenu {width: 7em; list-style: none;  background:url(http://www.histoiresdebastide.com/cote-d-azur/dropmenu.gif)  100% 50% no-repeat;padding-left:0px; padding-right:0px;padding-bottom: 3px;}
div#nav li.submenu:hover {list-style: none;background-color: #816766; margin-top:3px;margin-bottom:3px; color: #fff;}
div#nav li a {  padding: 0;  text-decoration: none; color: #fff;  }
div#nav li.submenu a:hover {  color: #fff; padding-bottom: 3px;}
div#nav>ul a {color: #fff; }
div#nav ul ul {position: absolute; top:5px;  list-style: none;  display: none;}
div#nav ul ul li {border-bottom: 1px solid #CCC;list-style: none; }
div#nav li.submenu li.submenu {background: url(http://www.histoiresdebastide.com/cote-d-azur/submenu.gif) 95% 50% no-repeat;width: 12.5em; list-style: none;}
div#nav li.submenu li.submenu a {  padding-bottom:3px;}
div#nav li.submenu li.submenu:hover {background-color: #816766; color: #fff;}
div#nav ul.level1 li.submenu:hover ul.level2, div#nav ul.level2 li.submenu:hover ul.level3 {display: block;  }
div#nav ul.level2 {top: 2.2em; left: -1px; }
div#nav ul.level2 li {list-style: none; width: 12.5em; font-size: 10.5px ;}
marquee {color: #ffc; width: 800px;}
marquee a , .actu a     {color: #ffc;}
marquee a:hover , .actu a:hover     {color: #ffc;}
div.actu  {color: #ffc; width: 670px; text-align: justify ; font-size:11px; }
a.lireplus {color : #E5CCBF; height:80px; vertical-align:top; text-decoration: none; /* définition du lien qui affichera le "calque" */}
a.lireplus:hover {background: none; text-decoration: none; /* correction d'un bug IE */}
a.lireplus  div {  display: none;}
a.lireplus:hover div {  display: block;  position:relative; top:5;   width: 670px;  text-align: justify; }
.actu    {color : #E5CCBF; width: 670px; text-align: justify ; font-size:11px;}
.actu a {color : #E5CCBF;}
 img {border: 0; }
textarea, form {margin-left: 25px;}
.flottante    {color : #E5CCBF; width: 320px;   padding-left:25px; padding-right:25px; text-align: justify ; font-size: 11px; float: left; display: block; }
.petite {
	display: none;
}