body	{
	scrollbar-3dlight-color: #ffffff;
	/* ombre extérieure haut et gauche du curseur et des carrés des flèches */
	scrollbar-darkshadow-color: #ffffff;
	/* ombre extérieure bas et droite du curseur et des carrés des flèches */
	scrollbar-track-color: #5B524B;
	/* piste */
	scrollbar-arrow-color: #869F2A;
	/* couleur des flèches */
	scrollbar-face-color: #ffffff;
	/* centre (carés des fleches et curseur central)*/
	scrollbar-shadow-color:#ffffff;
	/* ombre intérieure droite et bas du curseur et des carrés des flèches */
	scrollbar-highlight-color: #869F2A;
	/* ombre intérieure haut et gauche du curseur et des carrés des flèches */
	margin-top : 0px;
	leftMargin : 0px;
	topMargin : 0px;
	marginheight: 0px;
	marginwidth: 0px;
}
a.menu:link {
	FONT-SIZE: 11px;
	COLOR: #BCBDC0;
	FONT-FAMILY: Verdana, Arial,Geneva, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}
a.menu:hover {
	FONT-SIZE: 11px;
	COLOR: #ffffff;
	FONT-FAMILY: Verdana, Arial,Geneva, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}
a.menu:active {
	FONT-SIZE: 11px;
	COLOR: #ffffff;
	FONT-FAMILY: Verdana, Arial,Geneva, Helvetica, sans-serif;
	TEXT-DECORATION: underline;
}
a.menu:visited {
	FONT-SIZE: 11px;
	COLOR: #ffffff;
	FONT-FAMILY: Verdana, Arial,Geneva, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}
IMG.imageborder {
	BORDER-TOP-WIDTH: 1px;
	BORDER-LEFT-WIDTH: 1px;
	BORDER-LEFT-COLOR: #a6a6a6;
	BORDER-BOTTOM-WIDTH: 2px;
	BORDER-BOTTOM-COLOR: Black;
	BORDER-TOP-COLOR: #a6a6a6;
	BORDER-RIGHT-WIDTH: 2px;
	BORDER-RIGHT-COLOR: Black;
}
IMG.imageborder-menu {
	BORDER-TOP-WIDTH: 0px;
	BORDER-LEFT-WIDTH: 1px;
	BORDER-LEFT-COLOR: #a6a6a6;
	BORDER-BOTTOM-WIDTH: 0px;
	BORDER-BOTTOM-COLOR: Black;
	BORDER-TOP-COLOR: #a6a6a6;
	BORDER-RIGHT-WIDTH: 1px;
	BORDER-RIGHT-COLOR: Black;
}
.titre {
	font-family: Verdana;
	font-size: 15px;
	font-variant: small-caps;
	color: Gray;
	font-weight: bold;
}
.titre2 {
	font-family: Verdana;
	font-size: 13px;
	font-variant: small-caps;
	color: Gray;
	font-style: italic;
}
a.titre_bon_plan {
	font-family: Verdana;
	font-size: 20px;
	color: white;
	TEXT-DECORATION: none;
}
a.titre_bon_plan:hover {
	font-family: Verdana;
	font-size: 20px;
	color: white;
	TEXT-DECORATION: underline;
}
a.titre_accueil {
	font-size: 12px;
	color: #ffffff;
	FONT-FAMILY: Verdana, Arial,Geneva, Helvetica, sans-serif;
	font-weight: bold;
	TEXT-DECORATION: none;
}
a.titre_accueil:hover {
	font-family: Verdana, Arial,Geneva, Helvetica, sans-serif;
	font-size: 12px;
	color: white;
	font-weight: bold;
	TEXT-DECORATION: underline;
}
.texte {
	font-family: Verdana;
	font-size: 13px;
	color: Gray;
	padding-left: 8px;
}
.intro {
	font-family: Verdana;
	font-size: 10px;
	color: #505050;
	text-decoration: none;
}
a.intro:hover {
	font-size: 10px;
	color: Black;
	FONT-FAMILY: Verdana, Arial,Geneva, Helvetica, sans-serif;
	text-decoration: none;
}
.intro_rose {
	font-size: 10px;
	color: #c40079;
	FONT-FAMILY: Verdana, Arial,Geneva, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}
a.intro_rose:hover {
	font-size: 10px;
	color: Black;
	FONT-FAMILY: Verdana, Arial,Geneva, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}
.lien_rose {
	font-size: 13px;
	color: #BC1100;
	FONT-FAMILY: Verdana, Arial,Geneva, Helvetica, sans-serif;
	text-decoration: none;
}
a.lien_rose:hover {
	font-size: 13px;
	color: #c40079;
	FONT-FAMILY: Verdana, Arial,Geneva, Helvetica, sans-serif;
	text-decoration: underline;
}
.bureau {
	font-size: 13px;
	color: #BC1100;
	font-weight: bold;
	FONT-FAMILY: Verdana, Arial,Geneva, Helvetica, sans-serif;
	text-decoration: none;
}
a.bureau:hover {
	font-size: 13px;
	color: #c40079;
	font-weight: bold;
	FONT-FAMILY: Verdana, Arial,Geneva, Helvetica, sans-serif;
	text-decoration: underline;
}
.bureau2 {
padding-left: 30px;
	font-size: 11px;
	color: #BC1100;
	font-weight: bold;
	FONT-FAMILY: Verdana, Arial,Geneva, Helvetica, sans-serif;
	text-decoration: none;
}
a.bureau2:hover {
padding-left: 30px;
	font-size: 11px;
	color: #c40079;
	font-weight: bold;
	FONT-FAMILY: Verdana, Arial,Geneva, Helvetica, sans-serif;
	text-decoration: underline;
}
.calque{
  opacity:.80;
  color: #FFFFFF;
  position: absolute;
  visibility : hidden;
  padding: 0px;
  font-family: Courrier;
  align: center;
  font-size: 8pt;
  background-color: #000000;
  opacity : .75;
  filter : alpha(opacity=75);
  width: 100%;
  height : 100%;
  top : 0;
  left : 0 ;

}
.titre_base {
	font-size: 13px;
	font-variant: small-caps;
	color: #005279;
	FONT-FAMILY: Verdana, Arial,Geneva, Helvetica, sans-serif;
	font-weight: bold;
}
.titre_base2 {
	font-size: 12px;
	color: #3398CC;
	FONT-FAMILY: Verdana, Arial,Geneva, Helvetica, sans-serif;
	font-weight: bold;
}
.coord_base {
	font-size: 11px;
	color: #cbcbcb;
	FONT-FAMILY: Verdana, Arial,Geneva, Helvetica, sans-serif;
	font-weight: bold;
}
.coord_base2 {
	font-size: 11px;
	color: #1b1b1b;
	FONT-FAMILY: Verdana, Arial,Geneva, Helvetica, sans-serif;

}
.coord_neg {
	font-size: 10px;
	color: #cbcbcb;
	FONT-FAMILY: Verdana, Arial,Geneva, Helvetica, sans-serif;
}
.calendrier_mois {
	font-size: 13px;
	color: #717171;
	FONT-FAMILY: Verdana, Arial,Geneva, Helvetica, sans-serif;
	font-weight: bold;
}
.date_mois {
	font-size: 13px;
	color: #c40079;
	FONT-FAMILY: Verdana, Arial,Geneva, Helvetica, sans-serif;
	font-weight: bold;
}
a.date_mois:hover {
	font-size: 13px;
	color: Black;
	FONT-FAMILY: Verdana, Arial,Geneva, Helvetica, sans-serif;
	font-weight: bold;
}
.texte_base {
	font-size: 11px;
	color: #4e4e4e;
	FONT-FAMILY: Verdana, Arial,Geneva, Helvetica, sans-serif;
	font-weight: bold;
}
.image_calque{
	height: 100%;
}
.window{
  color: #FFFFFF;
  position: absolute;
  visibility : hidden;
  padding: 0px;
  font-family: Courrier;
  align: center;
  font-size: 8pt;
  background-color: #FFFFFF;
  width: 800;
  height : 800;
  top : 1%;
  left : 8% ;

}
.contemp_window{
  width: 100%;
  height : 100%;
  border : 0;
}
.webcam {
	font-size: 12px;
	color: #717171;
	FONT-FAMILY: Verdana, Arial,Geneva, Helvetica, sans-serif;
	font-weight: bold;
	TEXT-DECORATION: none;
}
a.webcam:hover {
	font-size: 12px;
	color: #c40079;
	FONT-FAMILY: Verdana, Arial,Geneva, Helvetica, sans-serif;
	font-weight: bold;
	TEXT-DECORATION: none;
}
.Trebuchet19orange{
	font-size: 16px;
	font-variant: small-caps;
	color: #3398CC;
	FONT-FAMILY: Verdana, Arial,Geneva, Helvetica, sans-serif;
	font-style: italic;
	font-weight: bold;
}
.Trebuchet14orange{
	font-family: Verdana, Arial;
	font-size: 14px;
	color: #3398CC;
	letter-spacing: 1px;
	font-weight: bold;
	font-variant: small-caps;
}
.Trebuchet13orange{
	font-family: Verdana;
	font-size: 15px;
	font-variant: small-caps;
	color: Gray;
	font-weight: bold;
}
.Trebuchet12bleu{
	font-family: Verdana, Arial;
	font-size: 12px;
	line-height: 110%;
	color: #ff0080;
	letter-spacing: 1px;
}
.Trebuchet19{
	font-family: Verdana, Arial;
	font-size: 19px;
	color: #FF7F50;
	letter-spacing: 1px;
	font-weight: bold;
	font-variant: small-caps;
}
.Trebuchetpetit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	line-height: 12px;
	font-style: italic;
}
.Trebuchetlien {
	font-family: Verdana, Arial;
	text-decoration: none;
	color: #000000;
	font-size: 12px;
	font-variant: small-caps;
	line-height: 90%;
}
.Trebuchet11 {
	font-family: Verdana, Arial;
	font-size: 11px;
	color: #333333;
	line-height: 110%;
	topMargin: 0px;
	top: 0px;
}
#cadre {
	margin: 0;
	padding: 5px 0 5px 0;
	width: 560px;
	height: 70px;
	border: 1px solid #000040;
	background-color: #DAEFC6;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#CarteDesSablesdOlonne {
	border: 1px solid #DAEFC6;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
P {font-family: Verdana, Arial, Comic Sans MS, Sans-Serif;
   font-size: 12px;
   color: #000000;}
TD {font-family: Verdana, Arial, Comic Sans MS, Sans-Serif;
   font-size: 12px;
   color: #000000;}
H1 {
	font-family: Verdana, Arial, Comic Sans MS, Sans-Serif;
	font-size: 10px;
	color: #505050;
	text-decoration: none;
	font-weight: normal;
	display: inline;
}
H2 {
	font-family: Verdana, Arial, Comic Sans MS, Sans-Serif;
	font-size: 10px;
	color: #505050;
	text-decoration: none;
	font-weight: normal;
	display: inline;
}    
input.InputTxt {
            border: 1px #8f9eb1 solid;
            background: #e5eaee url(../images/bg_input2.jpg) repeat-x;
            width: 140px;
            color: #0A5081;/*#96a5b9*/
            font-size: 1em;
}  
select.searchbox {
	FONT-SIZE: 10px; 
	COLOR: #000000; 
	FONT-FAMILY: Arial, Geneva, Helvetica, sans-serif;
	border: 1px #8f9eb1 solid;
    background: #e5eaee url(../images/bg_input2.jpg) repeat-x;
    color: #0A5081;/*#96a5b9*/
    font-size: 1em;
}   



A.lienorangepetit:link {
	FONT-WEIGHT: normal; FONT-SIZE: 10pt; COLOR: #DD840B;  TEXT-DECORATION: none;
}
A.lienorangepetit:hover {
	FONT-WEIGHT: normal; FONT-SIZE: 10pt; COLOR: #003333; TEXT-DECORATION: none; 
}
A.lienorangepetit:active {
	FONT-WEIGHT: normal; FONT-SIZE: 10pt; COLOR: #DD840B;  TEXT-DECORATION: none;
}
A.lienorangepetit:visited {
	FONT-WEIGHT: normal; FONT-SIZE: 10pt; COLOR: #DD840B;  TEXT-DECORATION: none;
}
A.lienblanc:link {
	FONT-WEIGHT: normal; FONT-SIZE: 10pt; COLOR: #FE9900;  TEXT-DECORATION: none;
}
A.lienblanc:hover {
	FONT-WEIGHT: normal; FONT-SIZE: 10pt; COLOR: #FE9900; TEXT-DECORATION: none; 
}
A.lienblanc:active {
	FONT-WEIGHT: normal; FONT-SIZE: 10pt; COLOR: #f5d80a;  TEXT-DECORATION: none;
}
A.lienblanc:visited {
	FONT-WEIGHT: normal; FONT-SIZE: 10pt; COLOR: #FE9900; TEXT-DECORATION: none; 
}

A.lienblancneg:link {
	FONT-WEIGHT: normal; FONT-SIZE: 9pt; COLOR: #ffffff;  TEXT-DECORATION: none;
}
A.lienblancneg:hover {
	FONT-WEIGHT: normal; FONT-SIZE: 9pt; COLOR: #F3920F; TEXT-DECORATION: none; 
}
A.lienblancneg:active {
	FONT-WEIGHT: normal; FONT-SIZE: 9pt; COLOR: #ffffff;  TEXT-DECORATION: none;
}
A.lienblancneg:visited {
	FONT-WEIGHT: normal; FONT-SIZE: 9pt; COLOR: #ffffff; TEXT-DECORATION: none; 
}

A.lienjaunepetit:hover {
	FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #1358a3;  
}
A.lienbleumoyen:link {
	FONT-WEIGHT: normal; FONT-SIZE: 12pt; COLOR: #1358a3; TEXT-DECORATION: none; font-family: Arial, Helvetica, sans-serif;
}
A.lienbleumoyen:active {
	FONT-WEIGHT: normal;
	FONT-SIZE: 12pt;
	COLOR: #1358a3;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;

}
A.lienbleumoyen:visited {
	FONT-WEIGHT: normal; FONT-SIZE: 12pt; COLOR: #1358a3;  TEXT-DECORATION: none; font-family: Arial, Helvetica, sans-serif;;
}
A.lienbleumoyen:hover {
	FONT-WEIGHT: normal; FONT-SIZE: 12pt; COLOR: #f2cb2d;  font-family: Arial, Helvetica, sans-serif;;
}

input.envoi {
	border: 1px #8f9eb1 solid;
	background: #e5eaee url(images/bg_input.jpg) repeat-x;
	color: #0A5081;
	font-size: 8pt;
	text-align: center;
}
input.mailing {
	border: 1px #8f9eb1 solid;
	background: #e5eaee;
	color: #0A5081;
	font-size: 8pt;
	text-align: center;
	width: 140px;
}
select.SelectTxt2 {
	border: 1px  #8f9eb1 solid;
	background: #e5eaee;
	width: 280px;
   color: #0A5081;
}
.bleu9g { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: normal; color: #290C59; text-decoration: none}
.bleu9 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #290C59; text-decoration: none}
.jaune8g { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: normal; color: #B1022A; text-decoration: none }
.jaune9g { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #B1022A; text-decoration: none }
.gris7bis { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; font-weight: normal; color: #666666; text-decoration: none }
.gris9 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #003333; text-decoration: none }
.gris { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #003333; text-decoration: none }
.orange { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #DD840B; text-decoration: none }
.grispetit { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; font-weight: normal; color: #CCCCCC; text-decoration: none }
.orangefonce { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; font-weight: normal; color: #DD840B; text-decoration: none }
.gris9g { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: normal; color: #003333; text-decoration: none}
.bleu { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #290C59; text-decoration: none }
.rouge9 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #9d4f00; text-decoration: none}

/* --- NAVIGATION type_list_tpl --- */
#navigation { color:#3398CC; font-size:10pt; }
#navigation a { text-decoration:none; padding:1px 3px 1px 3px; border:1px solid #FFF; color:#3398CC; background:#F3F3E6; }
#navigation a:hover { border:1px solid #3398CC; color:#3398CC; }
.page_nav_active { padding:1px 3px 1px 3px; border:1px solid #3398CC; color:#3398CC; background:#F3F3E6; font-weight:bold; }


#home_centre_boite_gauche{width:468px;}

.centre_boite{
float:center;
background-color:#FFF;
width:478px;
border-left:1px solid #CBCBCB;
border-right:1px solid #CBCBCB;
margin:0;
}
.centre_boite2{
float:center;
background-color:#FFF;
width:580px;
border-left:1px solid #CBCBCB;
border-right:1px solid #CBCBCB;
margin:0;
}
.haut_boite2, .bas_boite2{
float:center;
width:580px;
height:12px;
}

.haut_boite, .bas_boite{
float:center;
width:478px;
height:12px;
}
.coin_hg, .coin_bg, .coin_hd, .coin_bd{
width:16px;
height:12px;
font-size:1px;
}

.haut_boite{background:url(../imgs/degrade_boite_haut.jpg) repeat-x top left;}
.bas_boite{background:url(../imgs/degrade_boite_bas.jpg) repeat-x top left;}
.haut_boite2{background:url(../imgs/degrade_boite_haut.jpg) repeat-x top left;}
.bas_boite2{background:url(../imgs/degrade_boite_bas.jpg) repeat-x top left;}
.coin_hg{float:left;background:url(../imgs/coin_boite_hg.jpg) no-repeat top left;}
.coin_bg{float:left;background:url(../imgs/coin_boite_bg.jpg) no-repeat top left;}
.coin_hd{float:right;background:url(../imgs/coin_boite_hd.jpg) no-repeat top left;}
.coin_bd{float:right;background:url(../imgs/coin_boite_bd.jpg) no-repeat top left;}

.liste-fetes {
	font-size: 12px;
	color: #c40079;
	FONT-FAMILY: Verdana, Arial,Geneva, Helvetica, sans-serif;
	font-weight: bold;
	height:17px;
	text-decoration: none;
	padding:4 8 4 px;
}
a.liste-fetes:hover {
	font-size: 12px;
	color: Black;
	FONT-FAMILY: Verdana, Arial,Geneva, Helvetica, sans-serif;
	font-weight: bold;
	height:17px;
	text-decoration: none;
	padding:4 8 4 px;
}

.descriptif_chambre{
width:540px;
float:left;
background:url(imgs/ico_lit.gif) no-repeat top right;
margin-top:0px;
color:#601653;
background-color:#E3E3E3;
padding:3px 5px 10px 10px; margin:4px 0 0px 0; border:1px solid #bcbcbc
}

.descriptif_chambre div{
color:#601653;
font-size:12px;
text-decoration:underline;
font-weight:bold;
cursor:pointer;
}

.prix_chambre{
width:540px;
float:left;
padding:3px;
font-size:10px;
background-color:#E8CCCC;
cursor:pointer;
}

.ti_prix_chambreg, .ti_prix_chambred{
color:#A4188C;
font-family:trebuchet MS, Verdana, Arial;
margin-bottom:5px;
}

.ti_prix_chambreg{
float:left;
font-size:14px;
width:400px;
}

.ti_prix_chambred{
float:right;
text-decoration:underline;
font-size:11px;
}

.li_prix_chambreg{
float:left;
width:50%;
font-style:italic;
}

.li_prix_chambred{
float:right;
width:50%;
text-align:right;
}
.sample{padding:0px 0px; margin:4px 0 4px 0; border:1px solid #bcbcbc}