/*** major document sections
******************************************************************/

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

/*** 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(/style/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(/style/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(/style/menu-actualites.gif);}
#nav-main li.vallee a {background-image: url(/style/menu-vallee.gif);}
#nav-main li.hebergement a {background-image: url(/style/menu-hebergement.gif);}
#nav-main li.sports-loisirs a {background-image: url(/style/menu-sports-loisirs.gif);}
#nav-main li.artisans-commercants a {background-image: url(/style/menu-artisans-commercants.gif);}
#nav-main li.cafes-restaurants a {background-image: url(/style/menu-cafes-restaurants.gif);}
#nav-main li.contact a {background-image: url(/style/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(/style/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(/style/ajouter-favoris-it.gif);}
#nav-extra #friendly {width: 141px; background-image: url(/style/faire-connaitre-it.gif);}
#nav-extra #private {width: 86px; background-image: url(/style/prive-it.gif);}

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

#breadcrumb li {
 float: left;
 padding: 0 5px 0 10px;
 background: transparent url(/style/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(/style/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;}
.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(/style/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 {
 margin: 10px 9px;
 float: left;
 clear: 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(/style/fleche_gauche.gif) no-repeat left center;
}

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

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

ul.colonnes li img {
 display: block;
}

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