body { margin: 0; padding: 0; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt; color: #3B3B3B; }
html, body, #page { min-height: 100%; width: 100%; height: 100%; border: solid 0px red; }
html > body, html > body #page { height: auto; }
img { border: none; }
form { margin: 0px;display:none;}
a:hover { color: #AB5858; }
a { color: #AB5858; text-decoration: none;}

.spacer{clear:both;visibility:hidden;}
.gauche{float:left;}
.droite{float:right;}
.monte{position:relative;top:-10px;}
.gris{color:#595959;}
.souligne{text-decoration:underline;}


#page { position: absolute; top: 0px; left: 0px; border: solid 0px purple; }

#breadcrumb { margin:-2px 0 2px 0; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 7pt; text-align:left;display:none;}
#breadcrumb a { color:Gray; }


h1 { font: bold 12px/12px Arial, Helvetica, sans-serif; margin-bottom:-2px; margin-top:0px;}
h2 { font: bold 12px/12px Arial, Helvetica, sans-serif; margin-bottom:-2px; margin-top:0px;}
h3 { font: bold 11px/11px Arial, Helvetica, sans-serif; margin-bottom:-2px; margin-top:0px;}



#header { top: 0px; left: 0px; }

#headerdroite { z-index: 1; float: right; background-color: #2e0705; height: 19px; width:40%;}
#headergauche { z-index: 1; float: left; background-color: #730e02; height: 19px; width:40%;}


#content { clear: both; width: 780px; height: auto; margin: 0px auto 200px auto; border: SOLID 0PX GREEN; top:-19px; position: relative;}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* HEADER CENTRE */
/*/////////////////////////////////////////////////////////////////////////////////////////////////////*/
#headercentre { display:none; }

#carnetvoyage {display:none;}

.carnetvoyageliste-off{display:none;}
.carnetvoyageliste-on{display:none;}

.contenu-carnet{display:none; }
.impression{display:"";}

#lienaccueil { position: relative; top: -13px; left: 110px; width: 60px; height: 14px; }
#lienaccueil { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 9px; color: #FFFFFF;  text-transform: uppercase; text-align: left; padding-top: 2px;}

#changelangue { position: relative; top: -29px; left: 200px; width: 100px; height: 14px; }
#changelangue { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 9px; color: #FFFFFF;  text-align: left; padding-top: 2px;}

#plansite { position: relative; top: -45px; left: 650px; width: 100px; height: 14px;}
#plansite { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 9px; color: #FFFFFF;  text-transform: uppercase; text-align: right; padding-top: 2px;}

#recherche { position: relative; top: -42px; left: 580px; width:180px;  z-index:2; text-align: right;}
.inputForm { border-right: #bdc0c5 1px solid; border-top: #bdc0c5 1px solid; font-size: 7pt;  border-left: #bdc0c5 1px solid; border-bottom: #bdc0c5 1px solid; font-family: verdana, arial; width:100px; height:10px;}

.inputFormPetit { border-right: #bdc0c5 1px solid; border-top: #bdc0c5 1px solid; font-size: 7px;  border-left: #bdc0c5 1px solid; border-bottom: #bdc0c5 1px solid; font-family: verdana, arial; width:70px; height:10px;}

#inputImg {float: right; margin-top:0px; text-align:left; width:50px;}
.rechercheinput {float: left; margin-top:0px;  text-align:right; width:130px;}

#commentvenir { position: relative; top: -55px; left: 330px; width:150px;  z-index:2; text-align: right; height: 15px;display:none;}
#commentvenir { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 9px; color: #2e0705;  text-transform: uppercase; text-align: left;display:none;}


/*/////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* COLONNE GAUCHE */
/*/////////////////////////////////////////////////////////////////////////////////////////////////////*/
#colonnegauche { display:none;}


#newsletter { width:180px;  z-index:2; margin-bottom:6px;}
#newsletterinput {margin-top:0px;  text-align:right; width:130px;}
.inputFormnewsletter { border-right: #bdc0c5 1px solid; border-top: #bdc0c5 1px solid; font-size: 5px; border-left: #bdc0c5 1px solid; border-bottom: #bdc0c5 1px solid; font-family: verdana, arial; width:100px; height:10px; }

.titrenewsletter {font-family:Arial, Helvetica, sans-serif; text-transform: uppercase; color:grey; font-size:9px;}

	/******************menu principal******************/

.menu-ext { width: 150px; background-color:#e6e6e6; }
.menu-off {
	border-top-style: dotted ; border-top-color: grey ; border-top-width: 1px ;
	width: 145px; padding-left:5px; height:12px; padding-top:5px; padding-bottom:5px; }
.menu-off-lien { color:#601112; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; text-transform: uppercase; }
.menu-on {
	border-top-style: dotted ; border-top-color: grey ; border-top-width: 1px ; width: 145px;
	height:12px; padding-top:5px; padding-left:5px;	}
.menu-on-lien{ color:#730e02; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; text-decoration:none; text-transform: uppercase; }

.sous-menu-off { width: 150px; height:12px; padding-top:5px; padding-left:15px; }
.sous-menu-off-lien{ color:#595959; font-family:Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none; }
.sous-menu-on-lien { color:#730e02; font-family:Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none;}
.sous-menu-on { color:#730e02; font-family:Arial, Helvetica, sans-serif; font-size:10px; width: 150px; height:12px; padding-top:5px; padding-left:15px; }

.liste-sous-menu-niveau{padding-left:15px;color:#595959;}
.liste-sous-menu-niveau a{ font-family:Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none;}

	/******************rubriques******************/

.rubriquegauche { border-top-style: dotted ; border-top-color: grey ; border-top-width: 1px ; width: 150px;}
.titrerubriquegauche {
	padding-left:5px; height:12px; padding-top:13px; padding-bottom:5px;
	color:#601112; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; text-transform: uppercase; }
.titrerubriquegaucheMagazine{
	padding-left:5px; height:12px; padding-top:13px; padding-bottom:5px;
	color:#586d20; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; text-transform: uppercase; }

.soustitrerubriquegauche {
	width: 150px; height:12px; padding-bottom:5px;
	padding-left:15px; color:#595959; font-family:Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none; }
.liensoustitre {color:#595959;}
.liensoustitre-off {color:#595959;}
.liensoustitre-on {color:#730e02;}
.liensoustitre-on-magazine{color:#586d20;}

.texterubriquegauche { padding-left:5px; }
.carterubriquegauche { border-bottom-style: dotted ; border-bottom-color: grey ; border-bottom-width: 1px ; width: 140px; padding-left:7px; padding-bottom:5px; padding-top:5px; }
.bordurecarte { border-style: dotted ; border-color: #d2d2d2 ; border-width: 1px ; }



/*/////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* COLONNE CENTRE */
/*/////////////////////////////////////////////////////////////////////////////////////////////////////*/

#colonnecentrale { float: left; width: 100%; height: auto; text-align:center;}
/*#colonnecentrale { border-left-style: dotted ; border-left-color: grey ; border-left-width: 1px ; padding-left:5px;}
#colonnecentrale { border-right-style: dotted ; border-right-color: grey ; border-right-width: 1px ; padding-right:5px;}*/

#photointro { margin-bottom:5px; }
#texteintro {
font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #3a0907; text-align: left;
margin-bottom:15px; padding-left:6px; padding-right:5px; line-height: 15px;}

.texteintrolien {color: #3a0907; font-size: 9px;}

	/******************bons plans******************/

#titrebonsplans { float: left; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; color: #6b2122; text-align: left; font-weight: bold; width:99%;}
#titrebonsplans { border-bottom-style: dotted ; border-bottom-color: #e1e3e8 ; border-bottom-width: 1px ;  margin-bottom:10px; }

#bonsplans { }
#bonsplansleft { float: left; margin-top:0px;  text-align:left; width:48%; background-color:#faf5f4;}
#bonsplansright { float: right; margin-top:0px; text-align:left; width:48%; background-color:#faf5f4;}


#blocbonsplans { }
.bloctable {width:100%; margin: 0px; padding: 0px; margin-left:-2px;margin-right:-10px; border:0px; margin-bottom:10px;}
.bloctableimage { vertical-align: top; }
.prixbonplan { font-weight: bold; text-align:right; color:black;}
.titrebonplan { color:#730e02; font-weight: bold; font-size: 9px; text-transform: uppercase;}
.lienchezbonplan { color:#595959; }

	/******************bonnesidees******************/

#titrebonnesidees{ float: left; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; color: #6b2122; text-align: left; font-weight: bold; width:99%;}
#titrebonnesidees { border-bottom-style: dotted ; border-bottom-color: #e1e3e8 ; border-bottom-width: 1px ; margin-bottom:5px; }

#bonnesidees  { }
#blocbonnesidees { float: left; margin-top:5px;  text-align:center; margin-right:5px; font-weight: bold; font-size: 10px; text-transform: uppercase;}




/*/////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* COLONNE CENTRE PAGE LISTE */
/*/////////////////////////////////////////////////////////////////////////////////////////////////////*/

#listeentete {display:none;}
#listerubrique {float: left; margin-top:4px;  text-align:left; width:48%;}
.listerubrique { color:#730e02; text-transform: uppercase;}

#listerubriqueMagazine {float: left; margin-top:4px;  text-align:left; width:48%;}
.listerubriqueMagazine { color:#586d20; text-transform: uppercase;}

#listesousrubriqueMagazine {float: right; margin-top:4px; text-align:right; width:48%;}
.listesousrubriqueMagazine { color:#586d20;}

#listesousrubrique {float: right; margin-top:4px; text-align:right; width:48%;}
.listesousrubrique { color:#730e02;}

#listetexteintro {
margin-top:20px; text-align:left;
border-bottom-style: solid ; border-bottom-color: #2e0705 ; border-bottom-width: 2px ; padding-bottom:10px;
border-top-style: solid ; border-top-color: #2e0705 ; border-top-width: 2px ; padding-top:10px;
color: #2e0705;display:none;
}

	/******************blocliste******************/

#blocliste {margin-top:10px;}


#blocentete {height:17px; background-color:#730e02;}
#blocenteteMagazine {height:17px; background-color:#586d20;}

#blocentetegris {display:none;}

#blocentetegauche {float: left; margin-top:3px;  text-align:left; width:55%; margin-left:4px;}
.blocentetegauche {color:#FFFFFF; font-weight: normal; font-size: 12px;}

#blocentetegauchegris{float: left; margin-top:3px;  text-align:left; width:55%; margin-left:4px;display:none;}
.blocentetegauchegris {color:#730e02; font-weight: normal; font-size: 12px;display:none;}

#blocentetegauchegrisMagazine {float: left; margin-top:3px;  text-align:left; width:55%; margin-left:4px;display:none;}
.blocentetegauchegrisMagazine {color:#586d20; font-weight: normal; font-size: 12px;display:none;}

.blocentetegauchelabel {color:#FFFFFF; font-weight: normal; font-size: 9px;display:none;}

#blocentetedroite {float: right; margin-top:4px; text-align:right; width:40%; margin-right:4px;}
#blocentetedroite {color:#FFFFFF; font-weight: normal; font-size: 9px;display:none;}

#blocentetedroitegris{float: right; height:17px; margin:0px; text-align:right; width:30%;  color:#FFFFFF; font-weight:normal; font-size:9px;background-color:#af766f;display:none;}
.blocentetedroitegris{ color:#FFFFFF; font-weight:normal; font-size:9px;display:none;}

#blocentetedroitegrisMagazine{float: right; margin:0px; text-align:right; width:30%; color:#FFFFFF; font-weight: normal; font-size: 9px; background-color:#b4c38d;height:17px;display:none;}
.blocentetedroitegrisMagazine{margin-top:2px;margin-right:2px; color:#FFFFFF; font-weight: normal; font-size: 9px; display:none;}


#bloccontenu {}
.bloccontenutexte {text-align:left;}
.bloccontenuprix {color: #730e02; font-weight: bold;}
.bloccontenuMagazine {color: #586d20;}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* COLONNE CENTRE PAGE FICHE */
/*/////////////////////////////////////////////////////////////////////////////////////////////////////*/

#bandegrisefiche {
margin-top:20px; text-align:left;
border-top-style: solid ; border-top-color: #2e0705 ; border-top-width: 2px ; padding-top:0px;
background-color:#e6e6e6; height:18px;
}
#ficheretour {float: left; margin-top:4px;  text-align:left; width:48%;}
.ficheretour { color:#666666; text-decoration:underline;}

#ficheretourMagazine {float: left; margin-top:4px;  text-align:left; width:48%;}
.ficheretourMagazine { color:#586d20; text-decoration:underline;}

#fichecarnet {float: right; margin-top:4px; text-align:right; width:48%;}
.fichecarnet { color:#601312; text-decoration:underline;}



#fichebloctitre {margin-top:25px; text-align:left;color:#730e02;}
#fichebloctitreMagazine {margin-top:25px; text-align:left;color:#586d20;}
.fichenom {}
.fichelabel {font-size: 10px; font-weight: normal;}
#ficheville {color:#730e02; margin-top:3px;}


#ficheonglets {margin-top:10px; text-align:center; margin-left:15px;}

#onglet1 {float: left; height:13px; width:97px; color:#FFFFFF; text-transform:uppercase; font-weight:bold; font-size:9px; padding-top:3px;}
#onglet2 {float: left; height:13px; width:97px; color:#FFFFFF; text-transform:uppercase; font-weight:bold; font-size:9px; padding-top:3px;}
#onglet3 {float: left; height:13px; width:97px; color:#FFFFFF; text-transform:uppercase; font-weight:bold; font-size:9px; padding-top:3px; visibility:hidden;}
#onglet4 {float: left; height:13px; width:97px; color:#FFFFFF; text-transform:uppercase; font-weight:bold; font-size:9px; padding-top:3px; visibility:hidden;}


#ficheonglets div a:hover {background: url(  'images/ongleton.gif' ) no-repeat;  height:13px; width:97px;}
#ficheongletsMagazine {margin-top:10px; text-align:center; margin-left:15px;}
#ficheongletsMagazine div a:hover {background: url(  'images/magazine/ongleton.gif' ) no-repeat;  height:13px; width:97px;}

.onglet1lien {
background: url(  'images/ongletoff.gif' ) no-repeat;
height:13px;
width:97px;
color:#FFFFFF;
padding-top:3px;
padding-left:10px;
padding-right:15px;
}
.onglet1lienMagazine {
background: url(  'images/magazine/ongletoff.gif' ) no-repeat;
height:13px;
width:97px;
color:#FFFFFF;
padding-top:3px;
padding-left:10px;
padding-right:15px;
}

/*.onglet1lien:hover {background: url(  'images/ongleton.gif' ) no-repeat;  height:13px; width:97px;}
*/
.onglet2lien {
background: url(  'images/ongletoff.gif' ) no-repeat;
height:13px;
width:97px;
color:#FFFFFF;
padding-top:3px;
padding-left:28px;
padding-right:30px;
}
.onglet2lienMagazine {
background: url(  'images/magazine/ongletoff.gif' ) no-repeat;
height:13px;
width:97px;
color:#FFFFFF;
padding-top:3px;
padding-left:28px;
padding-right:30px;
}
/*.onglet2lien:hover {background: url(  'images/ongleton.gif' ) no-repeat;  height:13px; width:97px;} */


.onglet3lien {
background: url(  'images/ongletoff.gif' ) no-repeat;
height:13px;
width:97px;
color:#FFFFFF;
padding-top:3px;
padding-left:25px;
padding-right:35px;
}

.onglet3lienMagazine {
background: url(  'images/magazine/ongletoff.gif' ) no-repeat;
height:13px;
width:97px;
color:#FFFFFF;
padding-top:3px;
padding-left:25px;
padding-right:35px;
}
/* .onglet3lien:hover {background: url(  'images/ongleton.gif' ) no-repeat;  height:13px; width:97px;} */


.onglet4lien {
background: url(  'images/ongletoff.gif' ) no-repeat;
height:13px;
width:97px;
color:#FFFFFF;
padding-top:3px;
padding-left:19px;
padding-right:19px;
}
.onglet4lienMagazine {
background: url(  'images/magazine/ongletoff.gif' ) no-repeat;
height:13px;
width:97px;
color:#FFFFFF;
padding-top:3px;
padding-left:19px;
padding-right:19px;
}

/* .onglet4lien:hover {background: url(  'images/ongleton.gif' ) no-repeat;  height:13px; width:97px;} */

.ongletactif {background: url(  'images/ongleton.gif' ) no-repeat;  height:13px; width:97px;}
.ongletactifMagazine {background: url(  'images/magazine/ongleton.gif' ) no-repeat;  height:13px; width:97px;}

#ligneonglets {border-bottom-style: solid ; border-bottom-color: #730e02 ; border-bottom-width: 2px ; padding-bottom:13px; margin-bottom:10px;}
#ligneongletsMagazine {border-bottom-style: solid ; border-bottom-color: #586d20 ; border-bottom-width: 2px ; padding-bottom:13px; margin-bottom:10px;}

	/******************presentation******************/

#fichepresentation {}

.ficheimage {float: right; margin: 4px; margin-left: 10px; margin-bottom: 2px;}
.ficheimageDroite {float: right; margin: 4px; margin-left: 10px; margin-bottom: 2px;}
.ficheimageGauche {float: left; margin: 4px; margin-right: 10px; margin-bottom: 2px;}
#fichetextechapeau { line-height: 15px; font-style: italic; text-align: justify;}


#fichepresentationbloctexte { margin-top: 20px; line-height: 14px; text-align: left;}
.titrebloctexte { margin-bottom: 2px; font-size: 12px; font-weight: normal;}


#fichepresentationcalquerose { margin-top: 20px; line-height: 14px; text-align: left; background-color:#f5edec; padding-top: 10px; padding-left: 2px; padding-bottom: 2px;}
.fichepresentationcaracteristiquestitre { color: #730e02; text-transform: uppercase; text-decoration: underline;}

.fichepresentationcaracteristiques { color: #434343; font-size: 11px; font-weight: bold; line-height: 15px;}

.fichepresentationconfort {color: #730e02; font-size: 11px; font-weight: bold;}
.tableconfort {border: 0px; padding: 0px; maring: 0px; width: 100%;}

#boutoncontacter {padding-left: 5px; padding-right: 5px; padding-top:0px;
background-color:#b98781; border: solid 1px #730e02;  margin-top: 3px; height: 12px; color: #FFFFFF;
width: 50%; float: right;}
#boutoncontacterMagazine {padding-left: 10px; padding-right: 10px; padding-top:0px;
background-color:#b98781; border: solid 1px #586d20;  margin-top: 3px; height: 12px; color: #FFFFFF;
width: 45%; float: right;}
.lienboutoncontacter {color: #FFFFFF;}


#ficheadresse {text-align: center; color: #6b2122; margin-top: 50px;}
#ficheadresseMagazine{ color: #586d20; margin-top: 50px;}


	/******************presentation photos******************/

#fichephotosvignettes {}
#fichephotosgrande { padding: 10px; border: solid 1px #9c9d9f; margin-top: 20px;}

#fichephotosspacer { height: 200px; }

/*/////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* COLONNE DROITE */
/*/////////////////////////////////////////////////////////////////////////////////////////////////////*/

#colonnedroite { display:none; }

#zoomdroite {}
.imagezoomdroite { margin-top:5px; }

#encemomentdroite { }
.titreencemomentdroite {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; color: #6b2122; text-align: left; font-weight: bold; width:99%;
border-bottom-style: dotted ; border-bottom-color: #e1e3e8 ; border-bottom-width: 1px ; margin-bottom:5px;}


#bonsplansdroite { background-color:#faf5f4;  }
.titreblocactu {color:black;}

.dateblocactu {color:#6b2122; font-size: 9px;}

	/******************droitefiche******************/

#bonsplansdroitefiche {background-color: #730e02; margin-left:-5px;}
#titrebonsplansfiche {color: #9e5950; font-size: 14px; font-weight: bold; font-style:italic}

#prestatairebonsplansfiche {text-transform: uppercase; color: #FFFFFF; padding-left:5px; margin-bottom: 10px; margin-top: 10px; }
.prestatairebonsplansfiche {font-weight: normal;}
img.imagesbonsplansfiche {float: left; margin-right: 4px; margin-top: 4px; }

#titreblocbonplanfiche {color:#b98781; margin-left:5px; margin-right:5px; text-transform: uppercase; padding-top:10px; padding-bottom:6px;
border-top-style: dotted ; border-top-color: #e1e3e8 ; border-top-width: 1px ;}

.titreblocbonplanfiche {font-weight: normal;}

#texteblocbonplanfiche {color:#ffffff; padding-left:10px; padding-right:10px; line-height:13px; padding-bottom:5px;}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* FOOTER */
/*/////////////////////////////////////////////////////////////////////////////////////////////////////*/

#footer { display:none; }
#footerhaut {  display:none;}

.texteBandeauFooter {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 9px; color: #FFFFFF;  text-transform: uppercase; text-align: left; padding-top: 6	px;}

#footerliens { width: 25%; text-align: right; float: left; left: 0px; margin: 5px 0 0 8px; }
#footermentions { width: 38	%; float: left; padding: 0 0px 0 30px ; margin: 5px 0 0px 0; text-align: left; }
#footerservice { width: 25%; float: left; text-align: left; padding-left: 260px; margin: 5px 0 0 0; }



#footerbas { position: absolute; width: 100%; bottom: -20px; left: 0px; margin: 20px 0 0 0; height: 100px; background-color: #c9c9c9; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt; color: #666666; }
#lienfooter { width: 785px; margin: 5px auto 0 auto; text-align: center; color:#313131;}

#textefootercontener { width: 785px; margin: 5px auto 0 auto; text-align: center; }

#textefooter { display:; width: 100%; margin-right: 10px; text-align: right; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 7pt; color: #666666; text-decoration: none; float:left;}
#loginfooter {float:left; width: 270px; text-align: left; border-left: dotted 1px #313131; padding-left:10px; margin-top: 10px;}

#loginfooterinvit {margin-bottom: 5px; font-size: 8pt; font-weight: bold;}

.formNoBorder, select { border-right: #7f9db9 1px solid; border-top: #7f9db9 1px solid; font-size: 7pt; background: #ffffff; border-left: #7f9db9 1px solid; border-bottom: #7f9db9 1px solid; font-family: verdana, arial; }
#formbouton {margin-top: -10px;}

a:link.norollover, a:visited.norollover { color: #AB5858; text-decoration: none; }
a img{border:0;}
img.vignette{width:74px;float:left;position:relative; margin-right: 4px;}


/*/////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* CARNET DE VOYAGE */
/*/////////////////////////////////////////////////////////////////////////////////////////////////////*/

.barre{border:1; border-bottom: #7f9db9 1px solid;}
#tabfonctionscarnet{dispay:none;}