/* Generated by KompoZer */
body {
  line-height: normal;
  font-style: normal;
  text-align: justify;
  width: 100%;
  background-image: url(../images/Fonds/Fond%203eme%20niveau.gif);
  font-family: Arial,Helvetica,sans-serif;
  font-size: 14px;
  font-weight: bold;
  height: auto;
  overflow: auto;
}
p {
  margin: 5px 10px 0 20px;
  width: 95%;
}
h1 {
  font-size: 250%;
  text-align: center;
  font-weight: bolder;
  color: #3333ff;
}
h2 {
  font-size: 200%;
  font-weight: bold;
  text-align: center;
}
h3 {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1.2em;
  margin-left: 10px;
  font-style: italic;
  color: #3333ff;
}
a {
  font-family: Arial,Helvetica,sans-serif;
  font-weight: bolder;
  font-size: 1em;
  text-decoration: none;
}
a:link {
  font-family: Arial,Helvetica,sans-serif;
  text-decoration: none;
  background-color: transparent;
  color: black;
  font-weight: bolder;
  font-style: italic;
  font-size: 1.1em;
}
a:visited {
  font-family: Arial,Helvetica,sans-serif;
  color: #000099;
}
a:hover {
  font-family: Arial,Helvetica,sans-serif;
  color: red;
  font-weight: bold;
}
a:active {
  font-family: Arial,Helvetica,sans-serif;
  color: #009900;
  font-style: italic;
  font-weight: bold;
}
#entete {
  width: 100%;
  background-repeat: no-repeat;
  background-position: center top;
  height: 130px;
  background-image: url(../images/Fonds/bandeau-3.jpg);
  overflow: auto;
}
#asavoir {
  width: 80%;
  margin-left: 10%;
}
#principal ul {
  overflow: auto;
}
#principal ul li {
  border-style: none;
  margin: 10px;
  border-left-color: white;
  display: inline;
  width: 15%;
  font-family: Arial,Helvetica,sans-serif;
  font-weight: bold;
  padding-right: 15px;
  padding-left: 15px;
  color: black;
  list-style-type: none;
  background-color: white;
}
#secondaire ul li {
  border-style: none;
  margin: 10px;
  display: inline;
  width: 20%;
  font-family: Arial,Helvetica,sans-serif;
  font-weight: bold;
  padding-right: 5px;
  padding-left: 5px;
  background-color: white;
  color: black;
  list-style-type: none;
}
#contacts {
  width: 80%;
  margin-left: 10%;
  margin-top: 20px;
  margin-bottom: 20px;
}
#contacts img {
  height: 50px;
  margin-left: 200px;
  float: right;
  margin-right: 300px;
}
#merci {
  border: thin solid #00cccc;
  width: 18%;
  float: left;
}
.logo {
  height: 50px;
  float: right;
  margin-right: 80px;
}
#bas_page li {
  display: inline;
  margin-left: 50px;
  margin-bottom: 5px;
  margin-top: 10px;
}
blockquote {
  font-style: oblique;
  font-size: 0.9em;
}
#phot_archiv {
  border: thin solid #33ffff;
}
#pied_page {
  width: 100%;
  display: block;
}
#webmestre {
  float: left;
}
h4 {
  font-family: Arial,Helvetica,sans-serif;
  font-style: italic;
  font-size: 1.1em;
  font-weight: bold;
  text-decoration: underline;
  margin-left: 50px;
}
.grande_image {
  float: right;
  height: 450px;
  margin-right: 10px;
  margin-left: 10px;
}
#prix_public img {
  margin: 5px 20px;
  float: right;
  height: 250px;
}
#bivouac img {
  margin: 10px 20px;
  height: 220px;
}
#Tarifs {
  width: 45%;
  float: left;
  height: 650px;
  margin-right: 2%;
  overflow: auto;
}
#renseign {
  float: left;
  height: 650px;
  padding-right: 2%;
  width: 45%;
  overflow: auto;
}
#stefoy {
  width: 50%;
  float: left;
}
.cine_part {
  border: thin solid #3366ff;
  width: 80%;
  margin-left: 10%;
  margin-top: 5px;
  margin-bottom: 5px;
}
.aff_AG {
  margin-right: 20px;
  margin-left: 20px;
  height: 150px;
  float: right;
}
#navigation {
  width: 50%;
  float: left;
}
#index {
  width: 48%;
  float: left;
}
#plan {
  width: 50%;
  margin-left: 25%;
}
#ailleurs {
  float: left;
  width: 50%;
  margin-bottom: 20px;
}
#bas_page {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 5px;
  float: left;
}
#principal {
  width: 90%;
  overflow: auto;
  margin-left: 5%;
}
#secondaire {
  width: 90%;
  overflow: auto;
  margin-left: 5%;
  margin-top: 2px;
}
#lieux {
  width: 100%;
  overflow: auto;
  float: left;
}