/*** body
*********************************/
body {
 text-align: center;
 background-color: #fff;
}

body#accueil{background-color: #fdf4e6;}

/*** page
*********************************/
#page {
 margin: 20px auto;
 width: 900px;
 border-top: 17px solid #26482c;
 border-bottom: 17px solid #26482c;
 text-align: left;
 background-color: #fdf4e6;
 padding: 30px 0 0 0;
}

	#accueil #page{border: none;}

/*** page accueil
*********************************/
#border-top{
 border-top: 17px solid #26482c;
 /* background: transparent url(/style/fond/accueil-top.gif) no-repeat; */
 width: 491px;
 margin: 0 auto;
}

#border-bottom{
 border-top: 17px solid #26482c;
 width: 491px;
 margin: 0 auto;
}

#leftAnim{
 float: left;
 width: 205px;
}

#rightAnim{
 float: left;
 width: 205px;
}

#centreCol{
 float: left;
 width: 490px;
 background: transparent url(/style/fond/accueil-centre.gif) no-repeat top center;
 height: 500px;
}

#centreCol .content{
 padding: 160px 50px 0 50px;
}

#bienvenue{
 width: 100%;
 text-align: center;
 padding: 20px 0;
}

/*** main
*********************************/
#main{
 margin: 30px 0 0 0;
}

/*** left
*********************************/
#left{
 width: 264px;
 float: left;
 font-family: Georgia, Times;
 padding: 0 41px;
}

/*** right
*********************************/
#right{
 width: 536px;
 float: left;
 color: #000;
}

	/*** cadre
	*******************************/
	#cadre-top{
	 background: transparent url(/style/fond/fond-cadre-top.gif) no-repeat left top;
	 width: 494px;
	}

	#cadre-bottom{
	 background: transparent url(/style/fond/fond-cadre-bottom.gif) no-repeat left bottom;
	 width: 494px;
	}

	#cadre-bottom .content{
	 padding: 23px;
	}
	
	#cadre-bottom .content p{
	 font-size:1.3em;
	 font-style:italic;
	 line-height:1.4em;
	}

	#fond-cadre{
	 background: transparent url(/style/fond/fond-cadre.gif) repeat-y;
	 width: 494px;
	}
	
	/*** leftCol
	*****************************/
	#leftCol{
	 width: 55%;
	 float: left;
	}
		#presentation #leftCol{width: 45%;}
		#chambres #leftCol{
		 width: 30%;
		}
	
	/*** rightCol
	*****************************/
	#rightCol{
	 width: 35%;
	 float: right;
	}
		#presentation #rightCol{width: 45%;}
		#chambres #rightCol{
		 width: 30%;
		}
	
	/*** centreCol (page chambre)
	****************************/
	#centerCol{
	 float: left;
	 width: 30%;
	 padding: 0 0 0 20px;
	}
	
	#chambre-cosy #rightCol p, #chambre-confort #rightCol p, #chambre-duplex #rightCol p, #tourisme #rightCol p{
	 font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	 font-size: 1.1em;
	 line-height: 1.2em;
	 font-style: normal;
	}
	
	/*** mainCol
	*****************************/
	#mainCol{
	 width: 100%;
	}


/*** header
*********************************/
#header {
 width: 100%;
}

/*** footer
*********************************/
#footer {
 width: 95%;
 font-size: 1.1em;
 margin: 10px auto;
}
	#accueil #footer{width: 50%;}

#footer .content {width: 100%;}

#footer ul {
 width: 100%;
 margin: 0 0 0 35px;
 color: #26482c;
}

#footer li {
 float: left;
 margin: 0 10px;
}

#footer a:link, #footer a:visited, address a:visited, address a:link{text-decoration: none; color: #26482c;}
#footer a:focus, #footer a:hover, address a:focus, address a:hover {text-decoration: underline;}

#contact-print {
 display: none;
 margin-top: 30px;
 border-top: 1px solid #000;
 padding-top: 5px;
}

/*** nav-main
*********************************/
#nav-main{
 width: 100%;
 font-size: 1.4em;
 font-family: Times, Georgia;
 color: #fff;
 font-weight: bold;
}

#nav-main .content{
 padding: 0 35px;
}
 
#nav-main li ul {
 width: 100%;
 padding-top: 10px;
}

#nav-main li#nav-top li{
 height: 30px;
 float: left;
 width: 91px;
 padding: 1px;
}

#nav-main li#nav-principal li{
 height: 91px;
 float: left;
 width: 91px;
 padding: 1px;
}

#nav-main li li.fond{
 background-image: url(/style/menu/csg-4a83c336c0c49.gif);
 background-repeat: no-repeat;
}

#nav-main #nav-principal a{
 display: block;
 background-repeat: no-repeat;
 background-image: url(/style/menu/csg-4a83c336c0c49.gif);
}

#nav-main #nav-top a{
 display: block;
 background-repeat: no-repeat;
 background-image: url(/style/menu/csg-4a8a8e3037b31.gif);
}


.menu-right{
 padding: 1px 4px;
 width: 83px;
 height: 89px;
}

.menu-left{
 padding: 1px 5px;
 width: 81px;
 height: 89px;
}

.sprite-menu-presentation a:link, .sprite-menu-presentation a:visited {background-position: 0 -160px;}
.sprite-menu-presentation a:focus, .sprite-menu-presentation a:hover {background-position: 0 -240px;}

.sprite-menu-actualites a:link, .sprite-menu-actualites a:visited {background-position: 0 0;}
.sprite-menu-actualites a:focus, .sprite-menu-actualites a:hover {background-position: 0 -80px;} 

.sprite-img-chambres { background-position: 0 0; }
.sprite-menu-chambres a:link, .sprite-menu-chambres a:visited {background-position: 0 -700px;}
.sprite-menu-chambres a:focus, .sprite-menu-chambres a:hover{background-position: 0 -560px;} 

.sprite-img-services { background-position: 0 -140px; }  
.sprite-menu-services a:link, .sprite-menu-services a:visited{background-position: 0 -840px;} 
.sprite-menu-services a:hover, .sprite-menu-services a:focus {background-position: 0 -1260px;} 

.sprite-img-tarifs { background-position: 0 -280px; }
.sprite-menu-tarifs a:link, .sprite-menu-tarifs a:visited {background-position: 0 -980px;} 
.sprite-menu-tarifs  a:focus, .sprite-menu-tarifs a:hover{ background-position: 0 -1400px; }
 
.sprite-img-tourisme { background-position: 0 -420px; }
.sprite-menu-tourisme a:link, .sprite-menu-tourisme  a:visited {background-position: 0 -1120px;} 
.sprite-menu-tourisme  a:focus, .sprite-menu-tourisme a:hover{background-position: 0 -1540px;} 


#nav-main li li a:link, #nav-main li li a:visited {text-decoration: none; color: #fff;}
#nav-main li li a:focus, #nav-main li li a:hover {text-decoration: none; color: #fff;}

/*** titre
****************************************/
h1 {
 width: 274px;
 height: 77px;
 background: transparent url(/style/logo.gif) no-repeat;
 font: 2.5em/1em 'Trebuchet MS', Arial, Helvetica, sans-serif;
 text-align: center;
}


h2 {
 font: 2.0em/1em Times, Georgia;
 height: 50px;
 background-color: transparent;
 background-repeat: no-repeat;
 margin: 10px 0 5px 0;
}
	/* *html h2{width: 100%; left: 24%;} */

    #presentation .fr h2 {background-image: url(/style/titre/fr/titre-presentation.gif);}
	#actualites .fr h2{background-image: url(/style/titre/fr/titre-actualites.gif)}
	#chambres .fr h2{background-image: url(/style/titre/fr/titre-chambres.gif)}
	#chambre-cosy .fr h2{background-image: url(/style/titre/fr/titre-chambre-cosy.gif);}
	#chambre-confort .fr h2{background-image: url(/style/titre/fr/titre-chambre-confort.gif);}
	#chambre-duplex .fr h2{background-image: url(/style/titre/fr/titre-chambre-duplex.gif);}
	#tarifs-et-reservation .fr h2{background-image: url(/style/titre/fr/titre-tarifs.gif);}
	#pre-reservation .fr h2{background-image: url(/style/titre/fr/titre-pre-reservation.gif);}
	#services .fr h2{background-image: url(/style/titre/fr/titre-services.gif);}
	#tourisme .fr h2{background-image: url(/style/titre/fr/titre-tourisme.gif); margin-top: 0;}
	#liens .fr h2{background-image: url(/style/titre/fr/titre-liens.gif);}
	#mention .fr h2{background-image: url(/style/titre/fr/titre-mentions.gif);}
    #err404 .fr h2{background-image: url(/style/titre/fr/titre-erreur.gif);}
	
	#presentation .en h2 {background-image: url(/style/titre/en/titre-presentation-en.gif);}
	#actualites .en h2{background-image: url(/style/titre/en/titre-actualites-en.gif)}
	#chambres .en h2{background-image: url(/style/titre/en/titre-chambres-en.gif)}
	#chambre-cosy .en h2{background-image: url(/style/titre/en/titre-chambre-cosy-en.gif);}
	#chambre-confort .en h2{background-image: url(/style/titre/en/titre-chambre-confort-en.gif);}
	#chambre-duplex .en h2{background-image: url(/style/titre/en/titre-chambre-duplex-en.gif);}
	#tarifs-et-reservation .en h2{background-image: url(/style/titre/en/titre-tarifs-en.gif);}
	#pre-reservation .en h2{background-image: url(/style/titre/en/titre-pre-reservation-en.gif);}
	#services .en h2{background-image: url(/style/titre/en/titre-services-en.gif);}
	#tourisme .en h2{background-image: url(/style/titre/fr/titre-tourisme.png); margin-top: 0;}
	#liens .en h2{background-image: url(/style/titre/en/titre-liens-en.gif);}
	#mention .en h2{background-image: url(/style/titre/en/titre-mentions-en.gif);}
    #err404 .en h2{background-image: url(/style/titre/en/titre-erreur-en.gif);}

h3{
 color: #a5a2a7;
 text-transform: uppercase;
 font: 1.7em/1em Georgia, Times;
 margin: 10px 0 0 0;
}

	#mention h3{text-transform: none;}
	#tarifs-et-reservation h3{float: left; width: 50%;}
	#chambre-cosy h3, #chambre-confort h3, #chambre-duplex h3{float: left; width: 35%;}

h4{
 font: 1.1em/1.2em Georgia, Times;
 font-weight: bold;
 font-style: italic;
 text-decoration: underline;
}
	#services h4{color: #D16247;}
	#tourisme h4, #chambre-cosy h4, #chambre-confort h4, #chambre-duplex h4{font: 1.1em/1.2em 'Trebuchet MS', Arial, Helvetica, sans-serif; font-weight: bold;}
	
/*** a
*********************************/
a.bienvenue{
 color: #26482c;
 font-size: 1.3em;
 font-style: italic;
 font-weight: bold;
 letter-spacing: 2px;
}

a.retour-accueil{
 text-transform: uppercase;
 color: #c3a683;
 font-size: 1.2em;
 font-weight: bold;
}
	a.retour-accueil:link, a.retour-accueil:visited{text-decoration: none;}
	a.retour-accueil:focus, a.retour-accueil:hover{text-decoration: underline;}

a.lang{
 margin: 0 6px 0 0;
}
	
a.bouton-chambres{
 background-repeat: no-repeat;
 background-color: transparent;
 background-image: url(/style/bouton/csg-4a8bb24a0748b.gif);
 width: 105px;
 height: 23px;
 display: block;
 padding: 4px 0;
 text-align: center;
 font-weight: bold;
 color: #fff;
 font-size: 1.2em;
 line-height: 1em;
 font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
 text-decoration: none;
}
	a#bouton-confort:link, a#bouton-confort:visited { background-position: 0 0; } 
	a#bouton-confort:focus, a#bouton-confort:hover { background-position: 0 -73px; } 
	a#bouton-cosy:link, a#bouton-cosy:visited{ background-position: 0 -146px; } 
	a#bouton-cosy:focus, a#bouton-cosy:hover { background-position: 0 -219px; } 
	a#bouton-duplex:link, a#bouton-duplex:visited { background-position: 0 -292px; } 
	a#bouton-duplex:focus, a#bouton-duplex:hover{ background-position: 0 -365px; } 
	
a#bouton-itineraire{
 background-color: transparent;
 background-repeat: no-repeat;
 background-position: top left;
 display: block;
 width: 132px;
 height: 25px;
 margin: 10px 0 0 203px;
 padding: 2px 0 0 0;
 color: #fff;
 text-decoration: none;
 font: 1.0em/1.9em 'Trebuchet MS', arial, helvetica;
 text-align: center;
}
	a#bouton-itineraire:link, a#bouton-itineraire:visited{background-image: url(/style/bouton/bouton-tourisme-ombre.gif);}
	a#bouton-itineraire:hover{background-image: url(/style/bouton/bouton-tourisme.gif);}

a#bouton-reservations{
 background-color: transparent;
 background-repeat: no-repeat;
 background-position: top left;
 display: block;
 width: 132px;
 height: 24px;
 float: right;
 margin: 5px 0 0 0;
 color: #fff;
 text-transform: uppercase;
 font: 10px/1.8em 'Trebuchet MS', arial, helvetica;
 font-weight: bold;
 text-decoration: none;
 padding: 0 0 0 15px;
}
	a#bouton-reservations:visited, a#bouton-reservations:link{background-image: url(/style/bouton/bouton-reservation-ombre.gif);}
	a#bouton-reservations:focus, a#bouton-reservations:hover{background-image: url(/style/bouton/bouton-reservations.gif);}

a.suite{
 float: right;
 font-size: 1.1em;
 padding: 5px 0;
}
	
p.suite a:link, p.suite a:visited, p.suite a:focus, p.suite a:hover,
a.suite:link, a.suite:visited, a.suite:focus, a.suite:hover,
p.lien-chambres a:link, p.lien-chambres a:visited, p.lien-chambres a:focus, p.lien-chambres a:hover
{color: #D4891C;}

a.liens:link, a.liens:visited, a.liens:focus, a.liens:hover{color: #a84500;}

/*** ul
*********************************/
ul.list{
 list-style-type: disc;
 list-style-position: outside;
 padding: 0 0 5px 11px;
 font-size:1.3em;
 font-style:italic;
 line-height:1.2em;
}
	#tourisme ul.list, #chambre-cosy ul.list, #chambre-confort ul.list, #chambre-duplex ul.list{
	 font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	 font-style: normal;
	 font-size: 1.1em;
	 line-height: 1.1em;
	}

ul.list li{
 padding: 2px 0;
}

/*** dl
*********************************/
dl.actualite{
 padding: 5px 0;
}

dl.actualite dt{
 color: #D4891C;
 font-size: 1.3em;
 line-height: 1.3em;
}
	#accueil dl.actualite dt{
	 padding: 5px 0;
	}

dd.photo{
 float: left;
 margin: 0 9px 0 0;
 border: 1px solid #D4891C;
}

dd.texte{
 font-style: italic;
 padding: 5px 0 0 0;
 font-size: 1.2em;
 line-height: 1.3em;
}

dd.bloc-notes{
 text-transform: uppercase;
 color: #D4891C;
 border-top: 1px solid #D4891C;
 border-bottom: 1px solid #D4891C;
 font-size: 1.6em;
 text-align: center;
 font-style: italic;
 font-weight: bold;
 margin: 0 0 0 155px;
 padding: 5px 0;
}

/*** table
*********************************/
table{
 width: 100%;
 text-align: center;
 color: #fff;
 font: 1.2em/1.2em 'Trebuchet MS', Arial, Helvetica, sans-serif;
}

td{
 padding: 3px 0;
 border-right: 1px solid #000;
 text-transform: uppercase;
}

/*** address (accès)
*********************************/
address {
 margin: 10px 0 0 0;
 font: 1.1em/1.2em Times, Georgia;
 text-align: center;
 font-style: italic;
 font-weight: bold;
 color: #26482c;
}

/*** img
*********************************/
img.bordure{float: left;}
#presentation img.bordure{border: 1px solid #B14606;}
#liens img.bordure{border: 1px solid #B14606;}
#err404 img.bordure{border: 1px solid #B14606;}
#actualites img.bordure{border: 1px solid #893A8B;}
#chambres img.bordure{border: 1px solid #EA636D;}
#chambre-cosy img.bordure{border: 1px solid #E05D52;}
#chambre-confort img.bordure{border: 1px solid #647D92;}
#chambre-duplex img.bordure{border: 1px solid #906936;}
#tarifs-et-reservation img.bordure{border: 1px solid #9F5300;}
#pre-reservation img.bordure{border: 1px solid #9F5300;}
#services img.bordure{border: 1px solid #D16247;}
#tourisme img.bordure{border: 1px solid #7F9F82;}

img.marge-cote{
 margin: 0 13px 0 0;
}

img.marge-bas{
 margin: 0 0 13px 0;
}

/*** span
*********************************/
.grand{
 line-height: 17px;
}

/*** p
*********************************/
p.lien-chambres{
 font-size: 1.1em;
 width: 63%;
 padding: 10px 0 0 0;
 font-style: italic;
 float: right;
 text-align: right;
}

p#text-tableau{
 font: 1.0em/1.1em 'Trebuchet MS', Arial, Helvetica, sans-serif;
 text-align: center;
 padding: 2px 0 0 0;
}

p.suite{
 text-align: right;
 padding: 10px 0 0 0;
}

p.validite-tarifs{
 padding: 0 0 5px 0;
 color: #9F5300;
 font: 1.0em/1.1em 'Trebuchet MS', Arial, Helvetica, sans-serif;
}

p.reservation-ok{
 color: #D4891C;
 padding: 15px 0 0 0;
}

p.print-page img {
 vertical-align: baseline;
}

/*** strong
*********************************/
strong{
 color: #D4891C;
}

/*** printer styles
******************************************************************/
@media print {
}


#parallax {
 position:relative;
 overflow:hidden;
 width:800px;
 height:300px;
}