@charset "utf-8";
/* CSS Document */

.marron {color: #472c0f;}
.spacehaut {margin: 15px 15px 0 0;}

/****************************************************************************************/
/************************************ FICHE ********************************/
/****************************************************************************************/

div#fichecontent {float:left; width: 787px; padding: 0px 0 0 0; margin:0;}
div#fichecontent h1{font-size: 1.8em; font-weight:normal; margin: 0; padding: 0;}
div#fichecontent a.boutonrecherche {display: block; text-decoration: none; float: right; margin: 0px 0 0 0; padding: 0 0 0 0;}

div#description {float:left; width: 757px; background:#e5ded8 url(../images/fichecontent_fd.gif) 0% 0% repeat-x; padding: 15px 15px 30px 15px; margin:15px 0 0 0 ; bord/er: 1px solid red;}
div#description p.title {color:#f60; font-weight: bold; padding:0px 0 5px 0px; margin: 0;}
div#description p {font-size: 0.85em; color:#472c0f; padding:0px 0 0px 0px; margin: 0;}

div#description a.favoris {float:right; display: block; font-size: 0.9em; font-weight: normal; text-decoration: none; color:#0066cc; background:url(../images/fiche_icon_coeur.gif) 0% 0% no-repeat; padding: 0 0px 0 20px; margin:30px 15px 0 0;}
div#description a.favoris:hover {text-decoration: underline;}
div#description a#favorisete {padding: 5px 5px 5px 25px; background: #d6ebff url(../images/fiche_icon_coeur.gif) 5px 5px no-repeat;}

div#description a.pdf {float:right; display: block; font-size: 0.9em; font-weight: normal; text-decoration: none; color:#0066cc; padding: 0 0px 0 20px; margin:35px 2px 0 0;}
div#description a.pdf:hover {text-decoration: underline;}

div#description a#pdfete { background:url(../images/fiche_icon_pdf_ete.gif) 0% 0% no-repeat; }

div#showphoto {float:left; width: 273px; padding: 0; margin:0; bo/rder: 1px solid red;}
div#showphoto img {margin: 0 0px 11px 0;}
.espaceright {padding: 0 12px 0 0;}
div#showphoto a.show {display: block; font-size: 0.85em; color:#0066cb; text-decoration: none; padding: 0; margin:0;}
div#showphoto a.show:hover {text-decoration: underline;}

div#descritif {float:left; width: 240px; padding: 0 40px 0 15px; margin:0; bo/rder: 1px solid red;}
div#descritif h1 {margin: 0 0 10px 0; padding: 0;}
div#descritif img {border: 1px solid #8ebbeb; margin: 0 2px 10px 0 ;}

div#infopratique {float:left; width: 160px; padding: 30px 0px 0 0px; margin:0; bor/der: 1px solid red;}
div#infopratique p {color:#0066cc; margin: 10px 0 0 0; padding: 0;} 
div#infopratique a {font-size: 1em; color:#0066cc; font-weight: bold; padding: 0; margin:0;}
div#infopratique a:hover {text-decoration: none;}
div#infopratique p.prix {font-size: 1.4em; color:#472c0f; padding: 0 0px 0 0px; margin:0;}
div#infopratique p.promo {float:right; font-size: 0.95em; background:url(../images/fiche_pastille_reduction.gif) 0% 0% no-repeat;  color:#FFFFFF; font-weight:bold; padding:9px 0 12px 2px; width:30px; margin:0;}
div#infopratique img {margin: 15px 0px 0px 0; padding: 0;}

div#accesstation {float:left; width: 450px; padding: 8px; margin:10px 0px 0 15px; background-color:#fff;}
div#accesstation img {float: left; margin: 0 15px 0 0;}
div#accesstation a {font-size: 1em; color:#0066cc; font-weight: bold; padding: 0; margin:0;}
div#accesstation a:hover {text-decoration: none;}
div#accesstation p {font-size: 1em; font-weight: bold; color:#0066cc; margin: 0px 0 0 0; padding: 0;}
div#accesstation p a {color:#0066cc; text-decoration: underline; margin: 0px 0 0 0; padding: 0;}
div#accesstation p a:hover {text-decoration: none;}

/*************************************************** FICHE ONGLETS **************/
div.navonglet {float: left; width: 757px; margin: 0px 0px 0px 0px; padding: 0px 15px 30px 15px; background-color:#e5ded8; bord/er: 1px solid red;}

ul.onglets { width: 757px; margin: 0; padding: 0px 0px 0px 0px; bord/er: 1px solid red;}
ul.onglets li {display: inline; color: #000; float: left; list-style: none;}
ul.onglets li a {float: left; font-size: 0.85em; color: #000; font-weight: bold; text-decoration: none;}
ul.onglets li a:hover {color: #fff;}

ul.onglets li.last { height: 30px; float: right; background:url(../images/fiche_nav_onglet_right_zoom_ete.gif) 100% 0px no-repeat; padding: 0px 3px 0px 0px; margin: 0 2px 0 0;}
ul.onglets li.last a {color: #fff; background:url(../images/fiche_nav_onglet_left_zoom_ete.gif) 0% 0px no-repeat; height: 24px; padding: 7px 2px 0px 5px; margin: 0; }
ul.onglets li.last a:hover {color: #000;}

ul.onglets li { height: 30px; float: left; background:url(../images/fiche_nav_onglet_right_vert_ete.gif) 100% 0px no-repeat; padding: 0px 3px 0px 0px; margin: 0 2px 0 0;}
ul.onglets li a {color: #000; background:url(../images/fiche_nav_onglet_left_vert_ete.gif) 0% 0px no-repeat; height: 24px; padding: 7px 2px 0px 5px; margin: 0; }
ul.onglets li a:hover {color: #fff;}

ul.onglets li.right { height: 30px; float: right; background:url(../images/fiche_nav_onglet_right_blue_ete.gif) 100% 0px no-repeat; padding: 0px 3px 0px 0px; margin: 0 2px 0 0;}
ul.onglets li.right a {color: #fff; height: 24px; background:url(../images/fiche_nav_onglet_left_blue_ete.gif) 0% 0px no-repeat; padding: 7px 2px 0px 5px; margin: 0; }
ul.onglets li.right a:hover {color: #000;}

ul.onglets img {border: none; margin: 0; padding: 0;}

ul.onglets li.on { height: 30px;  background:url(../images/fiche_nav_onglet_right_ete_over.gif) 100% 0px no-repeat; padding: 0px 3px 0px 0px; margin: 0 2px 0 0;}
ul.onglets li.on a {color: #000; background:url(../images/fiche_nav_onglet_left_ete_over.gif) 0% 0px no-repeat; height: 24px; padding: 7px 2px 0px 5px; margin: 0; }



div.bloc_onglets {float: left; width: 741px; margin-top: 0px; padding: 8px; margin: -1px 0 0 0; _margin: -2px 0 0 0; background-color:#fff; border-bottom:4px solid #c0b8b2;}
div.bloc_onglets h3 {font-size: 1.2em; clear: both; padding: 0; margin:0; }
div.bloc_onglets p {font-size: 0.9em; padding: 4px 0 16px 0; margin:0;}

table {font-size: 0.9em; margin-bottom: 30px;}
table td { padding: 4px 10px 4px 10px;}
table.tarifs { border:1px solid #e5ded8;}
tr {vertical-align:top;}
td.colordark {width: 14%; background-color:#aad674; }
td.colordark a { text-decoration:none; display:block;  width:100%; color:#000000 }
td.colordark a:hover { background-color:#4b9810; color:#fff }

td.colorlight {width: 14%; background-color:#e5ded8;}
.centre {text-align: center;}
.spacetop {padding-top: 4px;}

td.code { background-color:#91b7f2; color:#000; font-weight:bold;}
td.ferme {background-color: #333333; color:#FFFFFF}
td.occupe {background-color:#ff6600;  color:#FFFFFF}

div#reductions h3 { color:#FF6633; font-size:1.5em;}
div#reductions h3.dansunrond { float:left; width: 80px; height:55px; text-align:center; clear:left; margin:0 12px 12px 0; padding:25px 0 0 0; 
background:url("/images/dansunrond.gif"); color:#fff; font-weight:normal;}

div.bloc_onglets h2 { font-size:2em; margin-top:6px; font-weight:normal; color:#7e7a74}
div#station h3 { color: #0066cd; font-size:1.6em;}
div#intro { width:460px; float:left;}
div#intro p { font-size:1.2em; float:left;}
img.gauche { float:left; margin:0 20px 20px 0;}
img.droite { float:right; margin:0 0 20px 20px;}

div.colonne { width: 230px; float:left; bor/der:1px solid red}
div.colonne p:first-line { font-weight:bold;}
div#colonne1 { margin-right:24px;}
div.photos {  width: 220px; float:right;}
div.photos img { margin-bottom:12px;}



/************************************ ONGLET STATION  ********************************/
div#altitude { width:110px; float:left; border:4px solid #e5ded8; border-width:4px 0; height:66px; 
background:url(../images/fiche_station_altitudes.gif) 0 0 no-repeat; padding-top:34px; padding-left:150px; margin-bottom:18px;
color:#0066cc; font-size:11px; font-weight:bold;}
div#pistes { width:224px; float:left; border:4px solid #e5ded8; border-width:4px 0; height:66px;
background:url(../images/fiche_station_pistes.gif) 0 0 no-repeat; padding-top:34px; margin-bottom:18px;}
div#pistes p { float:left; width:40px; background-color:#999999; font-size:18px; font-weight:bold; 
color:#fff; height:32px; padding:0; margin:0; text-align:center; margin-right:6px; padding-top:8px;}
div#pistes p.verte { background:url(../images/fiche_station_piste_verte.gif) 0 0 no-repeat;}
div#pistes p.bleue { background:url(../images/fiche_station_piste_bleue.gif) 0 0 no-repeat;}
div#pistes p.rouge { background:url(../images/fiche_station_piste_rouge.gif) 0 0 no-repeat;}
div#pistes p.noire { background:url(../images/fiche_station_piste_noire.gif) 0 0 no-repeat;}

/************************************ DESCRIPTIF STATION  ********************************/
div#accesstation h3 { padding:0 0 4PX 0; margin:0;}
div#acces { width:300px; float:left;}
div#lespistes { width:115px; float:right; margin-left:20px;}
div#lespistes p { float:left; width:26px; background-color:#999999; font-size:12px; font-weight:bold;color:#fff; height:21px; padding:0; margin:0; text-align:center; margin-right:2px; padding-top:5px;}
div#lespistes p.verte { background:url(../images/fiche_entete_piste_verte.gif) 0 0 no-repeat;}
div#lespistes p.bleue { background:url(../images/fiche_entete_piste_bleue.gif) 0 0 no-repeat;}
div#lespistes p.rouge { background:url(../images/fiche_entete_piste_rouge.gif) 0 0 no-repeat;}
div#lespistes p.noire { background:url(../images/fiche_entete_piste_noire.gif) 0 0 no-repeat;}
div#lespistes p a { color:#FFFFFF; text-decoration:none; display:block;}