img { border: 0px; }

body {
	margin: 0px;
	background-color: #D3D3D3;
}

a:hover { color: #222222; }
a:visited { text-decoration: underline; }

/* arial11bleu */
a { font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #3E3176;
	text-decoration: underline;
}

h1.titre { color: #0A0A0A; font-weight: bold; font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline;}
.titre { color: #0A0A0A; font-weight: bold; font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; }
h2.stitre { color: #EEEEEE; font-weight: bold; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none;}
.texte0-clair { color: #EEEEEE; font-size: 9px; font-family: Arial, Helvetica, sans-serif; }
.texte1-clair { color: #EEEEEE; font-size: 10px; font-family: Arial, Helvetica, sans-serif; }
.texte0-fonce { color: #0A0A0A; font-size: 9px; font-family: Arial, Helvetica, sans-serif; }
.texte1-fonce { color: #0A0A0A; font-size: 10px; font-family: Arial, Helvetica, sans-serif; }
.texte2-clair { color: #EEEEEE; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
.texte2-fonce { color: #0A0A0A; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
.texte { color: #000000; font-size: 13px; font-family: Arial, Helvetica, sans-serif; }


a.texte1-clair { text-decoration: underline; color: #EEEEEE; font-size: 14px; font-family: Arial, Helvetica, sans-serif; }
a.texte1-clair:hover { color: #434343; text-decoration: underline; }
a.texte1-clair:visited { color: #EEEEEE; text-decoration: underline; }

a.texte1-fonce { text-decoration: underline; color: #0A0A0A; font-size: 14px; font-family: Arial, Helvetica, sans-serif; }
a.texte1-fonce:hover { color: #434343; text-decoration: underline; }
a.texte1-fonce:visited { color: #0A0A0A; text-decoration: underline; }

.texte-form { color: #0A0A0A; text-decoration: none; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }

.brfake { font-size: 6px; font-family: verdana; }

.arial11gris {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #CCC;
	text-decoration: none;
}

a.arial11gris:visited {
	font-weight: normal;
	color: #CCC;
	text-decoration: underline;
}


a.arial11bleu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #3E3176;
	text-decoration: none;
}

a.arial11gris:visited {
	font-weight: normal;
	color: #CCC;
}

.arial14rose {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #F34487;
}

/* From old CSS stylesheet */
a:hover {text-decoration:underline;}

.contourviolet {
	border: 1px solid #866AFF;
}
.arial11bleu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #3E3176;
	text-decoration: none;
}
.arial12bleu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #3E3176;
	text-decoration: none;
}
.arial11rose {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #F34487;l
	text-decoration: none;
}
.arial12rose {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F34487;
}

.arial14bleuclair {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #6E75B2;
	text-decoration: none;
}

.arial12bleuclair {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #6E75B2;
	text-decoration: none;
}
.champs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6E75B2;
	border: 1px solid #6E75B2;
	background-color: #FFFFFF;

}
.bouton {
	font-family: Arial, Helvetica, sans-serif;
	color: #F34487;
	border: 1px solid #6E75B2;
	background-color: #FFFFFF;
	font-weight: normal;


}

.navbas {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #2C4491;
	text-decoration: none;
}

A:hover.navbas {
	text-decoration: none;
	color: #F34487;
}
A:hover.arial11bleu {
	text-decoration: none;
	color: #F34487;
}

.arial11blanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}

.arial11marine {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3e3176;
	text-decoration: none;
}

.contourrose {
	border: 1px solid #F34487;
}
.arial11violet {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #8588BB;
	text-decoration: underline;
}

/* End old stylesheet */



.liste-cat {
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	background-color: #6E75B2;
	color: black;
	font-family: Arial;
	height: 18px;
}

.liste-cat1 {
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	background-color: #f5689e;
	color: black;
	font-family: Arial;
	height: 18px;
}

.lien-chambre {
	height: 20px;
}

.lien-chambre-selected {
	height: 20px;
}

a.lien-chambre {
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	color: #3E3176;
	font-family: Arial;
}

a.lien-chambre-selected {
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	color: white;
	background-color: #3E3176;
	font-family: Arial;
}

#lien-chambre img { border: none; }
#lien-chambre a { float: right; display:inline; width: 212px; height: 20px; margin: 0px; }
#lien-chambre a img {  border:none; vertical-align:bottom; /* for IE6 */}
#lien-chambre a:hover { visibility:visible; }
#lien-chambre a:hover img { visibility:visible; }
#lien-chambre a:hover img { visibility:hidden; /* hide from IE5.0/win */}


.lien-chambre {
	background-color: white;
}

.lien-chambre-selected {
	background-color: #3E3176;
}

a.lien-chambre:hover {
	text-decoration: none;
	color: white;
	background-color: black;
}

a.lien-chambre-selected:hover {
	text-decoration: none;
	color: white;
	background-color: black;
}

div#main {
	width:972px;
}

div#header {
  	width:972px;
	height: 133px;
	background-color: #3e3176;
	float: left;
	clear: both;
}

div#header-cont {
  	width: 970px;
	height: 131px;
	margin: 1px;
	background: url(/images/banniere3.png);
}

div#logo {
	width: 315px;
	height: 131px;
  	float: left;
}

div#texte-intro {
  	width: 252px;
	height:90px;
	float: left;
	margin: 20px;
}


div#logo-cont {
	width: 260px;
	height: 131px;
	margin-left: 10px;
	float: left;
}

div#citotel {
	width: 170px;
	height: 70px;
	margin-top: 5px;
	float: left;
}

div#rando {
	width: 70px;
	height: 70px;
	float: right;
	margin-top: 5px;
}

div#charme {
	width: 198px;
	height: 43px;
	float: left;
	clear: both;
	margin-top: 5px;
	margin-left: 50px;
}

div#flags-cont {
	width: 40px;
	height: 131px;
	margin-right: 10px;
	float: right;
}


div#fr {
  	float: right;
	margin-top: 10px;
}

div#en {
  	float: right;
  	clear: both;
	margin-top: 5px;
}

div#inter-header-menu {
	clear: both;
	width:972px;
	height: 5px;
}

div#topmenu-ext {
	width: 972px;
	height:48px;
	background-color: #3e3176;
	float: left;
	clear: both;
}

div#topmenu {
	width: 968px;
	height: 44px;
	margin-top: 2px;
}

div#inter-menu-content {
	clear: both;
	width:972px;
	height: 5px;
}

/* Menu */
#topmenu img { border: none; }
#topmenu a { float: left; display:block; width: 121px; height: 44px; margin: 0px; }
#topmenu a img {  border:none; vertical-align:bottom; /* for IE6 */}
#topmenu a:hover { visibility:visible; }
#topmenu a:hover img { visibility:visible; }
#topmenu a:hover img { visibility:hidden; /* hide from IE5.0/win */}


div.bt {
  	width: 121px;
	height: 44px;
	float: left;
}

#menu1 { background: url(/images/menu/on/accueil.jpg) no-repeat; }
#menu2 { background: url(/images/menu/on/esprit-des-lieux.jpg) no-repeat; }
#menu3 { background: url(/images/menu/on/chambres.jpg) no-repeat; }
#menu4 { background: url(/images/menu/on/tarifs.jpg) no-repeat; }
#menu5 { background: url(/images/menu/on/tourisme.jpg) no-repeat; }
#menu6 { background: url(/images/menu/on/acces-contact.jpg) no-repeat; }
#menu7 { background: url(/images/menu/on/restaurant.jpg) no-repeat; }
#menu8 { background: url(/images/menu/on/soiree-etape.jpg) no-repeat; }


/* Boutons lateraux */
#bt-l img { border: none; }
#bt-l a { float: left; display:block; width: 121px; height: 44px; margin: 0px; }
#bt-l a img {  border:none; vertical-align:bottom; /* for IE6 */}
#bt-l a:hover { visibility:visible; }
#bt-l a:hover img { visibility:visible; }
#bt-l a:hover img { visibility:hidden; /* hide from IE5.0/win */} 

#bt-r img { border: none; }
#bt-r a { float: left; display:block; width: 121px; height: 44px; margin: 0px; }
#bt-r a img {  border:none; vertical-align:bottom; /* for IE6 */}
#bt-r a:hover { visibility:visible; }
#bt-r a:hover img { visibility:visible; }
#bt-r a:hover img { visibility:hidden; /* hide from IE5.0/win */} 

div.cont-bt-r {
	width: 125px;
	height:48px;
	background-color: #3e3176;
	margin-top: 5px;
	float: right;
	clear: both;
}

div.bt-r {
  	width: 121px;
	height: 44px;
	margin-top: 2px;
	clear: both;
}

div.bt-l {
  	width: 121px;
	height: 44px;
	margin-top: 2px;
	clear: both;
}

#bt-r-1 { background: url(/images/bt/on/offres-speciales.jpg) no-repeat; }
#bt-r-2 { background: url(/images/bt/on/renseignements.jpg) no-repeat; }
#bt-r-3 { background: url(/images/bt/on/reservation.jpg) no-repeat; }
#bt-r-4 { background: url(/images/bt/on/coffret-cadeau.jpg) no-repeat; }
#bt-r-5 { background: url(/images/bt/on/services.jpg) no-repeat; }
#bt-r-6 { background: url(/images/bt/on/video2.jpg) no-repeat; }


/* Boutons reservation */
#bt-reserv img { border: none; }
#bt-reserv a { display:block; width: 170px; height: 88px; margin: 0px; }
#bt-reserv a img {  border:none; vertical-align:bottom; /* for IE6 */}
#bt-reserv a:hover { visibility:visible; }
#bt-reserv a:hover img { visibility:visible; }
#bt-reserv a:hover img { visibility:hidden; /* hide from IE5.0/win */}
#bt-reserv { height: 88px; } 

div.cont-bt-reserv {
	position: absolute;
	bottom: 14px;
	left: 0;
	width: 174px;
	height:92px;
	background-color: #3e3176;
	margin-left: 14px;
	float: left;
	clear: both;
}

div.bt-reserv {
  	width: 170px;
	height: 88px;
	margin-top: 2px;
	clear: both;
}

#bt-reserv-1 { background: url(/images/chambre/on/en-ligne.jpg) no-repeat; }


#txt1 { display: inline;  }
#txt2 { display: none; }
#txt3 { display: none; }
#txt4 { display: none; }

div#content {
	width: 972px;
	height: 390px;
	margin: 0px;
	clear: both;
}

div#pcontent {
	width: 972px;
	height: 460px;
	clear: both;
}

div#econtent {
	width: 972px;
	height: 500px;
	clear: both;
}

div#inter-c {
	width: 812px;
	height: 1px;
	background-color: #3e3176;
	float: left;
	clear: both;
}

div#ctar {
	width: 802px;
	background-color: #3e3176;
	float: left;
	clear: both;
}

div#ctar-in {
	width: 800px;
	background-color: white;
	margin: 1px;
}

div.ctarif { 
	margin: 4px;
}

div#listing-t {
	width: 160px;
	float: right;
	position: relative;
}

div#cont-kdo {
	background-color: #3e3176;
	width: 154px;
	height: 379px;
	float: right;
	margin-top: 15px;
}

div#kdo { 
	background: url(/images/coffret-cadeaux.jpg) no-repeat; 
	width: 150px;
	height: 375px;
	margin: 2px;
}

div#tarifs-table {
	margin: 5px;
}

div#container-l {
	width: 538px;
	height: 420px;
	float: left;
	background-color: #3e3176;
}

div#ch-content {
	width: 538px;
	height: 390px;
	float: left;
	clear: both;
}

div#chcontainer-l {
	width: 538px;
	height: 272px;
	float: left;
	background-color: #3e3176;
}

div#image-1 {
  	width: 400px;
	height: 267px;
	float: left;
	margin: 2px;
	margin-left: 2px !important;
	margin-left: 1px;
	margin-top: 3px;
	margin-right: 0px;
	clear: both;
}

div#cont-image {
	width: 136px;
  	height: 272px;
	float: left;
}

div#image-2 {
  	width: 132px;
	height: 88px;
	margin: 2px;
	margin-bottom: 0px;
}

div#image-3 {
  	width: 132px;
	height: 88px;
	margin: 2px;
	margin-bottom: 0px;
	clear: both;
}

div#image-4 {
  	width: 132px;
	height: 88px;
	margin: 2px;
	clear: both;
}

div#texte-1 {
  	width: 534px;
	height: 146px;
	margin: 2px;
  	margin-top: 0px;
	background-color: white;
	clear: both;
}


div#chconttexte-1 {
	width: 404px;
	height: 118px;
	float: left;
	background-color: #3e3176;
	clear: both;
}

div#chtexte-1 {
  	width: 400px;
	height: 116px;
	margin-left: 2px !important;
	margin-right: 2px !important;
	margin-bottom: 2px !important;
	margin-right: 1px;
	margin-left: 1px;
	margin-bottom: 2px;
  	margin-top: 0px;
	background-color: white;
	float: left;
	clear: both;
}

div#in-chtexte-1 {
  	width: 394px;
	height: 116px;
	margin-left: 3px;
  	margin-right: 3px;
  	background-color: white;
  	text-align: justify;
  	clear: both;
}

div#chbt-1 {
  	width: 132px;
	height: 116px;
	margin-left: 2px;
	margin-top: 5px;
	float: left;
}


div#pcontainer-l {
	width: 744px;
	height: 460px;
	float: left;
	margin: 0px;
	background-color: #3e3176;
}

div#pimage-1 {
  	width: 555px;
	height: 370px;
	margin: 2px;
	margin-left:2px !important;
	margin-left:1px;
	margin-right: 0px;
	float: left;
	clear: both;
}

div#pcont-image {
	width: 185px;
  	height: 374px;
	float: left;
}

div#pimage-2 {
  	width: 183px;
	height: 122px;
	margin: 2px;
	clear: both;
}

div#pimage-3 {
  	width: 183px;
	height: 122px;
	margin: 2px;
	margin-bottom: 0px;
	clear: both;
}

div#pimage-4 {
  	width: 183px;
	height: 122px;
	margin: 2px;
	clear: both;
}

div#ptexte-1 {
  	width: 740px;
	height: 84px;
	margin: 2px;
  	margin-top: 0px;
	background-color: white;
	clear: both;
}

div#in-ptexte-1 {
	width: 720px;
	height: 84px;
	margin-left: 10px;
	margin-right: 10px;
	text-align: justify;
}

div#listing-p {
	height: 460px;
	width: 218px;
	float: right;
	position: relative !important;
}

div#cont-texte-page-r {
  	width: 218px;
	height: 190px;
	float: left;
	clear: both;
	background-color: #3e3176;
	position: absolute;
	bottom: 0;
	left: 0;
}

div#texte-page-r {
  	width: 216px;
	height: 188px;
	background-color: white;
	margin-top: 1px;
}

div#in-texte-page-r {
	width: 210px;
	height: 188px;
	margin-left: 3px;
	margin-right: 3px;
	text-align: justify;
}

div#econtainer-l {
	width: 538px;
	height: 500px;
	float: left;
	background-color: #3e3176;
}

div#etexte-1 {
  	width: 534px;
	height: 226px;
	margin: 2px;
  	margin-top: 0px;
	background-color: white;
	clear: both;
}

div#container-r {
	width: 434px;
	margin: 0px;
	float: left;
}

div#listing-r {
	float: left;
}

div#listing-l {
	height: 390px;
	width: 214px;
	float: right;
	position: relative;
}

div#cont-texte-2 {
  	width: 280px;
	height: 300px;
	float: right;
	clear: both;
	background-color: #3e3176;
}

div#texte-2 {
  	width: 278px;
	height: 298px;
	margin-top: 1px;
	background-color: white;
}

div#cont-tarifs-chambres {
  	width: 204px;
	height: 390px;
	position: relative;
	background-color: #3e3176;
	margin-left: 10px !important;
	margin-left: 5px;
	float: left;
	clear: both;
}

div#tarifs-chambres {
  	width: 202px;
	height: 388px;
	margin-top: 1px;
	background-color: white;
}

div#tarifs-chambres-top {
	 margin-left: 10px;
	 margin-right: 10px;
	 text-align: left;
	 height: 260px;
}

div#tarifs-chambres-bottom {
	 width: 202px;
}
	 
div#cont-texte-chambres {
  	width: 214px;
	clear: both;
	background-color: #3e3176;
	position: absolute;
	bottom: 0;
	left: 0;
}

div#texte-chambres {
  	width: 212px;
	margin: 1px;
	background-color: white;
}

div#mcontainer-l {
	width: 604px;
	height: 424px;
	float: left;
	clear: both;
	background-color: #3e3176;
}

div#mcontent-l {
	width: 600px;
	height: 420px;
	margin: 2px;
	background-color: white;
}

div#mcontainer-r {
	width: 354px;
	height: 424px;
	float: right;
	background-color: #3e3176;
}

div#mcontent-r {
	width: 350px;
	height: 420px;
	margin: 2px;
	background-color: white;
}

div#lcontent-cont {
	width: 972px;
	background-color: #3e3176;
	float: left;
	clear: both;
}

div#lcontent {
	width: 968px;
	margin: 2px;
	background-color: white;
}

div#vcontent-out {
	width: 972px;
	background-color: #3e3176;
	height: 390px;
	float: left;
	clear: both;
}

div#vcontent-in {
	width: 970px;
	height: 388px;
	margin: 1px;
	background-color: white;
}

div#vcontent-box {
	width: 452px;
	float: left;
}

div#vcontent-cont {
	width: 518px;
	background-color: #3e3176;
	height: 388px;
	float: left;
}

div#vcontent {
	width: 515px;
	height: 386px;
	margin: 1px;
	margin-right: 0px;
}

div#ccontainer-l {
	width: 400px;
	height: 446px;
	float: left;
	clear: both;
	background-color: #3e3176;
}

div#ccontent-l {
	width: 396px;
	height: 442px;
	margin: 2px;
	background-color: white;
}

div#ccontainer-r {
	width: 400px;
	height: 446px;
	float: left;
	margin-left: 8px;
	background-color: #3e3176;
}

div#ccontent-r {
	width: 396px;
	height: 442px;
	margin: 2px;
	background-color: white;
}

div#clisting-l {
	height: 420px;
	width: 164px;
	float: right;
	position: relative;
}

div#icontainer-l {
	width: 972px;
	height: 446px;
	float: left;
	clear: both;
	background-color: #3e3176;
}

div#icontent-l {
	width: 968px;
	height: 442px;
	margin: 2px;
	background-color: white;
}

div#cont-etape {
  	width: 270px;
	height: 500px;
	margin-left: 4px !important;
	margin-left: 2px;
	background-color: #3e3176;
	position: relative;
	float: left;
	clear: both;
}

div#etape {
  	width: 268px;
	height: 498px;
	margin-top: 1px;
	background-color: white;
}

div#elisting-l {
	height: 420px;
	width: 158px;
	float: right;
	position: relative;
}


div#cont-sejour {
  	width: 430px;
	height: 400px;
	float: left;
	clear: both;
	margin-left: 4px;
	margin-bottom: 5px;
	background-color: #3e3176;
	position: relative;
}

div#sejour {
  	width: 428px;
	height: 398px;
	margin-top: 1px;
	background-color: white;
}

div#slisting-l {
	height: 420px;
	width: 158px;
	float: right;
	position: relative;
}

div#scontainer-l {
	width: 538px;
	height: 400px;
	float: left;
	margin-bottom: 5px;
	background-color: #3e3176;
}

div#stexte-1 {
  	width: 534px;
	height: 126px;
	margin: 2px;
  	margin-top: 0px;
	background-color: white;
	clear: both;
}

div#in-stexte-1 {
	width: 528px;
	height: 126px;
	margin-left: 3px;
  	margin-right: 3px;
  	text-align: justify;
}
div#footer-c {
	margin-top: 5px;
	width: 972px;
	height: 42px;
	clear: both;
}

div#footer {
	width: 972px;
	height: 42px;
	float: left;
	clear: both;
	background-color: #3e3176;
}

div#footer-in {
	width: 970px;
	height: 40px;
	margin: 1px;
	background: url(/images/footer.png) no-repeat;
}