@import url(http://fonts.googleapis.com/css?family=Rosario);

body {
background-color:#F4EAD7;
font-family:Georgia;
color: #4D4D4D;
font-size: 14px;
}

/*reset*/
*{margin: 0; padding:0; margin: 0}
img{border: none}

/*TYPO*/

p {
font-size: 14px;
margin-bottom: 10px;
}

p.description {
	width: 90%;
	line-height: 20px;
}

td {
font-size: 14px;
}

.small {
	font-size: 11px;
	color: #666;
}

#prix td, #disponibilite td {
background-color: #f5f5f5;
border: none;
height: 30px;
padding: 3px 5px 3px 10px;
}

#prix td a{
font-size: 18px;
}

#equipement td{
	padding: 0px 2px 0px 5px;
}

#equipement td.result {
background-color: #e0e0e0;
}


#bienDispo tr {
background-color: #f5f5f5
}

tbody, tr {
border: 0px none
}

h1 {
clear: both;
font-size: 18px;
color: #433833;
font-weight:400;
font-family: 'Rosario','Arial', sans-serif;
}

a {
color: #437ebb;
text-decoration: none;
}

a:hover {
color:#437ebb;
text-decoration: underline;
}

.introText a{
font-weight: bold;
font-family: 'Rosario','Arial', sans-serif;
}

.rosario {
font-weight:400;
font-family: 'Rosario','Arial', sans-serif;
font-size: 16px;
line-height: 30px;
}

.photo {
width: 100%;
float: left;
margin-right: 30px;
}

.legendePhoto {
position: relative;
bottom: 23px;
float: left;
background-color: #333333;
color: #ddd;
font-size: 14px;
line-height: 21px;
padding-top: 3px;
padding-left: 5px;
padding-right: 5px;
}

.imagesRegion:hover, .bien img:hover  {
opacity: 0.8
}

.regionLink a {
text-decoration: none;
color: #fafafa;
padding-left: 10px;
font-size: 14px;
display: block;
height: 25px;
width: 260px;
line-height: 25px;
float: left;
background-color: #333;
}



.regionLink a:hover {
color: #FFFFFF;
}


.imgLink {
border: 0 px;
text-decoration: none;
}

.regionLink a:hover {
color: #bbb;
}

h2 {
color: #534741;
font-size: 16px;
margin-bottom: 10px;
}

h3 {
	font-weight:bold;
	font-family: 'Rosario','Arial', sans-serif;
	font-size: 18px;
	line-height: 24px;
	padding: 20px 0px 10px 0px;
	clear: both;
}

.categorie {
	color: #333;
	font-size: 20px;
	padding-top: 10px;
	line-height: 24px;
	font-family: 'Rosario','Arial', sans-serif;
}

.contenu img {
float: left
}

/*STRUCTURE*/
div.clearboth {
clear:both
}

div#center {
margin: 0 auto;
margin-top: 5px;
width: 960px;

}

div#conteneur {

padding-bottom: 40px;
}

div.contenu {
background-color:#FFFFFF;
float: left;
padding-left: 35px;
padding-right: 35px;
padding-bottom: 30px;
width: 880px;
}

div#header {
height: 150px;
width: 950px;
background-image: url(/images/banner.jpg)
}

div#pageTitle {
color:#534741;
float: left;
margin-top: -4px;
}

.sectionSeparator {
width: 919px;
height: 47px;
padding: 5px 0px 0px 47px;
background-image:url(/images/sectionSeparator_proto.png);
background-repeat: repeat-x;
background-position: top;
color:#534741;
margin: -7px 0px 10px -43px;
float: left;
}


.altDesign {
	margin-bottom: 10px;
}

.sectionSeparator h1, .sectionSeparator h3 {
text-shadow: 0px 1px #dfd1c0;
clear: both;
padding: 0px;
line-height: 40px;

}

.sectionSeparator a {
float: right;
font-size: 12px;
margin-right: 35px;
margin-top: 10px;
}

.upperPart {
margin-bottom: 20px;
float: left;
}

div.introText {
width: 450px;
margin: 20px 0px;
height: 280px;
float:left
}

#slider {
	background:url(images/loading.gif) no-repeat 50% 50%; 
	float:left;
	background-color: #666;
	margin-left: 30px;
	margin: 20px 0px 20px 30px;
	-moz-box-shadow: 0 0 2px #333333;
	-webkit-box-shadow: 0 0 2px #333333;
	width: 400px;
}
#slider img {
	top:0px;
	left:0px;
	display:none;
	position: absolute !important;
	/*IE ONLY*/
	display:inherit\9;
	position: relative\9;
}

.Region {
clear: both;
width: 100%;
margin-bottom: 30px
}

.regionItem {
width: 290px;
float: left;
margin-bottom: 20px;
}

.fil_ariane {
font-size: 11px;

}

.haustiere {
float: left;
width: 100%
}

h2.regionTitle {
float:left;
width: 97%;
line-height: 30px;
margin: 15px 0px;
font-size: 18px;
border-bottom: 2px solid #e6ddcc;
padding-bottom: 5px;
}

.regionTitle a{
color: #534741;
}

.bien {
border-bottom: 1px solid #f2eee6;
width: 100%;
padding-bottom: 10px;
margin-bottom: 10px;
float: left
}

.haustiere {
float: left;
color: red
}


#footer {
width: 880px;
height: 90px;
margin-bottom: 30px;
padding-left: 35px;
padding-top: 20px;
padding-right: 35px;
background-color: #333333;
color: #CCCCCC;
float: left;
text-align: center;
font-size: 12px;
font-family: 'Rosario','Arial', sans-serif;
}

#footer a {
color: #CCCCCC;
text-decoration: underline;
}

.txtFooter {
font-size: 12px;
}

#catalogue {
padding: 10px;
}



/*NAV ET FONCTIONS*/
.btn {
	padding: 5px 15px 5px 15px;
	font-weight:400;
	font-family: 'Rosario','Arial', sans-serif;
	font-size: 15px;
	color: #1a1a1a;
	text-shadow: 1px 1px #f0df9c;
	margin: 20px 10px 20px 0px;
	float: left;
	cursor: pointer;
}

.yellow {
	background-color: #ffcc00;
	border: 1px solid #c59e04;
}

.yellow:hover {
	background-color: #f6c005;
	color: #1a1a1a;
	text-decoration: none;
	text-shadow: none;
}

.grey {
	background-color: #f0f0f0;
	border: 1px solid #ccc;
	text-shadow: 1px 1px #fff;
}

.grey:hover {
	background-color: #e5e5e5;
	color: #1a1a1a;
	text-decoration: none;
	text-shadow: none;
}

.submit {
	height: 35px;
	line-height: 25px;
}

.contactResa {
	float: left;
}

.mainAction {
	float: right;
	margin-top: 40px;
	margin-right: 50px;
	padding: 15px 25px 15px 25px;
}

.fullWidth {
	width: 880px;
	text-align: center;
}

ul.menuBien {
	float: left;
	margin: 10px 0px 20px 0px;
}

ul.menuBien li {
	list-style: none;
	display: inline-block;
	margin-right: 5px;
}

ul.menuBien li h3, ul.menuBien li a {
	background-color: #f5f5f5;
	padding: 5px 15px 5px 15px;
	line-height: 22px!important;
	text-shadow: 0px 1px #fff;
	font-size: 16px;
	font-family: 'Rosario', 'arial', sans serif;
}

ul.menuBien li h3.active, ul.menuBien li a:hover {
	background-color: #d0d0d0;
	text-decoration: none;
	text-shadow: none;
}

ul.menu1_ul{
margin: 0;
padding:0;
}

ul.menu1_ul li {
list-style: none;
display: block;
height:26px;
float: left;
}

ul.menu1_ul a {
text-decoration: none;
font-size: 14px;
color: #D8C9B8;
text-align: center;
display: block;
padding-top: 5px;
}

#langSwitch {
text-align: right;
margin-right: 10px;
margin-bottom: 5px;
font-size: 12px;
}

div.mainMenu {
padding-left: 35px;
padding-top: 15px;
padding-top:13px\9;
}


table#disponibilite tr td{
	width: 30px;
	height: 20px;
	background-color: #f5f5f5
}

table#disponibilite tr td.green {
	background-color: #b8e86a;
	font-size: 16px;
	line-height: 20px;
}

table#disponibilite tr td.red {
	background-color: #dd5a5d;
	color: #fff;
	font-size: 16px;
	line-height: 20px;
}

table#disponibilite tr td.green span, table#disponibilite tr td.white span {
	font-size: 11px;
	color: #666;
}

table#disponibilite tr td.red span {
	font-size: 11px;
	color: #fafafa;
}

li#menu1 {
background-image: url(images/menu1_passive.png);
width:102px;
margin-right: 15px;
}

li#menu1:hover {
background-image: url(images/menu1_active.png);
}

li#menu1_active {
background-image: url(images/menu1_active.png);
width:102px;
height:26px;
margin-right: 15px;
}

li#menu1 a {
color: #cabeaf;
}

li#menu2 {
background-image: url(images/menu2_passive.png);
width:125px;
margin-right: 15px;
}

li#menu2:hover {
background-image: url(images/menu2_active.png);
}

li#menu2_active {
background-image: url(images/menu2_active.png);
width:125px;
margin-right: 15px;
}

li#menu2 a {
color: #cabeaf;
}

div#annonce {
height: 25px;
width:100%;
margin-bottom:10px;
font-weight: bold;
float:left
}

div#annonce img {
float: left;
margin-right: 5px;
}

div#annonce p {
margin-top: 4px;

}

/*DIVERS CONTENU*/

table#equipement {
	background-color: #f0f0f0;
}

button:hover {
	cursor: pointer;
}


.nonDispo {
	float: left;
	padding: 6px 15px;
	background-color: #f4d9d6;
	font-size: 15px;
	font-family: 'Rosario', arial, sans serif;
	color: #e13c53;
	margin: 20px 5px 20px 0px;
}

img#logo {
margin-top: 35px;
margin-left: 29px;
}

#logoLink {
border: 0px none;
text-decoration: none
}

.stepHome {
width: 100%;
float:left
}

img.guideStep {
float: left;
margin-right: 10px;
margin-bottom: 15px;
}


div.separatorSmall {
background-color: #E0CBA9;
width: 200px;
height: 1px;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 40px;
}
 
ul.formulaire {
margin-left: 18px
}

.bien a {
font-size: 16px;
line-height: 18px;
margin-bottom: 10px;
display: block;
}

#liensCartes {
width: 100%;
float: left;
margin-bottom: 30px;
}

#liensRegions {
padding-left: 25px;
}

.carteRegions {
float: right;
margin-top: 10px;
}

.listeRegions {
width: 480px;
float: left;
margin-bottom: 40px;
margin-top: 10px;
}

#tableCatalogue {
clear: both;
}

.table_column {
width: 30%;
float: left
}

.carte {
width: 100%;
float: left;
margin-bottom: 30px;
}

.carte img {
margin-bottom: 10px;
margin-right: 20px
}

td.carre_rouge {
background-color: #dd5a5d;
}

td.carre_vert {
background-color: #b8e86a;
}

/*FICHE MAISON*/
#headerBien {
	float: left;
	margin: 20px 0px 10px 0px;
}

#headerBien h2 {
	width: 535px;
	float: left;
	padding-top: 0px;
}

.mainPic {
	float: left;
	margin: 0px 20px 0px 0px;
	max-height:220px;
	width: 300px;
	overflow: hidden;
}

.locationHeader {
	display: inline-block;
	float: left;
	height: 19px;
	background: url(images/mapIcon.png) no-repeat left;
	background-color: #f5f5f5;
	padding: 2px 10px 2px 30px;
	line-height: 19px;
	border: 1px solid #d0d0d0;
	margin-right: 10px;
}

.capacityHeader {
	display: inline-block;
	height: 19px;
	background: url(images/peopleIcon.png) no-repeat left;
	background-color: #f5f5f5;
	padding: 2px 10px 2px 30px;
	line-height: 19px;
	border: 1px solid #d0d0d0;
	margin-right: 10px;

}

.idHeader {
	display: inline-block;
	height: 21px;
	width: 21px;
	font-size: 14px;
	background: url(images/idIcon.png) no-repeat top;
	padding: 2px 10px 2px 23px;
	line-height: 19px;
	color: #666;
}

#infosPaiement {
	width: 70%;
	float: left;
	margin: 10px 0px 50px 0px;
}

#contactAgnes {
	float: left;
	padding: 20px 0 0 0;
	margin: 10px 0 0 0;
	border-top: 1px solid #f0f0f0;
	width: 90%
}

/*RESERVATION*/
div#reservation {
	background-color: #f5f5f5;
	padding: 10px 20px 0px 20px;
	margin-bottom: 20px;
	float: left;
	width: 840px;
}

div.form_section {
	padding: 10px;
	background-color: #f0f0f0;
	border: 1px solid #d0d0d0;
	margin-bottom: 15px;
}

div.form_section img {
	margin-right: 15px;
}

div.selection img {
	overflow: hidden;
	max-height: 130px;
	
}

div.form_section p.title {
	line-height: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}

div.form_section p {
	margin-bottom: 0px;
	line-height: 25px;
}

select, input {
	margin: 0px 20px 10px 5px;
}

input {
	line-height: 25px;
	height: 25px;
	margin-right: 30px;
}


div.selection table#disponibilite tr td {
	width: 25px;
	height: 7px;
	line-height: 15px;
	padding: 2px 4px 4px 5px;
	font-size: 14px;
}


/*tooltip*/
#tooltip {
   position:absolute;
   visibility:hidden;
   background-color: #333;
   color: #fff;
   border: 1px solid #111;
}

/*bannerPromo*/
#bannerContainer {
	width: 100%;
	display: block;
	background-color: #fff;
	border-bottom: 1px solid #c7b199;
}

#banner a{
	width: 950px;
	height: 40px;
	margin: 0 auto;
	text-align: center
}

#banner a {
	border: none;
	display: block;
	width: 950px;
	height: 40px;
	text-align: center;
	margin: 0 auto;
}

span.partenaire {
	position: absolute;
	left:20px;
	top: 5px;
	font-size: 11px;
}