/* vert : 87bc26 */
/* bleu : 2383c0 */


/********************************************************** index */

#lien-recherche {
	width: 280px ;
	text-align: center ;
	margin: 0px auto ;	
	padding-bottom: 3px ;
}

.lien-contact-accueil:hover,
.lien-contact-accueil:focus,
.lien-contact-accueil:active,
.lien-contact-accueil:visited {
		color: 	#87bc26 ;	
}

.lien-contact-accueil {
	font-weight: bold;
}

.infos-professionnel {
	color: 	#2383c0 ;
	font-weight: bold ;
	padding-top: 8px ;
}

/********************************************************** Actualités */

.item-actualite {
	padding: 13px 0 10px 0 ;
}

.ombre-image-actualite {
	float: left ;
	padding-right: 14px ;
	background-image: url(../img/actualite/ombre-vignette-actualite.jpg) ;
	background-position: bottom right;
	background-repeat: no-repeat;	
}

.separation-actualite {
	width: 320px ;
	height: 22px ;
	margin: 0px auto ;
	background-image: url(../img/separation-actualite.jpg) ;	
}

.conteneur-image-actualite {
	width: 130px ;
	float: left ;	
}

.contenu-actualite {
	width: 315px ;
	float: left ;
}

.item-actualite img {
	display: block ;
}

#actualite a img {
	display: block ;
}

#actualite .ombre-image-actualite {
	margin-bottom: 6px ;	
}

.lien-archives,
.lien-archives:hover,
.lien-archives:focus,
.lien-archives:active,
.lien-archives:link,
.lien-archives:visited {
	color: #87BC26 ;	
}



/********************************************************** Contact */

#enveloppe-contact {
	position: absolute ;
	top: 245px ;
	right: 60px ;
	width: 165px ;
	height: 172px ;
	background-image: url(../img/enveloppe-contact.jpg) ;	
	background-repeat: no-repeat ;
}

.conteneur-contact {
	width: 265px ;	
	padding-left: 17px ;
}


#zone-textarea-contact,
#zone-textarea-contact-erreur {
	width: 257px ;
	height: 161px ;
	padding: 5px ;
}

#zone-textarea-contact {
	background-image: url(../img/back-champs-texte.jpg) ;	
	background-repeat: repeat-y ;
}

#zone-textarea-contact-erreur {
	background-image: url(../img/contact/zone-textarea-erreur.jpg) ;	
	background-repeat: no-repeat ;
	border: none ;
}

.label-ligne-form-contact {
	width: 100px ;	
}

.ligne-form-contact {
	padding-bottom: 10px ;
	width: 267px ;
}

.zone-texte-contact-erreur,
.zone-texte-contact {
	float: right ;		
	font-size: 0.8em ;
}

.zone-texte-contact {
	height: 12px ;
	/*padding-top: 3px ;*/
	padding: 2px ;
	width: 163px ;
	margin-top: 2px ;
}

.zone-texte-contact-erreur {
	height: 17px ;
	border: none ;
	/*padding: 1px ;*/
	width: 169px ;
	padding-top: 3px ;
	/*padding-top: 3px ;*/
	background-image: url(../img/contact/zone-texte.jpg) ;
	background-repeat: no-repeat ;
	border: solid 1px white ;
}

#bouton-envoyer-contact {
	margin-left: 100px ;
}

#texte-droits-utilisateur-contact {
	font-style: italic ;
	font-size: 0.7em ;
	color: gray ;
	padding-top: 10px ;
}

.titre-zone-contact {
	
}

.info-obligatoire {
	font-size: 0.8em ;	
}

/********************************************************** Recherche */

#conteneur-carte-fc {
	float: left ;
	width: 177px ;	
}

#carte-fc {
	width: 177px ;
	height: 251px ;	
}

#localisation-carte-fc {
	width: 174px ;
	height: 73px ;
	background-image: url(../img/recherche/back-nom-lieu.jpg) ;
	background-repeat: no-repeat ;	
}

#texte-localisation {
	color: white ;
	position: relative ;
	top: 44px ;
	text-align: center ;	
	font-size: 0.8em ;
}

.texte-localisation-grand {
	top: 20px ;	
}

#liste-choix-recherche {
	color: black ;
	list-style-type: none ;
	padding-bottom: 15px ;
}

#conteneur-form-recherche {
	width: 260px ;
	float: right; 
	position : relative ;
}

#header-form-recherche {
	width: 100% ;
	height: 105px ;	
	position: absolute ;
	top: 0px ;
	left: 0px ;
	background-image: url(../img/recherche/header-form-recherche.jpg) ;
	background-repeat: no-repeat ;
}

#footer-form-recherche {
	height: 15px ;	
	background-image: url(../img/recherche/footer-form-recherche.jpg) ;
	background-repeat: no-repeat ;
}

#form-recherche {
	position: relative ;
	padding : 17px 0 0 22px ;
	
	background-image: url(../img/recherche/back-form-recherche.jpg) ;
	background-repeat: repeat-y ;
}

.titre-form-recherche {
	padding: 0px ;
	margin: 0px ;	
	position: relative ;
}

.section-form-recherche {
	padding-left: 2px ;
	font-size: 0.8em ;	
	position: relative ;
}

#conteneur-form-recherche .bouton-rechercher {
	margin-left: 30px ;	
}

.input-text-form-recherche {
	margin-left: 4px ;
	font-size: 1.0em ;	
}

#form-recherche .padding-both {
	padding-bottom: 10px ;	
}

.texte-long-form-recherche {
	font-size: 0.9em ;	
}

/********************************************************** Résultats */


#adresse-site-print {
	display: none ;	
}

#conteneur-liens-resultats {
	text-align: right ;
	position: relative ;
	top: -10px ;	
}

.image-bloc-fc {
	padding-left: 10px ;
}

#texte-descr-lieux {
	width: 265px ;	
}

.plus-infos-bloc-fc {
	float: right;
	padding-top: 7px ;	
}

#form-recherche-result fieldset {
	
	float: left ;
	
}

#header-resultats {
	height: 69px ; 
	background-image: url(../img/resultat/header-liste-resultats.jpg) ;	
	background-repeat: no-repeat ;
	margin-top: 10px ;
	position: relative ;
}

#header-resultats {
	color: white ;	
}

#header-resultats h3 {
	margin-bottom: 0 ;	
}

#header-resultats p {
	
}

#hebergements-trouves {
	padding: 3px 0 0 12px ;
	width: 200px ;
	float: left ;	
}

#tri {
	padding: 3px 0 0 0 ;
	float: left ;
	width: 80px ;	
	margin-left: 3px ;
}

#header-resultats form {
	padding-left: 10px ;	
}

#select-rubrique {
	width: 200px ;	
}

#select-photo {
	margin-left: 3px ;
	width:  80px ;	
}

#titre-head-resultats-recherche {
	padding : 5px 0 0 24px ;
	color: white ;	
}

#pagination {
	position: absolute ;
	right: 0px ;
	bottom: 3px ;	
	width: 120px ;
	height: 20px ;
	text-align: center ;
	margin-right: 10px ;
}

.lien-pagination {
	margin: 0px 13px  ;
}

.lien-pagination-suiv {
	position: absolute ;
	top: 0px ;
	right: 0px ;
}

.lien-pagination-prec {
	position: absolute ;
	top: 0px ;
	left: 0px ;
}

#num-pages {

}

.header-premier-resultat,
.header-resultat {
	height: 28px ;	
	background-repeat: no-repeat ;
	color: white ;
	font-weight: bold ;
	padding-top: 6px ;
	padding-left: 12px ;
}

.header-premier-resultat {
	background-image: url(../img/resultat/head-premier-resultat.jpg) ;
}

.header-resultat {
	background-image: url(../img/resultat/head-resultat.jpg) ;
}

.visite-guidee-resultat {
	float: right ;
	width: 53px ;
	height: 59px ;
	padding-bottom: 7px ;	
}

.contact-resultat,
.adresse-resultat {
	float: left ;		
}

.infos-diverses-resultat {
	float: left ;
	width: 370px ;	
	padding-top: 5px ;
}


.contact-resultat {
	width: 200px ;
	padding-right: 5px ;
}

.adresse-resultat {
	width: 185px ;
}

.select-form-recherche-resultat {
	font-size: 0.7em ;
}

#pagination-bas-page {
	margin-top: 5px ;	
}

#pagination-bas-page a {
	color: #98BC3A ;	
}



/********************************************************** Etablissements */

#gauche-etab {
	width: 245px ;
	float: left ;	
}

#droite-etab {
	width: 190px ;
	padding-left: 15px ; 
	float: left ;	
}

#conteneur-liens-etab {
	text-align: right ;	
	padding-bottom: 5px ;
}

.padding-droite-lien-etab {
	padding-right: 15px ;	
}

#conteneur-images {
	/*min-height: 220px ;*/
}

#conteneur-image-principale {
	height: 133px ;	
	position: relative ;
}

#image-principale {
	
	width: 180px ;

	float: right ;
	
	background-image: url(../img/resultat/fond-image-droite.jpg) ;
	background-position: top right ;
	background-repeat: repeat-y ;
	text-align: center ;
}

#bas-image-principale {
	
	background-image: url(../img/resultat/fond-image-bas.jpg) ;
	background-position: bottom right ;
	background-repeat: no-repeat ;
	float: right ;
	overflow: hidden; ;
}

#image-principale img {
	display: block ;
	padding-right: 8px ;	
	padding-bottom: 8px ;
	float: right ;
	
	
	/*position: absolute ;
	bottom: 0px ;
	right: 0px ;
	*/
}

#vignettes-images {
	margin-top: 5px ;
	margin-right: 6px ;
}

.vignette {
	margin-left: 5px ;	
}

#conteneur-infos-etab {
	position: relative ;
	/*left: -13px ;*/
	left: 0px ;
	margin-top: 5px ;
	padding: 18px 0px 0px 20px;
	background-image: url(../img/resultat/coin-haut-gauche.jpg) ;	
	background-repeat: no-repeat ;
}


#boutique {
	width: 100%;
	margin-top: 15px ; 	
	position: relative ;
	top: 0px; left: 0px ;
	background-image: url(../img/resultat/header-boutique.jpg) ; 
	background-repeat: no-repeat ;
}

#boutique tr {
	
}

#header-boutique {
	position: relative ;
}

#footer-boutique {
	height: 21px ;
	background-image: url(../img/resultat/footer-boutique.jpg) ; 
}

.coin-boutique  {
	background-image: url(../img/resultat/coin-header-boutique-1.jpg) ;	
	background-repeat: no-repeat ;
	background-position: top right ;
}

.complete-coin {
	float: left ;
	width: 2px ;
	height: 21px ;
	background-image: url(../img/resultat/coin-header-boutique-2.jpg) ;	
	background-repeat: no-repeat ;
}

#boutique th {
	text-transform: uppercase ;
	font-size: 0.8em ;
	color: white ;
	height: 21px ;	
	min-width: 65px ;
}

.padding-top-boutique {
	position: relative ;
	top: 3px ;
}

.ligne-boutique td {
	border-left: solid 1px #949494 ;
	border-bottom: solid 1px #949494 ;
	padding: 5px ;
}


.ligne-boutique .case-droite {
	border-right: solid 1px #949494  ;
}

#boutique .derniere-ligne {
	border-left: solid 1px gray ;	
	border-bottom: none ;
}



#categories-etab {
	background-image: url(../img/resultat/coin-haut-gauche.jpg) ;	
	background-repeat: no-repeat ;
	margin-top: 20px ;
	padding: 20px 0px 0px 23px;
}

#categories-etab p {
	padding-left: 13px ;	
	
}

#pictogrammes img {
	padding-right: 5px ;	
}

.vert a {
	color: #98bc3a ;	
}

#googlemap {
	margin-top: 15px ;
}

.ville-etab {
	text-transform: uppercase;	
}

/********************************************************** Phototeque */

#phototeque {
	position: relative ;
	margin: 0px auto ;
	width: 413px ;
	height: 520px ; /* 557  */
	overflow: visible ;	
}

#phototeque a img {
	display: block ;	
}

.hover-lieu-phototeque {
	position: absolute ;
	display: none ;
	cursor: pointer ;
}

#hover-besancon {
	top: 148px ;
	left: 64px ;
	width: 50px ;
	height: 14px ;	
	background: url(../img/phototeque/polaroid-hover.jpg) 
				-64px -148px no-repeat ;
}

#hover-vallee-doubs-loue-dessoubre{
	top: 142px ;
	left: 195px ;
	width: 132px ;
	height: 39px ;	
	background: url(../img/phototeque/polaroid-hover.jpg) 
				-195px -142px no-repeat ;
}

#hover-vallee-saone-ognon {
	top: 298px ;
	left: 98px ;
	width: 88px ;
	height: 29px ;
	background: url(../img/phototeque/polaroid-hover.jpg) 
				-98px -298px no-repeat ;
}

#hover-pays-montbeliard-territoire-belfort {
	top: 300px ;
	left: 251px ;
	width: 102px ;
	height: 36px ;
	background: url(../img/phototeque/polaroid-hover.jpg) 
				-251px -300px no-repeat ;
}

#hover-bresse-revermont {
	top: 491px ;
	left: 33px ;
	width: 96px ;
	height: 20px ;
	background: url(../img/phototeque/polaroid-hover.jpg) 
				-33px -491px no-repeat ;
}

#hover-region-des-lacs {
	top: 431px ;
	left: 170px ;
	width: 75px ;
	height: 23px ;
	background: url(../img/phototeque/polaroid-hover.jpg) 
				-170px -431px no-repeat ;
}

#hover-massif-jura {
	top: 484px ;
	left: 280px ;
	width: 72px ;
	height: 20px ;
	background: url(../img/phototeque/polaroid-hover.jpg) 
				-280px -484px no-repeat ;
}

.item-vignette-phototeque {
	float: left ;
	width: 95px ;
	height: 76px ;
	margin-bottom: 22px ;
}

.margin-vignette-phototeque {
	margin-right: 22px ;	
}

#credits-video-phototeque {
	color: 	#87bc26 ;
	position: relative ;
	height: 30px ;
	margin-bottom: 13px ;
}

#credits-video-phototeque img {
	position: absolute ;
	top: 18px ;
	right: 0 ;		
}

#conteneur-video {
	position: relative ;
	margin-bottom: 10px ;	
}

#play-video {
	width: 450px ;
	height: 350px ;
	position: absolute ;
	top: 0 ;
	left: 0 ;
	background-image: url(../img/phototeque/preview.jpg) ;
	background-repeat: no-repeat;
}

#player {
	/*display: none ;*/
}

#play-video a {
	display: block ;
	width: 110px ;
	height: 110px ;
	margin: 0 auto ;
	margin-top: 110px ;
	outline: none;
}

.lien-phototeque {
	float: right ;
	margin-right: 6px ;	
}


/********************************************************** Lightbox */

div.ppt {
	font-size: 1.2em ;	
}

div.facebook .pp_nav .pp_arrow_next {
	/*background-color: #87bc26 ;*/	
	/*background-color: #bbe376 ;*/
}

div.facebook .pp_nav .pp_arrow_previous {
	/*background-color: #bbe376 ;*/
}

div.facebook .pp_nav .disabled {
	/*background-color: white ;*/	
}

.pp_credits_image {
	font-size: 0.8em;
	font-style: italic; 
	margin-top: 5px ;
	margin-bottom: 5px ;
	/*height: 15px ;*/
}

.pp_content {
		/*padding-bottom: 10px ;*/
}

#pp_full_res {
	/*padding-bottom: 100px ;*/	
}

.pp_content_container .pp_details {
	margin: 0 ;	
}

.clearfix {
	display: block ;	
}

.pp_description {
	padding: 0 ;	
	font-size: 0.8em;
	font-style: italic; 
	margin-top: 5px ;
	margin-bottom: 5px ;
}


/* ******************************************************** Plan du site */

#plan-site,
#plan-site li ul {
	list-style-type: none ;	
}

#plan-site li ul {
	margin-left: 15px ;	
}

#plan-site a {
	color: 	#585857 ;
}

#plan-site a:hover {
	color: 	#87bc26 ;
}


/********************************************************** Divers */

.text-maj {
	text-transform: uppercase;	
}