/** Global White Space Reset */
* {
    padding: 0;
    margin: 0;
}

select * {
    padding: 0 0.5em;
}

ul,
ol {
    list-style: none;
}

a img,
:link img,
:visited img,
object,
fieldset {
    border: none;
}

a:focus,
a:hover {
    text-decoration: underline;
}

address {
    font-style: normal;
}

:link,
:visited {
    text-decoration: none;
}

/*** Contained Floats
******************************************************************/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

/* End hide from IE-mac */

/*** Image Replacement
******************************************************************/
.mir {
    letter-spacing: -1000em;
}

/*\*/
* html .mir {
    text-indent: -999em;
    overflow: hidden;
}

html>body .mir {
    letter-spacing: normal;
    text-indent: -999em;
    overflow: hidden;
}

/**/

/*** minor document sections
******************************************************************/
.clear {
    clear: both;
}

.no-wrap {
    white-space: nowrap;
}

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

    .mir {
        letter-spacing: normal;
    }

    /*\*/
    * html .mir {
        text-indent: 0px;
        overflow: visible;
    }

    html>body .mir {
        letter-spacing: normal;
        text-indent: 0px;
        overflow: visible;
    }

    /**/

    a:link:after,
    a:visited:after {
        content: " (" attr(href) ") ";
        font-size: 90%;
    }

}

/*** major document sections
******************************************************************/
div.clear {
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 0;
}

/*** body
*********************************/
body {
    text-align: center;
    background: #CCCCC0;
    color: #000;
    font-family: arial, sans-serif;
}

/*** page
*********************************/
#page {
    position: relative;
    margin: 30px auto;
    width: 820px;
    text-align: left;
    font-size: 90%;
}

/*** header
*********************************/
#header {
    padding: 5px 0 2px 0;
}

#header .content {
    padding: 5px 0px;
}

/*** lang
*********************************/
a.lang {
    float: left;
    padding: 2px 3px 0 3px;
}

/*** main
*********************************/
#main {
    background: #FFF;
}

#main .content {
    padding: 10px;
}

/*** leftCol, rightCol, col (page activités hiver)
*********************************/
#leftCol,
#rightCol {
    float: left;
    width: 50%;
}

#rightCol .col {
    float: left;
    width: 50%;
    margin: 21px 0 0 0;
}

/*** footer
*********************************/
#footer {
    font-size: 90%;
}

#footer .content {
    padding: 5px 10px;
}

#footer address {
    width: 39%;
    float: left;
    text-align: left;
}

#footer address a:link,
#footer address a:visited {
    color: #000;
}

#footer ul {
    width: 60%;
    float: right;
    text-align: right;
    color: #343431;
}

#footer li {
    float: right;
    border-right: 1px solid #343431;
    padding: 0 5px;
}

#footer li.last {
    border-right: none;
    padding-right: 0;
}

#footer ul a:link,
#footer ul a:visited {
    color: #343431;
}

#footer a:focus,
#footer a:hover {
    text-decoration: underline;
}

/*** nav-main
*********************************/
#nav-main {
    width: 200px;
    float: left;
    background: #B8B5AC url(../img//coin-gris-bas-gauche.gif) left bottom no-repeat;
}

#nav-main li {
    float: left;

    border-bottom: 1px dotted #FFF;
    padding: 3px 0 3px 7px;
    font-size: 90%;
    text-transform: uppercase;
    background-position: left center;
    background-repeat: no-repeat;
    background-color: transparent;
}

#nav-main li.last {
    border-bottom: none;
    background: transparent url(../img//coin-gris-bas-droite.gif) right bottom no-repeat;
}

#nav-main a {
    float: left;
    width: 168px;
    padding: 0 0 0 18px;
    background-position: left center;
    background-repeat: no-repeat;
    background-color: transparent;
    line-height: 16px;
}

#nav-main .actif a {
    background-repeat: repeat;
}

#nav-main li.actualites a {
    background-image: url(../img//menu-actualites.gif);
}

#nav-main li.vallee a {
    background-image: url(../img//menu-vallee.gif);
}

#nav-main li.hebergement a {
    background-image: url(../img//menu-hebergement.gif);
}

#nav-main li.sports-loisirs a {
    background-image: url(../img//menu-sports-loisirs.gif);
}

#nav-main li.artisans-commercants a {
    background-image: url(../img//menu-artisans-commercants.gif);
}

#nav-main li.cafes-restaurants a {
    background-image: url(../img//menu-cafes-restaurants.gif);
}

#nav-main li.hiver a {
    background-image: url(../img//menu-hiver.gif);
}

#nav-main li.contact a {
    background-image: url(../img//menu-contact.gif);
}

#nav-main a:focus,
#nav-main a:hover {
    color: #88002F;
}

#nav-main li.actif a:link,
#nav-main li.actif a:visited {
    color: #FFF;
}

#nav-extra {
    width: 600px;
    float: right;
    background: #B8B5AC url(../img//coin-gris-bas-droite.gif) right bottom no-repeat;
}

#nav-extra li {
    float: right;
    border-right: 1px solid #65625D;
    padding: 2px 5px;
}

#nav-extra li.last {
    border-right: none;
}

#nav-extra a {
    display: block;
    background-position: left center;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 13px;
}

#nav-extra #bookmark {
    width: 118px;
    background-image: url(../img//ajouter-favoris.gif);
}

#nav-extra #friendly {
    width: 141px;
    background-image: url(../img//faire-connaitre.gif);
}

#nav-extra #private {
    width: 86px;
    background-image: url(../img//prive.gif);
}

#breadcrumb {
    float: left;
    margin-top: 10px;
    width: 600px;
}

#breadcrumb li {
    float: left;
    padding: 0 5px 0 10px;
    background: transparent url(../img//fleche_droite.gif) no-repeat left center;
}

#breadcrumb li.first {
    background: none;
}

#breadcrumb a:focus,
#breadcrumb a:hover {
    text-decoration: underline;
}

/*** accroche
*********************************/
#accroche {
    float: right;
    margin-top: 10px;
    width: 600px;
}

#accroche li {
    float: left;
    width: 190px;
    margin-left: 10px;
}

#accroche li.double {
    width: 390px;
}

#accroche a.apercu {
    display: block;
    background-position: left center;
    background-repeat: no-repeat;
    background-color: transparent;
}

/*** pagination
*********************************/
.nav-table {
    margin-bottom: 0.3em;
}

.nav-table span {
    float: left;
}

.nav-table ul {
    float: right;
}

.nav-table li {
    float: left;
    padding: 0 0.4em;
    border-left: 1px solid #c0c0c0;
}

.nav-table li.fp,
.nav-table li.pn,
.nav-table li.dp {
    border-left: none;
}

.nav-table li.pn a:link,
.nav-table li.pn a:visited {
    text-decoration: underline;
}

.nav-table li.cp {
    color: #f00;
}

/*** minor document sections
******************************************************************/
.bloc {
    display: block;
}

.saut {
    clear: both;
    border-top: 10px solid #FFF;
    border-bottom: 10px solid #FFF;
    height: 2px;
    background: transparent url(../img//bordure.gif) repeat-x;
}

.typeActualite h2,
.typeActualite h3 {
    color: #006923;
}

.typeVallee h2,
.typeVallee h3 {
    color: #0070C3;
}

.typeHebergement h2,
.typeHebergement h3 {
    color: #88002F;
}

.typeSportsLoisirs h2,
.typeSportsLoisirs h3 {
    color: #D36000;
}

.typeArtisansCommercants h2,
.typeArtisansCommercants h3 {
    color: #996A00;
}

.typeCafesRestaurants h2,
.typeCafesRestaurants h3 {
    color: #A503B9;
}

.typeHiver h2,
.typeHiver h3 {
    color: #00a9ec;
}

.typeContactAcces h2,
.typeContactAcces h3 {
    color: #002C65;
}

/*** a
*********************************/
a:link,
a:visited {
    text-decoration: none;
    color: #565242;
}

a:focus,
a:hover {
    color: #565242;
}

/*** h
*********************************/
h1 {
    width: 508px;
    height: 17px;
    background: transparent url(../img//tourisme-nevache.gif) no-repeat;
    float: left;
}


h2 {
    clear: both;
    margin-bottom: 1em;
    font-family: helvetica;
    font-weight: bold;
    font-size: 120%;
}

h2.mir {
    margin-bottom: 0;
}

h3 {
    margin-bottom: 0.5em;
    font-size: 100%;
}

/*** img
*********************************/
img#bandeau {
    margin-bottom: 1px;
}

img#reservation,
img#meteo-france {
    margin: 10px 9px;
    float: left;
    clear: left;
}

img#webcam {
    margin: 5px 9px;
    float: left;
}

img.suite {
    vertical-align: baseline;
}

/*** descriptif
*********************************/
img.descriptif {
    float: left;
    margin-right: 10px;
}

h3.descriptif,
p.descriptif {
    float: right;
    width: 390px;
    clear: right;
}

h3.descriptif {
    margin-bottom: 0;
}

p.descriptif {
    margin-bottom: 1em;
}

/*** p
*********************************/
p.suite,
p.plus,
p.retour {
    text-align: right;
}

p#intro {}

p.retour a {
    padding-left: 10px;
    background: transparent url(../img//fleche_gauche.gif) no-repeat left center;
}

/*** ul
*********************************/
ul.colonnes {
    float: left;
}

ul.colonnes li {
    float: left;
    margin-left: 10px;
}

ul.colonnes li img,
ul.list li img {
    display: block;
}

ul.list li {
    margin: 0 0 5px 7px;
}

/*** printer styles
******************************************************************/
@media print {
    h1 {
        width: auto;
        height: auto;
        background: none;
    }

    #nav-main,
    #footer,
    .noprint {
        display: none;
    }
}




#cn-zoom {
    position: absolute;
    /*position: fixed;*/
    z-index: 500;
    /*margin: 0 auto;*/
    width: 610px;
    background: #000;
}

#cn-zoom .content {
    padding: 5px;
}

#cn-zoom .content img {
    display: block;
    margin: 10px auto;
}

#cn-zoom .content a:link {
    color: #fff;
    font-weight: bold;
}

.icone {
    vertical-align: bottom;
}
/*** accroche
*********************************/
#accroche {
 margin: 20px 0 0 0;
 width: 600px;
}

* html #accroche li {
 margin-left: 7px;
}

#accroche #belle {width: 190px; height: 106px; background-image: url(../img/belle.gif);}
#accroche #patrimoine {width: 190px; height: 151px; background-image: url(../img/patrimoine.gif);}
#accroche #claree {width: 190px; height: 151px; background-image: url(../imgclaree.gif);}

/*** article
*********************************/
.article {
 float: left;
 width: 190px;
 margin-left: 10px;
 margin-bottom: 5px;
}

.article dt {
 font-size: 110%;
}

.article .date {
 margin-bottom: 0.5em;
 border-bottom-width: 2px;
 border-bottom-style: dotted;
 text-transform: uppercase;
 font-size: 90%;
}

.article dd.texte {
 padding-bottom: 0.2em;
}

.article dd.photo img {
 display: block;
}

.article dd.lien {
 text-align: right;
}

    .locale dt {
     color: #006924;
    }

    .regional dt {
     color: #818900;
    }

    .locale .date {
     color: #006924;
     border-bottom-color: #006924;
    }

    .regional .date {
     color: #818900;
     border-bottom-color: #818900;
    }

/*** object
*********************************/
#zflash {
 position: absolute;
 z-index: 500;
 top: 45px;
 left: 0px;
 background: #CCCCC0;
}

#zflash p {
 float: right;
 margin-right: 10px;
 padding: 2px 5px;
 text-align: right;
 font-weight: bold;
 background: #000;
}

#zflash a:link, #zflash a:visited {
 color: #FFF;
}

.refer {
 display: none;
}

/*** recherche
*********************************/
#recherche {
 float: right;
 width: 190px;
 background: #ECD9DF;
 margin-right: -190px;
 background: #ECD9DF;
}

#recherche fieldset {
 padding: 5px 0;
}

#recherche label, #recherche select, #recherche input {
 font-size: 90%;
 float: left;
}

#recherche input.submit {
 margin-top: 1em;
}

#recherche strong {
 display: block;
 margin-bottom: 1em;
 width: 190px;
 height: 45px;
 background: transparent url(../img/votre-hebergement.gif) no-repeat top left;
}

#recherche label {
 margin-left: 5px;
 width: 150px;
}

#recherche br {
 clear: both;
}

.coldroite {
 padding-right: 190px;
 background: transparent url(../img/fond_recherche.gif) repeat-y right top;
}

.zone_calendrier {
	position:absolute;
	/*border: 1px solid #000000;*/
	width:200px;
	padding:2px 2px 8px 2px;
	margin-left:2px;
	display:none;
	z-index: 32767;
	/*BACKGROUND: #FFFFFF;*/
}

/*
.tbCal{
	POSITION: relative; 
	TOP: 5; 
	LEFT: 10; 
	border: none;
	BACKGROUND: #FFFFFF;
}
*/

/* on reprend la mise en forme du calendrier qui se positionne a droite de lma zone texte appelante */

.tbCal{
	border: 1px solid #000;
	/*position: relative;*/
	z-index: 32767;
	BACKGROUND: #FFFFFF;
	/*POSITION: absolute; */
	/*TOP: 0; LEFT: 0; */
}

.DayName {
	WIDTH: 10; 
	font: 12 Arial; 
	TEXT-ALIGN: center; 
	CURSOR: default;
}

.BtChangeDate {
	FONT: 12 Arial; 
	WIDTH: 10; FONT-WEIGHT: bold; 
	CURSOR: pointer; 
	TEXT-ALIGN: center;
}

.LbChangeDate {
	FONT: 12 Arial; 
	WIDTH: 70; 
	CURSOR: pointer; 
	TEXT-ALIGN: center;
}

.DayOn {
	WIDTH: 14;
	HEIGHT: 14; 
	BORDER: 1px solid black; 
	CURSOR: pointer; 
	FONT: 12 Arial; 
	COLOR: black; 
	TEXT-ALIGN: center;
}

.DayWorking {
	BACKGROUND: #ADF2BF;
}

.DayNotWorking {
	BACKGROUND: #EEEEEE;
}

.DayOver {
	BACKGROUND: #FFFFCC;
}

.DayStart {
	BACKGROUND: #FF0000;
}

.RowDays{
	BACKGROUND: none;
}

.List {
	BORDER: none; 
	TEXT-ALIGN: center; 
	PADDING: 0px; 
	BACKGROUND: #CCCCCC; 
	WIDTH: 100px; 
	POSITION: absolute;
}

.ListCell {
	BACKGROUND: none;
	BORDER: none; 
	CURSOR: pointer; 
	TEXT-ALIGN: center; 
	FONT: 12 Arial; 
	COLOR: black; 
	PADDING: 0px; 
	WIDTH: 100%;
}

.ListOver {
	BACKGROUND: #BCFAFA;
}