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 : #F8E4BE ;
    /* couleur des flèches des boutons */
    scrollbar-arrow-color :  #804000 ;
    /* couleur de l'arrière plan où glisse la barre de défilement */
    scrollbar-track-color : #FEF0E0 ;
    /* couleur de l'effet 3D sur le côté eclairé de la barre et des boutons : bords externes haut et gauche */
    scrollbar-3dlight-color : #F8E4BE ;
    /* couleur du coté éclairé de la barre et des boutons : bords internes haut et gauche */
    scrollbar-highlight-color : #F8E4BE ;
    /* couleur du coté sombre de la barre et des boutons : bords internes bas et droite */
    scrollbar-shadow-color : #F8E4BE ;
    /* couleur de l'effet 3D du coté sombre de la barre et des boutons : bords externes bas et droite */
    scrollbar-darkshadow-color : #003300 ;
}

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

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

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

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

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

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

.sud3
{
background-image:url(images/corps3_03a.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: #707070 1px solid; 
BORDER-LEFT: #707070 1px solid; 
BORDER-RIGHT: #707070 1px solid; 
BORDER-TOP: #707070 1px solid; 
COLOR: #707070; 
FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif;
}


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

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

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

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

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

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

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

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

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

.texte{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#663300;
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:#663300;
text-align:left;
text-decoration:none;
font-style:italic;
font-weight:bold;
}

.textevilleloisir{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#003399;
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:#663300;
text-align:left;
text-decoration:none;
font-style:normal;
font-weight:bold;
}

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

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

.tableau{
border-top-width:thin;
BORDER-BOTTOM: #003300 1px solid; 
BORDER-LEFT: #003300 1px solid; 
BORDER-RIGHT: #003300 1px solid; 
BORDER-TOP: #003300 1px solid; 
width:500px;
height:100px;
background-color:#fff0c5;
}

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

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

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

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



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



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

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

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

#photoH1{
width:100px; 
position:absolute;
top:487px;
visibility:hidden;
}

#photoH2{
width:100px; 
position:absolute;
top:547px;
visibility:hidden;
}

#photoH3{
width:100px; 
position:absolute;
top:607px;
visibility:hidden;
}

#photoH4{
width:100px; 
position:absolute;
top:667px;
visibility:hidden;
}

#photoH5{
width:100px; 
position:absolute;
top:728px;
visibility:hidden;
}

#photoH6{
width:100px; 
position:absolute;
top:787px;
visibility:hidden;
}

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

#nbetoiles{
visibility:hidden;
position:relative;
top:83px;
}

.tableautitre{
border: #8F6612 1px solid;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#8F6612;
background-color:#ffe187;
font-weight: bold;
}

.tableausejour{
background-color:#8F6612;
}

.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:#8F6612;
	font-weight: bold;
	background-color: #FFBB77;
	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:#8F6612;
background-color:#FFBB77;
text-align: center;
	vertical-align:middle;
}	


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

.tdd8{
background-color:#fff0c5;
}

.tdd9{
background-color:#663300;
}

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

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

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

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

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

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

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

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

/* Fin style pour villages */

/*page de fetes et manifestations */
#janvier{
visibility:hidden;
background-color:#FAFCCD;
position:absolute;
top:430px;
left:131px;
}

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

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

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

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

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

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

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

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

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

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

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

#annee{
visibility:visible;
position:absolute;
top:430px;
left:131px;
height:500px;
overflow:auto;
}

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

#janvier2{
background-color:#FAFCCD;
}

#fevrier2{
background-color:#FAFCCD;
}

#mars2{
background-color:#FAFCCD;
}

#avril2{
background-color:#FAFCCD;
}

#mai2{
background-color:#FAFCCD;
}

#juin2{
background-color:#FAFCCD;
}

#juillet2{
background-color:#FAFCCD;
}

#aout2{
background-color:#FAFCCD;
}

#septembre2{
background-color:#FAFCCD;
}

#octobre2{
background-color:#FAFCCD;
}

#novembre2{
background-color:#FAFCCD;
}

#decembre2{
background-color:#FAFCCD;;
}

#mois2{
background-color:#FAFCCD;
}

/* Fin page de fetes et manifestations */

/* 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:#fff0c5;
}

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

/* fin du style qui apprait dans le detail de l'hébergement*/

/*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 */