* {
  margin:0;
  padding:0;
  font-size:100%;
  font-family:Verdana;
}

body {
  background:url(../images/fond-site.jpg);
  font-size:1em;
  color:#56311A;
}

h2 {
  font-size:1.5em;
  padding:0.5em;
  background:url(../images/pixelfonce.png);
  color:#b90000;
}

h3 {
  font-size:1.2em;
  text-align:center;
  background:url(../images/pixelfonce.png);
  padding:0.2em;
  color:#b90000;
}

h4 {
  font-size:1.1em;
  padding:1em;
}

a {
  color:#b90000;
  border-bottom:1px solid #b90000;
  text-decoration:none;
}

a:hover {
	border-bottom:1px solid #FDF5C6;
}

dl {
  width:10em;
  background:url(../images/pixel.png);
  margin-left:0.5em;
}

dt {
  font-weight:bold;
  text-align:center;
  background:url(../images/pixelfonce.png);
  color:#b90000;
  border-bottom:0.1em solid lightgrey;
  padding:0.3em;
}

dd a {
  display:block;
  text-decoration:none;
  padding:0.5em 0em 0.5em 1em;
}

dd a:hover {
  background:#b90000;
  color:#FDF5C6;
  font-weight:bold;
  text-decoration:none;
}

ul {
  list-style-type:none;
  margin-left:1em;
}

li {
  margin-left:0.1em;
  font-size:small;
}

form {
  padding:0.5em;
}

fieldset {
	border:1px dotted #b90000;
}

legend {
	font-weight:bold;
}

label {
  display:block;
  float:left;
  width:15em;
  margin-right:1em;
  font-size:small;
}

img {
  border:0;
  vertical-align:middle;
}

#villes {
	width:100%;
}

#villes td {
	padding:0.2em 0em;
}

#header {
  background:url(../images/fond-banniere.png);
  height:220px;
}

#content {
  padding-top:1em;
  
  min-height:700px;
}

#left {
  float:left;
}

#right {
  float:right;
  width:14em;
}

#selection  {
  background:url(../images/pixel.png);
  text-align:center;
  margin-right:0.5em;
}

#selection p {
  font-size:small;
  padding:0.5em;
  text-align:justify;
}

#middle {
  margin: 0em 15em 0em 11em;
}

#footer {
	text-align:center;
	color:#FDF5C6;
	font-size:small;
}

#footer a {
	color:#FDF5C6;
}

#carte {
  padding-top:2em;
  display:block;
  margin:auto;
}

.expand {
	color:#B90000;
	cursor:pointer;
	padding:0.5em 0em 0.5em 1em;
	border-bottom:1px solid #B90000;
}

.expand:hover {
	background:#B90000;
	color:#FDF5C6;
	border-bottom:1px solid #FDF5C6;
}

.contenu, .hotel, .presentation, .google {
  
  background:url(../images/pixel.png);
  margin-bottom:0.5em;
}

.contenu p {
	color:black;
  padding:0.5em 1em;
  text-align:justify;
}

.presentation {
	border:2px solid #FDF5C6;
}

.presentation p {
	text-align:justify;
	padding:1em;
  	font-weight:bold;
	color:#FDF5C6;
    
}

.hotel {
  min-height:370px;
  margin:2em 0em;
  border:1px solid #FDF5C6; 
}

.hotel p {
	text-align:justify;
	padding:0.5em;
	margin-right:220px;
	font-size:small;
}

.google {
  min-height:100px;
  margin:2em 0em;
  border:1px solid #FDF5C6; 
}

.slogan {
  padding:0.2em 1em 0;
  letter-spacing:0.1em;
  text-align:right;
  background:none;
  color:#FDF5C6;
  font-style:italic;
  font-size:medium;
}

.pictos {
	margin:5px;
}

/* CSS pour dhtml window (ajout des hôtels) */
.dhtmlwindow{
position: absolute;
border: 2px solid black;
visibility: hidden;
background-color: white;
}

.drag-handle{ /*CSS for Drag Handle*/
padding: 1px;
text-indent: 3px;
font: bold 14px Arial;
background-color: #CA0000;
color: white;
cursor: move;
overflow: hidden;
width: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}

.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 1px solid brown;
background-color: white;
color: black;
height: 150px;
padding: 2px;
overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid gray;
background-color: #CA0000;
height: 13px; /*height of resize image*/
}


.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}