@charset "utf-8";

@font-face {
    font-family: 'TVNordCondEFRegular';
    src: url('../fonts/TVNordCondEFRegular/tnrgc__-webfont.eot');
    src: local('☺'), url('../fonts/TVNordCondEFRegular/tnrgc__-webfont.woff') format('woff'), url('../fonts/TVNordCondEFRegular/tnrgc__-webfont.ttf') format('truetype'), url('../fonts/TVNordCondEFRegular/tnrgc__-webfont.svg#webfontR5WToBaq') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{
	margin:0;
	padding:0;
	background-color:#fff;
	font-family:Arial, sans-serif;
	font-size:10px;
	color:#000;
    background-repeat:repeat;
}

a img{
	border:0;
}

form{
	margin:0;
	padding:0;
}

.clear{
	clear:both;
	height:0;
}

.visible{
	display:block;
}

.invisible{
	display:none;
}

.dark-site-name, .dark-site-name * {
   color: #000 !important;
}

/* ======================================== STRUCTURE DE LA PAGE */

    #body {
        background-image:url(/img/fond.gif);
        padding-top: 25px;
    }

    #page {
        width:940px;
        margin: auto;
        padding:0 10px;
        background-image:url(/img/ombre.png);
        background-repeat:repeat-y;
        cursor:default;
    }

    #page-footer {
        background: transparent url(/img/ombre-bas.png) no-repeat bottom center;
	    height: 20px;
    }

/* ======================================== SUPRABAR */

	#suprabar {
        background-color: #2e2e2e;
        position: fixed;
        width: 100%;
        z-index: 999;
	}

	#suprabar-container {
	    width: 940px;
	    margin:auto;
	    height: 25px;
	    line-height: 25px;
	    font-size: 110%;
	}

	/* univers */

	#suprabar ul#nav-univers {
	    margin:0;
	    padding: 0;
	    width: 750px;
	    list-style-type: none;
	}

	#suprabar ul#nav-univers li {
	    float: left;
	    padding: 0 5px;
	    background: transparent url('../img/filet-suprabar.jpg') no-repeat right center;
	}

	#suprabar ul#nav-univers li:hover, #suprabar ul#nav-univers li.last, #suprabar ul#nav-univers li.active {
	    background-image: none;
	}

	#suprabar ul#nav-univers li a {
	    text-decoration: none;
	    color: #d5d5d5;
	}

	#suprabar ul#nav-univers li:hover a {
	    color: #fff;
	}

	#suprabar ul#nav-univers li.active a {
	    font-weight: bold;
	    color: #fff;
	}

	/* newsletter */

	#suprabar #newsletter {
	    width: 170px;
	    float: right;
	    height: 20px;
	    margin: 5px 15px 0 0;
	    position: relative;
	    background: transparent url('../img/fond-newsletter.gif') no-repeat 3px 3px;
	}

	#suprabar #newsletter #newsletter-input {
	    font-size: 100%;
	    display:block;
	    width:107px;
	    height:15px;
	    padding:1px 3px 0 5px;
	    border:0;
	    color:#aeaead;
	    background: transparent url('../img/fond-champ-recherche.gif') no-repeat 0 0;
	    position: absolute;
	    right:32px;
	}

	#suprabar #newsletter #newsletter-submit {
	    background: transparent url('../img/btn-valider-newsletter-off.gif') no-repeat 0 0;
	    width: 22px;
	    height: 16px;
	    margin: 0;
	    padding: 0;
	    border: none;
	    position: absolute;
	    right:0;
	}

	#suprabar #newsletter #newsletter-submit:hover {
	    background-image: url('../img/btn-valider-newsletter-on.gif');
	}

/* ======================================== ENTETE */

	#entete {
	    background-color:#e8e8e8;
	    padding: 18px 14px 8px 18px;
	}

	#entete-container {
	   /*height: 86px;*/
	   background-position: top right;
	   background-repeat: no-repeat;
	}

	/* logo */

	#entete-logo {
	    margin-right: 8px;
	}

	/* titres */

	#entete-titles {
	   font-family: 'TVNordCondEFRegular', Arial, sans-serif;
	}

	#entete-titles h1 {
	   font-size: 30px;
	   margin: 10px 0 0;
	}

    #entete-titles p {
       font-size: 20px;
       margin: 0;
    }

	#entete-logo, #entete-titles {
        float:left;
    }

    /* facebook */

    #entete-fb {
        float: right;
        height: 36px;
        width: 235px;
        background: transparent url("../img/fond-fb-landing.png") no-repeat top right;
        text-align: right;
        position: relative;
    }

    #entete-fb h2 {
        position: absolute;
        right: 0;
        bottom: 0;
        margin: 0;
        padding: 0;
        font-family: 'TVNordCondEFRegular', Arial, sans-serif;
        font-size: 14px;
        font-weight: normal;
    }

    #entete-fb h2 a {
        text-decoration: none;
    }

    #entete-fb h2 span {
        position: absolute;
        right: 112px;
        bottom: 0;
        display: block;
        width: 95px;
        background-color: #3b5997;
        color: #fff;
        padding-top: 3px;
        padding-right: 5px;
    }

    #entete-fb h2 img {
        position: absolute;
        right: 0;
        bottom: 0;
    }

	/* langues */

    #entete ul#entete-languages {
        clear: both;
        margin:0;
        padding: 0;
        list-style-type: none;
        text-align:right;
    }

    #entete ul#entete-languages li {
        display: inline;
        margin: 0 8px;
    }

    #entete ul#entete-languages li.last {
        margin-right: 0;
    }

/* ======================================== MENU */

    #menu {
        font-size:110%;
        height:35px;
        line-height:35px;
        padding-bottom: 1px;
    }

    #menu #nav-menu {
        margin:0;
        padding:0;
        list-style-type: none;
    }

    #menu #nav-menu li {
        float: left;
        padding: 0 1px 0 0;
        background: transparent url('../img/fond-menu.png') no-repeat 100% 50%;
    }

    #menu #nav-menu li.last {
        padding :0;
        background-image: none;
    }

    #menu #nav-menu li a {
        display: block;
        padding: 0 5px;
        text-decoration: none;
        font-weight: bold;
        color: #fff;
    }

    #menu #nav-menu li.active a {
        background-color: #fff;
    }

/* ======================================== METEO */

    #meteo {
        background-color:#000;
        font-size:110%;
        padding: 6px 10px 6px 20px;
        color: #fff;
        height:21px;
        line-height:21px;
    }

    #meteo #meteo-date, #meteo #meteo-bandeau {
        float: left;
    }

    #meteo #meteo-bandeau {
        margin-left: 10px;
        border-left: 1px solid #333;
        padding-left: 10px;
    }

    #meteo #meteo-webcams {
        float: right;
        padding-left: 23px;
        background: transparent url('../img/picto-webcam.jpg') no-repeat 0px 3px;
    }

    #meteo a {
       color: #fffc00;
    }

    #meteo a:hover {
       color: #fff;
    }

    #meteo #meteo-bandeau a {
        padding-left: 20px;
    }

    #meteo #meteo-bandeau img {
        vertical-align: middle;
    }

    #meteo #meteo-temps img {
       width: 27px;
       height: 22px;
    }

    #meteo #meteo-neige img {
       width: 22px;
       height: 14px;
    }

/* ======================================== RECHERCHE - TOP */

    #search-top {
       height:30px;
       line-height: 30px;
       padding:3px 10px;
       background-color:#2e2e2e;
       font-size: 110%;
    }

    /* recherche */

    #search-top #search {
       border-right:1px solid #585858;
       padding: 0 20px 0 0;
       float: left;
    }

    #search-top #search label {
        font-weight: bold;
        color: #fff;
        text-transform: uppercase;
    }

    #search-top #search #search-input {
        font-size: 100%;
        width:107px;
        height:15px;
        padding:1px 3px 0 5px;
        border:0;
        color:#aeaead;
        background: transparent url('../img/fond-champ-recherche.gif') no-repeat 0 0;
        margin: 0 5px 0 10px;
    }

    #search-top #search #search-submit {
        background: transparent none no-repeat 0 0;
        width: 45px;
        height: 16px;
        margin: 0;
        padding: 0;
        border: none;
    }

    /* lien haut de page */

    #search-top #top-link {
       border-left:1px solid #585858;
       padding: 0 0 0 10px;
       float: right;
       height: 30px;
       width: 45px;
    }

    #search-top #top-link a {
        display: block;
        width: 40px;
        padding-left: 5px;
        height: 16px;
        line-height: 16px;
        background-color: #fff;
        margin: 7px auto;
        text-decoration: none;
        font-size: 15px;
        font-family: TVNordCondEFRegular;
        position: relative;
    }

    #search-top #top-link a img {
        position: absolute;
        top: 6px;
        right: 6px;
        width: 7px;
        height: 4px;
    }

    #search-top #top-link a:hover {
        color: #fff;
    }
/* ======================================== PLAN DE SITE */

	#sitemap {
		font-size: 110%;
		padding: 5px 0 25px 0;
		background-color: #fff;
		color: #4F4F4F;
	}

	#sitemap #nav-sitemap,
    #sitemap #nav-sitemap li ul {
		margin: 0;
		padding: 0;
        list-style-type:none;
	}

	#sitemap #nav-sitemap li {
	    float:left;
	    width:167px;
	    height: 150px;
	    padding: 10px 10px 0 10px;
	    border-right:1px solid #e5e5e5;
	    margin-top: 10px;
	}

	body.landing-page #sitemap #nav-sitemap li {
        height: 160px;
	}

	#sitemap #nav-sitemap li.sitemap-col-jaune {
	   background-color: #FFFC00;
	}

    #sitemap.simple #nav-sitemap li {
        width: auto;
        height: auto;
        border: none;
    }

    #sitemap #nav-sitemap li ul li,
    body.landing-page #sitemap #nav-sitemap li ul li {
        float: none;
        width: auto;
        height: auto;
        padding: 0;
        border: none;
        margin:0;
    }

    #sitemap #nav-sitemap li.line-last {
        width:168px;
        border: none;
    }

    #sitemap.simple #nav-sitemap li.line-last {
        width: auto;
    }

	#sitemap #nav-sitemap li h3 {
		font-weight: bold;
		margin: 0 0 10px 0;
		font-size: 11px;

	}

	#sitemap #nav-sitemap li a {
	   text-decoration: none;
	   color: #4f4f4f;
	}

    #sitemap #nav-sitemap li a:hover {
       text-decoration: underline;
       color: #000;
    }

    #sitemap #nav-sitemap li.sitemap-more {
        margin-top: 10px;
    }

    #sitemap #nav-sitemap li.sitemap-more a {
       text-decoration: underline;
    }

/* ======================================== DESCRIPTION */

    #description_text {
        font-size: 110%;
        padding: 0 10px 25px 10px;
        background-color: #fff;
        color: #4f4f4f;
    }

/* ======================================== FOOTER */

	#footer {
	    background-color: #e5e5e5;
	    padding: 12px 0 0 12px;
	    font-size: 110%;
	}

	#footer-logo {
	    float:left;
	}

	#footer-links {
	   float: left;
	   margin: 35px 0 0 10px;
	}

	#footer-links a {
	   text-decoration: none;
	   color: #4f4f4f;
	   font-weight: bold;
	}

	#footer-links a:hover {
	   color: #000;
	}

/* ======================================== LANDING PAGE */

    /* univers */

    #liste-univers {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    #liste-univers li {
       border : 3px solid #e8e8e8;
       width: 450px;
       height: 250px;
       float:left;
       margin: 0 2px 10px 2px;;
       font-family: 'TVNordCondEFRegular', Arial, sans-serif;
       cursor: pointer;
       position: relative;
    }

    #liste-univers li.even {
       margin-left: 0;
       margin-right: 4px;
    }

    #liste-univers li.odd {
       margin-left: 4px;
       margin-right: 0;
    }

    #liste-univers li div {
        position: absolute;
        bottom: 0;
        left: 0;
    }

    #liste-univers li h2 {
        font-size: 28px;
        margin: 0;
        padding: 0;
    }

    #liste-univers li h2 a {
        color: #fff;
        text-decoration: none;
        padding: 3px 3px 0 3px;
    }

    #liste-univers li span {
        color: #fff;
        font-size: 20px;
        padding: 0 3px;
    }

    /* pages statiques */

    #liste-univers-pages-statiques {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    #liste-univers-pages-statiques li {
       border : 3px solid #e8e8e8;
       width: 294px;
       height: 51px;
       float:left;
       margin: 10px 3px 0 3px;
       font-family: 'TVNordCondEFRegular', Arial, sans-serif;
       cursor: pointer;
       position: relative;
       background-color: #e8e8e8;
    }

    #liste-univers-pages-statiques li.line-first, #liste-univers-pages-statiques li.line-last {
       margin-left: 0;
       margin-right: 0;
    }

    #liste-univers-pages-statiques li.line-middle {
       margin-left: 10px;
       margin-right: 10px;
    }

    #liste-univers-pages-statiques li a {
        font-size: 28px;
        color: #fff;
        text-decoration: none;
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 0 3px;
    }

/* ======================================== HOME */

    /* bandeau */

	#homeMea{
		width:940px;
		padding:10px 0 10px 0;
		background-color:#2e2e2e;
	}

	#homeZoneFlash{
		float:left;
		width:690px;
		padding:0 20px 0 10px;
	}

	#homeAltFlash {
	    width:690px;
		margin:0;
		padding:0;
		font-size:300%;
		font-weight:normal;
		color:#fff;
	}

	#homeAltFlash h1.titreSuperpose2 {
		margin:0;
		padding:0 0 10px 0;
		font-size:200%;
		font-weight:normal;
		color:#fff;
	}

	#homeAltFlash h1.titreSuperpose2 span {
		padding:0 1px 4px 1px;
	}

	#homeZoneWebcams{
		float:left;
		width:210px;
		padding:0 0 0 0;
		background-image:url(/img/fond-webcam.gif);
		background-repeat:no-repeat;
		background-position:0 0;
	}

	#homeZoneWebcams h2{
		margin:10px 0 0 0;
		text-align:right;
		font-size:180%;
		font-weight:bold;
        padding:0 0 6px 0;
	}

    #homeZoneWebcams h2 a{
        text-decoration: none;
    }

    #homeZoneWebcams h2 span{
		padding:0 1px 6px 1px;
        background-color: #fff;
    }

	#webcamsVisuel{
		margin:7px auto 2px auto;
		border: 2px solid transparent;
	}

	#webcamsVisuel a {
		display: block;
        position:relative;
        margin: auto;
	}

    #webcamsVisuel, #webcamsVisuel a, #webcamsVisuel a img {
       width: 206px;
    }

	#webcamsVisuel a span.date, #webcamsVisuel a span.heure {
	   position:absolute;
	   right:0;
	   top:0;
	   color:#ffff00;
	   background-color:#2e2e2e;
	}

	#webcamsVisuel a span.heure {
	   top:10px;
	}

	#homeZoneWebcams p{
		margin:0 0 10px 0;
		text-align:right;
		font-size:120%;
		color:#fff;
	}

	.homepage #homeZoneWebcams p {
	    margin: 0;
	}

	#homeZoneWebcams p.texteInscriptionNewsletter{
		margin:18px 0 10px 0;
		text-align:right;
		font-size:120%;
		color:#fff;
	}

	.webcamLien{
		text-align:right;
		font-size:110%;
		font-weight:bold;
		margin-top: 4px;
	}

	.webcamLien a{
		text-decoration:none;
	}

	.webcamLien a:hover {
		text-decoration:underline;
	}

	/* contenu */

	#homeContenus{
		width:930px;
		padding:10px 0 10px 10px;
		background-color:#fff;
	}

	.landing-page #homeContenus {
	    width:920px;
		padding:10px;
	}

	/* what's hot */

	#homeWhatsHot{
		float:left;
		width:530px;
		margin:0 20px 0 0;
		padding:10px 0 0 0;
		background-image:url(/img/fond-whats-hot.gif);
		background-repeat:repeat-x;
	}

	#homeWhatsHot h2{
		margin:0;
		font-size:240%;
		font-weight:bold;
		color:#fff;
	}

	#homeWhatsHot h2 span{
		padding:0 1px 2px 1px;
	}

	#whatsHotItems{
		margin:10px 0 0 0;
		padding:0;
		list-style-type:none;
	}

	#whatsHotItems li {
		float: left;
		width: 260px;
		height: 265px;
		margin: 0 2px 10px 2px;
		background-color: #f2f2f2;
		border-bottom: 1px dotted #D9D9D9;
		cursor: pointer;
	}

	#whatsHotItems li.even {
		margin: 0 0 10px 0;
	}

	#whatsHotItems li.odd {
	    margin: 0 0 10px 10px;
	}

    #whatsHotItems li div.media {
        height: 146px;
        width: 260px;
        text-align: center;
        background: transparent none no-repeat center center;
    }

	#whatsHotItems li div.textes {
		padding: 0 4px;
	}

	#whatsHotItems li h3 {
		font-size: 18px;
		margin: 0;
		font-weight: normal;
	}

	#whatsHotItems li p {
		font-size: 120%;
	    margin: 3px 0 5px 0;
	    color: #777777;
	}

	#whatsHotItems li a {
		font-size: 110%;
		font-weight: bold;;
	}

	#whatsHotItems li.hover h3, #whatsHotItems li.hover p, #whatsHotItems li.hover a {
		color: #fff;
	}

    /* résa et offres */

	#homeResa{
		float:right;
		width:380px;
        padding:10px 0 0 0;
        background-color:#fffc00;
        background-image:url(/img/fond-bloc-hebergement.gif);
        background-repeat:no-repeat;
	}

	#homeTignesReservation h2{
		margin:0 0 8px 10px;
		font-size:240%;
		font-weight:bold;
		color:#000;
	}

	#homeTignesReservation h2 span{
		padding:0 1px 3px 1px;
		background-color:#fff;
	}

	#homeTignesReservation h3{
		margin:0 0 5px 12px;
		font-size:160%;
		font-weight:bold;
		color:#000;
	}

	#blocTignesReservation {
	   border-left: 10px solid #dad70e;
	   padding-left: 10px;
	   color: #777777;
	   font-size: 120%;
	}

    .proprios #blocTignesReservation {
        margin: 20px 0 25px 0;
    }

	#blocTignesReservation p {
		margin: 0 0 5px 0;
        width: 95%;
	}

	.proprios #blocTignesReservation p {
		margin: 0 0 20px 0;
	}

	#liensGaucheTignesReservation {
		float: left;
		width: 150px;
		margin-top: 5px;
	}

	#liensDroiteTignesReservation {
		float: right;
		width: 200px;
		list-style-type: none;
		padding: 0;
		margin: 0;
	}

	#liensTignesReservation a {
		color: #000;
		font-size: 11px;
		font-weight: bold;
		text-decoration: none;
	}

	#liensTignesReservation a:hover {
	   text-decoration: underline;
    }

	#liensDroiteTignesReservation li {
		margin-top: 5px;
	}

	#homeOffres{
		margin: 0;
		padding: 0;
		list-style-type: none;
	}

	#homeOffres li {
		background: transparent url('../img/fond-offres.jpg') repeat-x 0 0;
		padding-left: 10px;
		margin-top: 10px;
		height: 108px;
		cursor: pointer;
	}

	#homeOffres li img {
		width: 174px;
		height: 98px;
		float:left;
	}

	#homeOffres li h3, #homeOffres li p {
		margin: 0;
		padding: 0;
		float:left;
	}

	#homeOffres li h3 {
		font-size: 18px;
		padding-bottom: 3px;
		width: 186px;
	}

	#homeOffres li h3 span {
		background-color: #fff;
	    padding: 0 2px 3px 2px;
	}

	#homeOffres li p {
	    font-size: 150%;
	    color: #fff;
	    font-weight: bold;
	}

	#homeOffres li p span {
		background-color: #000;
	    padding: 0 2px 1px 2px;
	}

	/* hall of fame */

	#homeHoF {
	   width: 380px;
	   float: right;
       background: transparent url("/img/fond-hof.gif") no-repeat top left;
	}

	#homeHoF h2 {
        font-size: 240%;
        font-weight: bold;
        color: #fff;
        margin: 10px 0 3px 0;
	}

    #homeHoF h2 span {
        padding: 0 2px 3px;
    }

    #hof-athletes {
        background-color: #2e2e2e;
    }


/* ------------------- fin refonte par Aurélien ------------------- */



/* ======================================== SKI A TIGNES */
#homeSommaire{
	float:left;
	width:450px;
	margin:0 20px 0 0;
	padding:5px 0 0 0;
}

.sommaireFond1 {
	padding:0;
	width:450px;
	background-color:#f2f2f2;
	border-bottom:1px dotted #d9d9d9;
	background-image:url(/img/fond-blocb-ski.gif);
	background-repeat:no-repeat;
	background-position:right 0;
}

.sommaireFond2 {
	padding:0;
	width:450px;
	background-color:#fff;
	border-bottom:1px dotted #d9d9d9;
	background-image:url(/img/fond-bloc-ski.gif);
	background-repeat:no-repeat;
	background-position:right 0;
}

.sommaireFond1.hover, .sommaireFond2.hover {
    background-image:url("/img/fond-bloc-droite-repeat.png");
    background-repeat:repeat-x;
}
/* ======================================== SKI A TIGNES */


/* ======================================== FREERIDE */
#chemin{
	margin:0 0 8px 0;
	font-size:140%;
	color:#4f4f4c;
}

#chemin a{
	text-decoration:none;
	color:#4f4f4c;
}

#chemin a:hover{
	text-decoration:underline;
}

#chemin span{
	color:#a8a8a2;
}

#homeInterneGauche{
	float:left;
	width:450px;
	margin:0 20px 0 0;
	background-image:url(/img/fond-interne-gauche.gif);
	background-repeat:no-repeat;
}

#homeInterneMea1{
	padding:10px 0 12px 0;
	border-bottom:1px dotted #d9d9d9;
}

#homeInterneMea2{
	padding:10px 0 0 0;
	background-color:#f2f2f2;
}

#homeInterneMea1 h2, #homeInterneMea2 h2{
	margin:0 0 10px 0;
	font-size:240%;
	font-weight:bold;
	color:#fff;
}

#homeInterneMea1 h2 span, #homeInterneMea2 h2 span{
	padding:0 1px 0 1px;
}

#homeInterneMea1 p{
	margin:0 0 10px 0;
	font-size:120%;
	color:#414141;
}

.homeInterneBlocAccordeon{
	padding:8px 10px 1px 10px;
	cursor:pointer;
	border-bottom:1px dotted #dcdcdb;
}

.homeInterneBlocAccordeon h3{
	margin:0 0 3px 0;
	font-size:170%;
	font-weight:normal;
}

.homeInterneBlocAccordeon p{
	margin:0 0 10px 0;
	font-size:120%;
	color:#707070;
}

.homeInterneBlocAccordeon p.lienAccordeon{
	font-size:110%;
	font-weight:bold;
}

.homeInterneBlocAccordeon p.lienAccordeon span{
	text-decoration:underline;
}

.accordeonGauche{
	vertical-align:top;
	width:120px;
	padding:0 10px 9px 0;
}

.accordeonDroite{
	vertical-align:top;
	width:246px;
}

.homeInterneBlocAccordeon p.accordeonInfo{
	margin:0 0 5px 0;
	font-size:110%;
	color:#454545;
}

.homeInterneBlocAccordeon p.accordeonInfo a{
	text-decoration:none;
}

.homeInterneBlocAccordeon p.accordeonInfo a span{
	text-decoration:underline;
}

#homeInterneDroite{
	float:left;
	width:460px;
	margin:0;
}

.blocDroiteFond1, .blocDroiteFond2{
	width:460px;
	margin:0 0 10px 0;
	background-repeat:no-repeat;
}

.blocDroiteFond2{
	background-color:#fffc00;
	background-image:url(/img/fond-bloc-jaune-droite.gif);
}

.blocDroiteFond1, .blocDroiteFond2.hover{
    background-image:url(/img/fond-bloc-droite.png);
}

.blocDroiteFond1 a{
	color:#fff;
}

.blocDroiteFond2 a{
	color:#000;
}

.blocDroiteGauche{
	float:left;
	width:275px;
}

.blocDroiteGauche h2{
	margin:0;
	font-size:180%;
	font-weight:bold;
}

.blocDroiteFond1.hover, .blocDroiteFond2.hover {
    background-color: #2e2e2e;
}

.blocDroiteFond1.hover a, .blocDroiteFond2.hover a {
    color: #fff;
}

.blocDroiteGauche h2 a{
	display:block;
	width:265px;
	padding:10px 10px 10px 0;
	text-align:right;
	text-decoration:none;
	color:#000 !important;
}

.blocDroiteGauche h2 a span{
	padding:0 1px 1px 1px;
	background-color:#fff;
}

.blocDroiteGauche p{
	width:275px;
	margin:0;
	font-size:120%;
}

.blocDroiteGauche p a{
	display:block;
	width:265px;
	padding:0 10px 9px 0;
	text-align:right;
	text-decoration:none;
}

.blocDroiteGauche2{
	float:left;
	width:459px;
}

.blocDroiteGauche2 h2{
	margin:0;
	font-size:180%;
	font-weight:bold;
}

.hover .blocDroiteGauche2 h2 a, .blocDroiteGauche2 h2 a {
	display:block;
	width:449px;
	padding:10px 0 10px 10px;
	text-decoration:none;
	color:#000;
}

.blocDroiteGauche2 h2 a span{
	padding:0 1px 1px 1px;
	background-color:#fff;
}

.blocDroiteGauche2 p{
	width:459px;
	margin:0;
	font-size:120%;
}

.blocDroiteGauche2 p a{
	display:block;
	width:449px;
	padding:0 0 9px 10px;
	text-decoration:none;
}

.blocDroiteLien{
	display:block;
	width:265px;
	padding:0 10px 0 0;
	text-decoration:none;
	text-align:right;
	font-weight:bold;
	font-size:110%;
}

.blocDroiteLien2{
	display:block;
	width:449px;
	padding:0 0 0 10px;
	text-decoration:none;
	font-weight:bold;
	font-size:110%;
}

.blocDroiteLien .blocDroiteLien2 span{
	text-decoration:underline;
}

.blocDroiteLien span{
	text-decoration:underline;
}

.blocDroiteTamponGauche{
	display:block;
	width:275px;
	height:10px;
}

.blocDroiteDroite{
	float:left;
	width:184px;
}

.blocDroiteLienVisuel{
	display:block;
	width:184px;
	padding:10px 0 0 0;
}

.blocDroiteTamponDroite{
	display:block;
	width:184px;
	height:10px;
}





/* ======================================== FREERIDE */


/* ======================================== RESTAURANTS */
#restaurantMeaGauche{
	float:left;
	width:469px;
	padding:0 0 0 11px;
}

#restaurantMeaGauche h1{
	margin:0 0 10px 0;
}

#restaurantMeaGauche p{
	margin:0;
	padding:0 10px 0 0;
	font-size:120%;
	color:#bababa;
}

#restaurantMeaDroite{
	float:left;
	width:450px;
}

#restaurantsListe{
	float:left;
	width:690px;
	padding:0 20px 0 0;
}

#annuaireTri{
	width:685px;
	height:25px;
	margin:0 0 5px 0;
	padding:0 0 0 5px;
	background-color:#f2f2f2;
}

#trierPar{
	float:left;
	padding:2px 5px 0 0;
	font-size:170%;
}

.triCritere{
	float:left;
	margin:5px 0 0 0;
	padding:0 5px 0 0;
	font-size:120%;
	color:#474747;
}

.triListe{
	position:relative;
	float:left;
	width:132px;
	margin:0 10px 0 0;
}

.triListeSelected{
	display:block;
	float:left;
	width:110px;
	height:15px;
	margin:3px 0 0 0;
	border:2px solid #3e3e3e;
	background-color:#fff;
	text-align:center;
	text-decoration:none;
	font-size:120%;
	color:#474747;
}

.triListeFleche{
	float:left;
	display:block;
	width:17px;
	height:19px;
	margin:3px 0 0 0;
}

.triListe ul{
	position:absolute;
	z-index:13;
	top:22px;
	left:0;
	width:110px;
	border-left:2px solid #3e3e3e;
	border-right:2px solid #3e3e3e;
	border-bottom:2px solid #3e3e3e;
	background-color:#fff;
	margin:0;
	padding:0;
	list-style:none;
}

.triListe ul li{
	margin:0;
	padding:0;
}

.triListe ul li a{
	display:block;
	width:98px;
	padding:2px 6px 2px 6px;
	text-decoration:none;
	font-size:120%;
	color:#474747;
}

.triListe ul li a:hover{
	background-color:#fffc00;
}

.annuaireBlocAccordeon1, .annuaireBlocAccordeon2{
	padding:8px 10px 1px 10px;
	background-repeat:no-repeat;
	border-bottom:1px dotted #dcdcdb;
	cursor:pointer;
}

.sansPointer{
	cursor:default;
}

.annuaireBlocAccordeon1{
	background-color:#f2f2f2;
	background-image:url(/img/fond-liste-annuaire1.gif);
}

.booking_url:hover {
 background-color: white;
}
.booking_url {
 background-color: #fffc00;
 float:right;
 text-decoration: none;
 color:black;
 letter-spacing:-0.5px;
 font-size:70%;
 font-weight: bold;
}
.booking_url_a:hover {
 text-decoration: none;
 color:#fff;
 background-color: white;
 letter-spacing:-0.7px;
 font-size:70%;
}

.annuaireBlocAccordeon2{
	background-color:#fff;
	background-image:url(/img/fond-liste-annuaire2.gif);
}

.annuaireBlocAccordeon1 h2, .annuaireBlocAccordeon2 h2{
	margin:0 0 16px 0;
	font-size:200%;
	font-weight:bold;
	color:#fff;
}

.annuaireBlocAccordeon1 h2 span, .annuaireBlocAccordeon2 h2 span{
	padding:0 1px 3px 1px;
}

.annuaireBlocAccordeon1 p, .annuaireBlocAccordeon2 p{
	margin:0 0 10px 0;
	font-size:120%;
	color:#707070;
}

.annuaireBlocAccordeon1 p.lienAccordeon, .annuaireBlocAccordeon2 p.lienAccordeon{
	font-size:110%;
	font-weight:bold;
}

.annuaireBlocAccordeon1 p.lienAccordeon a, .annuaireBlocAccordeon2 p.lienAccordeon a{
	text-decoration:none;
}

.annuaireBlocAccordeon1 p.lienAccordeon .lienAccordeonGauche, .annuaireBlocAccordeon2 p.lienAccordeon .lienAccordeonGauche{
	padding:0 20px 0 0;
}

.annuaireBlocAccordeon1 p.lienAccordeon span, .annuaireBlocAccordeon2 p.lienAccordeon span, .annuaireBlocAccordeon1 p.lienAccordeon a span, .annuaireBlocAccordeon2 p.lienAccordeon a span{
	text-decoration:underline;
}

.annuaireBlocAccordeon1 p.accordeonInfo, .annuaireBlocAccordeon2 p.accordeonInfo{
	margin:0 0 5px 0;
	font-size:110%;
	color:#454545;
}

.annuaireBlocAccordeon1 p.accordeonInfo a, .annuaireBlocAccordeon2 p.accordeonInfo a{
	text-decoration:none;
}

.annuaireBlocAccordeon1 p.accordeonInfo a span, .annuaireBlocAccordeon2 p.accordeonInfo a span{
	text-decoration:underline;
}

#restaurantsPub{
	float:left;
	width:200px;
	padding:10px;
	background-color:#fffc00;
	background-image:url(/img/fond-bloc-publicite.gif);
	background-repeat:no-repeat;
}

#restaurantsPub h2{
	margin:0;
	height:35px;
	text-align:right;
	font-size:200%;
	font-weight:bold;
	color:#000;
}

#restaurantsPub h2 span{
	padding:0 1px 1px 1px;
	background-color:#fff;
}
/* ======================================== RESTAURANTS */


/* ======================================== PLAN DES PISTE */
#planHome{
	float:left;
	width:450px;
	padding:0 20px 0 0;
}

#planDesPistesInfo{
	margin:0 0 0 0;
	padding:10px 0 0 0;
	background-image:url(/img/fond-info-plan-pistes.gif);
	background-color:White;
	background-repeat:no-repeat;
}

#planDesPistesInfo h2{
	margin:0;
	font-size:240%;
	font-weight:bold;
	color:#fff;
}

#planDesPistesInfo h2 span{
	padding:0 1px 1px 1px;
}

#planDesPistesInfo p{
	margin:10px 0 30px 0;
	font-size:120%;
	color:#414141;
}

#planPlusDeSki{
	margin:0;
	padding:10px 0 12px 0;
	background-image:url(/img/fond-info-plan-pistes.gif);
	background-repeat:no-repeat;
	font-size:300%;
	font-weight:bold;
	color:#000;
}

#planPlusDeSki span{
	padding:0 1px 2px 1px;
	background-color:#fffc00;
}

.skiItem{
	float:left;
	width:225px;
	margin:15px 0 0 0;
	padding:0;
}

.skiItem ul{
	margin:0;
	padding:0;
	list-style:none;
	font-size:120%;
	color:#4f4f4f;
}

.skiItem ul li{
	margin:0;
	padding:0;
}

.skiItem a{
	text-decoration:none;
	color:#4f4f4f;
}

.skiItem a:hover{
	text-decoration:underline;
}
/* ======================================== PLAN DES PISTE */


/* ======================================== SECURITE DES PISTES */
#homeSecu {
	padding:10px 0 10px 0;
	width:940px;
	background-color:#2E2E2E;
	background-image:url(/img/fond-secu-home.gif);
	background-repeat:no-repeat;
	background-position:10px 10px;
}

#homeSecu h1{
	font-size:300%;
	color:#fff;
}

#homeSecu p{
	padding:0 10px 0 10px;
	margin:5px 5px 0 0;
	width:460px;
	font-size:130%;
	color:#fff;
}

#homeSecu h1 span{
	padding:0 1px 6px 10px;
	background-color:#2E2E2E;
}

#secuZoneFlash {
	float:left;
	padding:0;
	width:480px;
}

#secuAltFlash, #secuFlash {
	height:62px;
	width:480px;
}

#secuMEA{
	float:left;
	width:450px;
}

#secuInterneGauche{
	float:left;
	margin:0 20px 0 0;
	padding:0 0 10px 0;
	width:690px;
	border-bottom:1px dotted #D9D9D9;
}

#secuInterneDroite{
	float:left;
	width:220px;
	margin:0;
}

.secuGaucheFond1{
	padding:0;
	width:690px;
	background-color:#F2F2F2;
	background-image:url(/img/fond-blocb-secu-gauche.gif);
	background-position:right 0;
	background-repeat:no-repeat;
}

.secuGaucheFond2{
	padding:0;
	width:690px;
	background-color:#fff;
	background-image:url(/img/fond-bloc-secu-gauche.gif);
	background-position:right 0;
	background-repeat:no-repeat;
}

.secuGaucheFond1.hover, .secuGaucheFond2.hover {
    background-image:url(/img/fond-bloc-droite-repeat.png);
    background-repeat:repeat-x;

}

.whatsHotGauche {
    float:left;
    width: 184px;
    padding-top: 10px;
}

.whatsHotDroiteSecu{
	float:left;
	width:506px;
}

.whatsHotDroiteSecu p{
	width:506px;
	margin:0;
	font-size:120%;
	text-decoration:none;
}

.whatsHotDroiteSecu p a{
	display:block;
	width:506px;
	padding:0 0 12px 0;
	text-decoration:none;
	color:#777;
}

.secuGaucheFond1.hover .whatsHotDroiteSecu p a, .secuGaucheFond2.hover .whatsHotDroiteSecu p a {
    color: #fff;
}

.whatsHotDroiteSecu p.enSavoirPlus{
	margin:0;
	font-size:110%;
	font-weight:bold;
}

.whatsHotDroiteSecu p.enSavoirPlus1 a.lienEnSavoirPlusSecu, .whatsHotDroiteSecu p.enSavoirPlus1 a.lienEnSavoirPlusSecu2{
	display:block;
	width:506px;
	padding:0;
	font-weight:bold;
	font-size:110%;
}

.hover .whatsHotDroiteSecu p.enSavoirPlus1 a.lienEnSavoirPlusSecu,
.hover .whatsHotDroiteSecu p.enSavoirPlus1 a.lienEnSavoirPlusSecu2 {
    color:#fff;
}

.whatsHotDroiteSecu p.enSavoirPlus2 a.lienEnSavoirPlusSecu, .whatsHotDroiteSecu p.enSavoirPlus2 a.lienEnSavoirPlusSecu2{
	display:block;
	width:506px;
	padding:0;
	font-weight:bold;
	font-size:110%;
	color:#fff;
}


.whatsHotDroiteSecu p a.lienEnSavoirPlusSecu span, .whatsHotDroiteSecu p a.lienEnSavoirPlusSecu2 span{
	text-decoration:underline;
}

.whatsHotDroiteSecu p a.lienEnSavoirPlusSecu2:hover{
	color:#000;
}

.whatsHotDroiteSecu h2 {
	margin:0;
	font-size:160%;
	font-weight:normal;
}

.whatsHotDroiteSecu h2 a{
	display:block;
	width:506px;
	padding:10px 0 6px 0;
	text-decoration:none;
	color:#333;
}

.whatsHotDroiteSecu h2 a span{
	padding:0 1px 1px;
	font-size:140%;
	font-weight:bold;
	color:#fff;
}

.secuGaucheFond1.hover h2 a span, .secuGaucheFond2.hover h2 a span {
	background-color: #fff;
}

.whatsHotTamponDroiteSecu{
	display:block;
	width:506px;
	height:20px;
}

.secuDroiteFond1 {
	float:left;
	width:220px;
	padding:0;
	margin:0 0 10px 0;
	background-position:right 0;
	background-repeat:no-repeat;
}

.secuDroiteFond2 {
	float:left;
	width:220px;
	padding:0;
	margin:0 0 10px 0;
	background-color:#fffc00;
	background-image:url(/img/fond-bloc-jaune-droite.gif);
	background-position:right 0;
	background-repeat:no-repeat;
}

.secuDroiteFond1, .secuDroiteFond2.hover {
    background-image:url(/img/fond-bloc-droite.png);
}

.secuDroiteFond1.hover, .secuDroiteFond2.hover {
	background-color: #2e2e2e;
}

.secuDroiteFond1.hover a, .secuDroiteFond2.hover a {
	color: #fff;
}

h3.meaDroitePub{
	position:absolute;
	width:200px;
	margin:0;
	bottom:10px;
	left:10px;
	font-size:140%;
	font-weight:bold;
	text-align:right;
	z-index:4;
}

h3 a.meaDroitePub{
	margin:0;
	padding:0;
	background-color:#000000;
	color:#FFFFFF;
	text-decoration:none;
	cursor:pointer;
	display:block;
	font-weight:bold;
	text-align:right;
}

.secuVisuel {
	display:block;
	width:210px;
	margin:0;
	padding:0 0 10px 10px;
}


.secuDroiteFond1 h2, .secuDroiteFond2 h2 {
	margin:0;
	font-size:180%;
	font-weight:bold;
	text-align:right;
}

.secuDroiteFond1 h2 a, .secuDroiteFond2 h2 a {
	display:block;
	width:210px;
	padding:6px 10px 10px 0;
	text-decoration:none;
}

.secuDroiteFond1 h2 a span, .secuDroiteFond2 h2 a span{
	padding:0 1px 1px;
	background-color:#FFFFFF;
	color:#000000;
	text-decoration:none;
}

.secuDroiteFond1 p, .secuDroiteFond2 p{
	margin:0;
	padding:0;
}

.secuDroiteFond1 a, .secuDroiteFond2 a{
	display:block;
	width:200px;
	margin:0;
	padding:6px 10px 10px 10px;
	text-decoration:none;
	cursor:pointer;
	font-size:120%;
	color:#5a595c;
	text-decoration:none;
}

.secuDroiteFond1 a{
	color:#fff;
}
/* ======================================== SECURITE DES PISTES */


/* ======================================== SPORTS D'ETE */
.tignesIslandsLien{
	text-align:right;
	font-size:110%;
	font-weight:bold;
}

.tignesIslandsLien a{
	color:#fffc00;
	text-decoration:none;
}

.tignesIslandsLien a:hover span{
	color:#fffc00;
	text-decoration:underline;
}

.blocSport{
	float:left;
	width:210px;
	height:160px;
	margin:0 30px 20px 0;
	background-color:#fff;
	background-image:url(/img/fond-bloc-sport.gif);
	background-repeat:no-repeat;
}

.blocSport2{
	margin-right: 0;
}

.blocSport.hover {
    background-image:url(/img/fond-bloc-droite.png);
}

.blocSport.hover h2 span {
	background-color: #fff;
}

.blocSport img {
    width: 206px;
    border: 2px solid transparent;
    border-top: none;
}

.blocSport h2, .blocSport2 h2{
	margin:0;
	padding:0;
	font-size:200%;
	font-weight:bold;
}

.blocSport h2 a, .blocSport2 h2 a{
	display:block;
	width:210px;
	height:34px;
	padding:8px 0 0 0;
	text-decoration:none;
	color:#fff;
}

.blocSport h2 a span, .blocSport2 h2 a span{
	padding:0 1px 2px 1px;
}

.blocSportVisuel{
	display:block;
	position:relative;
	width:210px;
	height:118px;
}

.blocSportBordureVisible, .blocSportBordureInvisible{
	position:absolute;
	z-index:13;
	left:0;
	top:0;
	width:210px;
	height:118px;
}

.blocSportBordureVisible{
	display:block;
}

.blocSportBordureInvisible{
	display:none;
}

#titreTousSports{
	margin:0;
	padding:10px 0 12px 0;
	background-image:url(/img/fond-titre-tous-les-sports.gif);
	background-repeat:no-repeat;
	font-size:300%;
	font-weight:bold;
	color:#000;
}

#titreTousSports span{
	padding:0 1px 2px 1px;
	background-color:#fffc00;
}
/* ======================================== SPORTS D'ETE */


/* ======================================== ANIMATIONS */
#newsletterLabel2{
	float:left;
	width:82px;
	display:block;
	padding:8px 0 0 13px;
	font-size:110%;
	font-weight:bold;
}

#newsletterChamp2{
	float:left;
	display:block;
	width:107px;
	height:15px;
	margin:7px 0 0 0;
	padding:1px 3px 0 5px;
	border:0;
	background-image:url(/img/fond-champ-recherche.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	font-family:arial;
	font-size:11px;
	color:#7a7a7a;
}

#newsletterValid2{
	margin:5px 0 0 0;
	text-align:right;
}

#whatsHot {
    background-image: url("/img/fond-whats-hot.gif");
    background-repeat: no-repeat;
    float: left;
    margin: 0 20px 0 0;
    padding: 10px 0 0;
    width: 450px;
}

#whatsHot h2 {
    color: #FFFFFF;
    font-size: 240%;
    font-weight: bold;
    margin: 0;
}

#whatsHot h2 span {
    padding: 0 1px 2px;
}

.whatsHotFond1 {
    background-color: #F2F2F2;
    border-bottom: 1px dotted #D9D9D9;
    padding: 0;
}

.whatsHotFond2 {
    background-color: #FFFFFF;
    border-bottom: 1px dotted #D9D9D9;
    padding: 0;
}

.whatsHotGauche {
    float: left;
    width: 184px;
}

.whatsHotDroite {
    float: left;
    width: 266px;
}

.whatsHotVisuel {
    display: block;
    padding: 10px 0 0;
    width: 184px;
}

.whatsHotTamponGauche {
    display: block;
    height: 20px;
    width: 184px;
}

.whatsHotDroite h3, .whatsHotDroite h2 {
    font-size: 160%;
    font-weight: normal;
    margin: 0;
    width: 266px;
}

.whatsHotDroite h3 a, .whatsHotDroite h2 a {
    color: #333333;
    display: block;
    padding: 7px 10px 6px 0;
    text-decoration: none;
    width: 256px;
}

.whatsHotDroite h2 a {
    padding: 10px 10px 6px 0;
}

.whatsHotDroite h2 a span {
    color: #FFFFFF;
    font-size: 140%;
    font-weight: bold;
    padding: 0 1px 1px;
}

.hover .whatsHotDroite h2 a span {
    background-color: #FFFFFF;
}

.hover .whatsHotDroite h3 a {
	color: #fff;
}

.whatsHotDroite p {
    font-size: 120%;
    margin: 0;
    width: 256px;
}

.whatsHotDroite p a {
    color: #777777;
    display: block;
    padding: 0 10px 12px 0;
    text-decoration: none;
    width: 256px;
}

.hover .whatsHotDroite p a {
    color: #fff;
}

.whatsHotDroite p.enSavoirPlus {
    font-size: 110%;
    font-weight: bold;
    margin: 0;
}

.whatsHotDroite p a.lienEnSavoirPlus {
    display: block;
    padding: 0;
    width: 266px;
}

.hover .whatsHotDroite p a.lienEnSavoirPlus {
	color: #fff;
}

.whatsHotDroite p a.lienEnSavoirPlus span {
    text-decoration: underline;
}

.whatsHotTamponDroite {
    display: block;
    height: 20px;
    width: 266px;
}

#animations{
	width:460px;
	padding:10px 0 0 0;
	background-color:#fffc00;
	background-image:url(/img/fond-animation.gif);
	background-repeat:no-repeat;
	background-position:right top;
}

#animations h2{
	margin:0 0 0 10px;
	font-size:240%;
	font-weight:bold;
	color:#000;
}

#animations h2 span{
	background-color:#fff;
	padding:0 1px 2px 1px;
}

#animations ul{
	margin:10px 0 0 0;
	padding:0;
	list-style:none;
}

#animations ul li{
	margin:0;
	padding:1px 0 0 0;
	list-style:none;
	background-image:url(/img/bordure-liste-animations.gif);
	background-repeat:no-repeat;
	background-position:10px 0;
}

#animations ul li.animationPremierElement{
	margin:0;
	padding:0;
	list-style:none;
	background-image:none;
}

#animations h3{
	margin:0;
	padding:0;
	font-size:170%;
	font-weight:normal;
	color:#000;
}

#animations h3 a{
	display:block;
	width:450px;
	padding:9px 0 9px 10px;
	background-color:#fffc00;
	text-decoration:none;
	color:#000;
}

#animations h3 a:hover{
	background-color:#dad70e;
}

.contenuAnimationVisible{
	display:block;
	padding:5px 0 10px 10px;
}

.contenuAnimationInvisible{
	display:none;
	padding:5px 0 10px 10px;
}

#animations h4{
	margin:0 0 3px 0;
	font-size:140%;
	font-weight:bold;
	color:#fff;
}

#animations p{
	margin:0 0 10px 0;
	font-size:120%;
	color:#000;
}

#animations h4 span{
	padding:0 1px 1px 1px;
	background-color:#000;
}

#animationSemaineSuivante{
	margin:5px 0 0 0;
	text-align:right;
	font-size:140%;
	font-weight:bold;
}

#animationSemaineSuivante a{
	padding:0 10px 0 0;
	text-decoration:none;
	color:#fff;
	background-color:#000;
}

#animationSemaineSuivante a:hover{
	text-decoration:none;
	color:#000;
	background-color:#fff;
}

#animationSemaineSuivante a span{
	color:#fffc00;
}

#animationSemaineSuivante a:hover span{
	background-color:#fffc00;
	color:#000;
}
/* ======================================== ANIMATIONS */


/* ======================================== ANNUAIRE */
#annuaireListe{
	float:left;
	width:710px;
}

.annuaireColonne{
	float:left;
	width:220px;
	margin:10px 0 0 0;
	padding:0 20px 0 0;
}

.annuaireColonne1{
	float:left;
	width:210px;
	margin:10px 0 0 0;
	padding:0 20px 0 0;
}

.annuaireColonne h2, .annuaireColonne1 h2{
	margin:0;
	font-size:200%;
	font-weight:normal;
	color:#fff;
}

.annuaireColonne h2 span, .annuaireColonne1 h2 span{
	padding:0 1px 1px 1px;
}

.annuaireColonne h2 span a, .annuaireColonne1 h2 span a{
	color:#fff;
	text-decoration:none;
}

.annuaireColonne ul, .annuaireColonne1 ul{
	margin:12px 0 0 10px;
	padding:0 0 20px 0;
	list-style:none;
}

.annuaireColonne ul li, .annuaireColonne1 ul li{
	margin:0 0 4px 0;
	padding:0;
	font-size:110%;
	font-weight:bold;
}

.annuaireColonne ul li a, .annuaireColonne1 ul li a{
	display:block;
	margin:0;
	padding:0 0 0 8px;
	background-image:url(/img/puce-annuaire.gif);
	background-repeat:no-repeat;
	background-position:0 4px;
	text-decoration:underline;
	color:#4c4c4c;
}

.annuaireColonne ul li a{
	width:202px;
}

.annuaireColonne1 ul li a{
	width:192px;
}

.annuaireColonne ul li a:hover, .annuaireColonne1 ul li a:hover{
	background-position:0 -96px;
}
/* ======================================== ANNUAIRE */


/* ======================================== CONTACTEZ-NOUS */
    #masque-contact, #grey-bkg {
       position: fixed;
       top: 0;
       left:0;
       height: 100%;
       width: 100%;
       background: transparent url(../img/contact-loader.gif) no-repeat 50% 50%;
       z-index: 901;
   }

    #grey-bkg {
       background: transparent url(../img/popup-lang/noir.png) repeat top left;
        z-index: 900;
    }


#contactContenu{
	float: left;
	width:710px;
}

#contactContenu p {
   font-size: 12px;
}

#contactFormGauche{
	float:left;
	width:231px;
	height:233px;
	margin:0 10px 0 0;
	background-image:url(/img/separateur-contact.gif);
	background-repeat:no-repeat;
	background-position:right top;
}

.labelContact, #contact-success-message{
	display:block;
/*		margin:0 1px 0 0;*/
	font-size:170%;
	width: 210px;
}

#contact-success-message {
   font-weight: bold;
   width: 100%;
}

#contactLabel5.labelContact, #contactLabel6.labelContact, #contactSaisonsCheckboxes.labelContact2, #contactVacancesCheckboxes.labelContact2 {
   display: inline;
}

#contactEnvoyer .labelContact{
   width: 400px;
}

.champContact{
	display:block;
	width:202px;
	height:22px;
	margin:0 0 8px 0;
	padding:3px 2px 1px 2px;
	border:2px solid #3e3e3e;
	font-family:arial;
	font-size:170%;
	color:#000;
}

#contactFormDroite{
	float:left;
	width:449px;
}

.contactSelect{
	position:relative;
	width:449px;
	margin:0 0 8px 0;
}

.contactSelectSelected{
	display:block;
	float:left;
	width:414px;
	height:22px;
	margin:0;
	padding:3px 2px 1px 2px;
	border:2px solid #3e3e3e;
	background-color:#fff;
	text-decoration:none;
	font-size:170%;
	color:#000;
	overflow: hidden;
}

.contactSelectFleche{
	float:left;
	display:block;
	width:27px;
	height:30px;
}

.contactSelect ul{
	position:absolute;
	z-index:13;
	top:30px;
	left:0;
	width:445px;
	border-left:2px solid #3e3e3e;
	border-right:2px solid #3e3e3e;
	border-bottom:2px solid #3e3e3e;
	background-color:#fff;
	margin:0;
	padding:0;
	list-style:none;
}

.contactSelect ul li{
	margin:0;
	padding:0;
}

.contactSelect ul li a{
	display:block;
	width:433px;
	padding:2px 6px 2px 6px;
	text-decoration:none;
	font-size:170%;
	color:#000;
}

.contactSelect ul li a:hover{
	background-color:#fffc00;
}

#contactChampMessage{
	display:block;
	width:441px;
	height:151px;
	border:2px solid #3e3e3e;
	margin:0 0 8px 0;
	padding:3px 2px 0 2px;
	font-family:arial;
	font-size:170%;
	color:#000;
}

.labelContact2{
	font-size:120%;
	color:#474747;
}

.labelContact2 a{
	text-decoration:none;
	color:#474747;
}

#contactSaisonsCheckboxes.labelContact2 a, #contactVacancesCheckboxes.labelContact2 a {
   margin-left: 10px;
}

.labelContact2 a img{
	padding:0 5px 0 0;
}

#contactEnvoyer{
	margin:8px 0 0 0;
}
/* ======================================== CONTACTEZ-NOUS */


/* ======================================== HEBERGEMENT */
#numeroVert{
	width:210px;
	padding:10px 10px 10px 0;
	background-color:#f2f2f2;
	background-image:url(/img/fond-nos-conseillers.gif);
	background-repeat:no-repeat;
}

#numero{
	margin:0 0 14px 0;
	text-align:right;
}

#numeroVert p{
	margin:0;
	text-align:right;
	font-size:120%;
	color:#000;
}

.imgBlocHebergement{
	float:left;
	padding:0 10px 0 0;
}

#secuInterneGauche h1 span{
	font-size:210%;
	font-weight:normal;
}

.hebergementGaucheFond1{
	width:690px;
	padding:0;
	background-color:#F2F2F2;
	background-position:right 0;
	background-repeat:no-repeat;
}

.hebergementGaucheFond2{
	width:690px;
	padding:0;
	background-color:#fff;
	background-position:right 0;
	background-repeat:no-repeat;
}

.hebergementGaucheFond1.hover, .hebergementGaucheFond2.hover {

}

.whatsHotDroiteHebergement{
	float:left;
	width:690px;
}

.whatsHotDroiteHebergement p{
	margin:0;
	font-size:120%;
	text-decoration:none;
}

.whatsHotDroiteHebergement p a{
	display:block;
	padding:0 0 12px 0;
	text-decoration:none;
	color:#777;
}

.hover .whatsHotDroiteHebergement p a {
	color: #fff;
}

.whatsHotDroiteHebergement h2 {
	margin:0;
	font-weight:normal;
	font-size:140%;
}

.whatsHotDroiteHebergement h2 a{
	display:block;
	width:690px;
	padding:10px 0 10px 0;
	text-decoration:none;
	color:#333;
}

.whatsHotDroiteHebergement h2 a span{
	padding:0 1px 1px;
	color:#fff;
	font-weight:normal;
	font-size:140%;
}

.hover .whatsHotDroiteHebergement h2 a span {
	background-color: #fff;
}

.hebergementTamponDroiteSecu{
	display:block;
	width:690px;
	height:20px;
}

.hebergementSousBlocGauche{
	/*float:fleft;*/
}

.hebergementSousBlocDroite{
	float:left;
	width:550px;
}

#titreToutHebergement{
	color:#fff;
	font-size:200%;
	font-weight:normal;
	margin:20px 0 0 0;
}

#sejour5clics{
	margin:0;
	color:#fff;
	font-size:200%;
	font-weight:normal;
}

#titreToutHebergement span, #sejour5clics span{
	padding:0 1px 2px 1px;
}

#toutHebergement{
	margin:0;
	padding:0 0 10px 0;
	border-bottom:1px dotted #D9D9D9;
}

#hebergementInterneGauche{
	float:left;
	width:690px;
	margin:0 20px 0 0;
	padding:0 0 0 0;
	border-bottom:1px dotted #D9D9D9;
}

.hebergementItem{
	float:left;
	width:225px;
	margin:15px 0 0 0;
	padding:0;
}

.hebergementItem ul{
	margin:0;
	padding:0;
	list-style:none;
	font-size:120%;
	font-weight:bold;
}

.hebergementItem ul li{
	margin:0 0 5px 0;
	padding:0;
}

.hebergementItem a{
	text-decoration:underline;
	font-weight:bold;
}

.hebergementItem a:hover{
	color:#4f4f4f;
}

.hebergementMEA{
	float:left;
	position:relative;
	width:200px;
	margin:0 0 10px 0;
	padding:10px 10px 10px 10px;
	background-image:url(/img/fond-MEA-hebergement.gif);
	background-position:0 0;
	background-repeat:repeat-x;
	background-color:#fffc00;
}

.hebergementMEA h2{
	margin:0;
	margin:0 0 10px 0;
	text-align:right;
	font-weight:bold;
	color:#000;
}

.hebergementMEA h2 span{
	padding:2px 1px 3px 1px;
	background-color:#fff;
	font-size:20px;
}

.contenuMEA{
	position:relative;
	width:200px;
	height:110px;
}


.titreContenuMEA{
	position:absolute;
	top:0;
	right:0;
	font-weight:bold;
}

.titreContenuMEA a{
	padding:0 1px 2px 1px;
	text-decoration:none;
	color:#fff;
	background-color:#000;
	font-size:150%;
}

.suiteContenuMEA{
	position:absolute;
	bottom:0;
	right:0;
	margin:0 0 2px 0;
	z-index:4;
	text-align:right;
	font-weight:bold;
	font-size:150%;
}

.suiteContenuMEA a{
	text-decoration:none;
	color:#fff;
}

.titreMEA{
	padding:2px 1px 2px 1px;
	background-color:#000;
	font-size:140%;
}

.textMEA{
	padding:2px 1px 2px 1px;
	background-color:#000;
}

#nosServices{
	width:200px;
	margin:10px 0 0 0;
	padding:10px 10px 10px 10px;
	background-image:url(/img/fond-MEA-hebergement2.gif);
	background-position:right 0;
	background-repeat:repeat-x;
}

#nosServices h2{
	margin:0;
	margin:0 0 10px 0;
	text-align:right;
	font-weight:bold;
	color:#000;
}

#nosServices h2 span{
	padding:2px 1px 3px 1px;
	background-color:#fff;
	font-size:20px;
}

.nosServicesItem{
	float:left;
	width:200px;
	margin:10px 0 0 0;
	padding:0;
}

.nosServicesItem ul{
	margin:0;
	padding:0;
	list-style:none;
	font-size:120%;
	font-weight:bold;
	color:#fff;
}

.nosServicesItem ul li{
	margin:0;
	padding:0;
	line-height:23px;
}

.nosServicesItem a{
	text-decoration:underline;
	font-weight:bold;
	color:#fff;
}

.nosServicesItem a:hover{
	color:#4f4f4f;
}

#bloc5clics{
	width:690px;
	margin:10px 0 0 0;
	background-color:#fffc00;
}

#bloc5clics.hover {
    background-color:#2e2e2e;
}

#bloc5clics.hover a {
	color: #fff;
}

#bloc5clicsGauche{
	float:left;
	width:220px;
}

#bloc5clicsVisuel{
	display:block;
	width:200px;
	padding:10px 10px 0 10px;
}

#bloc5clicsTamponGauche{
	display:block;
	width:220px;
	height:10px;
}

#bloc5clicsDroite{
	float:left;
	width:470px;
}

#blocs5clicsIntro{
	display:block;
	padding:10px 20px 10px 0;
	text-decoration:none;
	font-size:120%;
	color:#4c4c4c;
}

#blocs5clicsLien{
	display:block;
	padding:0 20px 0 0;
	text-decoration:none;
	font-size:110%;
	font-weight:bold;
	color:#000;
}

#blocs5clicsLien span{
	text-decoration:underline;
}

#bloc5clicsTamponDroite{
	display:block;
	width:470px;
	height:10px;
}
/* ======================================== HEBERGEMENT */


/* ======================================== MEDIATHEQUE */
#connexionContenu{
	width:920px;
}

#connexionContenu h2{
	width:920px;
	margin:0;
	padding:10px 0 0 0;
	background-image:url(/img/fond-titre-connexion.gif);
	background-repeat:repeat-x;
	font-size:200%;
	font-weight:normal;
	color:#fff;
}

#connexionContenu h2.titreRechercheLibre{
	background-image:url(/img/fond-titre-recherche-libre.gif);
}

#connexionContenu h2 span{
	padding:0 1px 2px 1px;
}

#connexionForm{
	float:left;
	width:273px;
	margin:40px 0 0 0;
	padding:0 0 0 340px;
}

#connexionDemandeAcces{
	float:left;
	width:302px;
	margin:10px 0 0 0;
	font-size:120%;
	font-weight:bold;
}

#connexionDemandeAcces a{
	text-decoration:none;
}

#connexionDemandeAcces a:hover{
	color:#000;
}

#connexionDemandeAcces a span{
	text-decoration:underline;
}

#conditionsForm{
	margin:10px 0 0 0;
}

#conditionsForm p{
	margin:0 0 12px 0;
	font-size:120%;
	color:#474747;
}

#conditionsValider{
	margin:16px 0 0 0;
}

#rechercheMediaLibre{
	width:907px;
	padding:10px 0 20px 13px;
	background-color:#f2f2f2;
}

#rechercheMediaFiltres{
	width:907px;
	margin:15px 0 0 0;
	padding:0;
	list-style:none;
	background-image:url(/img/fond-filtre-recherche.gif);
	background-repeat:repeat-y;
}

.filtreNiveau1{
	float:left;
	width:173px;
	margin:0;
	padding:0;
}

.filtreNiveau1b{
	float:left;
	width:182px;
	margin:0;
	padding:0;
}

.filtreNiveau1 h3, .filtreNiveau1b h3{
	margin:0 0 8px 0;
	font-size:170%;
	font-weight:normal;
}

.filtreNiveau1 ul, .filtreNiveau1b ul{
	float:left;
	width:173px;
	margin:0;
	padding:0;
	list-style:none;
}

.filtreNiveau1 ul li, .filtreNiveau1b ul li{
	margin:0 0 4px 0;
	padding:0;
	font-size:120%;
}

.filtreNiveau1 ul li img, .filtreNiveau1b ul li img{
	padding:0 5px 0 0;
}

.filtreNiveau1 ul li a, .filtreNiveau1b ul li a{
	text-decoration:none;
	color:#474747;
}

.labelRechercheMedia{
	display:block;
	float:left;
	margin:3px 10px 0 0;
	font-size:120%;
	color:#474747;
}

.champRechercheMedia{
	display:block;
	float:left;
	width:280px;
	margin:0 10px 0 0;
	padding:1px 4px 2px 4px;
	border:2px solid #3e3e3e;
	background-color:#fff;
	font-size:120%;
	color:#474747;
}

.rechercheMediaLibreRadio{
	float:left;
	margin:3px 16px 0 0;
	font-size:120%;
	color:#474747;
}

.rechercheMediaLibreRadio a{
	text-decoration:none;
	color:#474747;
}

.rechercheMediaLibreRadio a img{
	padding:0 5px 0 0;
}

#rechercheMediaValider{
	margin:10px 0 0 0;
}

#rechercheMediaRapide{
	float:left;
	width:210px;
	margin:20px 17px 0 0;
	padding:10px 10px 10px 0;
	background-color:#fffc00;
	background-image:url(/img/fond-bloc-publicite.gif);
	background-repeat:no-repeat;
}

#connexionContenu h2.rechercheMediaRapideTitre{
	width:210px;
	margin:0;
	padding:0;
	background-image:none;
	height:35px;
	font-size:200%;
	font-weight:bold;
	color:#000;
}

#connexionContenu h2.rechercheMediaRapideTitre span{
	padding:0 1px 1px 1px;
	background-color:#fff;
}

#rechercheMediaTags{
	padding:0 0 0 10px;
}

#rechercheMediaTags a{
	text-decoration:none;
	color:#000;
}

#rechercheMediaTags a:hover{
	text-decoration:underline;
}

.size12{
	font-size:120%;
}

.size13{
	font-size:130%;
}

.size14{
	font-size:140%;
}

.size15{
	font-size:150%;
}

.size16{
	font-size:160%;
}

.size17{
	font-size:170%;
}

.size18{
	font-size:180%;
}

.size19{
	font-size:190%;
}

.size20{
	font-size:200%;
}

.bold{
	font-weight:bold;
}

#rechercheMediaResultats{
	position:relative;
	float:left;
	width:680px;
	margin:20px 0 0 0;
}

#rechercheFenetreModale{
	/*position:absolute;*/
	z-index:13;
	/*left:-115px;*/
	/*top:-250px;*/
	width:670px;
	padding:10px 10px 20px 10px;
	background-color:#2e2e2e;
}

#connexionContenu h2.resultatsTitre, .resultatsTitre{
	width:680px;
	margin:0 0 10px 0;
	padding:0;
	background-image:none;
	font-size:200%;
	font-weight:normal;
	color:#fff;
}

#connexionContenu h2.resultatsTitre span, .resultatsTitre span{
	padding:0 1px 2px 1px;
}

.resultatsPagination{
	margin:10px 0 0 0;
	width:680px;
	height:25px;
	background-color:#f2f2f2;
}

.resultatsPagination2{
	margin:10px 0 0 0;
	width:690px;
	height:25px;
	background-color:#f2f2f2;
}

.paginationPages{
	float:left;
	margin:0 7px 0 0;
	padding:3px 0 0 5px;
	font-size:170%;
}

.resultatsPagination a, .resultatsPagination2 a{
	float:left;
	display:block;
	height:20px;
	padding:5px 7px 0 7px;
	background-color:#f2f2f2;
	text-decoration:none;
	font-size:120%;
	font-weight:bold;
	color:#474747;
}

.resultatsPagination a:hover, .resultatsPagination2 a:hover{
	background-color:#fffc00;
	color:#000;
}

.resultatsPagination a.pageActive, .resultatsPagination a.pageActive:hover, .resultatsPagination2 a.pageActive, .resultatsPagination2 a.pageActive:hover{
	color:#fff;
}

.vignetteResultat{
	float:left;
	width:200px;
	margin:10px 10px 0 0;
	padding:10px 10px 9px 10px;
	background-color:#f2f2f2;
	background-image:url(/img/bas-vignette-resultatgif.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
}

.vignetteResultat2{
	float:left;
	width:200px;
	margin:10px 0 0 0;
	padding:10px 10px 9px 10px;
	background-color:#f2f2f2;
	background-image:url(/img/bas-vignette-resultatgif.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
}

.vignetteResultatVisuel{
	display:block;
	width:200px;
	height:108px;
	text-align:center;
}

.vignetteResultatTexte{
	width:200px;
	padding:4px 0 0 0;
	background-image:url(/img/fond-vignette-resultat.gif);
	background-repeat:repeat-x;
}

.vignetteResultatTexte h3{
	margin:0 0 2px 10px;
	font-size:110%;
	font-weight:bold;
	color:#3e3e3e;
}

.vignetteResultatTexte h3 span{
	font-size:9px;
	font-weight:normal;
}

.vignetteResultatTexte ul{
	margin:0 0 0 12px;
	padding:0;
	list-style:none;
}

.vignetteResultatTexte ul li{
	margin:0 0 2px 0;
}

.vignetteResultatTexte ul li a{
	text-decoration:none;
	font-size:110%;
	font-weight:bold;
}

.vignetteResultatTexte ul li a:hover{
	color:#000;
}

#fenetreModaleCompteur{
	float:left;
	width:90px;
	margin:0 550px 0 0;
	padding:0 0 0 5px;
	height:19px;
	background-color:#fff;
}

#zoomFlecheGauche, #zoomFlecheDroite{
	float:left;
	width:5px;
	padding:5px 0 5px 0;
}

#fenetreModaleCompteurTexte{
	float:left;
	width:75px;
	padding:2px 0 0 0;
	text-align:center;
	font-size:120%;
	color:#2e2e2e;
}

#fenetreModaleCompteurTexte span{
	font-weight:bold;
}

#fenetreModaleFermer{
	float:left;
	width:9px;
}

#fenetreModaleVisuel{
	margin:10px 0 0 0;
}

#fenetreModaleTitrePhoto{
	width:660px;
	height:41px;
	padding:8px 0 0 0;
	background-image:url(/img/zoom-hachures.gif);
	background-repeat:repeat-x;
	font-size:240%;
	font-weight:bold;
	color:#fffc00;
}

#fenetreModaleTitrePhoto span{
	padding:0 1px 3px 1px;
	background-color:#000;
}

#fenetreModaleTextes{
	margin:10px 0 0 0;
	background-image:url(/img/zoom-separateur.gif);
	background-repeat:repeat-y;
	background-position:335px 0;
}

#fenetreModaleTexteGauche{
	float:left;
	width:325px;
	margin:0 10px 0 0;
	padding:0 11px 0 0;
	font-size:120%;
	color:#fff;
}

#fenetreModaleTexteGauche table{
	margin:0;
}

.infosPhotosGauche{
	width:100px;
	padding:0 0 5px 0;
	vertical-align:top;
	font-weight:bold;
}

.infosPhotosDroite{
	width:225px;
	padding:0 0 5px 0;
	vertical-align:top;
}

#fenetreModaleTexteDroite{
	float:left;
	width:312px;
}

#fenetreModaleMotsCles{
	margin:0 0 5px 0;
	font-size:110%;
	font-weight:bold;
}

#fenetreModaleTexteDroite p{
	margin:0 0 12px 0;
	font-size:120%;
	color:#fff;
}

#fenetreModaleCheckbox img{
	padding:0 5px 0 0;
}

#fenetreModaleCheckbox a{
	text-decoration:none;
	font-size:120%;
	color:#fff;
}

#motsClesRechercher{
	margin:14px 0 0 0;
}

#mediaTelecharger{
	margin:15px 0 0 0;
}
/* ======================================== MEDIATHEQUE */


/* ======================================== RECHERCHE */
#pageRechercheChamp{
	display:block;
	float:left;
	width:206px;
	height:23px;
	border:2px solid #3e3e3e;
	margin:0 7px 20px 0;
	padding:3px 5px 0 5px;
	font-family:arial;
	font-size:17px;
	color:#000;
}

#pageRechercheValider{
	float:left;
	width:71px;
}

.btnConnexionMedia {
	border: none;
	font-family: TVNordCondEFRegular;
	color: #fff;
	font-size: 20px;
	width: 71px;
	height: 30px;
	text-align:center;
	line-height: 30px;
}

.btnConnexionMedia.btnRechercher {
    width: 78px;
    height: 22px;
    font-size: 16px;
}

.btnConnexionMedia.hover {
	background-color: #000;
}
/* ======================================== RECHERCHE */


/* ======================================== HOTELS */
.hotelNbChambres{
	float:left;
	width:350px;
	font-size:120%;
	color:#000;
}

.hotelPictos{
	float:left;
	width:124px;
	text-align:right;
}

.hotelPictos img{
	padding:0 0 0 5px;
}

.hotelGaucheMedia1{
	width:174px;
	padding:0 10px 30px 0;
	vertical-align:top;
}

.hotelGauche{
	width:174px;
	padding:0 10px 10px 0;
	vertical-align:top;
}

.hotelVisuel{
	margin:0 0 5px 0;
}

.hotelLien a{
	text-decoration:none;
	font-size:110%;
	font-weight:bold;
}

.hotelLien a span{
	text-decoration:underline;
}

.hotelLien a:hover{
	color:#000;
}

.hotelDroite{
	width:475px;
	padding:0;
	vertical-align:top;
}

.accordeonHotel{
	margin:0 0 0 184px;
	padding:0 0 10px 0;
}

.hotelPrestations{
	margin:0;
	width:475px;
}

.hotelPrestations td{
	padding:0 10px 2px 0;
	font-size:110%;
	font-weight:bold;
}

.accordeonCoordonnees{
	margin:15px 0 12px 0;
	padding:15px 0 0 0;
	border-top:1px dotted #d1d1d1;
	font-size:110%;
	color:#77777b;
}

.accordeonCoordonnees a{
	color:#77777b;
}

.liensSaison{
	height:30px;
	overflow:hidden;
}

.accordeonLienSaisonActif{
	float:left;
	display:block;
	width:227px;
	height:24px;
	padding:6px 0 0 10px;
	background-image:url(/img/hotels-tarifs-hachures.gif);
	background-repeat:repeat-x;
	text-decoration:none;
	font-size:170%;
	color:#000;
}

.accordeonLienSaison{
	float:left;
	display:block;
	width:227px;
	height:24px;
	padding:6px 0 0 10px;
	text-decoration:none;
	font-size:170%;
	color:#fff;
}

.accordeonLienSaison:hover{
	background-color:#fffc00;
	color:#000;
}

.accordeonTarifs{
	width:454px;
	padding:10px;
	background-color:#fffc00;
}

.hotelTarifs{
	width:454px;
}

.hotelTarifsFond1{
	background-color:#f2f2f2;
}

.hotelTarifsFond2{
	background-color:#fffc00;
}

.hotelTarifs th{
	text-align:left;
	font-size:110%;
	color:#2e2e2e;
}

.hotelTarifs td{
	vertical-align:top;
	text-align:left;
	color:#2e2e2e;
}

.hotelTarifs td span{
	vertical-align:top;
	text-align:left;
	color:#a8a8a2;
}

.hotelTarifsTh1, .hotelTarifsTD1{
	width:154px;
	padding:5px;
	border-right:1px solid #fff;
}

.tarifDescription{
	color:#eee;
}

.hotelTarifsTh2, .hotelTarifsTD2{
	width:80px;
	padding:5px;
	border-right:1px solid #fff;
}

.hotelTarifsTh3, .hotelTarifsTD3{
	width:80px;
	padding:5px;
	border-right:1px solid #fff;
}

.hotelTarifsTh4, .hotelTarifsTD4{
	width:80px;
	padding:5px;
}
/* ======================================== HOTELS */


/* ======================================== PISTEURS SECOURISTES */
#pisteursBlocGauche{
	margin:0;
	padding:4px 0 0 0;
	background-color:White;
	background-image:url(/img/fond-titre-secouristes.gif);
	background-repeat:repeat-x;
}

#pisteursBlocGauche h2{
	margin:0 0 20px 0;
	font-size:240%;
	font-weight:bold;
	color:#FFFFFF;
}

#pisteursBlocGauche h2 span {
	padding:0 1px 2px 0;
}

#pisteursBlocGauche{
	font-size:120%;
	color:#474747;
}

.pisteursDroiteFond1{
	float:left;
	width:220px;
	padding:0;
	margin:0 0 10px 0;
	background-image:url(/img/fond-bloc-bleu-droite-pisteurs.gif);
	background-position:right 0;
	background-repeat:no-repeat;
}

.pisteursDroiteFond1 h2{
	margin:0;
	font-size:180%;
	font-weight:bold;
	text-align:right;
}

.pisteursDroiteFond1 h2 a{
	display:block;
	width:210px;
	padding:6px 10px 10px 0;
	text-decoration:none;
}

.pisteursDroiteFond1 h2 a span{
	padding:0 1px 1px 0;
	background-color:#FFFFFF;
	color:#000000;
	text-decoration:none;
}

.pisteursDroiteFond1 p{
	margin:0;
	padding:0;
}

.pisteursDroiteFond1 a{
	display:block;
	width:200px;
	margin:0;
	padding:6px 10px 10px 10px;
	text-decoration:none;
	cursor:pointer;
	font-size:120%;
	color:#5a595c;
	text-decoration:none;
}

.browserImage{
	width:670px;
	padding:10px 10px 10px 10px;
	margin:0 0 25px 0;
	background-color:#f2f2f2;
	border:0;
	border-bottom:1px dotted #C0C0BE;
	border-top:1px dotted #C0C0BE;
}

#bigImage{
	padding:0;
	margin:0;
}

.browserImageSources{
	float:left;
	width:548px;
	height:104px;
	overflow:hidden;
	margin:10px 0 0 0;
	padding:0;
	background-color:#f2f2f2;
}

.imagesSources{
	float:left;
	width:174px;
	height:98px;
	margin:0 6px 0 0;
	padding:0;
	border:0;
	cursor:pointer;
	z-index:5;
	border:solid 2px #f2f2f2;
}


.blocFlecheDroite, .blocFlecheGauche{
	float:left;
	width:51px;
	padding:32px 0 32px 0;
	margin:10px 0 0 0;
	background-image:url(/img/fond-bouton-browser.gif);
	background-repeat:repeat;
}

.blocFlecheGauche{
	margin-right:10px;
}

.blocFlecheDroite{
	margin-left:10px;
}

.bandeauImage{
	width:5000px;
	margin-left:0;
}

#sommairePagesInternes{
	margin:0;
	padding:0 0 8px 0;
	list-style:none;
}

#sommairePagesInternes li{
	margin:0 0 2px 0;
}

#sommairePagesInternes li a{
	text-decoration:none;
}

#sommairePagesInternes li a span{
	text-decoration:underline;
}

#sommairePagesInternes li a:hover{
	color:#000;
}
/* ======================================== PISTEURS SECOURISTES */


/* ======================================== WEBCAMS */
.webcamDescription{
    color:#ffffff;
    font-size:120%;
}

.webcamDescription2{
    color:#000000;
    font-size:120%;
}

#webcam1{
	width:930px;
	margin:0 0 20px -10px;
	padding:0 0 10px 10px;
}

#webcam1 h2{
	width:920px;
	margin:0 0 10px 0;
	padding:10px 0 0 0;
	background-image:url(/img/fond-bloc-droite-repeat.png);
	background-repeat:repeat;
	font-size:240%;
}

#webcam1 h2 span{
	background-color:#fff;
	padding:0 1px 0 1px;
}

.webcam2 {
	background-color:#fff;
	margin:0 0 20px -10px;
	padding:0 0 10px 10px;
	width:930px;
}

.webcam2 h2{
	width:920px;
	margin:0 0 10px 0;
	padding:10px 0 0 0;
	background-image:url(/img/fond-titre-webcam.gif);
	background-repeat:repeat-x;
	font-size:240%;
}

.webcam2 h2 span{
	background-color:#fff;
	padding:0 1px 0 1px;
}

.webcamsSuivantes{
	margin:0 0 20px 0;
}

.webcamsSuivantes h2{
	width:450px;
	margin:0 0 20px 0;
	padding:10px 0 0 0;
	background-image:url(/img/fond-titre-webcam.gif);
	background-repeat:repeat-x;
	font-size:240%;
}

.webcamsSuivantes h2 span{
	padding:0 1px 0 1px;
	color:#fff;
}

.conteneurWebcam{
	padding:10px;
	border-top:1px dotted #d9d9d9;
	background-color:#f2f2f2;
}

.webcamList{
	font-size:120%;
	list-style:none;
	line-height:18px;
	display: block;
	margin:10px 0;
	padding:0;
}

.webcamList li{
	display: inline;
	margin-right:30px;
}

.webcamList a{
	text-decoration:none;
	margin-left:5px;
}

.webcamList a span{
	text-decoration:underline;
}

.webcamList a:hover{
	color:#000;
}

#webcams-meas {
    margin-right: 10px;
    background: transparent url(/img/fond-meas-webcams.gif) repeat-x 0 0;
    padding-top: 10px;
}

#webcams-meas #secuInterneDroite {
    float: none;
    width: 100%;
}

#webcams-meas #secuInterneDroite .secuDroiteFond1,
#webcams-meas #secuInterneDroite .secuDroiteFond2 {
    margin-right: 13px;
}

#webcams-meas #secuInterneDroite .secuDroiteFond1.last,
#webcams-meas #secuInterneDroite .secuDroiteFond2.last {
    margin-right: 0;
}

/* ======================================== WEBCAMS */


/* ======================================== METEO */
#meteoGauche2{
	float:left;
	width:450px;
	margin:0 20px 0 0;
}

#meteoGauche2 h2{
	margin:0;
	padding:10px 0 10px 10px;
	background-image:url(/img/fond-titre-meteo.gif);
	background-repeat:repeat-x;
	font-size:240%;
	font-weight:bold;
}

#meteoGauche2 h2 span{
	padding:0 1px 0 1px;
	color:#fff;
}

.meteoFond1{
	padding:10px 0 10px 10px;
	background-color:#fff;
}

.meteoFond2{
	padding:10px 0 10px 10px;
	background-color:#f2f2f2;
}

#meteoGauche2 h3{
	margin:0 0 8px 0;
	font-size:170%;
	font-weight:bold;
	color:#2e2e2e;
}

.meteoDescriptif{
	margin:0 0 12px 0;
	font-size:120%;
	color:#474747;
}

#meteoDroite2{
	float:left;
	width:460px;
	padding:0 0 10px 0;
	background-color:#fffc00;
}

.meteoEntete1{
	width:127px;
	border-right:1px solid #e5e5e5;
}

.meteoEntete2, .meteoEntete3{
	width:95px;
	padding:0 0 0 5px;
	border-right:1px solid #e5e5e5;
	text-align:left;
	font-weight:normal;
	font-size:110%;
}

.meteoEntete4{
	width:95px;
	padding:0 0 0 5px;
	text-align:left;
	font-weight:normal;
	font-size:110%;
}

.meteoPointilles{
	border-bottom:1px dotted #e5e5e5;
}

.meteoCellule1{
	width:127px;
	padding:10px 0 10px 0;
	border-right:1px solid #e5e5e5;
	font-size:120%;
	color:#2e2e2e;
}

.meteoCellule1 span{
	font-size:16px;
}

.meteoCellule2, .meteoCellule3{
	width:100px;
	padding:10px 0 10px 0;
	border-right:1px solid #e5e5e5;
	text-align:center;
	font-size:180%;
	color:#2e2e2e;
}

.meteoCellule4{
	width:100px;
	padding:10px 0 10px 0;
	text-align:center;
	font-size:180%;
	color:#2e2e2e;
}

.meteoDateMiseAjour{
	margin:5px 10px 0 0;
	text-align:right;
	color:#4f4f4f;
}

#meteoDroite2 h2{
	margin:0 0 5px 0;
	padding:10px 0 10px 10px;
	background-image:url(../img/fond-titre-neige-vent.gif);
	background-repeat:repeat-x;
	font-size:240%;
	font-weight:bold;
}

#meteoDroite2 h2 span{
	padding:0 1px 0 1px;
	background-color:#fff;
	color:#000;
}

.meteoNeigeVenteEntete1{
	width:147px;
	border-left:10px solid #dad70e;
}

.meteoNeigeVenteEntete2, .meteoNeigeVenteEntete3{
	width:144px;
	padding:0 0 10px 10px;
	text-align:left;
	border-left:1px solid #dad70e;
	vertical-align:top;
	font-weight:normal;
	font-size:120%;
}

.meteoNeigeVenteEntete2 span, .meteoNeigeVenteEntete3 span{
	font-size:16px;
}

.meteoNeigeVenteCellule1{
	width:137px;
	padding:5px 0 5px 10px;
	border-left:10px solid #dad70e;
	font-size:110%;
	color:#4f4f4f;
}

.meteoNeigeVenteCellule2, .meteoNeigeVenteCellule3{
	width:144px;
	padding:5px 0 5px 10px;
	text-align:left;
	border-left:1px solid #dad70e;
	vertical-align:top;
	font-weight:normal;
	font-size:140%;
}

.meteoNeigeVenteSeparation{
	height:25px;
}

.meteoNeigeVenteCellule1avalanche{
	width:137px;
	padding:5px 0 5px 10px;
	border-left:10px solid #dad70e;
	font-size:160%;
	color:#4f4f4f;
}

.pictoAvalanche{
	float:left;
	width:54px;
	padding:0 5px 0 0;
}

.infosAvalanche{
	float:left;
	font-size:120%;
	color:#4f4f4f;
}

.infosAvalanche span{
	font-size:18px;
	color:#4f4f4f;
}

.avalancheDateMiseAjour{
	margin:8px 10px 0 0;
	text-align:right;
	color:#4f4f4f;
}
/* ======================================== METEO */


/* ======================================== ESPACE PRESSE ACTU DEFILANTE */
#actuDefilante{
	width:830px;
	height:23px;
	overflow:hidden;
	padding:7px 10px 0 100px;
	background-color:#fffc00;
	font-size:110%;
	color:#2e2e2e;
}

#actuDefilante p{
	margin:0;
}

#actuDefilante span{
	color:#c7c401;
}

#actuDefilante span.flashInfo{
	position:absolute;
	margin-left:-90px;
	font-weight:bold;
	color:#000;
	font-size:120%
}
/* ======================================== ESPACE PRESSE ACTU DEFILANTE */


/* ======================================== FREERIDE VTT */
#conteneurVisuelFreerideVttTour{
	float:left;
	width:210px;
	padding:0 0 0 0;
	background-image:url(/img/fond-free-ride-vtt-tour.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}

#visuelFreerideVttTour{
	padding:0 0 0 0;
}
/* ======================================== FREERIDE VTT */


/* ======================================== RESERVATION PARKING  */
#resaParkingContenus{
	width:940px;
	padding:10px 0 35px 0;
	background-color:#fff;
}

.resaParkingChemin{
	padding:0 0 0 10px;
}

#resaParkingGauche{
	float:left;
	width:440px;
	margin:15px 90px 0 0;
	padding:0 0 0 10px;

}

#resaParkingDroite{
	float:left;
	width:400px;
	margin:15px 0 0 0;
}

#formWinterXGamesGauche{
	float:left;
	width:670px;
	margin:15px 90px 0 0;
	padding:0 0 0 10px;
}

#formWinterXGamesDroite{
	float:left;
	width:170px;
	margin:15px 0 0 0;
}

#resaParkingGauche h2, #formWinterXGamesGauche h2, #resaParkingDroite h2, #formWinterXGamesDroite h2{
	margin:0 0 10px 0;
	font-size:220%;
	font-weight:bold;
	color:#fff;
}

#resaParkingDroite h2.localisationAuto, #formWinterXGamesDroite h2.localisationAuto{
	margin:550px 0 10px 0;
}

#resaParkingDroite h2.localisationBus, #formWinterXGamesDroite h2.localisationBus{
	margin:420px 0 10px 0;
}

#resaParkingGauche h2 span, #formWinterXGamesGauche h2 span, #resaParkingDroite h2 span, #formWinterXGamesDroite h2 span{
	padding:0 1px 0 1px;
}

#resaParkingLocalisation{
	margin:0 0 39px 0;
}

#resaParkingDroite ul{
	margin:0 0 39px 0;
	padding:0;
	list-style:none;
}

#resaParkingDroite ul li{
	margin:0;
	padding:0 0 0 8px;
	background-image:url(/img/puce-liste.gif);
	background-repeat:no-repeat;
	background-position:0 5px;
	font-size:120%;
	color:#777;
}

#resaParkingDroite ul li a{
	text-decoration:none;
}

#resaParkingDroite ul li a:hover{
	text-decoration:underline;
}

#resaParkingDroite p{
	margin:0 0 39px;
	font-size:120%;
	color:#777;
}

#resaParkingGauche p, #formWinterXGamesGauche p{
	margin:0 0 10px 0;
	font-size:120%;
	color:#777;
}

#resaParkingGauche p.resaParkingObligatoire, #formWinterXGamesGauche p.resaParkingObligatoire{
	margin:0 0 10px 0;
	font-size:110%;
	font-style:italic;
}

#resaParkingGauche p.resaParkingImportant, #formWinterXGamesGauche p.resaParkingImportant{
	margin:0 0 10px 0;
}

#resaParkingGauche p.resaParkingCnil, #formWinterXGamesGauche p.resaParkingCnil{
	margin:0;
	font-size:110%;
}

#resaParkingGauche p.resaParkingRecap, #formWinterXGamesGauche p.resaParkingRecap{
	font-size:170%;
	color:#414141;
}

#resaParkingPaiement{
	width:930px;
	margin:15px 90px 0 0;
	padding:0 0 0 10px;
}

#resaParkingPaiement p.resaParkingRecap{
	font-size:170%;
	color:#414141;
}

.resaParkingSeparateur{
	width:440px;
	height:1px;
	margin:0 0 10px 0;
	background-color:#bbb;
}

.resaParkingSeparateur2{
	width:440px;
	height:1px;
	margin:0 0 30px 0;
	background-color:#bbb;
}

#resaParkingGauche p.resaParkingForfait{
	margin:0 0 2px 0;
	font-size:170%;
}

.forfaitSkiOuiNon, .resaParkingChampGauche{
	float:left;
	padding:0 20px 6px 0;
}

.resaParkingChampGauche {
	width:210px;
}

.forfaitN{
       display: none;
	padding:0 0 6px 0;
}

.resaParkingChampDroite{
	float:left;
	width:210px;
	padding:0 0 6px 0;
}

.resaParkingGrandChamp{
	padding:0 0 6px 0;
}

#resaParkingGauche h3, #formWinterXGamesGauche h3{
	margin:20px 0 15px 0;
	padding:0 0 1px 0;
	border-bottom:1px solid #bbb;
	font-size:170%;
	font-weight:bold;
}

#resaParkingForfaitRadios a{
	padding:0 20px 0 0;
	text-decoration:none;
	font-size:120%;
	color:#474747;
}

#resaParkingForfaitRadios a img{
	padding:0 5px 0 0;
}

.nForfaitChamp, .nForfaitChamp1, .nForfaitChamp2{
	display:block;
	float:left;
	width:30px;
	height:22px;
	padding:3px 2px 1px 2px;
	border:2px solid #3e3e3e;
	font-family:arial;
	font-size:170%;
	color:#000;
}

.nForfaitChamp{
	margin:0 11px 0 0;
}

.nForfaitChamp1{
	margin:0 12px 0 0;
}

.champ5{
	width:50px;
}

#resaParkingNforfaitPlus{
	margin:2px 0 0 0;
	font-size:120%;
	font-weight:bold;
}

#resaParkingNforfaitPlus a{
	text-decoration:none;
}

#resaParkingNforfaitPlus a:hover{
	text-decoration:underline;
}

.resaParkingChampGauche label, .resaParkingChampDroite label, .resaParkingGrandChamp label, .forfaitN label{
	display:block;
	margin:0 0 2px 0;
	font-size:170%;
}

.resaParkingChamp1{
	display:block;
	float:left;
	width:202px;
	height:22px;
	padding:3px 2px 1px 2px;
	border:2px solid #3e3e3e;
	font-family:arial;
	font-size:170%;
	color:#000;
}

.resaParkingChamp2{
	display:block;
	width:432px;
	height:22px;
	padding:3px 2px 1px 2px;
	border:2px solid #3e3e3e;
	font-family:arial;
	font-size:170%;
	color:#000;
}

.resaParkingGrandChamp2{
	display:block;
	width:432px;
	height:100px;
	padding:3px 2px 1px 2px;
	border:2px solid #3e3e3e;
	font-family:arial;
	font-size:170%;
	color:#000;
}

.resaParkingSelect{
	position:relative;
	width:210px;
	margin:0 0 8px 0;
}

.resaParkingChampDate{
	display:block;
	float:left;
	width:170px;
	height:22px;
	padding:3px 2px 1px 2px;
	border:2px solid #3e3e3e;
	font-family:arial;
	font-size:170%;
	color:#000;
}

.resaParkingSelectSelected{
	display:block;
	float:left;
	width:175px;
	height:22px;
	margin:0;
	padding:3px 2px 1px 2px;
	border:2px solid #3e3e3e;
	background-color:#fff;
	text-decoration:none;
	font-size:170%;
	color:#000;
}

.resaParkingSelectFleche{
	float:left;
	display:block;
	width:27px;
	height:30px;
}

.resaParkingSelect ul{
	position:absolute;
	z-index:13;
	top:30px;
	left:0;
	width:206px;
	border-left:2px solid #3e3e3e;
	border-right:2px solid #3e3e3e;
	border-bottom:2px solid #3e3e3e;
	background-color:#fff;
	margin:0;
	padding:0;
	list-style:none;
}

.resaParkingSelect ul li{
	margin:0;
	padding:0;
}

.resaParkingSelect ul li a{
	display:block;
	width:194px;
	padding:2px 6px 2px 6px;
	text-decoration:none;
	font-size:170%;
	color:#000;
}

.resaParkingSelect ul li a:hover{
	background-color:#fffc00;
}

#hauteurMaxParking{
	margin:7px 0 0 0;
	font-size:170%;
	color:#000;
}

.resaParkingCheckbox{
	margin:0 0 10px 0;
}

.resaParkingCheckbox a{
	text-decoration:none;
	font-size:120%;
	color:#474747;
}

.resaParkingCheckbox a img{
	padding:0 5px 0 0;
}

#resaParkingPrix{
	float:left;
	width:200px;
	height:33px;
	margin:0 20px 0 0;
	padding:7px 0 0 10px;
	background-image:url(/img/fond-resa-parking-prix.gif);
	background-repeat:no-repeat;
}

#resaParkingTitrePrix{
	float:left;
	width:100px;
}

#resaParkingTitrePrix span{
	background-color:#fff;
	padding:0 3px 0 3px;
	font-size:220%;
	color:#000;
}

#resaParkingMontant{
	float:left;
	width:100px;
}

#resaParkingMontant span{
	background-color:#000;
	padding:0 3px 0 3px;
	font-size:220%;
	color:#fff;
}

#resaParkingReserver{
	float:left;
	width:99px;
}

#resaParkingConditionsAnnulation{
	margin:10px 0 30px 0;
	font-size:120%;
	color:#777;
}

#resaParkingConditionsAnnulation a{
	text-decoration:none;
	color:#777;
}

#resaParkingConditionsAnnulation a:hover{
	text-decoration:underline;
}

.resaParkingRecapIntitule{
	font-size:170%;
}

#resaParkingRecapPrix{
	width:430px;
	padding:7px 0 7px 10px;
	background-image:url(/img/fond-resa-parking-recap.gif);
	background-repeat:no-repeat;
	background-color:#fffc00;
}

#resaParkingRecapTab{
	width:420px;
	margin:15px 0 0 0;
}

.resaParkingRecapCell1{
	width:297px;
	padding:0 0 5px 3px;
	text-align:left;
	font-size:140%;
	color:#000;
}

.resaParkingRecapCell2{
	width:120px;
	padding:0 0 5px 0;
	text-align:right;
}

.resaParkingRecapCell1a{
	width:297px;
	padding:0 0 10px 3px;
	text-align:left;
	font-size:140%;
	color:#000;
}

.resaParkingRecapCell2a{
	width:120px;
	padding:0 0 10px 0;
	text-align:right;
}

.resaParkingRecapCell2 span, .resaParkingRecapCell2a span{
	background-color:#000;
	padding:0 3px 0 3px;
	font-size:160%;
	font-weight:bold;
	color:#fff;
}

.resaParkingRecapCell1b{
	width:297px;
	padding:2px 0 2px 3px;
	background-color:#000;
	text-align:left;
	font-size:180%;
	color:#fff;
}

.resaParkingRecapCell2b{
	width:120px;
	padding:2px 3px 2px 0;
	background-color:#000;
	text-align:right;
	font-size:220%;
	font-weight:bold;
	color:#fff;
}

#resaParkingRecapImprimer{
	width:440px;
	margin:10px 0 30px 0;
	text-align:right;
}

.error{
	color:#ff0000;
}
/* ======================================== RESERVATION PARKING  */