body{
background-color:#FFFFFF;
margin-top:0;
margin-bottom:0;
 /* couleur de face de la barre de défilement et des boutons */
    scrollbar-face-color : #0099CC ;
    /* couleur des flèches des boutons */
    scrollbar-arrow-color :  #000066 ;
    /* couleur de l'arrière plan où glisse la barre de défilement */
    scrollbar-track-color : #D7EBFF ;
    /* couleur de l'effet 3D sur le côté eclairé de la barre et des boutons : bords externes haut et gauche */
    scrollbar-3dlight-color : #0099CC ;
    /* couleur du coté éclairé de la barre et des boutons : bords internes haut et gauche */
    scrollbar-highlight-color : #0099CC ;
    /* couleur du coté sombre de la barre et des boutons : bords internes bas et droite */
    scrollbar-shadow-color : #0099CC ;
    /* couleur de l'effet 3D du coté sombre de la barre et des boutons : bords externes bas et droite */
    scrollbar-darkshadow-color : #000066 ;
}

/* pour le haut, bandeau et menu, on rajoute 4px
afin de faire la séparation */

.haut
{
background-image:url(images/dessus2h.gif);
background-repeat:no-repeat;
width:760px;
height:24px;
text-align:center;
vertical-align:top;
}

.bandeau
{
background-image:url(images/dessush.gif);
background-repeat:no-repeat;
width:760px;
height:134px;
}

.menu
{
background-image:url(images/corpsh.gif);
background-repeat:no-repeat;
width:760px;
height:25px;
text-align:center;
vertical-align:top;
}

.sud1
{
background-image:url(images/corps3_01h.gif);
background-repeat:no-repeat;
width:760px;
height:3px;
}

.sud2
{
background-image:url(images/corps3_02h.gif);
background-repeat:repeat;
width:760px;
height:11px;
}

.sud3
{
background-image:url(images/corps3_03h.gif);
background-repeat:no-repeat;
width:760px;
height:12px;
}

.puce
{
background-image:url(images/puce.gif);
width:7px;
height:7px;
position:relative;
}

.champ_recherche
{
font-size:12px; 
BACKGROUND-COLOR: #FFFFFF; 
BORDER-BOTTOM: #000066 1px solid; 
BORDER-LEFT: #000066 1px solid; 
BORDER-RIGHT: #000066 1px solid; 
BORDER-TOP: #000066 1px solid; 
COLOR: #000066; 
FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif;
}

.champ
{
font-size:12px; 
BACKGROUND-COLOR: #FFFFFF; 
BORDER-BOTTOM:#000066 1px solid; 
BORDER-LEFT: #000066 1px solid; 
BORDER-RIGHT: #000066 1px solid; 
BORDER-TOP: #000066 1px solid; 
COLOR: #000066; 
FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif;
}

.et{
position:absolute;
visibility:hidden;
font-size:12px; 
BACKGROUND-COLOR: #FFFFFF; 
BORDER-BOTTOM:#000066 1px solid; 
BORDER-LEFT: #000066 1px solid; 
BORDER-RIGHT: #000066 1px solid; 
BORDER-TOP: #000066 1px solid; 
COLOR: #000066; 
FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif;
}

.et2{
position:absolute;
visibility:hidden;
font-size:12px; 
BACKGROUND-COLOR: #FFFFFF; 
BORDER-BOTTOM:#000066 1px solid; 
BORDER-LEFT: #000066 1px solid; 
BORDER-RIGHT: #000066 1px solid; 
BORDER-TOP: #000066 1px solid; 
COLOR: #000066; 
FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif;
}

.et3{
position:absolute;
visibility:hidden;
font-size:12px; 
BACKGROUND-COLOR: #FFFFFF; 
BORDER-BOTTOM:#000066 1px solid; 
BORDER-LEFT: #000066 1px solid; 
BORDER-RIGHT: #000066 1px solid; 
BORDER-TOP: #000066 1px solid; 
COLOR: #000066; 
FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif;
}

.titrenews0{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
color:#0099CC;
font-weight:bold;
text-align:center;
}

.titrenews{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#3264D6;
text-align:left;
font-weight:bold;
}

.titrenews2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#0000CC;
text-align:left;
font-weight:bold;
text-decoration:underline;
}

.titre{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
color:#3264D6;
font-weight:bold;
text-align:center;
}

.news{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#3264D6;
text-align:left;
vertical-align:top;
top:auto;
}

.texte{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#3264D6;
text-align:left;
text-decoration:none;
}

.texterouge{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FF0000;
text-align:left;
text-decoration:none;
}

.texteattention{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FF0000;
text-align:left;
text-decoration:none;
font-weight:bold;
}

.textegras{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#3264D6;
text-align:left;
text-decoration:none;
font-style:normal;
font-weight:bold;
}

.textevilleloisir{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#3264D6;
text-align:left;
text-decoration:none;
}

.textevilleacces{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#003399;
text-align:left;
text-decoration:none;
font-weight:bold;
}

.textetitreloisir{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#3264D6;
text-align:left;
text-decoration:none;
font-style:normal;
font-weight:bold;
}

#loisir{
background-color:#E1F0FF;
text-align:justify;
}

#tableau{
border-top-width:thin;
background-color:#E1F0FF;
overflow:auto;
BORDER-BOTTOM: #707070 1px solid; 
BORDER-LEFT: #707070 1px solid; 
BORDER-RIGHT: #707070 1px solid; 
BORDER-TOP: #707070 1px solid; 
width:520px;
height:250px;
}

.bouton {
font-size:10px; 
BACKGROUND-COLOR:#F0FFFF;
BORDER-BOTTOM: #000066 1px solid; 
BORDER-LEFT: #000066 1px solid; 
BORDER-RIGHT: #000066 1px solid; 
BORDER-TOP: #000066 1px solid; 
COLOR: #000066; 
FONT-FAMILY: Verdana, Geneva, Arial, helvetica, sans-serif;
}

#tableau{
border-top-width:thin;
overflow:auto;
BORDER-BOTTOM: #707070 1px solid; 
BORDER-LEFT: #707070 1px solid; 
BORDER-RIGHT: #707070 1px solid; 
BORDER-TOP: #707070 1px solid; 
width:520px;
height:304px;
}

.recherche{
text-align:left;
font-size:13px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#3264D6;
}

#newsletter{
width:197px;
height:49px;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#3264D6;
}

A:link {
font-size:13px;
color:#3264D6;
text-decoration:underline;
FONT-FAMILY: Verdana, Geneva, Arial, helvetica, sans-serif;
} 



A:visited {
font-size:13px;
color:#3264D6;
text-decoration:underline;
FONT-FAMILY: Verdana, Geneva, Arial, helvetica, sans-serif;
} 

.liensmenu{
font-size:13px;
color:#3264D6;
text-decoration:none;
FONT-FAMILY: Verdana, Geneva, Arial, helvetica, sans-serif;
font-weight:bold;
}

.liensmenu2{
font-size:11px;
color:#3264D6;
text-decoration:none;
FONT-FAMILY: Verdana, Geneva, Arial, helvetica, sans-serif;
}

.liensmenu3{
font-size:11px;
color:#3264D6;
text-decoration:none;
font-weight:bold;
FONT-FAMILY: Verdana, Geneva, Arial, helvetica, sans-serif;
}

#nbpers{
visibility:hidden;
position:relative;
top:124px;
}

#nbetoiles{
visibility:hidden;
position:relative;
top:83px;
}
.tableautitre{
border: #000066 1px solid;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#3264D6;
background-color:#DEEFF7;
font-weight: bold;
}

.tableausejour{
background-color:#000066;
}

.tdd{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#000066;
	font-weight: bold;
	background-color: #DEEFF7;
	text-align: right;
	vertical-align:top;
	}

.tdd2{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#000066;
background-color: #EEEEEE;
text-align:left;
	vertical-align:top;
}

.tdd3{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:9pt;
color:#000066;
background-color: #EEEEEE;
text-align: center;
	vertical-align:top;
}

.tdd4{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#000066;
	font-weight: bold;
	background-color: #DEEFF7;
	text-align: left;
	vertical-align:top;
}

.tdd5{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000066;
	font-weight: bold;
	background-color: #DEEFF7;
	text-align: right;
	vertical-align:middle;
	}
	
.tdd6{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:9pt;
color:#000066;
background-color: #DEEFF7;
text-align: center;
	vertical-align:middle;
}	

.tdd7{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#3264D6;
text-align:left;
text-decoration:none;
font-style:normal;
font-weight:bold;
background-color:#ABC0FA;
}

.tdd8{
background-color:#E1F0FF;
}

.tdd9{
background-color:#0033FF;
}

/* Style pour villages */
#histoire{
background-image:url(images/histoire_h.gif);
width:150px;
height:18px;
background-repeat:no-repeat;
}

#environnement{
background-image:url(images/environnement_h.gif);
width:150px;
height:18px;
}

#vieassociative{
background-image:url(images/vie_h.gif);
width:150px;
height:18px;
}

#gastronomie{
background-image:url(images/gastronomie_h.gif);
width:150px;
height:18px;
}

#tourisme{
background-image:url(images/tourisme_h.gif);
width:150px;
height:18px;
}

#fildessaisons{
background-image:url(images/fildessaisons_h.gif);
width:150px;
height:18px;
}

#thermalisme{
background-image:url(images/thermalisme_h.gif);
width:150px;
height:18px;
}

#nature{
background-image:url(images/nature_h.gif);
width:150px;
height:18px;
}

/* Fin style pour villages */

/* style qui appraissent dans le detail de l'hébergement*/
#photo1H{
width:150px;
height:150px;
visibility:visible;
position:absolute;
top:60px;
left:55px;
}

#photo2H{
width:150px;
height:150px;
visibility:hidden;
position:absolute;
top:60px;
left:55px;
}

#photo3H{
width:150px;
height:150px;
visibility:hidden;
position:absolute;
top:60px;
left:55px;
}

#fond_detail_hebgt{
background-color:#E1F0FF;
}

.legende{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#53523D;
text-align:left;
text-decoration:none;
font-style:italic;
}

/* fin du style qui apprait dans le detail de l'hébergement*/;
 
/*page de fetes et manifestations */
#janvier{
visibility:hidden;
background-color:#E1F0FF;
position:absolute;
top:430px;
left:131px;
}

#fevrier{
visibility:hidden;
background-color:#E1F0FF;
position:absolute;
top:430px;
left:131px;
}

#mars{
visibility:hidden;
background-color:#E1F0FF;
position:absolute;
top:430px;
left:131px;
}

#avril{
visibility:hidden;
background-color:#E1F0FF;
position:absolute;
top:430px;
left:131px;
}

#mai{
visibility:hidden;
background-color:#E1F0FF;
position:absolute;
top:430px;
left:131px;
}

#juin{
visibility:hidden;
background-color:#E1F0FF;
position:absolute;
top:430px;
left:131px;
}

#juillet{
visibility:hidden;
background-color:#E1F0FF;
position:absolute;
top:430px;
left:131px;
}

#aout{
visibility:hidden;
background-color:#E1F0FF;
position:absolute;
top:430px;
left:131px;
}

#septembre{
visibility:hidden;
background-color:#E1F0FF;
position:absolute;
top:430px;
left:131px;
}

#octobre{
visibility:hidden;
background-color:#E1F0FF;
position:absolute;
top:430px;
left:131px;
}

#novembre{
visibility:hidden;
background-color:#E1F0FF;
position:absolute;
top:430px;
left:131px;
}

#decembre{
visibility:hidden;
background-color:#E1F0FF;
position:absolute;
top:430px;
left:131px;
}
#annee{
visibility:visible;
position:absolute;
top:430px;
left:131px;
height:500px;
overflow:auto;
}

#mois{
visibility:hidden;
background-color:#E1F0FF;
position:absolute;
top:430px;
left:131px;
}

#janvier2{
background-color:#E1F0FF;
}

#fevrier2{
background-color:#E1F0FF;
}

#mars2{
background-color:#E1F0FF;
}

#avril2{
background-color:#E1F0FF;
}

#mai2{
background-color:#E1F0FF;
}

#juin2{
background-color:#E1F0FF;
}

#juillet2{
background-color:#E1F0FF;
}

#aout2{
background-color:#E1F0FF;
}

#septembre2{
background-color:#E1F0FF;
}

#octobre2{
background-color:#E1F0FF;
}

#novembre2{
background-color:#E1F0FF;
}

#decembre2{
background-color:#E1F0FF;
}

#mois2{
background-color:#E1F0FF;
}




#janvier{
background-color:#E1F0FF;
}

#fevrier{
background-color:#E1F0FF;
}

#mars{
background-color:#E1F0FF;
}

#avril{
background-color:#E1F0FF;
}

#mai{
background-color:#E1F0FF;
}

#juin{
background-color:#E1F0FF;
}

#juillet{
background-color:#E1F0FF;
}

#aout{
background-color:#E1F0FF;
}

#septembre{
background-color:#E1F0FF;
}

#octobre{
background-color:#E1F0FF;
}

#novembre{
background-color:#E1F0FF;
}

#decembre{
background-color:#E1F0FF;
}

/* Fin page de fetes et manifestations */

/*style pass decouverte */
.ville1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#53523D;
	font-weight: bold;
	background-color:#FCCD9A;
	text-align: left;
	vertical-align:middle;
}

.ville2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#53523D;
	font-weight: bold;
	background-color:#BFDCFB;
	text-align: left;
	vertical-align:middle;
}

.ville3{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#53523D;
	font-weight: bold;
	background-color:#A6ECA8;
	text-align: left;
	vertical-align:middle;
}

.ville9999{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#53523D;
	font-weight: bold;
	background-color:#F7FC8D;
	text-align: left;
	vertical-align:middle;
}

/*fin style pass decouverte */

/*boutique*/
.cadre_boutique{
border-bottom: #660066 1px solid; 
border-left: #660066 1px solid; 
border-right: #660066 1px solid; 
border-top: #660066 1px solid; 
}


/* fin boutique */