/* ------------------------------------ */
/*                                      */
/*            Body                      */
/*                                      */
/* ------------------------------------ */

body {
	margin: 0;
	padding: 0;
	background: #fff url(../images/design/background.jpg) left top repeat-x;
	font-family: verdana, Lucida, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000;
	text-align: center;
}

/* hack FF pour masquer les contours pointillé sur les liens
-------------------------------------------------------*/

a {
	outline: none;
}

:focus {
	-moz-outline-style: none;
}

/* hack FF pour masquer les contours pointillé sur les liens
-------------------------------------------------------*/

* {
	padding: 0;
	margin: 0;
}

.nowrap {
	white-space: nowrap;
}

.gras {
	font-weight: bold;
}

img.photo, .cadre_photo img {
	border: 1px solid #000;
}

img.photo, img.photo_size2, img.photo_size3, img.photo_size2_hor, img.photo_size2_ver {
	border: 1px solid #000;
}

img.photo {
	width: 124px; height: 93px;
}

img.photo_size3 {
	width: 220px; height: 170px;
}

img.photo_size2_hor, img.photo_size2 {
	width: 202px; height: 147px;
}

img.photo_size2_ver {
	width: 107px; height: 147px;
}

ul.photo {
	padding-left: 135px;
}

.centrer, #page p.centrer {
	text-align: center;
}

.gauche {
	float: left;
}

.droit {
	float: right;
}

.vert, #page a.vert, #page a.vert:visited {
	color: #090;
}

.noir, #page a.noir, #page a.noir:visited {
	color: #000;
}

.neutre, .gris, #page a.neutre, #page a.gris, #page a.neutre:visited, #page a.gris:visited {
	color: #555;
}

.bleu, #page a.bleu, #page a.bleu:visited {
	color: #36f;
}

.rouge, #page .remarque, #page a.rouge, #page a.rouge:visited {
	color: #f00;
}

.violet {
	color: purple;
}

img {
	vertical-align: absmiddle;
}

img, fieldset {
	border: 0;
}

.separation {
	visibility: hidden;
	clear: both;
}

hr {
	margin: 10px 0 0 0;
	border: 0;
	height: 0;
	border-bottom: 1px solid #ddd;
}

.cacher, h1, .bouton a span, legend {
	display: none;
}

#conteneur {
	background: #fff url(../images/design/conteneur_bgr.png) left top repeat-y;
	width: 871px;
	min-height: 700px;
	text-align: left;
	margin: 0 auto;
	padding: 0 18px;
	font-size: .8em;
}

ul, #page ul.sans_puce {
	list-style: none;
}

/* ------------------------------------ */
/*                                      */
/*            Navigation                */
/*                                      */
/* ------------------------------------ */

#header {
	height: 270px;
	position: relative;
}

ul#navigation {
	z-index: 100;
}

ul#menu_rapide {
	font-size: .85em;
	position: absolute;
	top: 10px; right: 20px;
}

ul#menu_rapide li, ul#navigation li {
	float: left;
}

ul#menu_rapide li a, ul#menu_rapide li a:visited {
	color: #000;
	text-decoration: underline;
}

ul#menu_rapide li a:hover, ul#menu_rapide li a:active {
	color: #000;
	text-decoration: none;
}

div#slogan {
	color: #9dcaf1;
	font-weight: bold;
	font-size: 1.15em;
	position: absolute;
	top: 40px; right: 40px;
	line-height: 1.4em;
}

#panorama {
	background-color: #fff;
	background-position: left top;
	background-repeat: no-repeat;
	width: 870px; height: 168px;
	position: relative;
}

#panorama .coin {
	background: url(../images/design/panorama_coin.gif) left top no-repeat;
	width: 12px; height: 11px;
	position: absolute; top: 0; right: 0;
}

#transparence_header {
	background: #5097c3;
	width: 100%;
	height: 30px;
	position: absolute; bottom: 0; left: 0;
	filter : alpha(opacity=50);
	-moz-opacity : 0.5;
	-khtml-opacity: 0.5;
	opacity : 0.5;
	z-index: 5;
}

#menu_rechercher {
	z-index: 10;
	position: absolute;
	bottom: 6px; right: 10px;
	width: 190px;
	white-space: nowrap;
}

#menu_rechercher input.champ {
	font-size: .8em;
	padding: 1px 3px;
	width: 150px;
}

#menu_rechercher input.bouton {
	height: 21px;
	width: 26px;
	margin-top: 1px;
	border: 0;
	background: url(../images/design/rechercher_btn.gif) no-repeat left top;
	cursor: pointer;
	text-indent: -9999px;
}

html:first-child #menu_rechercher input.bouton {
	padding-left : 9999px;
}

/* ------------------------------------ */
/*                                      */
/*            Main                      */
/*                                      */
/* ------------------------------------ */

#main {
	font-size: .9em;
}

.contenu ul li a, .contenu ul li a:visited,
.copyright a, .copyright a:active {
	color: #2d5086;
	text-decoration: none;
}

.contenu ul li a:hover, .contenu ul li a:active,
.copyright a:hover, .copyright a:active {
	font-weight: bold;
	text-decoration: underline;
}

#page p a, #page p a:visited,
a.lien, a.lien:visited,
#page ul li a, #page ul li a:visited,
#page table td a, #page table td a:visited {
	color: #2d5086;
	font-weight: bold;
	text-decoration: none;
}

#page p a:hover, #page p a:active,
#page ul li a:hover, #page ul li a:active,
#page table td a:hover, #page table td a:active,
a.lien:hover, a.lien:active {
	text-decoration: underline;
}

#page .tableau_chiffres .vert a, #page .tableau_chiffres .vert a:visited {
	color: #009900;
	font-weight: bold;
	text-decoration: none;
}

#page .tableau_chiffres .vert a:hover, #page .tableau_chiffres .vert a:active {
	text-decoration: underline;
}

#page .tableau_chiffres .bleu a, #page .tableau_chiffres .bleu a:visited {
	color: #3366ff;
	font-weight: bold;
	text-decoration: none;
}

#page .tableau_chiffres .bleu a:hover, #page .tableau_chiffres .bleu a:active {
	text-decoration: underline;
}

#page .tableau_chiffres .rouge a, #page .tableau_chiffres .rouge a:visited {
	color: #ff0000;
	font-weight: bold;
	text-decoration: none;
}

#page .tableau_chiffres .rouge a:hover, #page .tableau_chiffres .rouge a:active {
	text-decoration: underline;
}

#page .tableau_chiffres .noir a, #page .tableau_chiffres .noir a:visited {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

#page .tableau_chiffres .noir a:hover, #page .tableau_chiffres .noir a:active {
	text-decoration: underline;
}

#zone_principale {
	width: 570px;
}

#zone_principale2 {
	width: 660px;
}

#zone_laterale {
	margin-right: 1px;
	width: 288px;
}

#zone_laterale2 {
	width: 198px;
}

td.colonne1, td.colonne3 {
	width: 33%;
}

td.colonne2 {
	width: 34%;
}

.base {
	background: transparent url(../images/design/cadre_base.png) left top no-repeat;
	height: 7px;
	margin-top: 10px;
}

.base span {
	display: block;
	background: transparent url(../images/design/cadre_base_bord.png) right top no-repeat;
	height: 7px;
}

ul.onglets {
	font-size: .95em;
	height: 22px;
}

ul.onglets li {
	height: 22px;
	background: #56789f;
	float: left;
}

ul.onglets li a, ul.onglets li a:visited {
	color: #fff;
	height: 22px;
	background: #56789f;
	display: block;
	font-weight: bold;
	text-decoration: none;
	line-height: 20px;
	text-align: center;
}

ul.onglets li a:hover, ul.onglets li a:active {
	background: #1d4b7f;
}

div.cadre {
	margin-top: 12px;
}

div.cadre .contenu img.gauche {
	margin-right: 10px;
}

div.cadre .contenu img.droit {
	margin-left: 10px;
}

div.cadre .contenu img.photo {
	margin-top: 15px;
}

div.cadre .contenu p img.photo {
	margin-top: 5px;
}

.contenu h3, .contenu dt, #page h4, #page h3, #page h5 {
	font-weight: bold;
}

.contenu h3, .contenu dt, #page h4 {
	color: #2d5086;
	font-size: 1em;
}

#page h3, .orange {	
	/*color: #daa81d;*/
	color: #f60;
	text-decoration: underline;
}

#page h3 {
	font-size: 1.2em;
}

div#page h4 a, div#page h4 a:visited {
	font-weight: bold;
	color: #2d5086;
	text-decoration: none;
}

div#page h4 a:hover, div#page h4 a:active {
	text-decoration: underline;
}

.contenu h3, #page h4, #page h3, #page h5 {
	padding-top: 10px;
}

.contenu dd {
	font-size: .95em;
	text-align: center;
}

.contenu ul, .contenu dt, .contenu dd {
	margin-top: 10px;
}

.contenu ul li {
	line-height: 1.7em;
	font-size: .95em;
}

div.texte p, div#page p {
	line-height: 1.5em;
	margin-top: 10px;
	text-align: justify;
}

div.texte p {
	font-size: .95em;
}

#edito .contenu, #infos_domaines .contenu, #cadre_espace_diamant .contenu {
	padding: 0 10px 10px 10px;
}

#edito .contenu {
	background: #e4ebfc;
}

ul.onglets li {
	margin-left: 1px;
}

#edito ul.onglets li a {
	width: 142px;
}

#edito ul.onglets li.lien4 a {
	width: 141px;
}

#edito ul.onglets li.lien1, #domaines_skiables ul.onglets li.lien1, #module_meteo ul.onglets li.lien1 {
	margin-left: 0;
}

#edito .contenu ul li a, #edito .contenu ul li a:visited {
	color: #c90;
}

div.cadre h2 {
	height: 32px;
	padding-left: 30px;
	line-height: 30px;
	background: #e4ebfc url(../images/design/cadre_titre.png) left top no-repeat;
	color: #fff;
	font-size: 1.1em;
}

div.cadre h2 span, .pistes span {
	display: block;
}

div.cadre h2 span {
	height: 32px;
	background: transparent url(../images/design/cadre_titre_bord.png) right top no-repeat;
}

#domaines_skiables .contenu, #domaines_skiables ul.onglets, #module_meteo ul.onglets {
	margin-top: 1px;
}

#domaines_skiables ul.onglets li.lien1, #domaines_skiables ul.onglets li.lien1 a, #module_meteo ul.onglets li.lien1 a {
	width: 90px;
}

#domaines_skiables ul.onglets li.lien2, #domaines_skiables ul.onglets li.lien2 a, #module_meteo ul.onglets li.lien2 a {
	width: 197px;
}

#partenaires ul li, #principales_ouvertures ul li {
	background: url(../images/design/puce_logo.png) left center no-repeat;
	padding-left: 30px;
	line-height: 1.7em;
}

#principales_ouvertures ul li {
	font-size: .95em;
	white-space: nowrap;
}

#principales_ouvertures ul li span {
	font-weight: bold;
}

#module_meteo .contenu {
	background: #fff url(../images/design/meteo.png) top left no-repeat;
	height: 170px;
	position: relative;
}

#module_meteo .contenu dl, #module_meteo .contenu .pistes {
	position: absolute;
}

.pistes span {
	font-size: .7em;
	color: #fff;
}

#module_meteo .contenu dl.donnees {
	width: 144px; height: 155px;
	left: 20px; top: 0;
}

#module_meteo .contenu div.pistes {
	width: 120px; height: 40px;
	left: 165px; top: 125px;
	color: #27ff1c; font-size: 1.5em;
}

#module_meteo .contenu dl.meteo {
	width: 111px; height: 112px;
	left: 171px; top: 8px;
}

#module_meteo .contenu dl.meteo dt, #module_meteo .contenu dl.meteo dd {
	margin-top: 3px;
}

dl.meteo dd.temperature {
	color: #ffb51c;
	font-weight: bold;
	font-size: 1.5em;
}

#module_meteo .contenu dl.donnees dt {
	font-weight: bold;
}

#module_meteo .contenu dl.donnees dd {
	font-size: 1em;
	margin-top: 5px;
}

#module_meteo .contenu dl.donnees dd span {
	margin-top: 5px;
	display: block;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
}

#module_meteo .contenu dl.donnees dt, #module_meteo .contenu dl.donnees dd {
	color: #c4e4f8;
}

#liens_rapides .contenu {
	background: url(../images/design/montagne_br.png) center bottom no-repeat;
	height: 120px;
}

/* ------------------------------------ */
/*                                      */
/*            Contenu                   */
/*                                      */
/* ------------------------------------ */

div#page {
	margin-top: 15px;
	margin-right: 10px;
	font-size: .95em;
}

div#historique {
	font-size: .95em;
	color: #555;
	padding-bottom: 6px;
	border-bottom: 1px solid #eee;
}

div#historique a, div#historique a:visited,
ol li a, ol li a:visited,
a.lien2, a.lien2:visited {
	font-weight: bold;
	color: #daa81d;
	text-decoration: none;
}

div#historique a:hover, div#historique a:active,
ol li a:hover, ol li a:active,
a.lien2:hover, a.lien2:active {
	text-decoration: underline;
}

div#historique span {
	font-weight: bold;
	color: #000;
}

#page em {
	font-style: normal;
	text-decoration: underline;
}

ul.liste_remarques {
	font-size: .9em;
}

#page .droit {
	margin-left: 10px;
}

#page .gauche {
	margin-right: 10px;
}

.cadre_photo {
	width: 170px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 10px;
	margin-bottom: 5px;
	background: #daebf7;
}

.cadre_photo .titre_photo {
	font-size: .85em;
	line-height: 1.4em;
	margin: 5px 5px 0 5px;
}

.cadre_photo img {
	width: 160px; height: 120px;
}

#photos .contenu {
	font-size: .95em;
}

#photos .cadre_photo {
	margin: 10px auto 0 auto;
}

div#page h2 {
	color: #333;
	margin-top: 10px;
	font-size: 1.4em;
}

div#page ul, div#page ol {
	line-height: 1.7em;
	list-style-position: inside;
	list-style-type: none;
	margin-top: 10px;
}

div#page .tableau_chiffres ul.sans_puce {
	line-height: 1.7em;
	list-style-position: inside;
	list-style-type: none;
	margin-top: 0px;
}

ol.index {
	margin-bottom: 20px;
}

div#page ul {
	list-style-type: square;
}

div#page ul.infos span {
	text-decoration: underline;
}

div#page ul ul {
	margin-left: 15px;
	margin-top: 3px;
	margin-bottom: 3px;
}

div.page_annexe {
	margin-top: 20px;
	font-weight: bold;
	color: #555;
	clear: both;
}

div#page dl {
	margin-top: 10px;
}

div#page h4 {
	font-size: 1.1em;
	text-decoration: underline;
}

div#page h5 {
	font-size: 1em;
	text-decoration: underline;
}

div#page dt {
	margin-bottom: 10px;
}

div#page dd {
	line-height: 1.5em;
}

table.description {
	width: 500px;
	border: 1px solid #daebf7;
	margin-top: 10px; margin-left: 60px;
}

table tr.titre, table.table_photos tr.impaire td {
	background: #daebf7;
}

table.description tr.titre td {
	text-align: center;
	font-weight: bold;
	width: 50%;
	padding: 5px;
}

table.description tr.texte td {
	padding: 10px;
	vertical-align: top;
}

#page table.description tr.texte td ul {
	margin-top: 0;
}

.retour_haut {
	margin-top: 10px;
	margin-bottom: 15px;
}

table.tableau_chiffres, table.tableau_reportages, table.table_photos {
	width: 100%;
	margin-top: 10px;
}

table.table_photos td div.description {
	font-size: .9em;
	line-height: 1.4em;
	margin-top: 5px;
}

table.table_photos tr td {
	vertical-align: top;
	text-align: center;
}

#page table.tableau_reportages tr td h3 {
	color: #fff;
	padding: 0;
}

#page table.tableau_reportages tr.donnees td img.photo {
	width: 150px; height: 113px;
}

#page table.tableau_reportages tr.donnees td ul {
	margin-left: 10px;
}

#page table.tableau_reportages tr.donnees, #page table.tableau_reportages tr.impaire, table.table_photos tr.paire td {
	background: #eef5fa;
}

#page table.tableau_reportages tr.paire {
	background: #fff;
}

#page table.pistes_noires tr.titre {
	background: #000;
}

#page table.pistes_rouges tr.titre {
	background: #c00;
}

#page table.pistes_bleues tr.titre {
	background: #2d4c83;
}

#page table.pistes_vertes tr.titre {
	background: #090;
}

#page table.pistes_noires tr.donnees td ul li.titre a {
	color: #000;
}

#page table.pistes_noires tr.donnees a {
	color: #000;
}

#page table.pistes_bleues tr.donnees td ul li.titre a {
	color: #2d4c83;
}

#page table.pistes_bleues tr.donnees a {
	color: #2d4c83;
}

#page table.pistes_rouges tr.donnees td ul li.titre a {
	color: #c00;
}

#page table.pistes_rouges tr.donnees a {
	color: #c00;
}

#page table.pistes_vertes tr.donnees td ul li.titre a {
	color: #090;
}

#page table.pistes_vertes tr.donnees a {
	color: #090;
}

table.tableau_chiffres {
	border: 1px solid #daebf7;
}

table.tableau_chiffres tr td, table.tableau_reportages tr td, table.table_photos tr td {
	padding: 5px;
}

table.tableau_chiffres tr.paire {
	background: #eef5fa;
}

div.keywords {
	font-size: 1.2em;
	margin-top: 10px;
	text-decoration: underline;
}

/* ----Afficher une image au passage de la souris sur un lien---- */

a.montrer_photo span {
	visibility: hidden;
	display: block;
	position: absolute;
	top: -15px; right: 15px;
}

a.montrer_photo_tableau span {
	visibility: hidden;
	display: block;
	position: absolute;
	top: -25px; left: -235px;
}

a.montrer_photo:hover span {
	visibility: visible;
}

a.montrer_photo_tableau:hover span {
	visibility: visible;
}

a.montrer_photo:hover {   /* Corriger un bug de IE6 */
	background: none;
	background-position: top right;
	background-repeat: no-repeat;
}

a.montrer_photo_tableau:hover {   /* Corriger un bug de IE6 */
	background: none;
	background-position: top right;
	background-repeat: no-repeat;
}

/* ----Afficher une image au passage de la souris sur un lien---- */

/* ------------------------------------ */
/*                                      */
/*            Footer                    */
/*                                      */
/* ------------------------------------ */

#footer {
	padding-top: 20px;
	font-size: .95em;
}

#mountain_range {
	padding-top: 20px;
	height: 94px;
	background: url(../images/design/footer.png) center bottom no-repeat;
}

#logos {
	text-align: center;
}

#footer .liens {
	background: url(../images/design/footer_barre.png) center bottom no-repeat;
	height: 31px;
	line-height: 31px;
	text-align: center;
	color: #fff;
	margin-top: 10px;
}

#footer .liens a, #footer .liens a:visited {
	color: #fff;
	text-decoration: none;
}

#footer .liens a:hover, #footer .liens a:active {
	text-decoration: underline;
}

#footer .copyright {
	padding: 10px 0;
}