@charset "UTF-8";
/* CSS Document */



/*Equivalent de le div content sur les autres pages du site.
Mettre la taille et la couleur du texte dans cette div*/

#contenu{
	width:960px;
	padding:0 20px 20px 20px;
	margin:0px auto 0 auto;
	background-color:#fff;
	color:#666;
	font-size:0.8em;
	height:auto !important;
	height:400px;
	min-height:400px;
}



/*******************************************************************************/
/*************Page affichant la liste des hébergements, restos, etc.***********/
/*******************************************************************************/

ul#resultats,
ul#resultats ul{
	list-style-type:none;
	margin:0;
	padding:0;
}


.conteneur-controles{
	clear: both;
	width: 620px;
	/*height:30px;*/ /*Quand pas de carto, commenter cette hauteur*/
	margin:0;
	float:left;
}


/* le bouton pour passer de la carte à la liste et vice versa*/
.boutons-controles{
	float: left;
	margin-right:10px;
	height:26px;
	padding:2px 7px 2px 7px;
	background-color:#D84066;
	color:#FFF;
	border:1px solid #cd3d61;
	font-size:1em;
}

/*Le bouton nouvelle recherche*/
#nouvelle-recherche{
	background-color:#B7CD00;
	color:#333;
	border:1px solid #abbf00;
}

/*Le bouton pour afficher ou masquer ma sélection*/
#voir-selection{
	background-color:#A02170;
}






#annuaire_restaurant,
#annuaire_hebergement,
#annuaire_asso,
#annuaire_entreprise{
	width: 100%;
	clear: both;
	margin:0;
	padding:0;
}


#fiches_restaurant,
#fiches_hebergement,
#fiches_asso,
#fiches_entreprise,
#map_canvas{
	/*width: 60%; */
	width:650px;
	margin:0 0 10px 0; 
	padding:0;
	float: left;
}

#resultats{
	padding:0;
	margin:0;
}

#resultats.resultats-restaurants{}
#resultats.resultats-hebergement{}
#resultats.resultats-asso{}
#resultats.resultats-entreprise{}
#resultats.resultats-agenda{}

/******************************************************************/
/*****************Le formulaire de recherche***********************/

#form-recherche{
	/*width: 30%; */
	width:300px;
	float: left; 
	margin:-40px 0 0 10px;
	padding:0;
}

/**********Selection carnet de voyage*********/
#selection h2{
	margin:0;
	padding:5px 10px 5px 10px;
	background-color:#A02170;
	color:#FFF;
	font-size:1.3em;
	font-weight:normal;
}

#selection ul{
	background-color:#EAEDEF;
	padding:10px 10px 15px 10px;
}


#selection ul li{
	padding:3px 0 3px 0;
	margin:0;
	border-bottom:1px solid #e3e6e8;
}

#selection ul li a{
	color:#666;
}

#selection ul li a.CarnetVoyageDelete{
	color:#B2257D;
	font-weight:normal;
	text-decoration:none;
}
/******Fin Selection carnet de voyage*********/


h2#titre-recherche{
	margin:0 0 10px 0;
	padding:5px 10px 5px 10px;
	color:#FFF;
	font-size:1.3em;
	font-weight:normal;
	background-color:#635E5B;
}

/*Pour la barre des tarifs*/
/**************************/

span.tarif_min{
	margin-left:10px;
}


#slider-range{
	width:80%;
	margin:auto;
	margin-top:10px;	
}

#slider-range .ui-slider-range{background:#233E60;} /*pour la barre*/
#slider-range .ui-slider-handle{background:#afaeb6; border:1px solid #a7a6ae;} /*pour les boutons*/

/*Fin pour la barre des tarifs*/
/******************************/


.li-form-recherche{
	list-style: none;
	text-align: left;
}


#recherche fieldset{
	border:1px solid #EAEDEF;
	margin:0 0 10px 0;
}

#recherche legend{
	color:#413F59;
	margin:0;
	padding:0 10px 0 10px;
}


/*bouton pour effacer les critères*/
input#effacer-criteres{
	width:100%;
	margin-right:10px;
	height:26px;
	padding:2px 7px 2px 7px;
	background-color:#EEEEEE;
	color:#333;
	border:1px solid #dedede;
	font-size:1em;
	cursor:pointer;
}

/******************************************************************/
/***************Fin formulaire de recherche***********************/



/******************************************************************/
/************************ Une fiche dans la liste ****************/

li.fiche_hebergement,
li.fiche_restaurant,
li.fiche_asso,
li.fiche_entreprise,
li.fiche_commerce{
	margin:0 10px 10px 0;
	border: 1px solid #f1f1f1;
	background-color:#fbfbfb;
	float: left;
	padding: 5px;
	text-align: justify;
	clear:both;
}


/* correspond à l'img miniature*/
.lien-fiche{
	float:left;
	width:150px;
	margin:0 15px 0 0;
	padding:0;
}

.fiche_commerce .lien-fiche,
.fiche_asso .lien-fiche{
	width:90px;
	margin:15px 20px 15px 20px;
}

.lien-fiche img{
	float:left;
	margin-right:2px;
}

.fiche_commerce .lien-fiche img,
.fiche_asso .lien-fiche img{
	width:90px;
	/*height:90px;*/
}
/* fin img miniature*/


/* correspond à la partie droite de la fiche (titre, résumé, en savoir+...)*/
.contenu-fiche{
	float:left;
	margin:10px 0 0 5px;
	width:440px;
}
/* fin partie droite de la fiche (titre, résumé, en savoir+...)*/

a.titre-fiche{
	text-align:left;
	text-decoration:none;
	font-size:1.2em;
	color:#D84066;
}

a.titre-fiche:hover{
	text-decoration:underline;
}


/***Icones prestations, labels...***/
.logos-fiche li{
	width:auto;
	margin:0;
	padding:0 5px 0 0;
	float:left;
	vertical-align:middle;
}
/*fin icones prestations, labels...*/



/*Boutons ajouter à mon séjour et en savoir plus*/
.listeBoutons{
	margin:10px 0 0 0;
	padding:0;
}

#resultats a.lienBoutonCarnetVoyage{
	background-color:#A02170;
	display:block;
	text-align:center;
	color:#FFF;
	text-decoration:none;
	font-weight:normal;
	margin:0 0 5px 0;
	padding:2px 0 2px 0;
}

a.lienDetail{
	background-color:#77A85B;
	display:block;
	text-align:center;
	color:#FFF;
	text-decoration:none;
	font-weight:normal;
	margin:0 0 5px 0;
	padding:2px 0 2px 0;
}
/*Fin Boutons ajouter à mon séjour et en savoir plus*/


.logo-resume{
	height:1px;
}

li#fiche_vide.no-result{
	width:auto;
	text-color: red;
	font-weight:bold;
}

.listeLogo li {
	list-style: none outside none;
	background: none;
	display: inline;
	margin-right: 2px;
}

/******************************************************************/
/*********************Fin une fiche dans la liste ****************/



/*******************************************************************************/
/*********Fin Page affichant la liste des hébergements, restos, etc.***********/
/*******************************************************************************/





/*******************************************************************************/
/*********Page detail pour un hébergement, resto, etc.**************************/
/*******************************************************************************/


#contenu h1{
	color: #666;
  	margin-top: 0px;
  	margin-right: 0px;
  	margin-bottom: 20px;
  	margin-left: 0px;
  	font-size:2.3em;
  	font-weight: normal;
  	line-height: 1.3em;
  	margin-bottom: 0px;
}

#contenu h1 a{
  	font-weight: normal;
	color:#277991;
	text-decoration:none;
}

#contenu h1 a:hover{
	text-decoration:underline;
}

#contenu h1 span.retour a{
 
}

.carnet_voyage,
.pdf{
	margin-left:10px;
}

#description{
	margin:10px 0 20px 0;
	border:1px solid #EAEDEF;
	padding:10px;
}

#description ul{
	
}


#description.single-restaurant{}
#description.single-hebergement{}
#description.single-asso{}
#description.single-entreprise{}
#description.single-agenda{}


#carte{
	/*width:98%;*/
	margin:auto;
	height:320px;
	clear:both;
}


#langues-parlees{
	/*width:280px;
	float:left;*/
	width:auto;
	padding:0;
	margin:0;
}

#labels{
	/*width:650px;
	margin-left:10px;
	float:left;*/
	width:auto;
	padding:0;
	margin:0;
}

#coordonnees-fiche,
#prestations-fiche{
	width:auto;
	padding:0;
	margin:0;
}

#coordonnees-fiche span{
	font-weight:bold;
}

.img-coordonnees{
	width:150px;
	float:left;
	margin:2px;
}

.detail-fiche fieldset{
	margin:10px 0 0 0;
	padding: 5px 20px 10px 20px;
	border: 1px solid #EAEDEF;
}

.detail-fiche legend{
	font-size: 1em;
	color: #413F59;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

li.detail-fiche{
	width: 200px;
	margin:0 0 5px 5px;
	padding:0 0 0 5px;
	float:left;
	list-style: none;
}

li.detail-fiche img{
	margin:0 10px 0 0;
	vertical-align:middle;
}


#labels li.detail-fiche{width:auto;} /* largeur des labels */
.detail-fiche.langues{width:35px;} /* largeur des langues */


/***********************************************************/
/**********Pour affichage accordeon************************/


/******************Titre accordeon fermé****************/

#infos-fiche h3.ui-accordion .ui-accordion-header{
	cursor: pointer;
	position: relative;
	margin-top: 1px;
	zoom: 1; 
}

#infos-fiche h3.ui-helper-reset{
	margin:10px 0 0 0;
	padding: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { 
	border: 1px solid #f1f1f1; 
	background: #FBFBFB; 
	font-weight: normal;
	color: #106470; 
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { 
	color: #106470; 
	text-decoration: none;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { 
	border: 1px solid #f1f1f1; 
	background: #ededed;
	font-weight: normal;
	color: #666;
}

.ui-state-hover a, .ui-state-hover a:hover {
	color: #666;
	text-decoration: none;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { 
	border: 1px solid #f1f1f1;
	background: #ffffff;
	font-weight: normal;
	color: #666;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
	color: #666;
	text-decoration: none;
}

.ui-widget :active {
	outline: none;
}


/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }


/**************Fin Titre accordeon fermé****************/

/******************Partie qui s'ouvre******************/
.ui-widget-content {
	border: 1px solid #f1f1f1;
	background-color:#ffffff;
	color:#666;
	font-size:0.8em;
	}

/*les span adresse, tel, email, etc.*/
.ui-widget-content span{
	font-weight:bold;
	}
	
/*************Fin Partie qui s'ouvre******************/


/***********************************************************/
/******Fin pour affichage accordeon************************/


/*******************************************************************************/
/*********Page detail pour un hébergement, resto, etc.**************************/
/*******************************************************************************/