/* Generated by Jean-Claude_Rodulfo en 2011 */
* {
 margin: 0;
 padding: 0;
}
		body {
			margin-right: 112px;
			margin-left: 112px;
			background-position: left center;
			background-image: url(Image/Auberge/auberge-fond-02.jpg);
			margin-top: 15px;
			margin-bottom: 15px;
			background-attachment: fixed;
			}
	.logo {
	  height: 85px;
	  margin-top: 5px;
	  text-align: center;
	  color: rgb(51, 51, 255);
	  margin-right: auto;
	  margin-left: auto;
	  width: auto;
	  background-color: transparent;
	  }
	.navigation { 
      margin: 0; 
      padding: 0; 
      list-style: none; 
      background:#66cccc; 
      color: #66cccc; 
      width: 130px;     
	  font-size: .95em;
      } 
	.navigation a, .navigation span { 
      display: block; 
      padding: 4px 10px; 
      color: #fff; 
      text-decoration: none; 
      background: #66cccc left bottom no-repeat; 
      } 
	.navigation .toggleSubMenu a, .navigation .toggleSubMenu span { 
      background: #66cccc; 
      } 
	.navigation .open a, .navigation .open span { 
     
	  font-size: .95em;
      } 
	.navigation a:hover, .navigation a:focus, .navigation a:active { 
      text-decoration: underline; 
      } 
	.navigation .subMenu { 
      font-size: .95em; 
      background: #66cccc url(subMenu.png) 0 0 repeat-x; 
      font-size: .95em; 
      margin: 0; 
      padding: 0; 
      border-bottom: 1px solid #666; 
      } 
	.navigation ul.subMenu a { 
      background: none; 
      padding: 3px 20px; 
      }
	.menu {
	  float: left;
	  margin-right: auto;
	  margin-left: auto;
	  width: 120px;
	  background-color: #ffffcc;
	  margin-top: 15px;
	  }
	.contenu {
      margin-top: 5px;
	  margin-left: 150px;
	  text-align: justify;
	  margin-right: 15px;
	  }
		ul 	{
			border-style: outset;
			border-width: 2px;
			list-style-type: none;
			width: 122px;
			}
		p 	{
			margin-bottom: 15px;
			padding-bottom: 5px;
			padding-right: 5px;
			font-family: Arial;
			font-size: 110%;
			font-weight: normal;
			font-style: normal;
			text-align: justify;
			color: black;
			}

		h1 	{
			font-family: Arial Black;
			font-weight: bolder;
			text-align: center;
			text-transform: uppercase;
			font-size: 285%;
			}
		h2	{
			font-family: Arial;
			font-size: 180%;
			color: #990000;
			font-weight: bolder;
			text-decoration: underline;
			left: 2px;
			text-align: center;
			}
		h3	{
			font-family: Arial,Helvetica,sans-serif;
			font-size: 125%;
			color: #009900;
			}
		h4 	{
			font-family: Arial,Helvetica,sans-serif;
			font-size: 85%;
			}
		h5 	{
			font-family: Arial;
			text-align: center;
			font-size: 75%;
			}
		h6	{
			font-family: Arial,Helvetica,sans-serif;
			font-weight: bold;
			text-align: center;
			font-size: 85%;
			}
		a 	{
			text-decoration: none;
			}
		a:active {
			background-color: #98fb98;
			}
		a:hover {
			text-decoration: underline;
			}
	.menu li {
	  border-style: outset;
	  border-color: white #3366ff #cc0000 white;
	  border-width: 3px 2px;
	  font-family: Comic Sans MS;
	  font-size: 1.1em;
	  background-color: #66cccc;
	  list-style-type: none;
	  text-align: center;
	  }
	.menu li a {
	  text-decoration: none;
	  color: black;
	  display: block;
	  }
	.menu li a:hover {
	  background-image: url(Image/Divers/gentianes.jpeg);
	  background-repeat: repeat-x;
	  color: #ff99ff;
	  }
	.box {
	  font-family: Arial,Helvetica,sans-serif;
	  color: black;
	  font-weight: bold;
	  text-align: left;
	  text-transform: inherit;
	  font-size: 75%;
	  float: left;
	  margin-right: 2px;
	  margin-left: 2px;
	  padding-right: 2px;
	  }
	
	.pied {
	  font-family: Arial;
	  font-size: 65%;
	  color: #3333ff;
	  font-style: italic;
	  text-align: center;
	  }
	.address {
	  text-align: center;
	  font-size: 80%;
	  font-style: normal;
	  font-family: Arial,Helvetica,sans-serif;
	  padding-right: 2px;
	  letter-spacing: 2px;
	  line-height: 1.5em;
	  font-weight: normal;
	  }
	.contenu li {
	  list-style-type: none;
	  font-family: Arial,Helvetica,sans-serif;
	  font-size: 85%;
	  text-transform: lowercase;
	  left: 2px;
	  }
		form {
			border: 1px solid #8c8c8c;
			padding: 15px;
			background-color: #eeeeee;
			width: 300px;
			}
		textarea {
			height: 7em;
			}
		input:focus, textarea:focus {
			background-color: #d9d9d9;
			}
#nom, expediteur, textarea {
	width: 280px;
	}
	.centré {
	  text-align: center;
	  font-size: 125%;
	  margin-left: 5px;
	  color: #009900;
	  }
	.imagedroite {
	  float: right;
	  margin-right: 2px;
	  margin-left: 2px;
	  }
	.imagegauche {
	  float: left;
	  margin-left: 2px;
	  margin-right: 2px;
	  }
	.imagecentre {
	  margin-right: 2px;
	  margin-left: 2px;
	  }
	.resto {
	  font-family: Comic Sans MS;
	  font-size: 1.1em;
	  list-style-type: none;
	  text-align: center;
	  }
	.resto ul {
	  border-width: 0;
	  list-style-type: none;
	  width: 282px;
	  }
	.resto li {
	  border-width: 0;
	  font-family: Arial, Comic Sans MS;
	  font-size: 1em;
	  list-style-type: none;
	  text-align: center;
	  }
	.pr {
	  font-family: Arial, Comic Sans MS;
	  font-size: 110%;
	  font-weight: normal;
	  font-style: normal;
	  text-align: center;
	  color: black;
	  }