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

*{margin:0; padding:0;}
body{font-size:64.5%; font-family:'Arial', Arial, Sans-Serif; color:#000;}
p{font-size:1.1em; text-align:justify;}
h3{font-size:1.4em;}
ul{list-style:none;}
#menu img{border:none;}
#top_up{z-index:10000;}
#pano #krpanoSWFObject{position:absolute; z-index:0;}
/* Conteneur central */
#content{}

/* Navigation */
#navigation{background:#a89580;}

/* Contenu principal */
#principal{}

/* Contenu secondaire */
#secondaire{background: #181A12;}

/* --- POSITIONNEMENT --- */
#wrapper{width: 980px; margin-left: auto; margin-right: auto;}

/* En-tête */
#header{width:980px; height:401px;}

/* Météo */
#meteo{width:965px; height:26px; background:url(../img/meteo.jpg) no-repeat; padding:4px 0 0 15px; font-size:1.2em; font-weight:bold;}
#meteoEn{width:965px; height:26px; background:url(../img/meteo_en.jpg) no-repeat; padding:4px 0 0 15px; font-size:1.2em; font-weight:bold;}
/* Bloc central */
#content{width: 100%; overflow: hidden;}

/* Navigation */
.btprecedent{display:block; background:url(../img/precedent.png) no-repeat; height:19px; padding:6px 0 0 30px; font-size:1.2em; font-weight:bold; text-decoration:none; color:#000; float:left; margin:10px 0;}
.btsuivant{display:block; background:url(../img/suivant.png) no-repeat; height:19px; padding:6px 0 0 30px; font-size:1.2em; font-weight:bold; text-decoration:none; color:#000; float:right; margin:5px 0 20px 0;}

/* Menu de navigation */
#navigation{float: left; width:240px;}
#rechercheRapide{width:240px; height:67px; background:url(../img/bgRechercheRapide.jpg) no-repeat;}
#rechercheRapideEn{width:240px; height:67px; background:url(../img/bgRechercheRapide_en.png) no-repeat;}

#menuSejour{background:url(../img/menuSejour.jpg) no-repeat; text-indent:-9999px; padding:5px 0; display:block;}
#menuDecouvrir{background:url(../img/menuDecouvrir.jpg) no-repeat; text-indent:-9999px; padding:5px 0; display:block;}
#menuLoisirs{background:url(../img/menuLoisir.jpg) no-repeat; text-indent:-9999px; padding:5px 0; display:block;}
#menuAgenda{background:url(../img/menuAgenda.jpg) no-repeat; text-indent:-9999px; padding:5px 0; display:block;}
#menuContacts{background:url(../img/menuContact.jpg) no-repeat; text-indent:-9999px; padding:5px 0; display:block;}

.sousSejour, .sousDecouvrir, .sousLoisirs, .sousAgenda, .sousContacts, .sousVatry{margin:0 30px 0 30px; padding:0 10px;}
.sousSejour{background:#7E6141;}
.sousDecouvrir{background:#EB3F0B;}
.sousLoisirs{background:#DBE115;}
.sousAgenda{background:#0770B1;}
.sousContacts{background:#CD5858;}
.sousVatry{background:#fff;}



#menu{padding:50px 0 0 0; margin:0 0 0 -10px;}
#menu a{color:#FFF; text-decoration:none; font-weight:bold; font-size:1.2em;}
#menu .sousVatry a{color:#a99483;}
#menu li{padding:5px 0;}

#reserverenligne{display:block; width:200px; height:72px; background:url(../img/reserverenligne.jpg) no-repeat; text-indent:-9999px; margin:10px 0 0 0;}
#reserverenligneEn{display:block; width:200px; height:72px; background:url(../img/reserverenligne_en.jpg) no-repeat; text-indent:-9999px; margin:10px 0 0 0;}
/* Contenu principal */
#principal{float: left; width: 510px;}
h2{font-size:1.6em; padding:20px 0 10px;}
.h2Interne{border-bottom:#000 solid 1px; padding-top:30px;}

/* Contenu secondaire */
#secondaire{margin-left: 750px; background:url(../img/hautDroite.jpg); padding:67px 0 0 0;}
.offre{width:227px;}
.offreMiddle{width:213px; background:url(../img/bgOffreMiddle.jpg) repeat-y; padding:20px 0 20px 13px;}
.offreFooter{width:227px; height:34px; background:url(../img/bgOffreFooter.jpg) no-repeat;}
.offre p{width:200px; padding:10px 0; color:#FFF;}
.offre h2{color:#FFF; width:213px;}
.offre a{display:block; background:url(../img/flecheMarron.jpg) no-repeat; padding:0 0 0 30px; font-size:1.2em; font-weight:bold; text-decoration:none; color:#eb3f0b;}
/* Recherche Rapide */
#btRechercheRapide{background:#FFF; color:#000; border:none;}
#inputRechercheRapide{background:#FFF; border:#000 solid 1px; width:125px;}
#formRecherche{padding:25px 0 0 13px;}

/* Menu haut */
#menuHaut{width:510px; height:57px; padding:10px 0 0 0; background:#dcd5cc;}
#notreOffice{padding:0 0 0 10px;}
#nosActivites{padding:0 0 0 30px;}
#nosBrochures{padding:0 0 0 200px; margin:5px 0 0 0;}
#menuHaut img{border:none;}

/* Newsletter */
#newsletter{width:217px; height:23px; padding:45px 0 30px 23px;}
#btNewsletter{background:#FFF; color:#000; border:#000 solid 1px;}
#champNewsletter{background:#dbe115; border:none; padding:2px; color:#000;}
#news{width:111px; height:17px; text-indent:-9999px; background:url(../img/newsletter.jpg) no-repeat; margin:-28px 0 7px 0;}

/* Comment venir */
#venir{width:209px; height:69px; background:url(../img/venir.jpg) no-repeat; text-indent:-9999px; margin:0 0 25px 16px;}
#venirEn{width:209px; height:69px; background:url(../img/venir_en.png) no-repeat; text-indent:-9999px; margin:0 0 25px 16px;}
#commentVenir{width:220px; padding:0 0 0 0; margin:20px 0 20px 0;}
#geolocalisation{padding:0 0 20px 20px; width:200px; height:230px;}
#lien_facebook img{border:none;}

/* Accueil box */
.accueil{width:510px;}
.general{width:510px;}
.accueilMiddle{width:470px; padding:20px 20px 0; background:url(../img/bgAccueilMiddle.jpg) repeat-y;}
.accueilFooter{width:510px; height:77px; background:url(../img/bgAccueilFooter.jpg) no-repeat;}
.imgAnePasManquer{padding:0 10px 10px 0;}
.accueil a,a.zoomsurlien{display:block; background:url(../img/flecheBlanc.jpg) no-repeat; padding:0 0 0 30px; font-size:1.2em; font-weight:bold; text-decoration:none; color:#000;}

#zoomsur{width:470px; margin:auto;}
#zoomsur img{width:470px;}
.tempsForts{width:150px; float:left;}
.tempsFortsSpace{padding:0 10px 0 0;}
.tempsForts a{margin:7px 0;}

.page{width:510px;}
.pageLien{display:block; background:url(../img/flecheBlanc.jpg) no-repeat; padding:0 0 0 30px; font-size:1.2em; font-weight:bold; text-decoration:none; color:#000;}
.titreAccordion{font-size:1.4em; font-weight:bold; text-decoration:none;}

/* Titre h3 */
#aNePasManquer{text-indent:-9999px; background:url(../img/aNePasManquer.jpg) no-repeat; height:44px;}
#aNePasManquerEn{text-indent:-9999px; background:url(../img/aNePasManquer_en.jpg) no-repeat; height:44px;}
#tempsForts{text-indent:-9999px; background:url(../img/tempsForts.jpg) no-repeat; height:46px;}
#tempsFortsEn{text-indent:-9999px; background:url(../img/tempsForts_en.jpg) no-repeat; height:46px;}
#contact{text-indent:-9999px; background:url(../img/contact.jpg) no-repeat; height:25px;}

/* Logos */
#logos{padding:20px 10px 10px;}
#logos img{border:none;}
.spaceLogos{margin:0 35px 0 0;}

/* Nos brochures */
#nosbrochures{width:219px; height:32px; background:url(../img/nosbrochures.png) no-repeat; text-indent:-9999px;}

/* pdf */
.pdf,a.pdf{display:block; text-decoration:none; color:#000; font-weight:bold; padding:10px 30px; background:url(../img/pdf.png) no-repeat; margin:10px 0; font-size:1.2em;}

/* Footer */
#footer{padding:35px 23px 20px 25px; background:#F0F0F0; margin:20px 0 0 0;}
#footer h3{padding:0 0 10px 0;}
#footer dt{font-weight:bold; font-size:1.2em; color:#000; padding:0 0 5px 0; text-decoration:underline;}
#footer dd{padding:2px 0;}
#footer dl{float:left; padding:0 40px 0 0;}
#footer a{color:#000; text-decoration:none;}
#footer a:hover{text-decoration:underline;}

/* Accordion */
#box{padding:40px 0;}

/* A la une */
#aLaUne{width:121px; height:29px; background:url(../img/aLaUne.jpg) no-repeat; text-indent:-9999px;}
#aLaUneEn{width:171px; height:40px; background:url(../img/aLaUne_en.jpg) no-repeat; text-indent:-9999px;}

/* Nos offres */
#nosOffres{width:163px; height:34px; background:url(../img/nosOffres.jpg) no-repeat; text-indent:-9999px;}
#nosOffresEn{width:163px; height:34px; background:url(../img/nosOffres_en.jpg) no-repeat; text-indent:-9999px;}

/* Loisirs */
#loisirs{width:210px; height:34px; background:url(../img/office.jpg) no-repeat; text-indent:-9999px;}
#loisirsEn{width:280px; height:34px; background:url(../img/office_en.jpg) no-repeat; text-indent:-9999px;}
.loisirs{color:#000; display:block; text-decoration:none; font-size:1.2em;}

/* Liens utiles */
#liens{width:177px; height:25px; background:url(../img/liensutiles.png) no-repeat; text-indent:-9999px;}
.tdLogo{padding:20px 0;}

/* Multi langage */
#multilangage{width:362px; height:78px; background:url(../img/multilangage.jpg) no-repeat; text-indent:-9999px;}
#english{width:342px; height:90px; background:url(../img/english.jpg) no-repeat; text-indent:-9999px;}
.accrocheLangage{font-size:1.3em; color:#e6432e; display:block;}
.txtLangage{font-size:1.2em; padding:5px 0;}
.president{display:block; text-align:right;}
.descriptionEnglish{font-size:1.2em; padding:0 0 20px 0;}
.descriptionEnglish li{padding:5px 0;}
.titreEnglish{font-size:1.4em;}
.contactEnglish{font-size:1.2em; padding:10px 0;}

/* Agenda chalonnais */
#agendachalonnais{width:306px; height:55px; background:url(../img/agendachalonnais.jpg) no-repeat; text-indent:-9999px;}
#agendaJour{font-size:1.2em; display:block; padding:10px 0;}

/* ACCORDION */
#personnages{width:337px; height:52px; background:url(../img/personnagescelebres.jpg) no-repeat; text-indent:-9999px;}
#personnagesEn{width:337px; height:52px; background:url(../img/personnagescelebres_en.jpg) no-repeat; text-indent:-9999px;}
.perso{padding:10px 15px; color:#FFF; margin:0 0 3px 0; border-bottom:#eb3f0b solid 3px; color:#000; display:block; background:#FFF; text-decoration:none; font-size:1.4em;}
.imgPerso{width:200px; float:left; margin:0 10px 10px 0;}
.infoPerso{}
.elmPerso{padding:15px 0;}

/* Copyright */
#copyright{padding:10px 0 0; text-align:center; font-size:1em; background:#FFF;}
#copyright p{text-align:center;}

/* Formulaire contact */
form{padding:15px 0;}
form span{display:block; width:100px; float:left; font-size:1.2em; color:#000;}
form p{padding:5px 0;}
#btForm{margin:0 0 0 100px;}
#formContact input, #formContact textarea{padding:2px; border:#000 solid 1px;}
#formContact textarea{width:300px; height:150px;}

/* Notre office du tourisme */
#notreOfficeTitle{width:399px; height:35px; background:url(../img/notre-office-du-tourisme.jpg) no-repeat; text-indent:-9999px;}
#notreOfficeTitleEn{width:399px; height:35px; background:url(../img/notre-office-du-tourisme_en.jpg) no-repeat; text-indent:-9999px;}
address{font-size:1.2em; font-weight:bold; padding:0 0 5px 0;}
.infos{background:#F0F0F0; padding:10px; margin:0 0 10px 0;}
.info{font-size:1.1em;}
.horaires{background:#F0F0F0; padding:10px; margin:10px 0 0 0;}

/* Historique */
#notreHistoire{width:229px; height:27px; background:url(../img/notreHistoire.jpg) no-repeat; text-indent:-9999px;}
#notreHistoireEn{width:229px; height:43px; background:url(../img/notreHistoire_en.jpg) no-repeat; text-indent:-9999px;}
.historique{color:#C00;}
.historiquePara{padding:5px 0; font-size:1.2em; width:460px;}
.imgHistorique{margin:0 10px 0 0;}

/* Comment venir */
#commentvenir{width:266px; height:29px; background:url(../img/commentvenir.jpg) no-repeat; text-indent:-9999px;}
#lienImg{background:none; padding:0; border:none;}
.parking{padding:10px 0;}
.elmVenir{display:block; background:#eb3f0b; color:#FFF; padding:5px; font-size:1.3em; margin:10px 0;}
.parking p{padding:5px 0;}

/* Hebergement */
#hebergement{width:217px; height:52px; background:url(../img/hebergements.jpg) no-repeat; text-indent:-9999px;}
#hebergement_en{width:217px; height:52px; background:url(../img/hebergements_en.jpg) no-repeat; text-indent:-9999px;}

/* Monuments */
#monuments{width:318px; height:26px; background:url(../img/siteetmonuments.jpg) no-repeat; text-indent:-9999px;}
#monumentsEn{width:410px; height:35px; background:url(../img/siteetmonuments_en.jpg) no-repeat; text-indent:-9999px;}

/* Le champagne */
#lechampagne{width:213px; height:47px; background:url(../img/lechampagne.jpg) no-repeat; text-indent:-9999px;}
#lechampagneEn{width:400px; height:47px; background:url(../img/lechampagne_en.jpg) no-repeat; text-indent:-9999px;}

/* Musees */
#musees{width:102px; height:24px; background:url(../img/musees.jpg) no-repeat; text-indent:-9999px;}
#museesEn{width:170px; height:30px; background:url(../img/musees_en.jpg) no-repeat; text-indent:-9999px;}

/* Eau verdure */
#verdure{width:428px; height:35px; background:url(../img/villedeau.jpg) no-repeat; text-indent:-9999px;}
#verdureEn{width:490px; height:50px; background:url(../img/villedeau_en.jpg) no-repeat; text-indent:-9999px;}

/* Les temps forts */
#tempsforts{width:263px; height:46px; background:url(../img/lestempsforts.jpg) no-repeat; text-indent:-9999px;}
#tempsfortsEn{width:263px; height:46px; background:url(../img/tempsforts_en.jpg) no-repeat; text-indent:-9999px;}

/* Environs */
#environs{width:194px; height:25px; background:url(../img/lesenvirons.jpg) no-repeat; text-indent:-9999px;}
#environsEn{width:194px; height:45px; background:url(../img/lesenvirons_en.jpg) no-repeat; text-indent:-9999px;}

/* Activites du mois */
#activitesmois{width:344px; height:35px; background:url(../img/activitesmois.jpg) no-repeat; text-indent:-9999px;}
#activitesmoisEn{width:344px; height:35px; background:url(../img/activitesmois_en.jpg) no-repeat; text-indent:-9999px;}

/* Patrimoine religieux */
#patrimoine{width:319px; height:47px; background:url(../img/patrimoine.jpg) no-repeat; text-indent:-9999px;}
#patrimoineEn{width:319px; height:47px; background:url(../img/patrimoine_en.jpg) no-repeat; text-indent:-9999px;}

/* Restauration */
#restauration{width:209px; height:26px; background:url(../img/restauration.jpg) no-repeat; text-indent:-9999px;}
#restaurationEn{width:209px; height:40px; background:url(../img/restauration_en.jpg) no-repeat; text-indent:-9999px;}

/* Offres */
#offres{width:307px; height:35px; background:url(../img/offresIndividuelles.jpg) no-repeat; text-indent:-9999px;}
#offresEn{width:360px; height:40px; background:url(../img/offresIndividuelles_en.jpg) no-repeat; text-indent:-9999px;}

/* Adresses */
#adresses{width:384px; height:35px; background:url(../img/adresses.jpg) no-repeat; text-indent:-9999px;}
#adressesEn{width:384px; height:45px; background:url(../img/adresses_en.jpg) no-repeat; text-indent:-9999px;}
.fichier{display:block; margin:20px 0; background:url(../img/document.jpg) no-repeat; width:200px; height:72px; text-indent:-9999px;}
.fichierEn{display:block; margin:20px 0; background:url(../img/document_en.jpg) no-repeat; width:200px; height:72px; text-indent:-9999px;}

/* Pages listing */
.choixListing{padding:15px 0;}
.choixListing strong{font-size:1.6em; color:#0770b1; font-weight:bold; border-bottom:#000 solid 1px; padding:0 0 10px 0; margin:0 0 10px 0; display:block;}
#liensListing li{display:inline;}
#liensListing a{display:inline; background:none; padding:0; color:#eb3f0b; font-size:1.4em;}
.classement{padding:15px 0 10px 0;}
.classement strong{display:block; color:#0770b1; font-size:1.2em; padding:0 0 5px 0;}
#classement li{display:inline;}
#classement a{display:inline; background:none; padding:0; color:#686868; font-size:1.2em; font-style:italic; font-weight:normal;}
#listing{width:470px; padding:20px 0;}
#listing .loupe{padding:0;}
#listing address{font-weight:normal;}
#listing span{font-size:1.2em;}
#listing img{border:none;}
.titreListing{background:#a89580; border-top:solid 3px #ffcb2a; padding:10px 15px; margin:0 0 15px 0;}
.adresseListing{padding:0 15px 0 15px; width:390px; float:left;}
.adresseListing span{display:block; padding:7px 0 0 25px; background:url(../img/tel.png) no-repeat;}
.finListing{clear:both; padding:15px 0 0 0;}
#listing h4{font-size:1.2em;}
#listing h4 span {color:#fff; font-size:10px;}
.titreListingLoisirs{background:#dbe115; border-top:solid 3px #000; padding:10px 15px; margin:0 0 15px 0;}
.titreListingContact{background:#cd5858; border-top:solid 3px #000; padding:10px 15px; margin:0 0 15px 0; color:#FFF;}

/* Classement */
.etoiles1{color:#FFF; display:block; background:url(../img/1etoile.png) no-repeat right; text-decoration:none; font-size:1.2em;}
.etoiles2{color:#FFF; display:block; background:url(../img/2etoiles.png) no-repeat right; text-decoration:none; font-size:1.2em;}
.etoiles3{color:#FFF; display:block; background:url(../img/3etoiles.png) no-repeat right; text-decoration:none; font-size:1.2em;}
.etoiles4{color:#FFF; display:block; background:url(../img/4etoiles.png) no-repeat right; text-decoration:none; font-size:1.2em;}
.etoiles5{color:#FFF; display:block; background:url(../img/5etoiles.png) no-repeat right; text-decoration:none; font-size:1.2em;}

.epis1{color:#FFF; display:block; background:url(../img/1epis.png) no-repeat right; text-decoration:none; font-size:1.2em;}
.epis2{color:#FFF; display:block; background:url(../img/2epis.png) no-repeat right; text-decoration:none; font-size:1.2em;}
.epis3{color:#FFF; display:block; background:url(../img/3epis.png) no-repeat right; text-decoration:none; font-size:1.2em;}
.epis4{color:#FFF; display:block; background:url(../img/4epis.png) no-repeat right; text-decoration:none; font-size:1.2em;}
.epis5{color:#FFF; display:block; background:url(../img/5epis.png) no-repeat right; text-decoration:none; font-size:1.2em;}

.cle1{color:#FFF; display:block; background:url(../img/1cle.png) no-repeat right; text-decoration:none; font-size:1.2em;}
.cle2{color:#FFF; display:block; background:url(../img/2cles.png) no-repeat right; text-decoration:none; font-size:1.2em;}
.cle3{color:#FFF; display:block; background:url(../img/3cles.png) no-repeat right; text-decoration:none; font-size:1.2em;}
.cle4{color:#FFF; display:block; background:url(../img/4cles.png) no-repeat right; text-decoration:none; font-size:1.2em;}
.cle5{color:#FFF; display:block; background:url(../img/5cles.png) no-repeat right; text-decoration:none; font-size:1.2em;}

.sans{color:#FFF; display:block; text-decoration:none; font-size:1.2em;}


/* Details */
.retourListing{display:block; font-size:1.4em; color:#0770b1; font-weight:bold; padding:10px 0;}
.distance{font-weight:bold; font-style:italic; font-size:1.1em; display:block; padding:0 0 5px 0;}
.photoDetail{float:left; margin:0 0 10px 0;}
.photoDetailLoisir{margin:0 0 10px 0;}
.infoDivers{padding:0 10px 0 210px;}
#infosDivers{color:#0770b1; font-weight:bold; font-size:1.6em; display:block; border-bottom:#000 solid 1px; padding:0 0 5px 0;}
#details{width:240px; padding:10px 0;}
#titrecoordonnees{color:#0770b1; font-weight:bold; font-size:1.6em; display:block; border-bottom:#000 solid 1px; padding:0 0 5px 0;}
.block{display:block;}
.prix1p, .prix2p, .petitdej, .chambre, .periode{display:block; padding:5px 10px 5px 0; font-size:1.2em; font-weight:normal; float:left; margin:10px 0 0 0;}
.prix1p{background:url(../img/1pers.png) no-repeat; padding-left:18px;}
.prix2p{background:url(../img/2pers.png) no-repeat; padding-left:30px;}
.chambre{background:url(../img/lit.png) no-repeat; padding-left:38px;}
.petitdej{background:url(../img/dej.png) no-repeat; padding-left:23px;}
#coordgauche {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    margin-left: 5px;
    text-align: center;
    width: 230px;
}
#coordonnees{margin:20px 0;}
#coordonnees address{padding:10px 0;}
.tel{display:block; background:url(../img/tel.png) no-repeat; padding:7px 25px; font-size:1.2em; margin:0 0 5px 0;}
.lien{display:block; background:url(../img/web.png) no-repeat; padding:5px 25px; font-size:1.2em; margin:0 0 5px 0;}
.mail{display:block; background:url(../img/mail.png) no-repeat; padding:5px 25px; font-size:1.2em; margin:0 0 7px 0;}
.gps{display:block; background:url(../img/gps.png) no-repeat; padding:7px 30px; font-size:1.2em;}

/* API GOOGLE */
.titreApi{display:block; padding:10px 0; font-size:1.4em;}
.titreh4{color:#FFF;}
.titreListing h4{color:#FFF;}

.artvatry
{
	margin:0 0;
}
.artvatry img
{
	float:left;
	margin:0 5px 5px 0;
}
.artvatry h2
{
	color:#a89580;
	font-size:16px;
	padding:0;
	margin:0 0 5px 0;
}
.artvatry ul li
{
	margin-top:5px;
}
.artvatry a{background:none; padding:0; font-weight:normal; font-size:1.1em; display:inline; color:#0770B1;}
.artvatry a:hover{text-decoration:underline;}

.artvatry .listfichier li a{display:block; background:url(../img/flecheBlanc.jpg) no-repeat; padding:0 0 0 30px; font-size:1.2em; font-weight:bold; text-decoration:none; color:#000; widt:450px;}

.artvatry .listfichier li a:hover
{
	text-decoration:underline;
}