html, body {
font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; /* Police Verdana utilisé par défaut */
font-size: 8pt; /* Taille de la police par défaut */
margin: 0 auto;  /*Pas de marge */
padding: 0 auto; /* Pas d'espacement*/
background: #fff;
/*text-align: center ;  <on centre la page*/
/*color : #000; couleur*/
/*background-color : #FFFFFF; /* Couleur de fond de la page Web */
/*border-style:hidden; /*Les bordures sont cachés*/
/*height: 100%;
width:100%;*/
/*margin: 0 auto; */
/*background-position: center top;*/
}
body, table{
	margin-top: 0px;
	margin-bottom: 0px;
	color: #000;

	}

.loading-invisible
	{
	display:none;
	}
.loading-visible
	{
	}


.pointer {
	font-size: 1px;
	cursor: pointer;
	cursor: hand;
}
	
/* BARRE DES MENUS */
.barre_menus{
	text-align: center;
	font: 13px Arial;
	font-weight: 600;
	color: #000;
	padding: 0px 25px 0px 25px;
	border-left: solid 4px #696969;
}
.barre_menus a{
	color: #000;
	text-decoration: none;
}
.barre_droite{
	border-right: solid 4px #696969;
}
.barre_menus a:hover{
	text-decoration: underline;
}

/* APPARENCE DES LIENS DE DESCRIPTION DANS LE RESULTAT DE RECHERCHE */
.lien_descriptif{
	color: black;
	font-weight: normal;
	font-size: 9px;
	text-decoration: none;
}
.lien_descriptif:hover{
	text-decoration: underline;
}


#colonne2 p{color: #000;}

/* DETAIL DES PERIODES DES GITES (HOVER) */
#contact{
background-color: #dbd355;
}
#contact p{
margin: 0 5px 0 5px;
text-align: left;
color: #000;
font: 10pt Arial;
}
.bleu{
font: Bold 12px Arial;
color: ;
}
.bleu_{
font: Bold 12px Arial;
color: #19334c;
}
.rouge{
font: 11px Arial;
color: #a12432;
}

div#links a span {display: none;}
div#links a {text-decoration: none;color:#073362; font: bold 12px arial; }
div#links a:hover span {display: block; float: right; text-decoration: none;
  /* position: absolute; top: 340px; left: 700px; */
  overflow: hidden;
   position: relative; bottom: 30px;
   width: 170px;
   padding: 5px; margin: 10px; z-index: 1;
   font: 10px arial; background-color: #6eb74b;color: #FFFFFF; }
div#links a:hover span td{ font: 10px arial; border-right: 1px solid #FFFFFF;border-bottom: 1px solid #FFFFFF;}
.album{
height: 80px;
width: 110px;
border: 1px solid #19334c;
}
.recipient{
border: 1px solid #19334c;
}
.lien{ cursor: pointer; }
.lien:hover{ text-decoration: underline; }
#img-gauche {
padding: 0px 0px 0 0px;
margin: 0px 0px 0 0px;
width: 163px;
display: block;
top: 130px;
left: 0px;
position:relative;
}
#img-droite {
padding: 0px 0px 0 0px;
margin: 0px 0px 0 0px;
width: 181px;
display: block;
top: 0px;
left: 0px;
position:relative;
}

a{
font-weight: bold;
color: #008A31;
text-decoration: none;
}
a:hover{
text-decoration: underline;
}
a:focus {
	outline: none;
}
#panel {
	background: url(../pics/moteur_gites.png) no-repeat top left;
	height: 200px;
	width: 300px;
	display: none;
	padding: 10px;
}
#panel2 {
	/*background: url(../pics/moteur_gites.png) no-repeat top left;*/
	height: 200px;
	width: 320px;
	display: none;

}
#panel3 {
	/*background: url(../pics/moteur_gites.png) no-repeat top left;*/
	height: 200px;
	width: 160px;
	display: none;

}
#panel4 {
	/*background: url(../pics/moteur_gites.png) no-repeat top left;*/
	text-align: left;
	height: 200px;
	width: 160px;
	display: none;

}
.slide_old {
	margin: 0;
	padding: 0;
	width: 289px;
	border-top: solid 3px #422410;
	background: url(../pics/btn-slide.png) no-repeat center top;
}
.slide {
	height: 45px;
	margin: 0;
	padding: 0;
	width: 300px;
	border-top: solid 3px #422410;
	background: url(../pics/trouvez-gites.png) no-repeat center top;
}
.slide:hover {
	background: url(../pics/trouvez-gites-hover.png) no-repeat center top;
}
.btn-slide {
		text-align: center;
	width: 250px;
	height: 25px;
	/*padding: 10px 10px 0 0;*/
	margin: 0 auto;
	display: block;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}

.active {
	background-position: right 12px;
}
.moteur td{
font: 11px Verdana;
color: #000;
vertical-align: bottom;
text-align: right;
}
.moteur tr{
height: 25px;
}
.moteur a{
	font-weight: bold;
	color: #000;
	text-decoration: none;
	}
.moteur a:hover{
	text-decoration: underline;
	}
.moteur select, .moteur input[type=text]{
	background-color: #CCCCCC; 
	font-size: 10px; 
	font-family: arial; 
	border: 1px solid #696969; 
	width: 100px;
	}
.SubmitMoteur{
    background: url('../pics/submit-gites.png') no-repeat; 
	cursor: pointer;
	border: none;
	width: 147px;
	height: 33px;
	}
.SubmitMoteur:hover{
    background: url('../pics/submit-gites-hover.png') no-repeat; 

	}
input[type=checkbox].moteur{
    height: 20px;
	width: 20px;
	padding: 0px;
	margin: 0px;
	}
.Tarifs {
	background: url('../pics/detail-periodes.png') no-repeat; 
	width: 129px;
	height: 24px;
	font: 24px Verdana;
	margin-bottom: 0px;
}
.Tarifs:hover {
	background: url('../pics/detail-periodes-hover.png') no-repeat; 
}
.detailPieces {
	background: url('../pics/pictos/detail-pieces.png') no-repeat; 
	width: 125px;
	height: 25px;
	margin-bottom: 0px;
}
.detailPieces:hover {
	background: url('../pics/pictos/detail-pieces-hover.png') no-repeat; 
}
#detailsCalendrier {padding: 0px; margin: 0px;font-family: Arial;
font-size: 8px;
}

#detailsTarifs {
	height: 395px;
	width: 340px;
	display: none;
	padding: 3px;
/*	font: 12px Verdana;*/
}
#detailsTarifs table,#detailsTarifs tr,#detailsTarifs td{padding: 0px; margin: 0px;}
.icon {float: left; height: 70px; margin-right: 10px;}
.current {float: left; width: 180px; background-color: #F0F7F9; }
.forecast {float: left; width: 70px; text-align: center;}

p {color: #000;}


.dateVide,.dateTBS,.dateBS,.dateMS,.dateHS,.dateTHS,.dateAUTRE {
font-family: Arial;
font-size: 8px;
text-align: center;
}

.dateMois {
font-weight: bold;
font-size: 9px;
text-align: center;
}

.dateTBS{
background-color: #99CCFF;
}
.dateBS{
background-color: #CCFF99;
}
.dateMS{
background-color: #FFFF99;
}
.dateHS{
background-color: #FFCC99;
}
.dateTHS{
background-color: #FF9999;
}
.dateAUTRE{
background-color: #6eb74b;
}

.dispo {
background: url('../pics/pictos/disponibilite.png') no-repeat center top; 
width: 104px;
height: 22px;
}
.dispo:hover{
background: url('../pics/pictos/disponibilite-hover.png') no-repeat center top; 
}
.resa {
background: url('../pics/pictos/reserver.png') no-repeat center top; 
width: 104px;
height: 22px;
}
.resa:hover{
background: url('../pics/pictos/reserver-hover.png') no-repeat center top; 
}
p.resa, p.dispo {
font: 26px Verdana;
height: 22px;
width: 104px;
margin: 0px;
text-align: center;
cursor: pointer;
}
.resa a:link, .dispo a:link {
text-decoration: none;
width: 101px;
}
.retour-liste {
background: url('../pics/pictos/retour-liste.png') no-repeat center top; 
width: 116px;
height: 24px;
}
.retour-liste:hover{
background: url('../pics/pictos/retour-liste-hover.png') no-repeat center top; 
}
.retour-liste p{
font: 24px Verdana;
width: 116px;
margin-bottom: 0px;
text-align: center;
cursor: pointer;
}


.mediatisse{
color: #FFFFFF;
font: bold 11px Arial;
text-decoration: none;
}
.mediatisse:hover{
text-decoration: underline;
}

.panier{
background : url('../pics/pictos/panier.png') no-repeat left top;
height: 22px;
width: 110px;
cursor: pointer; 
display: block;
padding-left: 30px;
}
.panier:hover{
background : url('../pics/pictos/panier-hover.png') no-repeat left top;
}
.envoyer-ami
{
width: 30px;
height: 30px;
border: 0px;
background : url('../pics/pictos/envoyer-ami.png') no-repeat left top;
vertical-align: top;
cursor: pointer;
}
.envoyer-ami:hover
{
background : url('../pics/pictos/envoyer-ami-hover.png') no-repeat left top;
}

/*td{line-height: 15px; }*/
tr{vertical-align: top;}

.results a{
	color: pink;
	text-decoration: none;
	font-weight: bold;
	}
.results a:hover{
	text-decoration: underline;
	}
.galery-category{
	background: #99CCFF;
	text-decoration: none;
	color: #3333CC;
	padding: 2px 3px 2px 3px;
}
.galery-category:hover{
	text-decoration: underline;
}
  ul ul { display: none; position: absolute; left: 0px; top: 15px; margin:0px; padding: 0px; }
  li.premier, li.suivants { list-style-type: none; position: relative; width: 100px; background-color: #000; padding: 0px; margin: 0px; color: #fff; height: 15px;}
  li.premier{ background: URL('../pics/fleche_bas.png') no-repeat 90px 4px #000;}  
  li.suivants:hover, li.premier:hover  { background-color: #383838; z-index: 100 }
  li a { text-decoration: none; color: #fff; }
  li a:hover { text-decoration: underline;}
  li:hover ul.niveau2 {display: block;z-index: 100}
  ul { padding: 0px; margin: 0px; }
.premier {z-index: 100}
#rechercheAvancee .categAdv{
text-align: center;
font: bold 11px Verdana; }

#rechercheAvancee td {
text-align: right;
padding: 0 3px 0 3px;
font: 10px Verdana;
color: #000;
}
#rechercheAvancee tr { vertical-align: middle; }
#rechercheAvancee select, #rechercheAvancee input[type=text]{
	background-color: #CCCCCC; 
	font-size: 9px; 
	font-family: arial; 
	border: 1px solid #696969; 
	width: 100px;
	}