/* CSS Document */

html, body, #contents {
	min-height: 100%;
	width: 100%;
	height: 100%;
}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image: url(images/fond.png);	
	font-size:11px;
	background-repeat: repeat-x;
	color: #FFFFFF;
	text-align: center;
	margin: 0;
	padding: 0;
}

#contents {
	position: relative;
	margin: 0 auto 0 auto;
	padding: 0 !important;
	text-align: center;
	width: 645px;
}

p {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0;
}

h1 {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	padding-left:5px;
	margin:5px;
}

h2 {
	padding-left:5px;
	margin: 16px 0 3px 0;
	font-weight:bold;
	font-size: 13px;
}


h3 {
	color: #000000;
	font-weight: bold;
	font-size: 12px;
	clear: none;
	background-color:#CCFFCC;
	padding-left:5px;

}

h4 {
	
	font-size: 10px;
	font-weight:bold;
	padding-left:5px;
	margin: 0px 0 6px 0;
	color:#FFFFFF;
	
}

h5 {
	color: #ffffff;
	font-weight: bold;
	font-size: 13px;
	padding:2px;
	margin-top: 0px;
}


a {
	color:#FFFFFF;
	text-decoration: underline;
}

a:hover {
	background-color: #FC4F1F;
	color: #FFFFFF;
	text-decoration: none;
}

/* 
IDs ===================================================================== 
*/

.roundcont {
	width: 250px;
	background-color: #963801;
	color: #fff;
	
}

.roundcont p {
	margin: 0 10px;
}

.roundtop { 
	background: url(images/table_corners_03.png) no-repeat top right;
}

.roundbottom {
	background: url(images/table_corners_09.png) no-repeat top right;
}

img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
}



.box { 
	width:100%;
	margin-bottom:10px;}
	
.box-in{ background-color:#963801; margin: 10px;}	
.box-top { background:url('images/table_top.png') repeat-x top left; }
.box-left { background:url('images/table_left.png') repeat-y top left; }
.box-right { background:url('images/table_right.png') repeat-y top right; }
.box-bottom { background:url('images/table_bottom.png') repeat-x bottom left; }
.box-topLeft { background:url('images/table_corners_01.png') no-repeat top left;}
.box-topRight { background:url('images/table_corners_03.png') no-repeat top right; }
.box-bottomLeft { background:url('images/table_corners_07.png') no-repeat bottom left; }
.box-bottomRight { background:url('images/table_corners_09.png') no-repeat bottom right; padding:3px }



#tableaux_tarifs{

	background-color:#973802;
	padding:10px;
	width: 425px;
}

#contenu_tableau{
 padding:5px;
 }



#topNav {
	border: 0px #00CC00 solid;
	position: absolute;
	width: 645px;
	height: 170px;
	left: 0px;
	top: 0px;
	background: url("images/ombre.png") bottom repeat-x;
}

#accroche {
	color:#532b1e;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	font-style:italic;
	position: absolute;
	padding-left: 5px;
	left: 40px;
	top: 380px;
	text-align: left;
	height: 40px;
	width: 430px;	
}

#labels {
	color:#FFFFFF;
	font-size:11px;
	font-style:italic;
	position: relative;
	top: 110px;
	text-align: center;
	height: 30px;
	width: 645px;	
}

#adresse {
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	padding-top: 5px;
	text-align: center;
	height: 90px;
	width: 645px;	
}

#footer {
	color:#FFFFFF;
	font-size:10px;
	font-variant:small-caps;
	font-weight:regular;
	text-align: center;
	height: 18px;
	width: 645px;	
}
#plus {
	font-size:12px;	
}

#moins {
	font-size:9px;		
}
#gras {
	font-weight:bold;		
}


#leftColumn {	
	text-align:justify;
	position: absolute;
	font-size:12px;
	left: 20px;
	top: 420px;
	width: 459px;
}
#texte_princ {
	background-repeat:no-repeat;
	background-image:url(images/fond_texte_princ.jpg);
	color:#FFFFFF;
	text-align:justify;
	width:430px;
	padding:7px;
}


#encart_chambres {
	background-repeat:no-repeat;
	background-image:url(images/encart_chambres.jpg);
	width:430px;
	height:450px;
}

#encart_gites {
	background-repeat:no-repeat;
	background-image:url(images/encart_gites.jpg);
	width:430px;
	height:600px;
}


#rightColumn {
	position: absolute;
	left: 489px;
	top: 400px;
	width: 144px;
}

#bout_visite {
	font-weight: bold;
	padding:0px;
	position:relative;
	height:35px;
	width:inherit;
}

#block_resa {
	position:relative;
	top:7px;
	left:0px;
	padding:12px;
	background-image:url(images/block_resa.jpg);
	background-repeat:no-repeat;
	text-align:left;
	width:144px;
}

#bout_partenaire {
	position:relative;
	top:10px;
	left:0px;
	background-image:url(images/bout_partenaire.jpg);
	background-repeat:no-repeat;
	padding:10px;
	font-size:14px;
	font-weight: bold;
	color:#ff9c66;
	text-align: center;
	height:20px;
	width:144px;
}

#image {
	position:relative;
	top:5px;
	left:0px;
	width: 144px;
}
#pnr {
	position:relative;
	top:10px;
	left:0px;
	padding:0px;
	font-size:10px;
	font-style:italic;
	font-weight:bold;
	color:#ffc5a5;
	height:65px;
	width:144px;
}


#main_right{
	float: left;
	width: 500px;
	\width: 500px;
	w\idth: 500px;
}

#cream-one{
	float: left; 
	padding: 0px;
	margin: 5px 0 0 0;
	width: 150px;
}

#cream-two{
	position: absolute;
	left: 170px;
	top: 5px;
	padding: 10px;
	width: 100px;
	\width: 100px;
	w\idth: 100px;
	border-left:1px dotted #CCCCCC;
}

#cream-three{
	position: absolute;
	left: 540px;
	width: 100px;
	\width: 100px;
	w\idth: 100px;
}

#bando_left{
	position: absolute;
	left: 5px;
	top: 160px;
	width: 250;
	}





/* 
CLASSES ===================================================================== 
*/
 span.dropcap_a {
  display:block;
  float:left;
  width:60px;
  height:50px;
  margin-right:5px;
  background-image:url("images/dropcap_a.gif");
  background-repeat:no-repeat;
  }
span.dropcap_a span {display:none;}

 span.dropcap_n {
  display:block;
  float:left;
  width:80px;
  height:50px;
  margin-right:0px;
  background-image:url("images/dropcap_n.gif");
  background-repeat:no-repeat;
  }
span.dropcap_n span {display:none;}


 .block {
	border-bottom: 1px dotted #cccccc;
	padding : 0px;
 }


  .legende {
 	font-size: 10px;
	margin: -7px 0 10px 0;
	color: #ffffff;
 }