/* STENO DEFINITION
smoothbox = smoothbox
[Hiver] Descente = ski-descente
[Hiver] Fond = ski-fond
[Hiver] Raquette = raquette
[Hiver] Liste nv2 = list-niveau2
[Hiver] Nordique-Titre Section = section
[Hiver] Descente Bleue = piste-bleue
[Hiver] Descente Verte = piste-verte
[Hiver] Descente Rouge = piste-rouge
[Hiver] Descente Noire = piste-noire
[Hiver] Fond Bleue = fond-bleue
[Hiver] Fond Verte = fond-verte
[Hiver] Fond Rouge = fond-rouge
[Hiver] Fond Noire = fond-noire
*/

html, body {
	/*
		permet le height 100%
	*/
	margin:0;
	padding:0;
	height:100%;
	/*
		sert a garder la scrollbar horizontal dans le cas ou on passe en dessous du min-width
		enlever la scrollbar vertical
	*/
	overflow-y:hidden;
}

body {
	/*
		ne pas mettre de position relative
		car il empeche ensuite au element de ce placer correctement
	*/
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	margin:0;
	padding:0;
	font-size:0.7em;
}

#dispoLoader
{
	position:absolute;
	top:0px;
	left:0px;
	display: none;
	width:100%;
	height:100%;
	z-index:10000;
}

	#dispoLoader img
	{
		position:absolute;
	}

.popup .info{
	text-align:center;
	font-size:1.5em;
	font-weight:normal;
}

.page .left_block .tools .perso .content .listetools li a.disabled,
.disabled{
	color: #999;
	text-decoration: none;
}
/* style utile */
div, span, p, a, img, form, h1, h2, h3, h4, h5, h6, blockquote, hr, pre, button, ul, li {
	border: 0;
	padding: 0;
	margin: 0;
	list-style:none;
	outline:none;
}
a {
	color:#0290A1;
	text-decoration:none;
}
.autumn a
{
	color:#e73351;
}
.spring a
{
	color:#71a600;
}

.summer a
{
	color:#e97d00;
}

a:hover {
	text-decoration:underline;
}


.cb {
	clear:both;
	height:0px;
	line-height:0px;
	font-size:0px;
}

.cl {
	clear:left;
}
.white {
	color:#fff!important;
	text-transform:uppercase;
}
.black {
	color:#000!important;
}
.displayNone {
	display:none;
	height:0px;
	line-height:0px;
	font-size:0px;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
/* fin style utile */

/* steno */
.imageleft{
	float:left;
	margin:5px 5px 5px 0;
}
.imageright{
	float:right;
	margin:5px 0 5px 5px;
}
/* end steno */

.getall
{
	margin-left : 7px;
}
/* sert pour la résolution min */
.body {
	position:relative;
	overflow:hidden;
	width:100%;
	height:100%;
	min-width:1024px;
	/* width:1024px; voir pour IE6 */
}

/* bakgd flash en diporama */
#bkgCursor
{
	position:absolute;
	left:0px;
	bottom:0px;
	display : none;
	width : 39px;
	height : 39px;
	background-position : top left;
}
	#bkgCursor.state-2
	{
		background-position : bottom left;
	}

#bkgVideo
{
	position:absolute;
	left:0px;
	display : none;
	width : 195px;
	height : 100px;
}

	#bkgVideo img
	{
		display : block;
		margin : auto;
	}
		#bkgVideo img.bkgPlay
		{
			position : relative;
			left : -9px;
			cursor : pointer;
		}

.bkgd_flash {
	position:absolute;
	left:0px;
	bottom:0px;
	right:0px;
	top:0px;
	z-index:0;
	background-color: #5F513F;
	width:100%;
	height:100%;
	display:block;
}

	.bkgd_flash .slideshow
	{
		width : 100%;
		height : 100%;
		position : relative;
	}

	.bkgd_flash .slideshow div, .bkgd_flash .slideshow img
	{
		position : absolute;
		display : block;
		top : 0;
		left : 0;
	}

/* page */
.page {
	position:absolute;
	top:0;
	bottom:0;
	right:0px; /*-534px*/
	z-index:1;
	height:100%;
	width:754px;
	display:block;
	margin-left:220px;
}

	/* left_block */
	.page .left_block {
		position:relative;
		z-index:4;
		float:left;
		height:100%;
		width:220px;
		display:block;
	}
	  .page .left_block .top{
	    width: 100%;
	    height: 10px;
		  background: url(../img/global/menu/top_blue.png) top left no-repeat;
		  position: relative;
		  z-index: 3;
	  }
	  .spring .page .left_block .top
	  {
		  background: url(../img/global/menu/top_green.png) top left no-repeat;
	  }
	  .autumn .page .left_block .top
	  {
		  background: url(../img/global/menu/top_red.png) top left no-repeat;
	  }
	  .summer .page .left_block .top
	  {
		  background: url(../img/global/menu/top_orange.png) top left no-repeat;
	  }
	    
	  .page .left_block .bg_menu{
	    background: url(../img/global/menu/bkgd_blue.jpg) #00b7cd top right no-repeat;
	    padding-top: 5px;
	    height: 95%;
	    position: relative;
	    z-index: 3;
	  }
		  .spring .page .left_block .bg_menu{
			background: url(../img/global/menu/bkgd_green.jpg) #77b001 top right no-repeat;
		  }
		  .autumn .page .left_block .bg_menu{
			background: url(../img/global/menu/bkgd_red.jpg) #c6233e top right no-repeat;
		  }
		  .summer .page .left_block .bg_menu{
			background: url(../img/global/menu/bkgd_orange.jpg) #ec850f top right no-repeat;
		  }

	  
		.page .left_block .bkgd {
			position:absolute;
			top:0;
			left:-10px;
			height:100%;
			width:250px;
			display:block;
			z-index:2;
		}

		/* menu */
		.page .left_block ul.menu {
			background: url(../img/global/menu/background.png) top right no-repeat;
			position:relative;
			z-index:3;
			color:#fff;
			display:block;
			font-size : 1em;
			list-style-type : none;
		}
			.page .left_block ul.menu div {
				margin : 0;
				padding : 0;
				height : 24px;
				font-size : 1em;
			}
			.page .left_block ul.menu div.active {
				background:url(../img/global/menu_h2_active.png) no-repeat right;
			}
			
			.page .left_block ul.menu li.new_auvergne
			{
				margin-bottom : 3px; /*séjour image mal découpée... */
			}

			.page .left_block ul.menu li
			{
				display : block;
				height:24px;
				line-height:24px;
				overflow : hidden;
				font-size : 0px;
			}

				.page .left_block ul.menu a {
					padding: 0 0 0 25px;
					height : 24px;
					display:block;
				}
				.page .left_block ul.menu a:hover {
					text-decoration:none;
				}
				.page .left_block ul.menu a.active {
					background:url(../img/global/menu_link_active.png) no-repeat left;
				}
					.page .left_block ul.menu a img {
						margin:0;
						display : block;
					}
					.page .left_block ul.menu a:hover img,
					.page .left_block ul.menu a.active img {
						margin-top:-24px;
					}

		/* fin menu */

		.sub_menu_shadow
		{
			height : 100%;
			width : 100%;
			background:url(../img/global/menu/shadow_menu.png)  right top no-repeat;
		}
		/* info_resa */
		.page .info_resa {
			margin : 8px auto 0;
			width:200px;
			height:68px;
		}
			.page .info_resa img {
				display:block;
			}

			.page .info_resa .text {
				background:url(../img/global/info_resa_text.png) no-repeat;
				padding:5px 0 0 5px;
				width:176px;
				height:35px;
				color:#fff;
				font-size:0.8em;
				display:none;
			}
			.page .info_resa .text.fra {
				background:url(../img/global/resa_hover.png) no-repeat;
				padding:5px 0 0 5px;
				width:192px;
				height:37px;
				color:#fff;
				font-size:0.8em;
				display:none;
			}
			/* end thematic */
		/* end info_resa */

		/* reservation */
		.page .left_block .reservation {
			position : absolute;
			top : 247px;
			width:177px;
			padding : 15px 11px;
			margin : 15px 11px 0px;
			background: url(../img/global/menu/cdc_blue.png) no-repeat;
			z-index : 9;

		}
		.spring .page .left_block .reservation {
			background: url(../img/global/menu/cdc_green.png) no-repeat;
		}
		.autumn .page .left_block .reservation {
			background: url(../img/global/menu/cdc_red.png) no-repeat;
		}
		.summer .page .left_block .reservation {
			background: url(../img/global/menu/cdc_orange.png) no-repeat;
		}
			.reservation h3 a img
			{
				margin-left : 7px;
			}

			.page .left_block .reservation .container {
				position : relative;
				width:172px;
				height:90px;
				display:block;
				margin-bottom : 3px;
				overflow : hidden;
				padding-top : 5px;
			}
				/* element */
				.page .left_block .reservation .element {
					z-index:1;
					height: 95px;
					display: block;
				}
				.page .left_block .reservation .element:hover {
					text-decoration:none;
				}
					.page .left_block .reservation .element .price {
						position:absolute;
						overflow:hidden;
						left:0px;
						top:0px;
						background:url(../img/global/price_bkgd_black.png) 0px 17px  no-repeat transparent;
						width:42px;
						height:22px;
						display:block;
						color:#fff;
						padding:20px 10px 20px 6px;
						font-size:0.8em;
					}
					.page .left_block .reservation .element .text {
						padding-top:10px;
						color:#fff;
						display:block;
					}
				/* fin element */

				/* navigation */
				.page .left_block .reservation .navigation {
					position:absolute;
					overflow:hidden;
					top:60px;
					width:340px; /* 340 = 170 + 170 -> sert pour le fond */
					height:10px;
					z-index:2;
				}
					.page .left_block .reservation .navigation li {
						float:left;
						width:25px;
						height:10px;
						display:block;
						margin-right:1px;
					}
						.page .left_block .reservation .navigation li a {
							background:url(../img/global/navigation_off.gif) repeat-x;
							width:25px;
							height:10px;
							display:block;
							/* opacity */
							filter : alpha(opacity=50);
							-moz-opacity : 0.5;
							opacity : 0.5;
						}
						.page .left_block .reservation .navigation li a:hover  {
							/* opacity */
							filter : alpha(opacity=100);
							-moz-opacity : 1;
							opacity : 1;
						}
						.page .left_block .reservation .navigation li a.active  {
							background:url(../img/global/navigation_active.gif) no-repeat transparent;
							width:25px;
							height:5px;
							/* opacity */
							filter : alpha(opacity=100);
							-moz-opacity : 1;
							opacity : 1;
						}
						.page .left_block .reservation .navigation li.end {
							background-color:#fff;
							width:170px;
							height:2px;
							line-height:2px;
							font-size:0px;
							display:block;
							/* opacity */
							filter : alpha(opacity=25);
							-moz-opacity : 0.25;
							opacity : 0.25;
						}
				/* end navigation */

				.page .left_block .reservation a.all {
					color:#000000;
					display : block;
					width : 100%;
					text-decoration : none;
				}
		/* end reservation */

		/* map */
		.page .left_block .map {
			position:absolute;
			bottom:110px;
			left:25px;
			z-index:10;
			width:190px;
			height:70px;
		}
			.map .select-groupe
			{
				position : relative;
				z-index : 3;
				top : -22px;

			}
			.page .left_block .map .select {
				display:block;
				font-size:1em;
				margin-top:5px;
				width:152px;
				background:url(../img/global/map_select_bkgd.gif) no-repeat;
				line-height:14px;
				height:14px;
				padding:0 2px;
			}
			.page .left_block .map .select_content {
				position:absolute;
				left:0;
				display:none;
				background:#fff;
				padding:2px;
				width:auto!important;
				width:143px;
				min-width:123px;
			}

			.page .left_block .map .select_content li{
				width:148px;
			}

				.page .left_block .map .select_content li a {
					text-decoration : none;
				}

			#TweenMapSelect0 {
				bottom:32px;
			}
			#TweenMapSelect1 {
				bottom:13px;
			}
		/* fin map */
    
		/* search */
		.page .left_block .search{
		  position: absolute;
		  left: 0;
		  width: 220px;
		  z-index: 4;
		  bottom: 0;
		  font-size: 1em;
		}
			.page .left_block .search img{
				display : block;
			}
		  .left_block .search .display{
		    background: #443a2e;
		    padding: 0px 11px 0 11px;
			height : 52px;
		  }
		    .search .display h3{
		      color: #FFF;
		      padding-bottom: 7px;
		      text-transform: uppercase;
			  padding-top : 12px;
		    }
		    .search .display .text{
		      float: left;
		      border: 0 none;
		      height: 22px;
		      line-height: 22px;
		      font-size: 1em;
		      background: url(../img/global/menu/search_input.png) top left no-repeat;
		      padding-left: 10px;
		      width: 156px;
		    }
		    .search .display .valid{
		      float: left;
		    }
		  
		  .left_block .search .bottom{
		    height: 11px;
		  }
		  
		    .search .bottom .corner{
		      width: 11px;
		      height: 11px;
		      background: url(../img/global/menu/search_corner.png) bottom left no-repeat;
		      float: left;
		    }
		    
		    .search .bottom .content{
		      width: 209px;
		      height: 11px;
		      background: #443a2e;
		      float: left;
		    }
		/* end search */
		
		/* menu_over */
		.page .menu_over {
			position:absolute;
			overflow:hidden;
			z-index:1;
			top:0;
			bottom:0;
			right:210px;
			height:100%;
			width:0px;
			zoom: 1;
		}

			.page .menu_over .bkgd {
				position:absolute;
				z-index:1;
				left:0;
				top:0;
				width:230px;
				height:100%;
				display:block;
			}
			
			  .menu_over .bkgd .border{
			   float: left;
			   height: 100%;
			   width : 11px;
			  }
			  
			  body .page .menu_over .bkgd .top{
			    width: 11px;
			    height: 11px;
			    background: url(../img/global/menu/submenu_top.png) bottom left no-repeat;
			  }
			  
			  .menu_over .bkgd .middle{
			    height: 97%;
			    width: 11px;
			    background: #d5c8b5;
			  }
			  
			  .menu_over .bkgd .bottom{
			    width: 11px;
			    height: 30px;
			    background: url(../img/global/menu/submenu_bottom.png) bottom left no-repeat;
			    position:absolute;
			    left: 0;
			    bottom: 0;
			  }
			  
			  .menu_over .bg{
			    background: #d5c8b5;
			    height: 100%;
			    width: 219px;
			    float: left;
			  }

			.page .menu_over .content {
				position:absolute;
				overflow:hidden;
				top: 0;
				left: 11px;
				z-index:2;
				width:0px;
				height:100%;
				display: none;
				padding:20px 30px 20px 10px;
				background-color: #D5C8B5;
			}
			
				.page .menu_over .content .effect {
					width:180px;
					display:block;
				}
				.page .menu_over .content h3 {
					color:#fff;
					margin-bottom:15px;
				}

				/* sub_menu */
				.page .menu_over .content .sub_menu {
					margin-bottom:25px;
				}

					.page .menu_over .content .sub_menu ul .separator {
						height:1px;
						line-height:1px;
						font-size:1px;
						display:block;
						background:url(../img/global/separator_li_sub_menu.gif) no-repeat;
						margin:5px 0;
					}

						.page .menu_over .content .sub_menu ul li .book {
							margin:10px 0 0 0;
							height:32px;
						}

						.page .menu_over .content .sub_menu ul li a {
							font-size : 12px;
							display:block;
							text-decoration : none;
						}
						.page .menu_over .content .sub_menu ul li a:hover {
							text-decoration : underline;
						}

				/* end sub_menu */

				/* 100% auvergne */
				.page .menu_over .content .edito {
					font-family: Georgia;
					font-weight:bold;
					color:#000;
					font-style:italic;
					margin-bottom:15px;
				}
					.page .menu_over .content .edito a {
						display:block;
						font-weight:normal;
						font-family: Arial;
					}

					.page .menu_over .content .menu_100 {
						display: block;
						width: 177px;
						text-align:center;
						font-size: 14px;
					}
						.page .menu_over .content .menu_100 li {
							margin-top:10px;
							position:relative;
							margin-bottom:10px;
							height:50px;
							display:block;
							cursor:pointer;
						}
							.menu_over .menu_100 li a {
								display : block;
								width : 177px;
								height : 50px;
								position : relative;
							}
							.menu_over .menu_100 li a:hover {
								text-decoration : none;
							}

							.menu_over .menu_100 li img {
								display : block;
							}
							 .menu_over .menu_100 li span {
								position:absolute;
								left:0;
								bottom:0;
								text-align : left;
								z-index:2;
								width: 167px;
								line-height:12px;
								padding: 5px 5px 0px 5px;
								font-size: 12px;
								color:#fff;
								display:block;
								text-transform : uppercase;
								font-weight : bold;
							}
							.liens-rubrique  .menu_100 li a {
								color:#fff;
							}
							
				/* end 100% auvergne */

				.page .menu_over .content .sub_menu .picto {
					margin-bottom:10px;
				}

				.page .menu_over .content .sub_menu .picto a {
					background-repeat: no-repeat;
					background-position:0 -30px;
					display:block;
					width:200px;
					height:30px;
					line-height:30px;
					padding-left: 50px;
				}
				/* fin sub_menu */

				/* selection */
				.page .menu_over .content .selection {
					position:relative;
					margin-bottom:25px;
					width:170px;
					display:block;
				}
					.page .menu_over .content .selection .price {
						position:absolute;
						overflow:hidden;
						left:0px;
						top:0px;
						background:url(../img/global/price_bkgd_white.png) 0px 17px no-repeat transparent;
						width:42px;
						height:22px;
						display:block;
						color:#000;
						padding:20px 10px 20px 6px;
						font-size:0.8em;
					}
					.page .menu_over .content .selection a.element {
						color:#000;
					}
					.page .menu_over .content .selection a:hover {
						text-decoration:none;
					}
					.page .menu_over .content .selection .desc1 {
						display:block;
						font-size:1.1em;
						padding:2px 0;
					}
					.page .menu_over .content .selection .desc2 {
						display:block;
						color:#656058;
					}
				/* fin selection */

				.page .menu_over .content .form_calendar {
					margin-top:5px;
				}

		/* fin menu_over */

	/* fin left_block */

	/* page_content */
	.page .page_content {
		z-index:3;
		float:left;
		height:100% !important;
		width:534px !important;
		width:auto;
		display:block;
		position:relative;
		overflow-y:scroll;
		overflow-x:hidden;
		background-color:#d5c8b5;
	}

		.page .page_content .content {
			padding: 20px 0px 30px 30px;
			background:url(../img/global/page_content_bkgd.jpg) no-repeat #d5c8b5 0 0;
			min-height:500px;
			height:auto!important;
			height:500px;
		}

			.page .page_content .content h2 {
				font-size:2em;
				margin:10px 0;
				width:235px;
				font-weight:normal;
				text-transform:uppercase;
			}

			.page_content .content .sifr,
			.activity .sifr{
				font-size:1.4em;
				width:186px;
				display:block;
				text-transform : uppercase;
			}
			/* pictos */
			.activity a.picto:hover {
				background-position:0 -30px;
			}

			.activity1 {
				background-image:url(../img/global/picto_activity1.gif);
			}
			.activity2 {
				background-image:url(../img/global/picto_activity2.gif);
			}
			.activity3 {
				background-image:url(../img/global/picto_activity3.gif);
			}
			.activity4 {
				background-image:url(../img/global/picto_activity4.gif);
			}
			.activity5 {
				background-image:url(../img/global/picto_activity5.gif);
			}
			.activity6 {
				background-image:url(../img/global/picto_activity6.gif);
			}
			.activity7 {
				background-image:url(../img/global/picto_activity7.gif);
			}
			.activity8 {
				background-image:url(../img/global/picto_activity8.gif);
			}
			.activity9 {
				background-image:url(../img/global/picto_activity9.gif);
			}
			.activity10 {
				background-image:url(../img/global/picto_activity10.gif);
			}
			.activity11 {
				background-image:url(../img/global/picto_activity11.gif);
			}
			.activity12 {
				background-image:url(../img/global/picto_activity12.gif);
			}
			.activity13 {
				background-image:url(../img/global/picto_activity13.gif);
			}
			.activity14 {
				background-image:url(../img/global/picto_activity14.gif);
			}
			.activity15 {
				background-image:url(../img/global/picto_activity15.gif);
			}
			.activity16 {
				background-image:url(../img/global/picto_activity16.gif);
			}
			.activity17 {
				background-image:url(../img/global/picto_activity17.gif);
			}
			.activity18 {
				background-image:url(../img/global/picto_activity18.gif);
			}
			.activity19 {
				background-image:url(../img/global/picto_activity19.gif);
			}
			.activity20 {
				background-image:url(../img/global/picto_activity20.gif);
			}
			.activity21 {
				background-image:url(../img/global/picto_activity21.gif);
			}
			.activity22 {
				background-image:url(../img/global/picto_activity22.gif);
			}
			.activity23 {
				background-image:url(../img/global/picto_activity23.gif);
			}
			.activity24 {
				background-image:url(../img/global/picto_activity24.gif);
			}
			.activity25 {
				background-image:url(../img/global/picto_activity25.gif);
			}
			.activity26 {
				background-image:url(../img/global/picto_activity26.gif);
			}
			.activity27 {
				background-image:url(../img/global/picto_activity27.gif);
			}
			.activity28 {
				background-image:url(../img/global/picto_activity28.gif);
			}
			/* fin picto */


			small
			{
				display:block;
				font-size:11px;
				text-align:right;
			}
			.page_content .content .our_selection .sifr
			{
				width : 100%;
			}

			.page_content .content .sifr-info {
				font-size:1.1em;
			}
			/* topNavigation */
			.topNavigation{
				float:left;
				margin-left:30px;
			}

			/* breadcrumb */
			.page .page_content .content .breadcrumb {
				display:block;
				clear:both;
				width:240px;
				margin-top:5px;
			}
				.page .page_content .content .breadcrumb li {
					float:left;
				}
			/* end breadcrumb */

	/* fin page_content */

/* fin page */


/**
 * legend
 *
 */
.home_legend.legend {
	position:relative;
	top:0;
	left:10px;
	z-index:1;
	display:block;
	color:#fff;
	text-align:right;
	width : 274px;
}
	.home_legend.legend .legend_title {
		overflow : hidden;
		background-color : #443A2E;
		min-height : 30px !important;
		height : auto;
		padding-right : 4px;
		padding-left : 69px;
	}

/*	.legend .flash {
		height:25px;
		display:block;
		font-size : 0.9em;
		position : relative;
		z-index : 99;
		line-height: 1em;
	}*/
	.home_legend.legend .legend-bottom{
	    display : block;
	}
	.home_legend.legend .legendArrow{
		background-color : #443A2E;
		height : 5px;
		width : auto;
	}
		.home_legend.legend .legendArrow img{
			display : block;
			float : right;
			margin-right : 5px;
		}

	body .home_legend.legend .legend_content {
		z-index:2;
		height:0px;
		font-size:0.9em;
		line-height:10px;
		overflow : hidden;
		background-color : #443A2E;
		padding-right : 4px;
		width : auto;
	}
	.home_legend.legend .legend_content .slide li a
	{
		color : #fff;
	}
			.home_legend.legend .legend_content .slide li a
			{
				background-image:url(../img/global/legend/picto_legend.gif);
				background-position : -19px -19px;

			}
			.home_legend.legend .legend_content .slide li .legend1 {
/*				background-image:url(../img/global/legend/picto_legend1.gif);*/
				background-position : 250px 3px;
			}
			.home_legend.legend .legend_content .slide li .legend2 {
/*				background-image:url(../img/global/legend/picto_legend2.gif);*/
				background-position : 250px -14px;
			}
			.home_legend.legend .legend_content .slide li .legend4 {
/*				background-image:url(../img/global/legend/picto_legend4.gif);*/
				background-position : 250px -26px;
			}
			.home_legend.legend .legend_content .slide li .legend5 {
/*				background-image:url(../img/global/legend/picto_legend5.gif);*/
				background-position : 250px -45px;
			}
			.home_legend.legend .legend_content .slide li .legend6 {
/*				background-image:url(../img/global/legend/picto_legend6.gif);*/
				background-position : 250px -61px;
			}
			.home_legend.legend .legend_content .slide li .legend7 {
/*				background-image:url(../img/global/legend/picto_legend7.gif);*/
				background-position : 250px -77px;
			}
			.home_legend.legend .legend_content .slide li .legend9 {
/*				background-image:url(../img/global/legend/picto_legend9.gif);*/
				background-position : 250px -94px;
			}

#legendCarto
{
	width : 64px;
	height : 81px;
	position : absolute;
	left : 10px;
	top : 2px;
	z-index : 10;
	background-image:url(../img/global/legend/carto-legend.png);
}
	#legendCarto img
	{
		display : block;
		position : absolute;
		top : -70px;
		left : -70px;
	}

	#legendCarto .alt1 { left : 42px; top : 56px; }
	#legendCarto .alt2 { left : 51px; top : 54px; }
	#legendCarto .alt3 { left : 35px; top : 58px; }
	#legendCarto .alt4 { left : 10px; top : 60px; }
	#legendCarto .alt5 { left : 20px; top : 53px; }
	#legendCarto .alt6 { left : 10px; top : 55px; }
	#legendCarto .alt7 { left : 8px; top : 66px; }
	#legendCarto .alt8 { left : 25px; top : 59px; }
	#legendCarto .alt9 { left : 17px; top : 13px; }
	#legendCarto .alt10 { left : 33px; top : 10px; }
	#legendCarto .alt11 { left : 29px; top : 20px; }
	#legendCarto .alt12 { left : 28px; top : 43px; }
	#legendCarto .alt13 { left : 37px; top : 38px; }
	#legendCarto .alt14 { left : 19px; top : 30px; }
	#legendCarto .alt15 { left : 30px; top : 30px; }
	#legendCarto .alt16 { left : 19px; top : 41px; }
	#legendCarto .alt17 { left : 28px; top : 32px; }
	#legendCarto .alt18	{ left : 34px; top : 10px; }
	#legendCarto .alt19 { left : 34px; top : 21px; }
		/*
		Pays du Velay => 1
        Pays de la Jeune Loire et ses rivières => 2
        Gorges de l'Allier => 3
        Aurillac et son Pays => 4
        Massif cantalien => 5
        Grand Pays de Salers => 6
        Châtaigneraie cantalienne => 7
        Les Pays de Saint Flour => 8
        Pays de la Vallée de Montluçon et du Cher => 9
        Triangle des Bourbons => 10
        Val de Sioule Val d'Allier => 11
        Pays d'Issoire Val d'Allier => 12
        Livradois Forez => 13
        Combrailles => 14
        Riom Limagne => 15
        Sancy-Volcans => 16
        Clermont Volcans => 17
        Montagne Bourbonnaise => 18
        Bassin de Vichy => 19
	*/
body .legend .legend_content {
	width : 210px;
}

body .legend_container .legend .legend_content {
	width : auto;
}

.legend {
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	display:block;
	color:#fff;
	text-align:right;
	padding:0 10px;
	width : 210px;
}
	.legend .legend_title {
		overflow : hidden;
	}
	/*
		positionne en absolute en arriere plan pour gérer sa transparence
		sans toucher à la transparence des ecritures
	*/
	.legend .bkgd {
		position:absolute;
		left:0;
		top:0;
		background-image:url(../img/global/legend_bkgd_blue.png);
		background-repeat:no-repeat;
		width:227px;
		height:500px;
		display:block;
		z-index:1;
		/* opacity */
		filter : alpha(opacity=50);
		-moz-opacity : 0.5;
		opacity : 0.5;
	}
	.legend .flash {
		height:25px;
		display:block;
		font-size : 0.9em;
		position : relative;
		z-index : 99;
		line-height: 1em;
	}
	.legend .legend_top {
		position : relative;
		z-index : 5;
	}
	body .home_legend .legend_top {
	    overflow : hidden;
	}

	.legend .legend_content {
		z-index:2;
		height:0px;
		font-size:0.9em;
		line-height:10px;
		overflow : hidden;
	}
		.legend .legend_content .slide {
			position:relative;
			overflow : hidden;
		}
			.legend .legend_content .slide h3 {
				padding:6px 25px 3px 0;
			}
			.legend .legend_content .slide ul {
				display:block;
				font-size:1.1em;
			}
				.home_legend.legend .legend_content .slide li {
					display:block;
					height:20px;
				}
					.legend .legend_content .slide li a {
						color:#000;
						height:14px;
						line-height:14px;
						padding:3px 25px 3px 0;
						display:block;
						background-repeat:no-repeat;
						background-position:right;
					}

					.legend .legend_content .slide li .legend1 {
						background-image:url(../img/global/picto_legend1.gif);
					}
					.legend .legend_content .slide li .legend2 {
						background-image:url(../img/global/picto_legend2.gif);
					}
					.legend .legend_content .slide li .legend3 {
						background-image:url(../img/global/picto_legend3.gif);
					}
					.legend .legend_content .slide li .legend4 {
						background-image:url(../img/global/picto_legend4.gif);
					}
					.legend .legend_content .slide li .legend5 {
						background-image:url(../img/global/picto_legend5.gif);
					}
					.legend .legend_content .slide li .legend6 {
						background-image:url(../img/global/picto_legend6.gif);
					}
					.legend .legend_content .slide li .legend7 {
						background-image:url(../img/global/picto_legend7.gif);
					}
					.legend .legend_content .slide li .legend9 {
						background-image:url(../img/global/picto_legend9.gif);
					}
			.legend .legend_content .slide .flash_controler {
				float : right;
				height:19px;
				width:175px;
				display:block;
				border-bottom:1px solid #fff;
				padding-top: 5px;
				margin-bottom:15px;
			}
				.legend .legend_content .slide .flash_controler li {
					float:right;
					height:19px;
					display:block;
				}
					.legend .legend_content .slide .flash_controler li a {
						padding:0;
						height:11px;
						line-height:11px;
						margin-left:10px;
						/*display:none;*/
						position:relative;
						overflow:hidden;
					}
					.legend .legend_content .slide .flash_controler li a img {
						margin-top:-11px;
					}
					.legend .legend_content .slide .flash_controler li .active img,
					.legend .legend_content .slide .flash_controler li a:hover img {
						margin-top:0px;
					}
/* fin legend */

/**
 * slogan
 *
 */
.slogan {
	position:absolute;
	bottom:103px;
	left:5px;
	width:121px;
	height:116px;
}
	.slogan img { display : block; }

/**
 * declinaison thématique
 *
 * thématique par défaut : hiver/winter
 */
/* autumn */
.autumn a {
	color:#e73351;
}
.autumn .legend .bkgd {
	background-image:url(../img/global/legend_bkgd_red.png);
}
.autumn .activity a.more {
	background-image:url(../img/global/picto_activity_more_red.gif);
}
.autumn .activity a.less {
	background-image:url(../img/global/picto_activity_less_red.gif);
}
.autumn .media .auvergne_video span{
  background-image:url(../img/global/footer/btn_play_red.png);
}

/* spring */
.spring a {
	color:#71a600;
}
.spring .legend .bkgd {
	background-image:url(../img/global/legend_bkgd_green.png);
}
.spring .activity a.more {
	background-image:url(../img/global/picto_activity_more_green.gif);
}
.spring .activity a.less {
	background-image:url(../img/global/picto_activity_less_green.gif);
}
.spring .media .auvergne_video span{
  background-image:url(../img/global/footer/btn_play_green.png);
}

.summer .legend .bkgd {
	background-image:url(../img/global/legend_bkgd_orange.png);
}
.summer .activity a.more {
	background-image:url(../img/global/picto_activity_more_orange.gif);
}
.summer .activity a.less {
	background-image:url(../img/global/picto_activity_less_orange.gif);
}
.summer .media .auvergne_video span{
  background-image:url(../img/global/footer/btn_play_orange.png);
}
/* gmap smoothbox*/

/* page content col_wide */
				.canvas .canvas_content .content .page_content .col_wide {
					float:left;
					width:660px;
				}

				/* list */
				.canvas .canvas_content .content .page_content .list {
					list-style: none;
					width: 660px;
				}
					.canvas .canvas_content .content .page_content .list li {
						float: left;
						clear: none;
						margin: 0 31px 30px 0;
						width: 200px;
					}
					.canvas .canvas_content .content .page_content .list li a img {
						border: 4px solid #c3b6a5;
					}
					.canvas .canvas_content .content .page_content .list li a:hover img {
						border: 4px solid #7d7367;
					}
					.canvas .canvas_content .content .page_content .list li a span {
						font-family: Georgia, sans-serif;
						font-size: 1em;
						color: #7f7260;
					}
					.canvas .canvas_content .content .page_content .list li a span.highlight,
					.canvas .canvas_content .content .page_content .list li a span.highlight span {
						color: #aa9d8b;
						font-style: normal;
					}
					.canvas .canvas_content .content .page_content .list li a span.highlight {
						font-style: italic;
					}
					.canvas .canvas_content .content .page_content .list li a span.title {
						display: block;
						margin: 4px 0;
						font-family: Arial, sans-serif;
						font-size: 1.1em;
						text-transform: uppercase;
						color: #c90a3c;
					}
				/* end list */

				/* list two_cols */
					.canvas .canvas_content .content .page_content .list.two_cols li {
						float: left;
						clear: none;
						margin: 0 0px 30px 0;
						width: 316px;
					}
					.canvas .canvas_content .content .page_content .list.two_cols li.li_left {
						margin-right: 28px;
					}
				/* end list two_cols */

				/* list full_width */
					.canvas .canvas_content .content .page_content .list.full_width li {
						float: left;
						clear: none;
						margin: 0 0 30px 0;
						width: 660px;
					}
					.canvas .canvas_content .content .page_content .list.full_width li img {
						float:left;
						clear: none;
						margin: 0 20px 0 0;
					}
					.canvas .canvas_content .content .page_content .list li a span.title {
						display: block;
						margin: 0 0 4px 0;
						font-family: Arial, sans-serif;
						font-size: 1em;
						font-weight: bold;
						text-transform: uppercase;
						color: #4b463e;
					}
				/* end list full_width */


.info_erreur{
	text-align:center;
	font-size:1.5em;
	font-weight:normal;
}

.curseur{
	cursor:pointer;
}

#copyPermalien
{
	float : left;
	height : 18px;
	width : 50px;
	position : relative;
}

span.white_grey{
	color:#e2d9ca;
	font-size:12px;
}

a.add_fav_gmap_link
{
	display : block;
	position : absolute;
	height : 11px;
	overflow : hidden;
	right:20px;
	top:4px;
}
	a.add_fav_gmap_link:hover
	{
		cursor : pointer;
	}
	a.add_fav_gmap_link img
	{
		display : inline;
	}

.onglet .cart_gmap_notify
{
	position : absolute;
	right : 0;
	top : -10px;
	display : none;
}


/* ie6-incompat  */
.ie6-incomp
{
	position : absolute;
	width : 100%;
	height : 100%;
	background-color : #443a2e;
	top : 0;
	left : 0;
	z-index : 99;
}
	.ie6-incomp .middle
	{
		width : 1024px;
		height : 570px;
		margin :auto;
		background : url(../img/global/IE6/navigateur-incompatible/font.jpg) no-repeat #443a2e;
	}

	.ie6-incomp .list
	{
		position : relative;
		left : 484px;
		top : 368px;
		width : 400px;
	}

	.ie6-incomp .list .media-obj
	{
		float : left;
		width : 123px;
		margin-right : 10px;
		font-weight : bold;
	}

	.ie6-incomp .list p
	{
		margin-top : 55px;
	}
		.ie6-incomp .list p a
		{
			padding-right : 15px;
			font-size : 13px;
			background : url(../img/global/IE6/navigateur-incompatible/right-arrow.gif) right no-repeat transparent;
		}
	
	.media-obj img, .media-obj span
	{
		display : block;
		margin : auto;
		text-align : center;
	}
	.media-obj a
	{
		color : #00b7cd;
		padding-right : 12px;
		margin-left : 9px;
		background : url(../img/global/IE6/navigateur-incompatible/down-arrow.gif) right no-repeat transparent;
	}
	.media-obj span
	{
		color : white;
	}


/* CUFON config */
.sifr.red, .sifr.orange, .sifr.green, .sifr.blue
{
	font-weight : normal;
}
	.sifr.red
	{
		color:#e73351;
	}
	.sifr.green
	{
		color:#71a600;
	}

	.sifr.orange
	{
		color:#e97d00;
	}

	.sifr.blue
	{
		color:#0290A1;
	}


.sunposition
{
	position : absolute;
	z-index : 2;
	bottom : 70px;
}


/* begin footer */
.footer
{
	background : url(../img/global/footer/bkgd.png) repeat;
	height : 63px;
	width : 100%;
	position : absolute;
	left : 0px;
	bottom : 0px;
	z-index : 0;
	font-size : 1em;
}
	.footer .tools
	{
		margin : 0 8px;
		height : 100%;
		width : 108px;
	}
		.footer .tools.lang
		{
			width : 25px;
		}

		.footer .tools a
		{
			background : url(../img/global/footer/tools.png) no-repeat transparent;
			display : block;
			width : 20px;
			height : 20px;
			margin : 7px 0 0 7px;
		}
			.footer .tools a.community
			{
				background-position : 0 0;
			}
			.footer .tools a.docs
			{
				background-position : -20px 0;
			}
			.footer .tools a.contact
			{
				background-position : -40px 0;
			}
			.footer .tools a.website
			{
				background-position : -60px 0;
			}
			.footer .tools a.facebook
			{
				clear : left;
				background-position : -80px 0;
			}
			.footer .tools a.twitter
			{
				background-position : -100px 0;
			}

			.footer .tools a.language
			{
				width : 24px;
				background-position : -120px 0;
				margin-left : 0px;
			}
.footer .separator
{
	display : block;
	width : 1px;
	height : 20px;
	border-left : 1px solid white;
	/* opacity */
	filter : alpha(opacity=20);
	-moz-opacity : 0.2;
	opacity : 0.2;
	margin: 7px 0;
}

.footer .media
{
	background : url(../img/global/footer/border-block.png) no-repeat transparent;
	max-width : 241px;
	padding : 0px 8px;
	margin : 4px 0;
	color : white;
	height : 55px;
}
	.footer .media > a
	{
		margin-right: 10px;
	}
	
	.footer .large{
	  width: 240px;
	}
	
	.footer .media a
	{
		color : white;
	}
	
	.footer .media a.auvergne_video{
	  margin: 0;
	  position: relative;
	}
	  .media .auvergne_video img{
	    display: block;
	  }
	  .media .auvergne_video span{
	    cursor: pointer;
	    display: block;
	    height: 27px;
	    width: 27px;
	    background: url(../img/global/footer/btn_play_blue.png) top left no-repeat;
	    position :absolute;
	    top: 27px;
	    *top: 16px;
	    left: 103px;
	  }

	.footer .media h3
	{
		text-transform : uppercase;
		margin-bottom : 3px;
		font-size : 1em;
	}
		.media .detail
		{
			display : block;
		}
	.footer .media .quote
	{
		background:url(../img/global/footer/quote.png) no-repeat;
		display : block;
		width : 14px;
		height : 11px;
		margin : 0;
		padding : 0;
	}
		.footer .media .tem p
		{
			width : 174px;
			text-indent : 17px;
			position : relative;
		}

		.footer .media .quote.left
		{
			position : absolute;
			left : 0;
			top : 0;
		}

		.footer .media .quote.right
		{
			position : absolute;
			right : 0;
			bottom : 0;
			background-position : -14px 0;
		}
		
		/* tools */
		.footer .tools-hover {
			position:absolute;
			left:0;
			bottom:38px;
			width:220px;
			z-index:10;
			color:#fff;
		}

			/* element */
			.footer .tools-hover .element {
				position:absolute;
				overflow:hidden;
				bottom:21px;
				left:0;
				height:0px;
				width:220px;
				display:block;
			}
				.footer .tools-hover .element .corner_top {
					background:url(../img/global/footer/tools_corner_top.png) no-repeat;
					width:220px;
					height:10px;
					line-height:10px;
					font-size:0px;
					display:block;
				}
				.footer .tools-hover .element .content {
					background:#443A2E;
					width:207px;
					display:block;
					padding: 0 0 5px 13px;
					font-weight : bold;
				}
					.footer .tools-hover .element .content .line {
						width:198px;
						height:9px;
						display:block;
						margin:10px 0 0 0;
						padding : 0;
						background-repeat:no-repeat;
						background-position:center;
					}
				/* global */
				.footer .tools-hover li
				{
					background-repeat:no-repeat;
					background-position:top left;
					display:block;
					color:#fff;
					line-height:20px;
					font-size : 1.2em;
				}
					.footer .tools-hover li a{
						display : list-item;
						margin-left : 10px;
						padding-left : 5px;
						color :#fff;
						font-weight:normal;
						line-height : 12px;
						font-size : 10px;
						font-weight : normal;
					}
        .footer .element .bottom{
          width: 220px;
          height: 7px;
          background: url(../img/global/footer/tools_bottom.gif) no-repeat;
        }
          .footer .perso .bottom{
            background-position: 19px 0;
          }
          .footer .docs .bottom{
            background-position: 44px 0;
          }
          .footer .contact .bottom{
            background-position: 71px 0;
          }
          .footer .website .bottom{
            background-position: 98px 0;
          }
          .footer .language .bottom{
            background-position: 139px 0;
          }
				/* needed - don't know why but FF thinks height is 179px, not 151 */
				.footer .tools-hover .element.perso  .content { height : 151px; }
				
				.footer .tools-hover .content {
					padding-top : 5px;
					color : #fff;
				}
					
							.footer .tools-hover .content .contact {
								background-image:url(../img/global/picto_tools_docs3.gif);
								padding-left: 30px;
							}
							.footer .tools-hover .content .documentation {
								background-image:url(../img/global/picto_tools_docs1.gif);
								padding-left: 30px;
							}
							.footer .tools-hover .content .sites_partenaires {
								background-image:url(../img/global/picto_tools_docs5.gif);
								padding-left: 30px;
							}
							.footer .tools-hover .content .panier {
								background-image:url(../img/global/picto_tools_perso1.gif);
								padding-left: 30px;
							}
							.footer .tools-hover .content .carnet {
								background-image:url(../img/global/picto_tools_perso2.gif);
								padding-left: 30px;
							}
							.footer .tools-hover .content .profil {
								background-image:url(../img/global/picto_tools_perso3.gif);
								padding-left: 30px;
							}
							.footer .tools-hover .content .temoignage {
								background-image:url(../img/global/picto_tools_tem.png);
								padding-left: 30px;
							}

				.footer .tools-hover .credits {
					padding-top: 20px;
					color: #fff;
					font-size : 10px;
					font-weight:normal;
				}
				.footer .tools-hover .credits a{
					color: #FFFFFF;
					display: inline;
					font-size: 10px;
					line-height: 10px;
					margin : 0;
					padding-left: 0;
				}

				/* language */
				.footer .tools-hover .language .content {
					padding-top:5px;
				}
					.footer .tools-hover .language .content .line {
						background-image:url(../img/global/footer/line.gif);
					}
					.footer .tools-hover .language .content ul {
						height:16px;
						width:198px;
						display:block;
					}
						.footer .tools-hover .language .content li {
							float:left;
						}
						.footer .tools-hover .language li a {
							position:relative;
							overflow:hidden;
							width:24px;
							height:16px;
							font-size:0px;
							line-height:0px;
							display:block;
							margin : 0px 5px 0px 0px;
							padding : 0px;
						}
						.footer .tools-hover .language .content li a img {
							margin-top:0;
						}
						.footer .tools-hover .language .content li a:hover img,
						.footer .tools-hover .language .content li .active img {
							margin-top:-16px;
						}
				/* fin language */
			/* fin element */
		/* fin tools */
/* end footer*/
.content .our_selection h3{
	padding-bottom: 5px;
}

.resa_button{
  float: left;
  margin: 5px 0 5px 10px;
}