* html, * html body { height: 100%;  }
html, body { min-height: 100%; padding: 0; margin: 0; overflow-x: hidden; }

body { background-color: #2f1200; font-size: 100%; font-family: Arial, Sans-Serif;  }
textarea, input, select { color: #503829; font-size: 90%; font-family:Arial, Helvetica, sans-serif}

.textAlignDroit { display: block; text-align: right; }
.textAlignCentre { display: block; text-align: center; }
.textAlignGauche { display: block; text-align: left; }

#logo_highPrint {display:none;}

.bulleRouge { width: 13px; height: 19px; background: url(../images/backgroundBulleRouge.gif) no-repeat; padding: 1px 0px 0px 6px; font-size: 80%; color: #fff; font-weight: bold; display: block; text-decoration: none; }

a.agrandirCarte { display: block; width: 92px; height: 19px; background: url(../images/boutonAgrandirCarte.gif); outline: none; font-weight: normal; color: #fff; text-decoration: none; font-size: 90%; padding-left: 23px; margin-bottom:20px;  }
a:hover.agrandirCarte { background: url(../images/boutonAgrandirCarte_ov.gif);  }
.Circuits a.agrandirCarte {position:absolute; z-index:3; top:290px;}
a.ficheDetaillee { display: block; background: url(../images/boutonFicheDetaillee.gif); width: 77px; height: 21px; outline: none; font-weight: normal; color: #fff; text-decoration: none; font-size: 90%; padding-left: 23px; }
a:hover.ficheDetaillee { background: url(../images/boutonFicheDetaillee_ov.gif);  }
 
.fleche_blanche { background: url(../images/fleche_blanche.gif) no-repeat; background-position: center right; padding-right: 10px; }

.floatGauche, .float { float: left; }
.floatDroit { float: right; }
.imgFloatGauche { margin: 0 15px 15px 0; float: left; }
.imgFloatDroit, .imgFloat { margin: 0 0 15px 15px; float: right; }
a img { border: 0; }

div.hr { border: 0; height: 1px; background-image: url(../images/ligne.gif); margin: 15px 0px; }

.clearfix { clear: both; }
ul { margin: 10px 20px; padding: 0;}
ul li { list-style-type: none; background: url(../images/puce.gif) no-repeat; background-position: left top; padding-left: 13px; }

.contenu ul {margin: 10px 20px 20px}
.contenu ul li {margin-bottom:10px;}

ul.sansPuce li { background-image: none; padding: 0; }
ul li.iconePDF { background: url(../images/iconePDF.gif) no-repeat; background-position: center left; padding-left: 22px; }

h1, h2, h3, h4, h5, h6 { margin: 0 0 0.8em 0; position: relative; z-index: 1; }
h2 { margin: 0 0 0.3em 0;}
h1 { margin: 0 0 0.6em 0; color: #bd3920; font-size: 220%; font-weight: normal; font-family: Palatino Linotype, Georgia, Sans-Serif;}
h2, span.h2 { font-size: 150%; font-weight: normal; }
/*a.boutonRetourListe { font-size: 60%; }*/
#zoneDroite h2 span {display:block; width:470px;}
h3 { font-size: 100%; font-weight: bold; }
h4 { color: #bd3920; font-size: 140%; font-weight: bold; font-family: Palatino Linotype, Georgia, Sans-Serif; }
h4.carnet { border-top:1px solid #000; padding-top:10px;  }
a {  color: #bd3920; text-decoration: underline; }
a:hover { text-decoration: none; }


#conteneur { position: relative; width: 1002px; margin: 0 auto; color: #fdfffe; }

#backgroundGauche { width: 1500px; height: 409px; position: absolute; background: url(../images/backgroundGauche.gif) repeat-x; top: 0px; left: -498px;  }
#backgroundDroite { width: 1500px; height: 409px; position: absolute; background: url(../images/backgroundDroite.gif) repeat-x; top: 1px; right: -498px; }

/* Zone Haut */
#zoneHaut { color: #fdfffe; height:90px; background: url(../images/backgroundHautAccueil.gif) no-repeat; font-size:70%; position:relative }
#zoneHaut ul { position:absolute; right:50px; top:23px; margin:0; padding:0; }
#zoneHaut ul li { background-image:none; padding:0; display: inline; }
#zoneHaut ul li a { font-weight:normal; color:#fdfffe; text-decoration:none; }
#zoneHaut ul li a:hover, #zoneHaut ul li a.selectionne { color: #ffb13a; }

.zoneHaut { color:#fdfffe; position:absolute; right:0; top:43px !important; width:120px; text-align:right;}
.zoneHaut li { background-image: none; padding: 0; display: inline; }
.zoneHaut li a { font-weight: normal; color: #fdfffe; text-decoration: none; }
.zoneHaut li a:hover, .zoneHaut li a.selectionne { color: #ffb13a; }

/* Zone Haut -> Zone Recherche */

#zoneHaut #zoneRecherche { position: absolute; width:540px; right:50px; top:43px; padding-right:15px; }
#zoneHaut #zoneRecherche .meteo { text-align:right; position:absolute; right:140px; height:40px; bottom:0; }
#zoneHaut #zoneRecherche .meteo div { position: absolute; bottom: 0; right: 0; width:300px; }
#zoneHaut #zoneRecherche form { display: inline; }
#zoneHaut #zoneRecherche input.text { width: 122px; height: 12px; border: 1px solid #90becd; color: #aca099; padding: 2px; font-size: 100%; }
#zoneHaut #zoneRecherche a.submit { background: url(../images/fleche_blanche.gif) no-repeat; text-indent: -5000px; outline: none; display: block; width: 7px; height: 5px; position: absolute; right: 0px; top: 13px; }

/* Zone Menu */

div#zoneMenu { width: 1002px; height: 37px; background: url(../images/backgroundNiveauMenu.gif) no-repeat;  position: absolute; top: -37px; left: 0px; z-index:1; }
body#pageAccueil #zoneMenu { position: relative; left: 0px; top:-434px; }
#zoneMenu a#lienAccueilfr { display: block; outline: none; text-indent: -5000px; width: 137px; height: 68px; position: absolute; top: -47px; left: 54px; background: url(../images/logoHautPage.gif) no-repeat; z-index: 2; }
#zoneMenu a#lienAccueilen { display: block; outline: none; text-indent: -5000px; width: 200px; height: 80px; position: absolute; top: -47px; left: 34px; background: url(../images/en/logoHautPage.gif) no-repeat; z-index: 2; }

#zoneMenu ul#menu { width: 704px; height: 37px; position: absolute; right: 42px; margin: 0px; padding: 0px; }

#zoneMenu ul#menu li { padding: 0; list-style-type: none; float: left; height: 37px;  background-image: url(../images/menuOFF.gif); position: relative; }
#zoneMenu ul#menu li.selectionne { background-image: url(../images/menuON.gif); }
#zoneMenu ul#menu li:hover, #zoneMenu ul#menu li.over { background-image: url(../images/menuON_accueil.gif); }
#zoneMenu ul#menu li.sansSousMenu:hover, #zoneMenu ul#menu li.sansSousMenuOver { background-image: url(../images/menuON.gif); }


#zoneMenu ul#menu.anglais li { background-image: url(../images/menuOFF_anglais.gif); }
#zoneMenu ul#menu.anglais li.selectionne { background-image: url(../images/menuON_anglais.gif); }
#zoneMenu ul#menu.anglais li:hover, #zoneMenu ul#menu.anglais li.over { background-image: url(../images/menuON_accueil_anglais.gif); }
#zoneMenu ul#menu.anglais li.sansSousMenu:hover, #zoneMenu ul#menu.anglais li.sansSousMenuOver { background-image: url(../images/menuON_anglais.gif); }

#zoneMenu ul#menu li a { display: block; width: 100%; height: 100%; text-indent: -5000px; outline: none; }

#zoneMenu ul#menu li#apropos { width:87px; margin:0 36px 0 35px; background-position:-31px 0; cursor:pointer; }
#zoneMenu ul#menu.anglais li#apropos { width:183px; margin:0 38px 0 35px; background-position:-31px 0; }

#zoneMenu ul#menu li#regions { width:76px; margin-right:37px; background-position:-155px 0; cursor:default; }
#zoneMenu ul#menu.anglais li#regions { width:79px; margin-right:36px; background-position: -251px 0; }

#zoneMenu ul#menu li#lienuti { width:101px; margin-right:37px; background-position:-270px 0; cursor:pointer; }
#zoneMenu ul#menu.anglais li#lienuti { width:115px; margin-right:36px; background-position: -369px 0; }

#zoneMenu ul#menu li#infopra { width:178px; margin-right:37px; background-position:-409px 0; cursor:pointer; }
#zoneMenu ul#menu.anglais li#infopra { width:65px; margin-right:37px; background-position: -522px 0;  }

#zoneMenu ul#menu li#goodies { width:79px; margin-right:0; background-position:-625px 0; cursor:pointer; }
#zoneMenu ul#menu.anglais li#goodies { width:79px; margin-right:0; background-position: -625px 0; }



#zoneMenu ul#menu li#idees-vacances { width: 121px; margin-right: 13px; background-position: -86px 0px; cursor:default }
#zoneMenu ul#menu.anglais li#idees-vacances { width: 105px; margin-right: 28px; }

#zoneMenu ul#menu li#circuits { width: 76px; margin-right: 13px; background-position: -220px 0px; cursor:default }
#zoneMenu ul#menu.anglais li#circuits { width: 100px; background-position: -210px 0px; margin-right: 29px;}

#zoneMenu ul#menu li#offres-et-promo { width: 130px; margin-right: 11px; background-position: -305px 0px; cursor:default }
#zoneMenu ul#menu.anglais li#offres-et-promo { width: 60px; background-position: -329px 0px; margin-right: 27px;}

#zoneMenu ul#menu li#ou-dormir { width: 98px; margin-right: 13px; background-position: -446px 0px; cursor:default}
#zoneMenu ul#menu.anglais li#ou-dormir { width: 109px; background-position: -400px 0px; margin-right: 29px;}

#zoneMenu ul#menu li#saveurs-et-terroirs { width: 142px; background-position: -558px 0px; cursor:default;}
#zoneMenu ul#menu.anglais li#saveurs-et-terroirs { width: 116px; background-position: -522px 0px; }

#zoneMenu ul#menu li div.sousMenu { background: #fff; color: #503829;  position: absolute; top: 37px;  z-index: 100; display: none; font-size: 70%;  padding: 25px 15px 25px 15px; border-bottom:1px solid #716053; border-right:1px solid #716053; border-left:1px solid #716053;  }
#zoneMenu ul#menu li div.sousMenuLeft {left: 0px;}
#zoneMenu ul#menu li div.Idee {width: 380px;}
#zoneMenu ul#menu.anglais li div.sousMenuLeft2 {left: -1px;}
#zoneMenu ul#menu.anglais li div.sousMenuRight {right: -1px;}
#zoneMenu ul#menu.anglais li div.sousMenuRight2 {right: 3px;}
#zoneMenu ul#menu.anglais li div.sousMenuRight3 {right: 4px;}
#zoneMenu ul#menu.anglais li div.sousMenuRight4 {right: 1px; width:250px}
#zoneMenu ul#menu li div.sousMenuRight {right: 0px;}
#zoneMenu ul#menu li div.sousMenuRight2 {right: -1px;}
#zoneMenu ul#menu li div.sousMenuRight4 {right: -1px; width:250px}
#zoneMenu ul#menu li div.sousMenu div.sousMenuBackgroundDroite { position: absolute; top: 0px; right: -7px; background: url(../images/bgSousMenuDroite.png) repeat-y; height: 100%; width: 7px;}
/*
* html #zoneMenu ul#menu li div.sousMenu div.sousMenuBackgroundDroite { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='../images/bgSousMenuDroite.png'); background-image: none;  }
*/
#zoneMenu ul#menu li div.sousMenu div.sousMenuBackgroundBas { position: absolute; bottom: -7px; right: 0px; background:  url(../images/bgSousMenuBas.png) repeat-x; height: 7px; width: 99%;}

#zoneMenu ul#menu li div.sousMenu div.sousMenuBackgroundBas div.smBGBasDroite { position: absolute; right: -7px; top: 0px; width: 7px; height: 8px; background: url(../images/bgSousMenuCoinDroit.png); }

#zoneMenu ul#menu li div.sousMenu div.sousMenuBackgroundBas div.smBGBasGauche { position: absolute; left: -7px; top: 0px; width: 7px; height: 8px; background: url(../images/bgSousMenuCoinGauche.png); }

#zoneMenu ul#menu li:hover div.sousMenu, #zoneMenu ul#menu li.over div.sousMenu { display: block; }
#zoneMenu ul#menu li div.sousMenu p { margin-top: 0px; z-index: 100; }

#zoneMenu ul#menu li div.sousMenu div.sousMenuTexteGauche, #zoneMenu ul#menu li div.sousMenu div.sousMenuTexteGaucheTerroir { width: 385px; /*height: 100%; float: left;*/ margin-bottom: 20px;}
#zoneMenu ul#menu li div.sousMenu div.sousMenuTexteGaucheTerroir { width: 249px;}

#zoneMenu ul#menu li div.sousMenu div.sousMenuImages { height: 100%; float: left; width: 387px;}
#zoneMenu ul#menu li div.sousMenu div.sousMenuImages a { font-family: Palatino Linotype, Georgia, Sans-Serif; width: 103px; height:37px; display: block; margin-right: 10px; margin-bottom: 10px; float: left; color: #fff; text-indent: 0px; text-decoration: none; font-size: 120%; line-height: 1em; padding: 81px 8px 2px 8px; background-repeat: no-repeat; background-position: 0px 0px; }
#zoneMenu ul#menu li div.sousMenu div.sousMenuImages a:hover { background-position: 0px -122px; }
a#cultureEtPatrimoine { background-color: #fbb03f; background-image: url(../images/sousMenuCultureEtPatrimoine.gif);  }
a#cultureEtPatrimoine:hover { background-color: #fcc46f; }
a#tourismeRural { background-color: #c67700; background-image: url(../images/sousMenuTourismeRural.gif);  }
a#tourismeRural:hover { background-color: #d49940; }
a#natureEtPleinAir { background-color: #af4010; background-image: url(../images/sousMenuNatureEtPleinAir.gif);  }
a#natureEtPleinAir:hover { background-color: #c3704c; }
a#plaisirsHiver { background-color: #87310c; background-image: url(../images/sousMenuPlaisirsHiver.gif);  }
a#plaisirsHiver:hover { background-color: #a56549; }
a#activitesFamiliales { background-color: #592108; background-image: url(../images/sousMenuActivitesFamiliales.gif);  }
a#activitesFamiliales:hover { background-color: #835946; }
a#officeDuTourisme { background-color: #2f1200; background-image: url(../images/sousMenuOfficeDuTourisme.gif);  }
a#officeDuTourisme:hover { background-color: #634d40; }

a#routeDesNavigateurs{ background-color: #fbb03f; background-image: url(../images/sousMenuRouteNavigateur.gif);  }
a#routeDesNavigateurs:hover{ background-color: #fcc46f; }
a#routeDesAppalaches{ background-color: #c67700; background-image: url(../images/sousMenuRouteDesAppalaches.gif);  }
a#gastronomie { background-color: #fbb03f; background-image: url(../images/sousMenuGastronomie2.gif);  }
a#resto { background-color: #592108; background-image: url(../images/sousMenuresto.gif);  }
a#gastronomie:hover {background-color:#fcc46f}
a#resto:hover {background-color:#835946}

a#routeDesAppalaches:hover{ background-color: #d49940; }
a#routeCulturelle { background-color: #af4010; background-image: url(../images/sousMenurouteCulturelle.gif);  }
a#routeCulturelle:hover { background-color: #c3704c; }

/*a#routeDesNavigateurs, a#routeDesAppalaches, a#routeCulturelle { line-height:-2em; font-size:9px}*/

a#CantonEst { background-color: #fbb03f;background-image: url(../images/sousMenuCantonsEst.gif); }
a#CantonEst:hover { background-color: #fcc46f; }
a#CentreQuebec { background-color: #c67700; background-image: url(../images/sousMenuCentreQuebec.gif);  }
a#CentreQuebec:hover { background-color: #d49940; }
a#ChaudiereApp { background-color: #af4010;  background-image: url(../images/sousMenuChaudiereApp.gif);   }
a#ChaudiereApp:hover { background-color: #c3704c; }

a.offre1 { background-color: #fbb03f; }
a.offre1:hover { background-color: #fcc46f; }
a.offre2 { background-color: #c67700; }
a.offre2:hover { background-color: #d49940; }
a.offre3 { background-color: #af4010; }
a.offre3:hover { background-color: #c3704c; }
a.offre4 { background-color: #87310c; }
a.offre4:hover { background-color: #a56549; }
a.offre5 { background-color: #592108;  }
a.offre5:hover { background-color: #835946; }
a.offre6 { background-color: #2f1200;  }
a.offre6:hover { background-color: #634d40; }

a#chambresHotes { background-color: #fbb03f; background-image: url(../images/sousMenuHotes.gif);  }
a#chambresHotes:hover { background-color: #fcc46f; }
a#hotels { background-color: #c67700; background-image: url(../images/sousMenuHotel.gif);  }
a#hotels:hover { background-color: #d49940; }
a#chalets { background-color: #af4010; background-image: url(../images/sousMenuChalet.gif);  }
a#chalets:hover { background-color: #c3704c; }

/*
#zoneMenu ul#menu li#regions div.sousMenu { top: 37px; left: 0px; }
#zoneMenu ul#menu li#idees-vacances div.sousMenu { top: 37px; left: -86px; }
#zoneMenu ul#menu li#circuits div.sousMenu { top: 37px; left: -220px; }
#zoneMenu ul#menu li#offres-et-promo div.sousMenu { top: 37px; left: -309px; }
#zoneMenu ul#menu li#ou-dormir div.sousMenu { top: 37px; left: -450px; }
#zoneMenu ul#menu li#saveurs-et-terroirs div.sousMenu { top: 37px; left: -561px; }
*/


/* Zone Video */


#zoneVideoAccueil { position: relative; width: 922px; padding: 0px 40px; height: 434px; background: url(../images/backgroundZoneVideoAccueil.gif); top: 37px; }
#zoneVideoAccueil div#bgArbre { width: 196px; height: 177px; z-index: 0; background: url(../images/arbre.gif); position: absolute; left: 40px; top: 0px; }
#zoneVideoAccueil div#prtflashvr { display:none; }
#mstrVidBox { overflow:auto; }

/* Boites accueil */

#boitesAccueil { width: 922px; margin: 10px auto 0 auto; }
#boitesAccueil a { font-weight: normal; color: #fdfffe; text-decoration: none; }
#boitesAccueil a:hover { text-decoration: underline; }
.boiteAccueil { float: left; }
.boiteAccueil div { width: 284px; height: 229px; padding: 4px; background: #493223; }
.boiteAccueil h1 { text-indent: -5000px; margin: 10px 0px -20px 0px;}

.boitesAccueil { margin:15px 0 0 35px; }
.boitesAccueil h1 { color:#fff; font-size:30px; margin-bottom:13px; }
.boitesAccueil .boite { float:left; background: url(/images/home-bg.gif); width:284px; height:229px; margin-right:24px; padding:4px; cursor:pointer; }
.boitesAccueil .boite h1 { color:#fbbc5e; font-size:18px; text-decoration:none; padding-left:6px; }
.boitesAccueil .boite:hover h1 { color:#fff; }

#boiteCircuits img { margin: 0; display: inline; }
#boiteCircuits h1.fr { background: url(../images/backgroundTitreCircuits.gif) no-repeat;}
#boiteCircuits h1.en { background: url(../images/en/backgroundTitreCircuits.gif) no-repeat;}
#boiteCircuits ul { margin: -4px 0px 0px 0px;}
#boiteCircuits ul li { background-image: none; padding: 0; list-style-type: none; margin-top: 5px;  }
#boiteCircuits ul li a { display: block; outline: none; text-indent: -5000px; height: 24px; }
#boiteCircuits ul.fr li a {background: url(../images/menuBoiteCircuit.gif); }
#boiteCircuits ul.en li a { background: url(../images/en/menuBoiteCircuit.gif); }

#boiteCircuits ul.fr li a#lienCircuit_01, #boiteCircuits ul.en li a#lienCircuit_01 { background-position: 0px 0px; }
#boiteCircuits ul.fr li a#lienCircuit_01:hover, #boiteCircuits ul.fr li a#lienCircuit_01.active, #boiteCircuits ul.en li a#lienCircuit_01:hover, #boiteCircuits ul.en li a#lienCircuit_01.active { background-position: 0px -24px; }
#boiteCircuits ul.fr li a#lienCircuit_02, #boiteCircuits ul.en li a#lienCircuit_02 { background-position: -283px 0px; }
#boiteCircuits ul.fr li a#lienCircuit_02:hover, #boiteCircuits ul.fr li a#lienCircuit_02.active, #boiteCircuits ul.en li a#lienCircuit_02:hover, #boiteCircuits ul.en li a#lienCircuit_02.active { background-position: -283px -24px; }
#boiteCircuits ul.fr li a#lienCircuit_03, #boiteCircuits ul.en li a#lienCircuit_03 { background-position: -566px 0px; }
#boiteCircuits ul.fr li a#lienCircuit_03:hover, #boiteCircuits ul.fr li a#lienCircuit_03.active, #boiteCircuits ul.en li a#lienCircuit_03:hover, #boiteCircuits ul.en li a#lienCircuit_03.active { background-position: -566px -24px; }

#boiteVideos { margin-left: 20px; }
#boiteVideos h1.fr { background: url(../images/backgroundTitreVideos.gif) no-repeat; }
#boiteVideos h1.en { background: url(../images/en/backgroundTitreVideos.gif) no-repeat; }

#boiteVideos span, #boiteNousSituer span { margin-top: 10px; font-size: 70%; color: #fdfffe; }

#boiteNousSituer{ margin-left: 20px; }
#boiteNousSituer h1.fr { background: url(../images/backgroundTitreNousSituer.gif) no-repeat; }
#boiteNousSituer h1.en { background: url(../images/en/backgroundTitreNousSituer.gif) no-repeat; }

/* Zone Contenu */
div#zoneContenu { width: 964px; background: url(../images/backgroundZoneContenu.gif) no-repeat; background-position: top right; padding-right: 39px; position: relative; top: 37px; margin-bottom:35px; z-index: 0; }
/* Zone Gauche */

div#zoneGauche { width: 291px; min-height: 576px; float: left; position: relative; }
div#zoneGauche div.fr { width: 291px; min-height: 576px; background: url(../images/backgroundZoneGauche.gif) no-repeat; text-align:center; }
div#zoneGauche div.en { width: 291px; min-height: 576px; background: url(../images/en/backgroundZoneGauche.gif) no-repeat; text-align:center}
/*div#zoneGauche div.fr, div#zoneGauche div.en {padding-top:380px; }*/
* html div#zoneGauche { height: 576px; }

/* Zone Droite */

div#zoneDroite { width: 608px; float: left; min-height: 576px; background: #fff; color: #503829; margin:30px 0 0 0; font-size: 75%; padding:0 25px 50px 35px; position: relative; z-index: 0; }
* html div#zoneDroite { height: 576px; }

div#zoneDroite .elementCoinDroit { position: absolute; right: 30px; top: 12px; z-index: 1; }
div#zoneDroite .elementCoinDroit div#boiteOutils ul { margin:0; padding: 0; }
div#zoneDroite .elementCoinDroit div#boiteOutils ul li {  padding: 0; display: inline; list-style-type: none; margin-left: 4px; }
div#zoneDroite .elementCoinDroit div#boiteOutils ul li a {  height: 20px; background-repeat: no-repeat; color: #503829; text-decoration: none; font-size: 90%; }
div#zoneDroite .elementCoinDroit div#boiteOutils ul li a:hover { text-decoration: underline; }
div#zoneDroite .elementCoinDroit div#boiteOutils ul li a#imprimer { width: 20px; padding:0 0 10px 22px; background-image: url(../images/boutonImprimer.gif); }
div#zoneDroite .elementCoinDroit div#boiteOutils ul li a#referer { width: 20px; padding:0 0 10px 22px; background-image: url(../images/boutonReferer.gif); }
div#zoneDroite .elementCoinDroit div#boiteOutils ul li a#ajouterCarnet { width: 20px; padding:0 0 10px 22px; background-image: url(../images/boutonAjouterCarnet.gif); }
div#zoneDroite .elementCoinDroit div#boiteOutils ul li a.boutonRetourListe { display: block; width:43px; height: 20px; background: url(../images/backgroundRetourListe.gif) no-repeat;  outline: none; font-weight: normal; color: #fff; text-decoration: none; font-size: 90%; padding-left: 23px; position: absolute; right: 2px; top: 31px;}
div#zoneDroite .elementCoinDroit div#boiteOutils ul li a:hover.boutonRetourListe { background: url(../images/backgroundRetourListe_ov.gif) no-repeat;}
/* Bas de Page */

#basDePage a { font-weight: normal; color: #fdfffe; text-decoration: none; }
#basDePage a:hover { text-decoration: underline; }
#basDePage { width: 922px; padding: 0 40px; margin:0 auto 25px auto; font-size: 70%; position:relative; border:solid 1px #2f1200;}
#basDePage span.numSansFrais { display:none; margin-left: 13px; line-height: 150%; }
#basDePage span.numSansFrais span.gras { font-size: 150%; }
#basDePage ul { display:none; position: absolute;  right: 53px; top: 3px; margin: 0px; padding: 0px; }
#basDePage ul li { background-image: none; padding: 0; display: inline; }
#basDePage ul.boutonsUtiles { display:none; top: 23px; }
#basDePage ul.boutonsUtiles li { margin-left: 12px; float: left }
#basDePage ul.boutonsUtiles li a { display: block; text-indent: -5000px; outline: none; height: 30px; }
#basDePage ul.boutonsUtiles li a.boutonRSS { background-image: url(../images/boutonRSS.gif); width: 20px; }
#basDePage ul.boutonsUtiles li a.boutonFacebook { background-image: url(../images/boutonFacebook.gif); width: 39px; }
#basDePage ul.boutonsUtiles li a.boutonFlickr { background-image: url(../images/boutonFlickr.gif); width: 26px; }
#basDePage ul.boutonsUtiles li a.boutonYoutube { background-image: url(../images/boutonYoutube.gif); width: 35px; }
#basDePage div#ligneBas { height: 1px; border: none; width: 100%; line-height: 1px; background-color: none; background-image: url(../images/ligneBasPage.gif); margin-top:45px; overflow:hidden }


#basDePage span#copyright { margin:20px 0; color:#fff;}

#basDePage div#imagesGouv { width: 420px; margin: 0 auto; position: relative; height: 57px; }
#basDePage div#imagesGouv img { position: absolute; top: 0; }
#basDePage div#imagesGouv img.premiereImage { left: 0; }
#basDePage div#imagesGouv img.deuxiemeImage { right: 0; }

#basDePageImpression { display:none; }

/* Zone hebergement */

div.boiteHebergement { background: url(../images/backgroundFicheHebergement.gif) no-repeat; background-position: bottom center; padding-bottom: 25px; padding-left: 0px; margin-top: 25px; }
div.boiteHebergement img.photo { float: left; }
div.boiteHebergement div.adresseHebergement { float: left; margin-left: 30px; padding-top: 5px; width:380px }

div.boiteHebergement div.prixHebergement { text-align: right; float: right; margin-left: 40px; padding-top: 15px; width:100px; }
div.boiteHebergement div.prixHebergement div.hebergementCote { text-indent: -5000px; }
div.boiteHebergement div.prixHebergement div.hebergementCote span.texteCote { display: none; }
div.boiteHebergement div.prixHebergement div.hebergementCote span.etoile { display: block; width: 12px; height: 16px; float: right; background: url(../images/etoile.gif) no-repeat; }
div.boiteHebergement div.prixHebergement div.hebergementCote span.soleil { display: block; width: 12px; height: 16px; float: right; background: url(../images/soleil.png) no-repeat; }



div.hotelAdresse { float: left; margin-top:1em; }
div.hotelAdresse img { float: left; margin-right:20px; }
div.hotelAdresse p { float: left; margin:0px;}
div.hotelContacter { float: right; margin-right: 10px; margin-top:1em;  }
div.hotelContacter_offre { float: right; margin-right: 10px; margin-top:0em;  }

ul.menuInterieur { margin: 2em 0 0; padding: 0px; }
ul.menuInterieur li { background-image: none; padding: 0; display: inline; list-style-type: none;  }
ul.menuInterieur li a { font-size: 90%; padding: 2px; }
ul.menuInterieur li a:hover, ul.menuInterieur li a.selectionne { color: #fdfffe; background: #c24c36; text-decoration: none; }



div.boiteHebergement div.photos { width: 296px; float: left; }
/*div.boiteHebergement div.photos div { padding: 0px 9px; }*/
div.boiteHebergement div.photos a.photosPrecedentes, div.boiteHebergement div.photos a.photosSuivantes { display: block; width: 13px; height: 13px; text-indent: -5000px; outline: none; float: left; position: relative; top: 23px;}
div.boiteHebergement div.photos a.photosPrecedentes { background-image: url(../images/boutonPrecedent.gif); right: 10px; }
div.boiteHebergement div.photos a.photosSuivantes { background-image: url(../images/boutonSuivant.gif); left: 10px; }
div.boiteHebergement div.photos a:hover.photosPrecedentes { background-image: url(../images/boutonPrecedent_ov.gif);}
div.boiteHebergement div.photos a:hover.photosSuivantes { background-image: url(../images/boutonSuivant_ov.gif);}

/*div.boiteHebergement div.photos img { }*/
div.boiteHebergement div.photos img.grandePhoto { float: none; margin: 0; }
/*div.boiteHebergement div.photos img. { margin-right: 0px; }*/
div.boiteHebergement div.photos div.sansMarges {float: left; margin-right: 7px; position:relative; width:77px; height:58px; padding: 0px 0px;}
a.GalerieOver { text-indent: -5000px; overflow:hidden; background:url(../images/bg_galerie.gif); position:absolute; top:2px; left:3px; z-index:3; display:block; width:77px; height:58px;}
a:hover.GalerieOver { background:url(../images/bg_over_galerie.png);}

div.boiteHebergement div.photos img.petitePhoto { width:77px; height:58px; }

div.boiteHebergement div.carteGoogleHebergement { float: left; width: 234px; margin-left: 60px; position:relative }
div.boiteHebergement div.carteGoogleHebergement a.agrandirCarte { display: block; width: 92px; height: 19px; background: url(../images/boutonAgrandirCarte.gif); /*text-indent: -*/outline: none; font-weight: normal; color: #fff; text-decoration: none; font-size: 90%; position:absolute; top:290px; right:-20px; z-index:2 }
div.boiteHebergement div.carteGoogleHebergement a:hover.agrandirCarte{ display: block; width: 92px; height: 19px; background: url(../images/boutonAgrandirCarte_ov.gif); /*text-indent: -*/outline: none; font-weight: normal; color: #fff; text-decoration: none; font-size: 90%; }
div.boiteHebergement div.carteGoogleHebergement a.agrandir2 {right:-4px;}
.hebCarteCopy { color: #503829 !important; font-size: 9px; position:absolute; bottom:-28px; left:0; z-index:2; display:block; text-align:right; width:250px;  }
/*.hebCarteCopy * { color: #503829 !important; font-size: 9px;  }*/
.hebCarteProxim {color: #503829 !important; font-size: 9px; position:absolute; bottom:-20px; left:0; z-index:2; display:block;}
.hebCartePlanifier {color: #503829 !important; font-size: 9px; }

ul.descriptionHotel { margin-left: 25px; padding: 0px; }
ul.descriptionHotel li { background:none; padding: 0; margin: 10px 0px; }
ul.descriptionHotel li ul { margin-left: 25px; }
ul.descriptionHotel li ul.commodites li {  line-height: 15px; padding: 0; margin-bottom: 10px; }
ul.descriptionHotel li ul.commodites li img { position: relative; top: 3px; margin-right: 5px; }

ul.descriptionIdees { margin-left: 25px; padding: 0px; }
ul.descriptionIdees li { background:none; padding: 0; margin: 10px 0px; }
ul.descriptionIdees li ul li {}
ul.descriptionIdees li ul.commodites li { padding: 0; margin-bottom: 10px; }
ul.descriptionIdees li ul.commodites li img { position: relative; top: 3px; margin-right: 5px; }
/* Page Circuits */

#pageCircuits_CarteGauche { float: left; width: 300px;  /*heigt:600px; position:relative;*/ }
#pageCircuitsInfosDroite { float: left; width: 254px; margin-left: 350px; }
#pageCircuitsInfosDroite div.boiteCircuit { position: relative; z-index:1; }
#pageCircuitsInfosDroite a.noInfo { position: absolute; top:0; left: -25px;  }
#pageCircuitsInfosDroite a.lienInfo { font-weight: bold; }
#pageCircuitsInfosDroite div.hrCircuits { background-image: url(../images/lignePageCircuits.gif); height:1px; overflow:hidden }

/* Page nature et plein air */

ul#sousMenuInterieur { margin: 0px 0px 20px 0px; padding: 0;  height: 32px; background:url(../images/bg_sousmenuidees.gif) left bottom repeat-x; width:590px; }
ul#sousMenuInterieur li { float: left; list-style-type: none; background: none; margin: 0; padding: 0; position: relative; }

ul#sousMenuInterieur li a { display: block; background-color: #888463; border-top: 1px solid #7f7a58; /*border-bottom: 1px solid #837f5e; */border-right: 1px solid #fff; padding: 5px 11px 5px 11px; max-width: 70px; line-height: 100%; height: 20px; color: #fff; font-weight: bold; font-size: 90%; text-decoration: none; text-align: center;}

ul#sousMenuInterieur li a:hover, ul#sousMenuInterieur li a.overflow { color: #666139; height: 32px; position: relative; top: -9px; right: 1px; margin-right: -1px; border-top: 0px; padding: 15px 11px 0px 11px; border-left: 1px solid #fff; border-right: 1px solid #fff; background: url(../images/backgroundSousMenuInterieur.gif) repeat-x; }

div.boiteActivite { float: left; width: 164px; margin-top:20px; margin-right:50px; }
div.boiteActivite h4 { margin: 5px 0px; font-size:120% }
div.boiteActivite p { margin: 10px 0px 0px; }
div.boiteActivite ul {margin:10px 0 0;}
div.boiteActivite img {margin-bottom:0.5em}
div.boiteActivite a:hover {color:#000000;}
div.sansMarges { margin-right: 0; }

/*.mapFixed {position:fixed; z-index:2; width: 300px; height: 250px; display:block;}*/

#links { position: absolute; width: 300px; height: 400px; z-index: 11;}
#links.middle { position: fixed; top: 100px; }
#links.bottom { position: absolute; bottom: 10px; }

.navigation { /*font-weight:bold; */ color:#999}
.navigation a { /*font-weight:bold;  color:#333*/}

#msgNovid {padding:150px;}

.loginbox {width:180px; float:right; border:1px solid #b1a9a1; padding:10px; font-size:100%;}
.loginbox input {margin:2px 0 10px;}
.loginbox a {font-size:90%}
.loginbox ul {margin:6px 0 10px;}

.inscription {margin-bottom:30px;}

.inscription td.separateur {border-top:1px solid #ccc; padding:10px 0 0 0;}
.inscription td {padding:0 0 15px 0;}
.inscription td h3 { font-size:110%}
.inscription td img {border:1px solid #666}
.inscription td span {margin-right:20px;}
.inscription td span.red {color:#FF0000}
#politique {float:right; font-size:80%; font-weight:normal}

input.Brecharge {margin:15px 0;}
input.Bsoumettre {font-size:110%;}
.innertable {font-size:90%}
.inscription textarea {margin:10px 0 20px;}
/*.inscription td table td { padding:0 10px 0 0}*/

div#zoneGrandeMap { background: #fff; color: #503829; font-size: 75%;}

/* galerie */
.galerieWidth {width:622px}
#escGalerie { margin: 0 0 1.1em 0px; position: relative; font-size:90%; }
#escGalerie .image { float: left;  padding: 0 40px 0px 0;  }
#escGalerie .image .grosseImage {width:373px; height:300px; background-color:#f5f6f4; border:1px solid #ddd; background:url(../images/bg_galerie_cadre.gif) no-repeat right bottom;}
#escGalerie .image .grosseImage img {margin:12px auto 23px auto;}
#escGalerie .imageSmall {height:180px; /*border:1px solid #f00*/}
#escGalerie .imageSmall div {border:1px solid #ddd; margin-bottom:10px;}
#escGalerie a { text-decoration: none; }
#escGalerie img, #escGalerie span { display: block; }
#escGalerie img { border: 0px; }
#escGalerie a span { color: #848484; }
#escGalerie a:hover  span { color: #616161;}
#escGalerie .highlight { float: right; clear: right; display: inline; margin-right: 80px; padding: 0 30px 30px 0; background: none; }
#escGalerie .highlight img, #escGalerie .highlight span { width: 280px; }
#escGalerie .highlight span { height: 22px; }
.escSrchNav { display: block; margin:0 0 20px 0; padding:0; font-size:90%;}

.escSrchNav a.actif { font-weight: bold; text-decoration: none; }
a.escSrchBtPrev { margin-right: 0.5em; background:url(../images/boutonPrecedent.gif) no-repeat 0 0px; width:13px; height:13px; display:inline-block; overflow:hidden; text-decoration:none }
a.escSrchBtNext { margin-left: 0.5em; background:url(../images/boutonSuivant.gif) no-repeat 0 0px; width:13px; height:13px; display:inline-block; overflow:hidden; text-decoration:none}
.escSrchBtPrev span, .escSrchBtNext span {visibility:hidden}
a:hover.escSrchBtPrev {background:url(../images/boutonPrecedent_ov.gif) no-repeat 0 0px;}
a:hover.escSrchBtNext  {background:url(../images/boutonSuivant_ov.gif) no-repeat 0 0px;}


.txtGaleriePetite { width:130px; }

.txtGalerieGrande { width:300px; }

.imgPetiteGalerie {
	display:block;
	float:left;
	background-image:url(../miniatures/PasDePhoto.jpg);
	background-repeat:no-repeat;
	height:90px;
	width:90px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	overflow:hidden;
}

*+html #navBottom { margin-top: -25px; }


.photo194x145 {
	float:left;
	width:194px;
	height:145px;
	text-align:center;
	vertical-align:middle;
	border-style:none;
	border-width:0px;
	border-spacing:0px;
	border-collapse: collapse; 
}

.photo296x222, .photo77x58, .photo392x295, .photo135x101 {
	float:left;
	text-align:center;
	vertical-align:middle;
	/*border-style:none;
	border-spacing:0px;
	border-collapse: collapse; */
}

.photo296x222 {
	border-width:0px;
	width:296px;
	height:222px;
}

.photo77x58 {
	border-width:0px;
	width:77px;
	height:68px;
}

.photo392x295 {
	float:none;
	width:420px;
	height:280px;
	
	background:url(../images/bg_galerie_cadre.gif) no-repeat right bottom;
}
.grosseIMGdesc {display:block; padding:5px 0 0px}

.photo135x101 {
	float:none;
	width:165px;
	height:120px;
	background-color:#f5f6f4;
	background:url(../images/bg_galerie_cadre.gif) no-repeat right bottom;}

/*#escGalerie .imageSmall div.photo135x101 img {margin:10px auto 0; }*/

.reservation {font-size:120%; font-weight:bold; display:block}

.Actualites {margin:0; padding:0}
.Actualites li {clear:both; margin-bottom:1.9em; background-position:0 -0.2em}
.Actualites li .boite1, .Actualites li .boite2 {float:left}
.Actualites li .boite1 {width:160px; font-size:90% }
.Actualites li .boite2 {width:420px; border:none }
.Actualites li .boite2 span {padding:0.5em 0 0; float:left}

/* clearfix pour floats */
.clearfix2:after { content: "."; display: block; font-size: 1px; height: 0; line-height: 0; clear: both; visibility: hidden; }
.clearfix2 { display: inline-block; }
/*\*/
div#zoneDroite h1 {width:450px;}
h1 a.RSS {width:35px; height:18px; display:inline-block; overflow-x:hidden; text-decoration:none;}

/*h1 a.RSS {background:url(/images/ico_rss.gif) no-repeat 0 0.45em; text-indent:-555px; width:35px; display:inline-block; overflow-x:hidden; text-decoration:none;}
h1 a.RSS span {visibility:hidden}*/
h1 span.region {font-size:65%; color:#000000}

.contenu ul.listeDestinations {margin: 10px 0 30px ; padding:0 0; clear:both}
.contenu ul.listeDestinations li {background:url(/images/index_line.gif) repeat-x; padding-left:0px; clear:both; min-height:20px; margin-bottom:0}
.contenu ul.listeDestinations li span {float:left; padding:0.2em 0.6em 0.2em 0.2em; background:#fff}
.contenu ul.listeDestinations li span img {margin-right:5px;}

.contenu ul.listeDestinations li a {float:right; background:url(/images/b_close_trajet.gif) no-repeat 0.2em 0.2em #fff; text-indent:-5555px; width:20px; }
.contenu ul.listeDestinations li a:hover {background:url(/images/b_close_trajet2.gif) no-repeat 0.2em 0.2em #fff;}

a.iti { background:url(/images/pict/map_icon.gif) no-repeat; padding:15px 10px 15px 45px;}

.photoFlickr { border:none;}
.photoFlickr img { border-top:2px solid white; border-right:2px solid white; width:73px}

.separateur {border-top:1px dotted #666}
.infopratiques {padding:1em 0}
.infopratiques td {padding-bottom:1em}
.infopratiques h3 {margin:0.5em 0 0; }
.infopratiques p {margin:1em 0 0}
.infopratiques ul {margin:1em 0 0.5em 1.2em; padding:0}
.infopratiques ul li.document {margin:0; padding:0em 0 1em 30px; background:url(/images/DocIcone/pdf.png) no-repeat left top;}
.infopratiques ul li.document a {color:#7a6e67}
.infopratiques ul li.document a:hover {color:#503829}

.documentation h3 {float:left; margin-top:0.4em}
.documentation .LangueSelector {width:75px;}
.date { font-style:italic; font-weight:normal; margin:0em}
ul.ulDocumentation  { padding:0; margin:0;}
li.loupe { background:none; position:relative; padding:0.1em 35px 0.6em 0; /*background:url(/images/b_loupe.gif) no-repeat right top;*/  text-decoration:none; z-index:1; }
/*li:hover.loupe, ul.ulDocumentation li.over {background:url(/images/b_loupe2.gif) no-repeat right top; text-decoration:underline;}*/

li.loupe .balloonstyle{
position:absolute;
top: -500ppx;
left: 0px;
padding: 5px;
visibility: hidden;
border:1px solid black;
font:normal 12px Verdana;
line-height: 18px;
background-color: white;
/*width: 200px;*/
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);
}

li:hover.loupe .balloonstyle, li.over div.balloonstyle {
position:absolute;
top: 30px;
left: 0px;
padding: 5px;
visibility: visible;
}

.qte { margin:0.7em 0 0; float:right}

.docForm td {padding-bottom:10px; padding-right:1em}
.liendocu {position:relative;}

ul.bouton {margin:0; padding:0; list-style-type:none;}
ul.bouton li { background:url(/images/bouton01.gif) no-repeat; /*padding:6px 0px 13px 6px; */margin-right:20px; float:left;}
ul.bouton li a {background:url(/images/bouton02.gif) no-repeat right top; padding:6px 16px 13px 6px; text-decoration:none; color:#FFFFFF; float:left}
ul.bouton li a span {position:relative; padding-right:3px}
ul.bouton li a span.puce {background:url(/images/bouton_arrow.gif) no-repeat right top; padding-right:22px}
ul.bouton li:hover { background:url(/images/bouton01_over.gif) no-repeat;}
ul.bouton li:hover a {background:url(/images/bouton02_over.gif) no-repeat right top; text-decoration:none; color:#FFFFFF}


ul.NoMargin { margin:0; padding:0 }
ul.NoBullet li { background-image:none; padding:0px }
.headerRegion {font-size:0.6em; /*font-family:Arial, Helvetica, sans-serif; color:#333*/ display:block;}
.headerContact {margin-top:0;}

.expandInactif {
	display:block;
	padding-left:15px;
	background-image:url(/images/ico-plus.gif);
	background-repeat:no-repeat;
}

.expandActif {
	display:block;
	padding-left:15px;
	background-image:url(/images/ico-moins.gif);
	background-repeat:no-repeat;
}


.fond_blanc {background:#eeebe7}

#map_canvas {width: 250px; height: 255px;}

body.refer {background: url(../images/background_refer.jpg) repeat-x #443e2d; font-size:80%; padding-top:60px;}
body.refer table {font-size:100%}
body.refer h4 {margin-bottom:0.2em}
.obligatoire {color:#CC0000}
table.referForm {width:520px;}
table.referForm td {padding-bottom:1em}
table.referForm .referHeader {padding:1em 0 2em}
table.referForm .confirmation {border:1px solid #ccc; font-size:85%; padding:2em; background:#f2f4f3}

a.retirer {padding-left:1.5em; background:url(../images/b_retirer1.gif) no-repeat;}
/*a:hover.retirer {background:url(../images/b_retirer2.gif) no-repeat;}*/
h2.fiche {width:450px}

a.Retour {
background:transparent url(../images/backgroundRetourListe.gif) no-repeat scroll 0 0;
color:#FFFFFF;
display:block;
font-size:90%;
font-weight:normal;
height:20px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
padding-left:23px;
position:absolute;
right:30px;
text-decoration:none;
bottom:41px;
width:43px;
}

.attention {color:#bd3920}


ul ul li {background:url(/images/puce2.gif) no-repeat left top;}
ul ul ul li {background:url(/images/puce3.gif) no-repeat left top;}

h2.shorten {width:460px;}
.chiffre {width:40px; padding-right:10px;}
img.destinations {float:left; margin-right:20px; width:203px}

a.ContactMap {float:right; margin-left:20px; margin-right:5px;}

.encadrer { border:1px solid #F1EFEC; }
.encadrer div { background:#F1EFEC; margin:2px; padding:5px; }

.ficheTelfr { width:6.2em; display:inline-block;}
.ficheTelen { width:4.2em; display:inline-block;}

.test { height:100%; }