.unHotel{
	background: #ff822f url(../images/bg_orange.jpg) no-repeat left bottom;
	min-height: 76px;
	width: 584px;
	margin-bottom: 3px;
}
.unHotel .unHotelBis{
	background-color: #fff;
	border: 1px solid #d0cfcf;
	min-height: 76px;
	margin-left: 8px;
}
.unHotel .imgHotel{
	float: left;
	width:120px;
	text-align: center;
	padding-left: 9px;
	vertical-align: middle;
}
.unHotel .imgHotel img{
	border: solid 1px #D0CFCF;
}
.unHotel .texteHotel{
	float: left;
	padding: 13px 0 0 18px;
}
.unHotel .texteHotel .texteHotel1{
	position: relative;
	width: 410px;
	background: url(../images/traitOrange.jpg) no-repeat left bottom;
	padding-bottom: 5px;
}
.unHotel .texteHotel .texteHotel2{
	font-weight: bold;
	color: #485258;
}
.texteHotel2 .telHotel{
	margin: 12px 0 0 13px;
	width: 222px;
	float: left;
}
.unHotel .texteHotel .BlockNomHotel{
	padding-right:7px;
	width:230px;
	float: left;
}
.unHotel .texteHotel .tarifUnHotel{
	font-weight: bold;
	padding-right: 5px;
	color: #485258;
	text-transform: lowercase;
}
.savoirPlus{
	position: absolute;
	bottom:-7px;
	right: 0;
	padding: 0 4px;
	background: #fff url(../images/bg_savoir_plus.jpg) repeat-x left bottom;
	border: 1px solid #FF6600;
	line-height: 16px;
	text-decoration: none;
	font-weight: bold;
	color: #FF6600;
}
.texteHotel .nomHotel{
	font-weight: bold;
	font-size: 1.37em;
	text-decoration: none;
	color: #ff6600;
}
.unHotel .etoileHotel img{
	margin: 0;
	padding-top: 5px;
}
.rectangleOrange{
	width: 8px;
	float: left;
	background: url(../images/bg_orange.jpg) no-repeat left top;
	height: 90px;
	margin: 0;
}
#detailUnHotel,
.detailService{
	width: 584px;
	background: url(../images/bg_blanc_h.png) no-repeat left top;
	margin: 0 0 0 7px;
	padding-top: 1px;
}
#detailUnHotel .centreDetailHotel,
.detailService .centreDetailService{
	background: url(../images/bg_blanc_c.png) repeat-y left top;
}
#detailUnHotel .piedDetailUnHotel,
.detailService .piedDetailService{
	width: 584px;
	height: 28px;
	background: url(../images/bg_blanc_b.png) no-repeat left bottom;
}
#detailUnHotel .gaucheHotel,
.detailService .gaucheUnService{
	width: 270px;
	float: left;
	padding-left: 10px;
}
#detailUnHotel .droiteHotel,
.detailService .droiteUnService{
	width: 290px;
	float: left;
	padding-bottom: 20px;
}
#detailUnHotel .gaucheHotel img,
.detailService .gaucheUnService img{
	border: 1px solid #5e91cc;
	margin-bottom: 5px;
}
#detailUnHotel .LesTarifs ul{
	font-size: 1.4em;
	color: #ff6600;
	width: 157px;
	text-align: center;
	padding-top: 10px;
	background: url(../images/bg_orange_h.png) no-repeat left top;
	margin: 10px 0 10px 35px;
}
#detailUnHotel .LesTarifs ul li{
	background: none;
	line-height: 17px;
	background: url(../images/bg_orange_c.png) repeat-y left top;
	padding-left: 0;
}
.LesTarifs .orangeGras{
	display: block;
	margin-bottom: 10px;
	color: #485258;
	font-weight: bold;
}
.LesTarifs .PiendLesTarifs{
	background: url(../images/bg_orange_b.png) no-repeat left bottom !important;
}
#detailUnHotel .nomHotel,
.detailService .nomService{
	font-size: 2em;
	font-weight: bold;
	color: #ff6600;
	text-align: center;
	padding: 10px 0;
	line-height:22px;
}
#detailUnHotel .etoile{
	text-align: center;
}
#detailUnHotel .etoile img{
	margin: 0;
}
#detailUnHotel .adresse{
	margin-top: 10px;
}
#detailUnHotel .adresse,
.detailService .adresse{
	font-size: 1.2em;
	text-align: center;
	color: #485258;
	line-height: 19px;
}
#detailUnHotel .descriptHotel,
.detailService .descriptService{
	margin-top: 10px;
	color: #485258;
	font-size: 1.1em;
	line-height: 17px;
}
#detailUnHotel .descriptHotel a{
	color: #044484;
}
#detailUnHotel .nbChambre{
	font-weight: bold;
	color: #ff6600;
	font-size: 1.3em;
	margin:10px 0 0 35px;
}
#detailUnHotel .nbChambre li{
	background: none;
	padding: 0 0 0 0;
	line-height: 20px;
}
#detailUnHotel .nbChambre li span{
	color: #5e91cc;
}
#detailUnHotel .pictoHotel{
	width: 555px;
	min-height: 50px;
	border: 1px solid #d2d4d5;
	margin: 0 0 0 10px;
}
#detailUnHotel .pictoHotel ul{
	width: 384px;
	margin: 0 auto;
	text-align: center;
	padding-top: 5px;
}
#detailUnHotel .pictoHotel ul li{
	background: none;
	float: left;
	display: block;
	padding:7px 0 5px 0;
	width: 32px;
}
#detailUnHotel .pictoHotel ul li:hover{
	background: url(../images/flechePicto.jpg) no-repeat 50% 0;
}
#detailUnHotel .pictoHotel img{
	margin: 0;
}
#TexteDetailPicto{
	font-weight: bold;
	padding-top: 15px;
	font-size: 1.1em;
	text-align: center;
	height: 20px;
	color: #FF6600;
}
#detailUnHotel .lien,
.detailService .lien{
	font-size: 1.26em;
	font-weight: bold;
	text-align: center;
	margin: 15px 0 0 0 !important;
}
#detailUnHotel .lien li,
.detailService .lien li{
	display: inline;
	background: none !important;
	padding: 0 15px;
}
#detailUnHotel .lien a,
.detailService .lien a{
	text-decoration: none;
	color: #FF6600;
	background: url(../images/flecheOrange.jpg) no-repeat 0 3px;
	padding-left: 15px;
}
.listeCommerce,
.listeRubPart{
	background: url(../images/bg_commerce_h.png) no-repeat 0 0;
	width: 377px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin: 0 auto;
	font-size: 1.2em;
	font-weight: bold;
}
.listeCommerce ul li,
.listeRubPart ul li{
	background: none !important;
	line-height: 20px;
}
.listeCommerce ul li a,
.listeRubPart ul li a{
	text-decoration: none;
	color: #60696e;
	background: url(../images/puce_bleu.jpg) no-repeat 0 4px;
	padding-left: 15px;
}
.listeCommerce ul li a:hover,
.listeRubPart ul li a:hover{
	text-decoration: underline;
}
.listeCommerce ul,
.listeRubPart ul{
	background: url(../images/bg_commerce_c.png) repeat-y 0 0;
	width: 377px;
	margin: 0 !important;
}
.listeCommerce .PiedListeCommerce,
.listeRubPart .PiedListeRubPart{
	background: url(../images/bg_commerce_b.png) no-repeat left bottom;
	width: 377px;
	height: 15px;
}
.nomCategorie,
.rubriquePartenaire{
	background: url(../images/picto_flocon.png) no-repeat 0 0;
	color: #044484;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 28px;
	padding-left: 38px;
	margin: 8px 0;
}
.activeType{
	color: #FF6600 !important;
}
.ouvertureService{
	width: 250px;
	background: url(../images/orange_250_h.png) no-repeat left top;
	padding-top: 10px;
	font-size: 1.2em;
	margin: 15px 0 0 2px;
}
.ouvertureService .centreOuvertureService{
	background: url(../images/orange_250_c.png) repeat-y left top;
	padding:0 10px;
}
.ouvertureService .piedOuvertureService{
	width: 250px;
	background: url(../images/orange_250_b.png) no-repeat left bottom;
	height: 10px;
}
.retourService{
	background: url(../images/flecheOrange.jpg) no-repeat 0 3px;
	padding:0 0 0 15px;
	margin-left: 530px;
	font-weight: bold;
	color: #044484;
}
.clearLeft{
	clear: left;
}
.bold{
	font-weight: bold;
}

/*		nulle part ailleurs		*/
.blockNPA{
	margin-bottom: 3px;
	min-height: 100px;
	width: 584px;
	background: #024283 url(../images/bg_bleu.jpg) no-repeat left top;
}
.blockNPABis{
	background-color: #fff;
	border: 1px solid #D0CFCF;
	margin-left: 8px;
	min-height: 100px;
}
.blockNPA .gaucheNPA{
	float: left;
	width: 96px;
	text-align: center;
}
.blockNPA .gaucheNPA img{
	/*border: 1px solid #D0CFCF;*/
}
.blockNPA .droiteNPA{
	color: #485258;
	margin-left: 110px;
	padding-top: 10px;
}
.blockNPA .titreNPA{
	padding-bottom: 5px;
	position: relative;
	background: url(../images/traitBleu.jpg) no-repeat left bottom;
	margin-bottom: 10px;
}
.blockNPA .titreNPA a{
	color: #2464a5;
	font-size: 1.3em;
	font-weight: bold;
	text-decoration: none;
}
.blockNPA .descriptifNPA{
	padding-right: 15px;
}
.blockNPA .savoirPlusNPA{
	position: absolute;
	bottom:-7px;
	right: 15px;
	padding: 0 4px;
	background: #fff url(../images/bg_savoir_plus.jpg) repeat-x left bottom;
	border: 1px solid #2464A5;
	line-height: 16px;
	text-decoration: none;
	font-weight: bold;
	color: #FF6600 !important;
	font-size: 1em !important;
}

/*		les services		*/
.blockService{
	min-height: 59px;
	width: 584px;
	background: #ff822f url(../images/bg_orange.jpg) no-repeat left bottom;
	margin: 3px 0;
}
.blockServiceBis{
	width: 576px;
	background-color: #fff;
	margin-left: 8px;
	min-height: 59px;
	border: 1px solid #d0d2d3;
	padding-left: 16px;
}
.blockService .nomService{
	font-size: 1.4em;
	font-weight: bold;
	background: url(../images/trait_orange_commerce.jpg) no-repeat left bottom;
	padding: 5px 0;
	position: relative;
}
.blockService .nomService a{
	text-decoration: none;
	color: #ff6600;
}
.savoirPlusCommerce{
	position: absolute;
	bottom:-7px;
	right: 20px;
	background: #fff url(../images/bg_savoir_plus.jpg) repeat-x left bottom;
	font-size: 0.72em;
	border: 1px solid #ff6600;
	padding: 0 4px;
}
.blockService .telService{
	color: #485258;
	margin-top: 10px;
}
.blockService .nomResponsable span{
	font-weight: bold;
}
.telService .telResponsable{
	float: left;
	width: 235px;
	font-weight: bold;
}

/*	formulaire sms	*/
#form_sms{
	width: 500px;
	margin-bottom: 20px;
}
#form_sms .row{
	margin: 10px 0;
}
#form_sms .row label{
	float: left;
	width: 150px;
}
#form_sms button{
	background-color: #666;
	border: none;
	color: #fff;
	font-weight: bold;
	padding: 3px 7px;
	margin: 15px 0 0 150px;
	font-size: 1.14em;
}
#form_sms button:hover{
	background-color: #FF6600;
}
#form_sms #formOpEtranger,
#form_sms #formPays{
	font-weight: bold;
	color: #044484;
}
.message{
	margin-bottom: 15px;
}
.rouge{
	color: #c5070c;
}

/*	newsletter	*/
#gaucheNewsletter{
	float: left;
	width: 300px;
}
#droiteNewsletter{
	float: left;
	margin-bottom: 30px;
}
.listNewsletter a{
	text-decoration: none;
	color: #000;
}
.listNewsletter a:hover{
	text-decoration: underline;
}

/*	formulaire newsletter	*/
#formNewsletter .row{
	margin: 10px 0;
}
#formNewsletter button{
	background-color: #666;
	border: none;
	color: #fff;
	font-weight: bold;
	padding: 3px 7px;
	margin: 0 0 0 79px;
	font-size: 1.14em;
}
#formNewsletter button:hover{
	background-color: #FF6600;
}
#formemail{
	margin-left: 7px;
}
/*	actualité & focus	*/
.blockActu,
.blockFocus,
.blockPartenaire,
.blockEnImage{
	background: url(../images/bg_blanc_h.png) no-repeat left top;
	margin: 0 0 20px 7px;
	padding-top: 1px;
	width: 584px;
}
.blockActu .blockCentreActu,
.blockFocus .blockCentreFocus,
.blockPartenaire .blockCentrePartenaire,
.blockEnImage .blockCentreEnImage{
	background: url(../images/bg_blanc_c.png) repeat-y left top;
	padding: 0 15px 10px 0;
	margin-top:1px;
}
.blockActu .blockPiedActu,
.blockFocus .blockPiedFocus,
.blockPartenaire .blockPiedPartenaire,
.blockEnImage .blockPiedEnImage{
	background: url(../images/bg_actu_b.png) no-repeat left top;
	width: 584px;
	height: 8px;
}
.blockActu .imgActu{
	width: 180px;
}
.blockFocus .imgFocus{
	width: 210px;
}
.blockEnImage .photoEnImage{
	width: 120px;
}
.blockActu .imgActu,
.blockFocus .imgFocus,
.blockEnImage .photoEnImage{
	text-align: center;
	float: left;
}
.blockFocus .imgFocus img,
.blockEnImage .photoEnImage img{
	border: 1px solid #757076;
}
.blockFocus .accrocheFocus{
	font-weight: bold;
	margin: 10px 0;
	line-height: 17px;
}
.blockFocus .texteFocus{
	line-height: 17px;
}
.blockActu .detailActu,
.blockFocus  .detailFocus{
	padding: 10px 0 0 15px;
	color: #485258;
	overflow: hidden;
}
.blockEnImage .detailEnImage{
	padding: 10px 0 0 5px;
	color: #485258;
	overflow: hidden;
}
.blockActu .titreActu{
	margin-bottom: 10px;
}
.blockEnImage .nomEnImage{
	margin-bottom: 5px;
}
.blockActu .titreActu,
.blockFocus  .titreFocus,
.blockPartenaire .nomPartenaire,
.blockEnImage .nomEnImage{
	color: #ff6600;
	font-size: 1.3em;
	font-weight: bold;
}
.blockFocus  .sousTitreFocus{
	color: #0F325D;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 18px;
}
.blockActu .pdfActu a{
	font-weight: bold;
	color: #004182;
	line-height: 17px;
}
.blockPartenaire .nomPartenaire{
	margin-bottom: 10px;
}
.blockPartenaire .logoPartenaire{
	text-align: center;
	padding-top: 10px;
}
.blockPartenaire .detailPartenaire{
	width: 350px;
	float: left;
	padding: 10px 0 0 15px;
	color: #485258;
}

/*	en image	*/
/*.blockEnImage{
	padding: 5px;
	border: 1px solid #ccc;
	margin: 5px 0;
	overflow: hidden;
}
.blockEnImage .photoEnImage,
.blockEnImage .detailEnImage{
	float: left;
}
.blockEnImage .photoEnImage{
	width: 120px;
}
.blockEnImage .photoEnImage img{
	margin: 0 !important;
	border: 1px solid #333;
}
.blockEnImage .detailEnImage{
	width: 470px;
}
.blockEnImage .detailEnImage .nomEnImage{
	font-weight: bold;
	color:#044484;
}*/
/*		brochure		*/
.listeBrochure li{
	font-size: 1.2em;
	background: none !important;
	line-height: 25px;
	margin: 1px 0;
	width: 370px;
	border: 1px solid transparent;
}
.listeBrochure li:hover{
	border: 1px solid #ccc;
}
.listeBrochure a{
	text-decoration: none;
	color: #000;
}
.listeBrochure .pucePdf1{
	background: url(../images/pdf.gif) no-repeat left 2px;
	padding:7px 0 7px 30px;
}
.listeBrochure .pucePdf2{
	background: url(../images/pdf2.gif) no-repeat left 2px;
	padding:7px 0 7px 30px;
}
#formBrochure{
	width: 500px;
	margin-bottom:20px;
}
#formBrochure fieldset,
#form_sms fieldset{
	border: 1px solid #ccc;
	padding: 20px;
}
#formBrochure label{
	float: left;
	width: 180px;
}
#formBrochure .row{
	clear: both;
	margin: 10px 0;
}
#formBrochure #adresse{
	width: 200px;
	height: 50px;
}
#formBrochure #commentaire{
	width: 250px;
	height: 110px;
}
#formBrochure button{
	background-color: #666;
	border: none;
	color: #fff;
	font-weight: bold;
	padding: 3px 7px;
	margin-left:180px;
	font-size: 1.14em;
}
#formBrochure button:hover{
	background-color: #FF6600;
}
.bulletinMeteo{
	font-size: 1.2em;
	margin: 10px auto;
	border: 1px solid #D0CFCF;
	width: 470px;
	padding: 10px 5px;
	background-color: #feecd2;
}
.bulletinMeteo li{
	background: none !important;
	line-height: 18px;
}
.bulletinMeteo li span{
	width: 250px;
	display: block;
	float: left;
	font-weight: bold;
}
.bulletinMeteo .nomStation{
	color: #FF6600;
}
.bgMeteo{
	background-color: #d7ebff;
}
.meteoNeige{
	width: 500px;
	margin:0 0 15px 50px;
	border: 1px solid #FF6600;
	padding: 10px 0 0 10px;
	background-color: #fff;
}
.titreSecteur{
	text-transform: uppercase;
	font-weight: bold;
	color: #FF6600;
	margin-bottom: 10px;
	background: url(../images/flecheOrange.jpg) no-repeat 0 1px;
	padding-left: 15px;
}
.soustitreSecteur{
	background: url(../images/puce_bleu.jpg) no-repeat 0 3px;
	color: ##60696E;
	font-weight: bold;
	padding-left: 15px;
	margin:0 0 15px 10px;
}
.pisteRemonte{
	width: 250px;
	margin-left: 50px;
	border: 1px solid #FF6600;
}
.pisteRemonte li{
	line-height: 23px;
	clear: left;
}
.pisteRemonte li span{
	font-weight: bold;
	float: left;
	display: block;
	width: 120px;
}
.pisteRemonte li.bgRemonte{
	background: #ccc !important;
}
.pisteRemonte li.bgRemonteBis{
	background: #fff !important;
}
.lesPistes{
	width: 500px;
	margin:0 0 15px 50px;
	border: 1px solid #FF6600;
	background-color: #fff;
}
.lesPistes tr td{
	vertical-align: middle;
	height: 20px;
	line-height: 18px;
}
.lesPistes  img{
	margin: 0 !important;
}
.lesPistes .nomPiste{
	width: 190px;
	padding-left: 10px;
	font-weight: bold;
}
.lesPistes .etatPiste{
	width: 80px;
}
.lesPistes .typePiste{
	width: 80px;
}
.lesPistes .couleurPiste{
	width: 80px;
	font-weight: bold;
	text-align: center;
}
.lesPistes .attenteMontee{
	width: 80px;
}
.lesPistes .couleurPisteBis{
	line-height: 19px;
}
.lesPistes .Classbleue{
	background-color: #0000FF;
	color: #fff;
}
.lesPistes .Classrouge{
	background-color: #FF0000;
	color: #fff;
}
.lesPistes .Classnoire{
	background-color: #000000;
	color: #fff;
}
.lesPistes .Classverte{
	background-color: #00FF00;
}
.blockPlanSite{
	width: 250px;
	float: left;
	padding-left: 30px;
}
.planSite{
	background: url(../images/bg_piedpage.png) no-repeat left top;
	padding-top: 19px;
	width: 181px;
	border-bottom: 1px solid #ff6600;
}
.planSite a{
	text-decoration: none;
	color: #064c80;
	background: url(../images/puceListe.gif) no-repeat 0 7px;
	padding-left: 8px;
	display: block;
	line-height: 19px;
	width: 165px;
}
.planSite a:hover{
	background-color: #ff6600;
	color: #fff;
}
.planSite li{
	border-left: 1px solid #ff6600;
	border-right: 1px solid #ff6600;
	background: #fff !important;
	padding-left: 3px!important;
}
.nomPlanSite{
	font-weight: bold;
	text-transform: uppercase;
	color: #064C80;
	font-size: 1.2em;
	margin-top: 15px;
}

/*	champion	*/
.afficherChampion{
	margin: 15px 0;
	/*border: 1px solid #FF6600;*/
}
.afficherChampion .imageChampion{
	width: 120px;
	float: left;
	text-align: center;
}
.afficherChampion .imageChampion img{
	margin: 0;
}
.afficherChampion .clickChamption {
	width: 460px;
	float: left;
}
.afficherChampion .clickChamption span{
	display: block;
	line-height: 20px;
}
.afficherChampion  .nomChampion{
	color:#FF6600;
	font-size:1.37em;
	font-weight:bold;
	cursor: pointer;
}
.DetailChampion{
	clear: left;
}
.cache{
	display: none;
}