/* @override 
	http://twinner.kim/site/css/screen.css
*/

/*

	Twinner 2009
	
	CONTENTS ----------
	
	   1.BODY
	   2.DEFAULT STYLING
	   3.HEADINGS
	   4.LINKS
	   5.IMAGES & VIDEOS
	   6.LAYOUT
	   7.BRANDING/MASTHEAD
	   8.NAVIGATION
	   9.SITEINFO/FOOTER
       10.GLOBALS ELEMENTS
	   11.NEWS
	
*/



@import url(reset.css); /* RESET CSS */



/* @group Body */

body {
	font-family: Arial, Helvetica,"Liberation Sans",FreeSans,sans-serif ;
	font-size: 12px;
	color: #444;
	background: url("images/header.jpg") repeat-x top center;
}

/* @end */

/* @group Default Styling */

a {
	color: #94C10F;
}

h2 {
	margin-top: 0.2em;
	font-size: 1.7em;
	color: #576C7F;
	margin-bottom: 1em;
}

h3 {
	/*margin-top: 1.0em;*/
	font-size: 1.5em;
	margin-bottom: 0.6em;
	/*color: #509FC8;*/
	color:#5C5C5E;
}



p {
	margin-bottom: 15px;
	line-height: 1.2em;
}

strong {
	font-weight: bold;
}


small {
	color: #818181;
	font-size: 0.85em;
	line-height: 1.2em;
}
img {
	display: inline;
}
/* @end */

/* @group Header */


#header {

	padding-bottom: 2px;
}

#header h1 a {
	position: absolute;
	width: 305px;
	height: 25px;
	top: 15px;
	text-indent: -3000px;
	background:url("images/header-h1.png");
}
#header h1.h1_1 a {
	background:url("images/header-h1_uk.png");
}
#header h1.h1_4 a {
	background:url("images/header-h1_sp.png");
}
#header h1.h1_6 a {
	background:url("images/header-h1_ne.png");
}

#header h2 {
	position: absolute;
	top: 13px;
	right: 10px;
	font-size: 0.9em;
}

#header h2 a {
	color: #fff;
	text-decoration: none;
}

#logo-twinner {
	background: url("images/logo-twinner.png") no-repeat;
	width: 162px;
	height: 38px;
	position: absolute;
	text-indent: -3000px;
	left: 305px;
	top: 12px;
}


#header {
	height: 90px;
	position: relative;
	background: url("images/head-in.jpg") top center no-repeat;
}

/* flags */

.header-flag {
	/*display: none;*/
	position:absolute;
	top: 34px;
	right: 10px;
}

.header-flag li {
	float: left;
	margin-left: 10px;	
}
#content .header-flag {
	float: right;
	margin-top: -20px;
	position: relative !important;
}

#flag-uk, #flag-fr, #flag-nl, #flag-es {
	background: url("images/flags.gif");
	width: 12px;
	height: 10px;
	overflow: hidden;
	display: block;
	text-indent: -3000px;
}

#flag-uk { }
#flag-fr { background-position: 0 -10px; }
#flag-nl { background-position: 0 -20px; }
#flag-es { background-position: 0 -30px; }


/* header compte */

#log-compte {
	display: none !important;
	
}

#header-group {
	display: none;
}

#header-compte {
	position: absolute;
	top: 31px;
	right: 101px;
}

#header-compte a {
	text-decoration: none;
	color: #8F9EA3;
	font-size: 0.85em;
}



/* @end */
/* @group Header modal */


.modal #header{
	height: 55px;
	position: relative;
	background: url("images/header-fiche-resa.gif") top center no-repeat;
	width:690px;
	padding:0px;
	position:relative;
}

.modal #header h1 a {
	background:transparent url(images/header-h1.png) repeat scroll 0 0;
	height:25px;
	left:109px;
	position:absolute;
	text-indent:-3000px;
	top:12px;
	width:305px;
}



.modal #header #logo-twinner {
	background:transparent url(images/logo-twinner.png) no-repeat scroll 0 0;
	height:38px;
	left:415px;
	position:absolute;
	text-indent:-3000px;
	top:9px;
	width:162px;
}



/* @end */

/* @group Layout */


#content, .paysage {
	/*position: relative;*/
	background: url("images/paysage-short.jpg") top center no-repeat;
	zoom:1;
}

.wrap-white {
	background: url("images/fond-blanc.png") top center no-repeat;
}

.wrap-shadow {
	background: url("images/wrap-shadow.png") top center no-repeat;
}

.wrap-head {
	background: url("images/head-in.jpg") no-repeat top center;
}

.wrap-shadow .container_12 {
		padding-top: 50px;
		background: url("images/wrap-shadow.png") top center no-repeat;	
}



.full .grid_4{
	margin: 0;
	width: 310px;
}

.full .grid_12 {
	margin: 0;
}

.white {
	padding-top: 1em;
	/*background-color: #fff;*/
}

/* @group .overlay */


.overlay {
	background: url("images/overlay.png");
	width: 100%;
	height: 100%;
}

.overlay .overlay {
	padding-bottom: 40px;
}



/* @end */


/* @end */

/* @group Navigation */



#menu-nav {
	position: absolute;
	left: 0;
	top: 60px;
}

#menu-nav ul li {
	float: left;
	font-size: 0.9em;
	margin-right: 2px;
}

#menu-nav a {
	display: block;
	padding: 8px 12px 10px 12px;
	text-decoration: none;
	color: #8F9EA3;
	font-size: 1.2em;
}

#menu-nav li.activ a {
	background-color: #fff;
	color: #3E5473;
}



/* @end */

/* @group Chemin Réservation */




#chemin-reservation {
	position: relative;
	height: 40px;
	font-size: 1.4em;
	margin-bottom: -2px;
}

#chemin-reservation li {
	display: block;
	float: left;
	color: #818181;
	margin: 11px 10px;
	font-weight: bold;
	margin-right: 30px;
}

#chemin-reservation .nb {
	background: url("images/nb.gif") 0 16px;
	padding: 3px 5px;
	font-size: 0.6em;
	color: #fff;
	float: left;
	margin-right: 10px;
}


#chemin-reservation a {
	color: #3E5473;
	text-decoration: none;
}

#chemin-reservation a .nb {
	background-position: 0 0;
}


#chemin-reservation .telephone {
	position: absolute;
	top: 8px;
	right: 10px;
	padding-top: 1px;
	padding-left: 30px;
	font-size: 0.7em;
	width: 85px;
	background: url("images/telephone.gif") no-repeat left 0px;
	color: #555 !important;
	text-align: center;

}

#chemin-reservation .telephone.ferme {
	background-position:left -43px;

}
/* @end */

/* @group Footer */







#foot {
	margin-top: 20px;
	color: #667A9B;
	font-size: 0.8em;
	background: url("images/foot.png");
}

#foot a {
	color: #576C7F;
	text-decoration: none;
}

#foot .in {
	background: url("images/foot-in.jpg") no-repeat top center;
	position: relative;
}

#foot .in .container_12 {
	position: relative;
		padding-top: 50px;
	background: url("images/foot-in.jpg") no-repeat top center;
	
}


#foot .grid_8 {
	width: 460px;
}

#foot h2 {
	display: inline;
	line-height: 1.4em;
	font-size: 1em;
}

/* @end */







/* form etape 1 */

/* @group form etape 1 pour home ? */

.box {
	background: url("images/box.png") 0 20px no-repeat;
	width: 300px;
	overflow: hidden;
	height: 430px;
}


#formEtape1 {
	padding: 20px 29px;
	padding-top: 40px;
}


#liste_stations  {
  	display:none;
 
}


#search_station {
	display: block;
	width: 98%;
}

input.text, input.text-inline {
	border: 1px solid #aaa;
	padding: 0.4em;
	font-size: 1em;
	/*color: #3E5473;*/
	color:#0B87D1;
	background: #F8F9FB;
}
select {
	height: 26px;
	line-height: 3em;
	
	border: 1px solid #aaa;
	color:#0B87D1;
	padding: 0.3em;
	z-index: 1;
	background: #F8F9FB;
}

textarea {
	background: #F8F9FB;
	border: 1px solid #aaa;
	color:#0B87D1;
}
#id_magasin {
	width: 100%;
}

#date_debut {
	/*width: 108px;
	background:#FFFFFF url(images/icons.png) no-repeat scroll -163px center;*/
	width:130px;
	float : left;
	background:#FFFFFF url(images/icons.png) no-repeat scroll -143px center;
	cursor:pointer;
}

#id_duree_reservation {
	/*width: 108px;*/
	margin-left: 10px;
	width:87px;
}

.text-retrait{
	color:#818181;
	font-size:0.85em;
	line-height:1.2em;
	margin:-12px 0 5px;
	clear:both;
	
}
/* @end */



/* @group Boutons */


.btn-valider, .btn-valider-2, .btn-valider-3, btn-panier {
	background: url("images/btn-valider.png") no-repeat;
	display: block;
	color: #fff !important;
	text-decoration: none;
	font-size: 16px;
	text-align: center;
	padding: 8px 25px 11px 0;
	width: 227px;

}

.btn-valider-2 {
	background-image: url("images/btn-valider-2.png");
	width: 195px;
}
.btn-valider-3 {
	background-image: url("images/btn-valider-3.png");
	width: 125px;
}

.btn-panier {
	padding-right: 30px !important;
	background: url("images/btn-panier.png") no-repeat;
	font-size: 1.3em;
	height: 18px;
}

.btn-arrow {
	background: url("images/btn-arrow.jpg");
	display: block;
	height: 25px;
	width: 200px;
	color: #fff;
	text-decoration: none;
	font-size: 1.2em;
	padding-top: 0.4em;
	text-align: center;
}

.btn-reserver {
	display: block;
	background: url("images/btn-add.jpg") no-repeat;
	text-align: center;
	padding: 0.6em 0 10px 0;
	font-weight: bold;
	color: #555;
	text-decoration: none;
	font-size: 1.2em;
	margin-right: -1px;
	padding-right: 30px;
	height: 14px;
	width: 190px;
}

/* @group Bouton Flèche */

.btn-fleche {
	background: url("images/btn-arrow-left.jpg") no-repeat;
	display: block;
	padding-left: 3px;
	width: 210px;
	color: #fff;
	text-decoration: none;
	font-size: 1.2em;
	text-align: center;
}

.btn-fleche-2 {
	width: 250px;
	margin-left: 200px;
}



.btn-fleche-3 {
	width: 190px;
	margin-top: 1em;
}

.btn-fleche span {
	display: block;
	padding: 9px;
	padding-right: 30px;
	background: url("images/btn-arrow-right.jpg") no-repeat top right;
}

/* @end */

.btn-back {
	display: block;
	background: url("images/btn-back.png") no-repeat;
	height: 30px;
	color: #333;
	text-decoration: none;
	font-size: 1.3em;
	padding: 0.6em;
	text-align: center;
	width: 220px;
	float: left;
}

.modal .btn-valider {
	float: right;
}

.btn-white-arrow {
	background: url("images/btn-white-arrow.jpg") no-repeat;
	display: block;
	width: 160px;
	height: 24px;
	padding-top: 8px;
	padding-right: 20px;
	color: #555;
	text-decoration: none;
	font-size: 1.2em;
	text-align: center;
}
.btn-white-arrow-2 {
	background:transparent url(images/btn-white-arrow-2.gif) no-repeat scroll left 0;
	color:#555555;
	display:block;
	font-size:1.2em;
	height:32px;
	padding-left:20px;
	text-align:center;
	text-decoration:none;
		width:auto;
	
}
.btn-white-arrow-2 span{
	background:transparent url(images/btn-white-arrow-2.gif) no-repeat scroll right -75px;
	display:block;
	height:32px;
	line-height:30px;
	padding:0 20px 0 0;
	width:auto;

}



.btn-supprimer {

	background: url("images/btn-supprimer.gif") no-repeat center right;
	padding: 4px 0;
	padding-right: 22px;
	color: #94C10F;
	height: 10px;
	display: block;
}


/* @end */

/* @group Erreur */
.erreur {
	color:#CC0000;
	font-weight:bold;
	font-size: 11px;
}
/* @end */


/* @group Materiel */


.materiels .info {
	margin-left: 1em;
}


.materiels .right {
	margin-top: 1em;
	margin-right: 0.8em;
}

.vendeur-relative {
	position: relative;
}

.materiels  h2{
	margin-left: 10px;
	margin-bottom: 0;
}

.materiels .btn-panier {
	display: block;
	color: #fff;
	padding: 0.5em;
	text-decoration: none;
	text-align: center;
	
}

.materiels div.separate{
	background: transparent url('images/bg-barre-gris.gif') repeat-x left top;
	clear: both;
	margin:0 10px;	
	height: 8px;
	border: 0;

	
}
.materiels div.separate hr{
	display: none;	
}

.transferProduct{
	border: 1px solid #6CAF00;
	background-color: #DDDDDD;
	opacity:0.5;
	filter : alpha(opacity=50); /* pour IE 6 */
	
}
	

.materiel {
	padding-top: 1em;
	padding-bottom: 1em;
	border-bottom:2px dashed #536784;
	zoom:1;
}
.materiel h3 {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.2em;
	color: #444;
}

.materiel h3 em {
	display: block;
	font-size: 0.8em;
	font-weight: normal;
}
.materiel h3 em a {
	color: #94C10F;
}

.materiel .checkbox {
	border-right: 1px dotted #aaa;
	width: 32%;
	float: left;
	margin-right: 1px;
	text-align: center;
	font-size: 0.8em;
	margin-top: 1em;
}

.materiel .checkbox label {
	display: block;
	color: #5b5b5b;
}

.last {
	border: 0 !important;	
}

.materiel li {
	list-style: none;

}

.materiel .pastille_niveau{
	left:8px;
position:absolute;
top:9px;	
}

/* @group Bloc Prix */









.bloc-prix {
	padding-top: 0 !important;	
}

.bloc-prix .prix-magasin {
float: left;
width: 85px;
color: #aaa;
font-size: 0.9em;

}

.bloc-prix .prix {
	font-size: 1.8em;
	color: #333;
	text-align: right;
	margin-bottom: 0.2em;
}


.bloc-prix .reduction {
	color:#BD001F;
	display:block;
	font-weight:bold;
	height:25px;
	margin:10px 0;
}

.bloc-prix .reduction .reduction-remise{
	background:transparent url(images/bg-remise.gif) no-repeat scroll left top;
color:#FFFFFF;
float:left;
font-size:1.2em;
line-height:1.8em;
text-align:center;
width:53px;
}
.bloc-prix .reduction .reduction-texte,.bloc-prix .reduction .stock_reduc_dispo{
	float:left;
	margin-left:5px;
	width:156px;
}
.bloc-prix .reduction .stock_reduc_dispo{
	font-weight: normal;
}

.bloc-prix .reserver {
	text-align: right;
	margin-top: 0.7em;
}


.bloc-prix .supprimer {
	text-align: right;
	margin-top: 1.3em;
}


.bloc-prix {
	/*border-left: 1px solid #ddd;*/
	padding-left: 1em;
	margin-left: -1em;
	padding-top: 1em;
}
/* @end */

.info {
	margin-top: 0.1em;
	font-size: 1em;
	color: #536784;
	font-weight: bold;
	
}



.info a {
	color: #536784;
	text-decoration: none;
}


.pub {
	display: block;
	margin-top: 20px;
}




#materiel .profile p {
	line-height: 1.4em;
}
#materiel .profile p em {
	font-size:0.9em;
	font-style:italic;
	line-height:1.1em;
}


#materiel .conseil {
	color: #666666;
	display: none;
}
#materiel .conseil .btn-white-arrow-2{
	background-position:0 -36px;
	font-weight:bold;
	text-align:left;
	text-indent:10px;

}
#materiel .conseil .btn-white-arrow-2 span{
	background-position:right -168px;
	
}
#materiel .btn-white-arrow-prev{
	
	float:left;
	margin-right:10px;
}
#materiel .btn-white-arrow-next{
	float:right;
	background-position:0 -36px;
	width:auto;
}
#materiel .btn-white-arrow-prev span{
	float:left;
}
#materiel .btn-white-arrow-next span{
	background-position:right -118px;
	float:left;
}


#materiel .info-conseil{
	float:left;
	width: 320px;
	margin-top:10px;
}
#materiel .info-multiglisse{
	background:transparent url(images/grey-icons.png) no-repeat scroll 0 -194px;
	color:#536784;
	float:left;
	font-weight:bold;
	height:28px;
	padding-left:38px;
	width:320px;
	margin-top:10px;
}
#materiel .info-multiglisse a{
	font-weight: normal;
	text-decoration: none;
	color:#536784;
}

#materiel .highlight{
	background-color:#EDF8FF;
}

#materiel.modal .split-1{
		visibility:visible;
}
#materiel.modal .petit{
	color: #939393;
	font-size: 0.8em;
}
#materiel.modal .non-contractuel{
	float:left;
	margin-top:45px;
	padding:0;
	width:140px;
}

.pad {
	padding: 1.2em 1.4em;
}

.inputs {
	border-bottom: 1px solid #ddd;
	padding: 0.1em 0;
	margin: 0;
	margin-top: 0.6em;
}

.inputs strong {
	display: block;
	float: left;
	width: 270px;
	
	background: url("images/arrows.png") no-repeat 244px -27px;
	
	/*background: url("images/conseil-arrow.gif") no-repeat 244px 5px;*/
	
}

.inputs label {
	padding-right: 3em;
}


/* @group .option */




.option {
	background: url("images/option-split.jpg") no-repeat bottom left;
	padding-top: 0.6em;
	padding-bottom: 20px;
	margin-bottom: 10px ;
}

.option h3 {
	font-weight: bold;
	font-size: 1.5em;
	margin-left: 5px;
	color: #576C7F;
}

.option label {
	color: #5b5b5b;
	font-size: 0.9em;
	margin-right: 20px;
	line-height: 1.8em;
}



.option p {
	margin: 5px;
}
.option p input{
	vertical-align: top;	
}
.option p select{
	vertical-align: bottom;	
}


.option .i-utilisateur, .option .i-prenom {
	border: 1px solid #aaa;
	padding: 0.5em;
	width:185px;
	margin-right: 0px;
	margin-top: 0px;
	color:#0B87D1;
}

.option select {
	margin-right: 0px;
	height:32px;
}
/* multidate */
.option .multidate{
	margin:0px 0 23px 10px;
	padding-top:28px;
	position:relative;
	text-align:left;
	width:570px;
	
}


.option .multidate  .ui-slider {
	background:transparent url(images/bg_multidate.gif) no-repeat scroll -48px -112px;
	height:7px;
	margin:8px 0 0 47px;
	position:relative;
	width:225px;
	border: none;

	
}


.option .multidate .ui-widget-header {
	background: transparent url('images/bg_multidate.gif') no-repeat -49px -63px;
	position:absolute;
	width: 100%; 
	/*height: 100%;*/
	7px;
	
}


.option .multidate.slide-multidate_1_jours .slider-range{	width:17px;}
.option .multidate.slide-multidate_2_jours .slider-range{	width:33px;}
.option .multidate.slide-multidate_3_jours .slider-range{	width:49px;}
.option .multidate.slide-multidate_4_jours .slider-range{	width:65px;}
.option .multidate.slide-multidate_5_jours .slider-range{	width:81px;}
.option .multidate.slide-multidate_6_jours .slider-range{	width:97px;}
.option .multidate.slide-multidate_7_jours .slider-range{	width:113px;}
.option .multidate.slide-multidate_8_jours .slider-range{	width:129px;}
.option .multidate.slide-multidate_9_jours .slider-range{	width:145px;}
.option .multidate.slide-multidate_10_jours .slider-range{	width:161px;}
.option .multidate.slide-multidate_11_jours .slider-range{	width:177px;}
.option .multidate.slide-multidate_12_jours .slider-range{	width:193px;}
.option .multidate.slide-multidate_13_jours .slider-range{	width:209px;}
.option .multidate.slide-multidate_14_jours .slider-range{	width:225px;}


.option .multidate .ui-slider-disabled .ui-slider-handle { opacity: 0.5; filter: alpha(opacity=50); }



.option .multidate .ui-slider-handle{
	background-color:transparent;
	height:0px;
	left:0;
	position:absolute;
	top:0;
	 width: 2px;
	z-index:10;
	margin: 0px;
	border:none;

	}
.option .multidate .ui-slider-handle span{
	margin-left:-41px;
	display: block;
	background: url('images/bg_multidate.gif') no-repeat 0 0;
	color: #FFFFFF;
	height:21px;
	width:82px;
	text-align:center;
	position: absolute;
	font-size:0.8em;
	line-height:1.3em;
	}

.option .multidate .slide-debut span{
	margin-top:-22px;
}
.option .multidate .slide-fin span{
	background-position:0 -21px;
	margin-top:10px;
	padding:6px 0 0;
}
.option .multidate .ui-corner-all{ -moz-border-radius: 0px; -webkit-border-radius: 0px; }


.option .multidate .ui-slider-nbr-jour{
	color:#667A9B;
	position: absolute;
	bottom: 0px;
	left: 0px;
	font-weight:bold;
	margin-left:193px;
	
}

.option .multidate.slide-multidate_1_jours .ui-slider-nbr-jour{	margin-left:97px;}
.option .multidate.slide-multidate_2_jours .ui-slider-nbr-jour{	margin-left:113px;}
.option .multidate.slide-multidate_3_jours .ui-slider-nbr-jour{	margin-left:129px;}
.option .multidate.slide-multidate_4_jours .ui-slider-nbr-jour{	margin-left:145px;}
.option .multidate.slide-multidate_5_jours .ui-slider-nbr-jour{	margin-left:161px;}
.option .multidate.slide-multidate_6_jours .ui-slider-nbr-jour{	margin-left:177px;}
.option .multidate.slide-multidate_7_jours .ui-slider-nbr-jour{	margin-left:193px;}
.option .multidate.slide-multidate_8_jours .ui-slider-nbr-jour{	margin-left:209px;}
.option .multidate.slide-multidate_9_jours .ui-slider-nbr-jour{	margin-left:225px;}
.option .multidate.slide-multidate_10_jours .ui-slider-nbr-jour{	margin-left:231px;}
.option .multidate.slide-multidate_11_jours .ui-slider-nbr-jour{	margin-left:257px;}
.option .multidate.slide-multidate_12_jours .ui-slider-nbr-jour{	margin-left:273px;}
.option .multidate.slide-multidate_13_jours .ui-slider-nbr-jour{	margin-left:289px;}
.option .multidate.slide-multidate_14_jours .ui-slider-nbr-jour{	margin-left:305px;}

/* end multidate */
/* @end */

/* @end */

/* @group Listes */


.liste-1 {
	margin-bottom:1em;
}
.liste-1 li {
	display: block;
	margin: 0 !important;
	padding: 0 !important;
	/*border: 1px solid #FF0000;*/
	zoom: 1;
}
.liste-1 a {
	display: block;
	width:218px;
	font-size: 1.4em;
	text-decoration: none;
	font-weight: bold;
	color:#536784;
	border-bottom: 1px solid #c8c8c8;
	background:transparent url(images/arrows.png) no-repeat scroll 200px -484px;
	
	
}
.liste-1 a span {
display:block;
padding:9px 0 9px 5px;
}

.liste-1 a.selected {
	background:#FFFFFF url(images/btn-categorie.png) no-repeat scroll 0 0;

}

.liste-1 a.selected span{
	background:transparent url(images/btn-categorie.png) no-repeat scroll right bottom;
}

.liste-2 a {
	background: url("images/arrows.png") no-repeat 0 -47px;
	/*background: url("images/arrow-green.jpg") no-repeat center left;*/
	color: #576C7F;
}

.liste-2 li {
	display: block;
	border-top: 1px solid #eee;
}

.liste-2 a {
	display: block;
	margin: 0;
	padding: 0.8em;
	text-decoration: none;
}
.liste-2 .first {
	border-top: 1px solid #fff;
}

.liste-2 .last {
	border-top: 1px solid #eee !important;
	border-bottom: 1px solid #eee !important;
}

a.green-arrow {
	background: url("images/arrows.png") no-repeat 0 -57px;
	padding-left: 10px;
	/*background: url("images/arrow-green.jpg") no-repeat center left;*/
	color: #94C10F;
}

/* @end */


/* @group Sejour */


.actu {
	color: #666;
	font-size: 0.8em;
	line-height: 1.3em;
}

.actu h2 {
	margin-bottom: 1.2em;
	font-size: 1.7em;
}
.actu h4 {
	margin-bottom: 0.6em;
}
.actu h4 a{
	color: #5b5b5b;
	font-weight: bold;
	text-decoration:none;
	font-size: 1.2em;
}

.actu h4 em {
	display: block;
	font-weight: normal;
	margin-bottom: 0.6em;
	color: #555;
}

.actu .green {
	display: block;
	margin-top: -0.8em;
	margin-bottom: 1.5em;
	color: #94C10F;
}

#sejour form h3.float-left{
	float:left;	
}
#sejour p.lien-aide{
	color:#5B5B5B;
	float:right;
	margin:0;
	padding-top:3px;
}
#sejour .autocomplete {
	background-color: #fff;
	border: 1px solid #777;
	position: absolute;
	top: 33px;
	left: 0;
	width: 101%;
	height: 183px;
	overflow: auto;
	z-index: 1000;
}

#sejour .autocomplete li {
		text-transform: uppercase;
		padding: 0.3em 0.8em;
		color: #3E5473;
}
#sejour .autocomplete li a{
	color: #3E5473;
	text-decoration:none;
}
#sejour .autocomplete li.selected {
	background-color:#3399FF;
	color:#FFFFFF;
}
#sejour .autocomplete li.selected a {
	color:#FFFFFF;
}

#sejour .relative {
	position: relative;
	
}
#sejour .z-index-1{
	z-index: 1;	
}
#sejour .z-index-2{
	z-index: 2;	
}
#sejour .gmaps {
	background:transparent url(images/beige-box.png) no-repeat scroll 0 0;
	height:411px;
	margin-top:20px;
	width:620px;
	
}

.tiptool {
  border: 1px solid blue;
  background-color: white;
  padding: 3px;
}


#sejour #bloc_info{
	overflow: hidden;
	height:430px;	
}

#sejour .beigebox {
	background: url("images/beige-box.png") no-repeat;
	height: 380px;
	margin-top: 20px;
	margin-right: 0;
	padding: 15px 25px;
}


#sejour .beigebox .info {
	position: relative;
	background-color: #F6F5F1;
	padding: 0.5em;
	zoom: 1;
}
#sejour .beigebox .info img{
	float:left;
}


#sejour .beigebox .col-2-1,
#sejour .beigebox .col-2-2 {
	float: left;
}

#sejour .beigebox .col-2-1 {
	width: 275px;
}
#sejour .beigebox .col-2-2 {
	margin-left: 3%;
	width: 275px;
}

#sejour .beigebox .id {
	float:right;
	margin-top: 0px;
	margin-right: 10px;
	text-align: center;
	width:101px;

}
#sejour .beigebox .id img {
	display: inline;
	float:none;	
}

#sejour .beigebox .percent {
	font-size: 2em;
}

#sejour .beigebox h2 {
	border-bottom: 1px solid #ccc;
	padding-bottom: 0.5em;
	margin-bottom: 0.8em;
	color: #555;
	font-weight: bold;
}

#sejour #listeCompleteStations {
	display:none;
	padding: 15px 6px 15px 25px;
}

#sejour #listeCompleteStations .bloc-station{
	height:100%;
	overflow:auto;
}



#sejour #listeCompleteStations .col-station{
	display:inline;
	float:left;
	margin-left:10px;
	margin-right:0px;
	position:relative;
	width: 265px;
}

#sejour #listeCompleteStations li {
	border-bottom: 1px solid #c2c2c2;
}
#sejour #listeCompleteStations li a{
	color:#5B5B5B;
	display:block;
	padding:5px 0;
	text-decoration:none;
}
#sejour #listeCompleteStations li a:hover{
	background-color: #dedede;
	color: #000000;	
}


#calendar {
	background: #fff;
	font-size: 1.3em;
	position: absolute;
	top: 35px;
	left: 0;
	width: 100%;
	display: none;
}

#calendar table {
	width: 100%;
	background-color: #fff;
	border: 1px solid #999;
}

#calendar th, #calendar td {
	text-align: center;
	padding: 0.3em 0;
}


#calendar .th1 a {
	text-decoration: none;
	font-size: 1.5em;
	line-height: 0.7em;
}

#calendar .th2 th {
	font-size: 0.8em;
	padding: 0.5em 0;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
}
#calendar td {
	color: #DDDDDD;
}

#calendar td a {
	text-decoration: none;
	color: #555;
}

#calendar .out {
	background-color: #F2F2F2;
}
#calendar-loading{
	background:#FFFFFF url(images/ajax-loader.gif) no-repeat scroll center center;

	position: absolute;
	top: 35px;
	left: 0;
	width: 100%;
	height:179px;
	border:1px solid #999999;
	display : none;
	

}
/* @end */





/* @group Icons */


.fleur {
	text-align: center;
	background: url("images/fleur.gif") no-repeat;
	margin-top: 1em;
}

.fleur .fleur {
	margin: 0;
	background-position: top right;

}

.icon-cadenas {
	background: url("images/cadenas-2.gif") no-repeat;
	padding: 0.1em;
	padding-left: 18px;
	margin-left: 4px;
}

.icon-cnil {
	background: url("images/cnil.gif") no-repeat 0px 3px;
	padding-left: 60px;
	padding-bottom: 10px;
	line-height: 2em !important;
}

.securise {
	margin-top: 1.5em;
	background: url("images/cadenas.jpg") no-repeat center left;
	padding-left: 40px;
	font-size: 0.9em;
	color: #777;
}



/* @end */

/* @group Misc Classes */

/* @group photos-articles */
#photos-articles{
	position:relative;
}
#photos-articles ul li{
	list-style-type:none;
}
#photos-articles ul li .image{
	float:left;
	width:520px;
	text-align: center;
	overflow:hidden;
}
#photos-articles ul li h3{
	float:left;
	width:140px;
	color:#5b5b5b;
	font-size: 1.1em;
	font-weight: normal;
}

#photos-article-nav{
	left:520px;
	position:absolute;
	top:40px;
}


#photos-article-nav .nav-prec, #photos-article-nav .nav-suiv{
	background:transparent url(images/arrows.png) no-repeat scroll 0 0;
	float:left;
	height:13px;
	padding-left:20px;
	text-decoration:none;
	text-indent:-3000px;
	width:0;
	cursor:pointer;
}
#photos-article-nav .nav-prec{
		
}
#photos-article-nav .nav-suiv{
	background-position: 0 -113px;
	
}
#photos-article-nav .nav-prec.disabled{
	background-position:0 -385px;
	cursor:default;
}
#photos-article-nav .nav-suiv.disabled{
	background-position:0 -294px;
	cursor:default;
	
}

#photos-option {
	width: 520px;
	margin: 20px 0px;
	float: left;
}
#photos-option ul{
	margin: 0px auto;
}
#photos-option ul.une-colonne{
	width:215px;
}

#photos-option ul.deux-colonne{
	width:430px;
}
#photos-option ul.trois-colonne{
	width:645px;
	
}
#photos-option ul li{
	float:left;
	width:195px;
	margin: 10px;

}
#photos-option ul li img{
	float:left;
	margin-right:5px;
	height: 130px;
}
#photos-option ul li p{
	color:#5b5b5b;
	font-size: 0.9em;
	padding-top: 40px;
}

/* @end */

.no-margin {
	margin: 0 !important;
	padding: 0 !important;
}

.no-border {
	border: 0 !important;
}

.site {
	margin: 0 !important;
	padding: 0 !important;
}


.right {
	float: right;
}

.txt-right {
	text-align: right;
}


.center {
	text-align: center !important;
}

.conseil-close {
	margin-left:31px;
}

.vendeur {
	float:left;	
	width : 25px;
	margin: 0px 10px;
}


.split-1 {
	margin: 0;
	padding: 0;
	line-height: 0;
	height: 1px;
	margin-bottom: 5px;
	visibility: hidden;
}

.split-2 {
	margin: 0;
	padding: 0;
	line-height: 0;
	height: 1px;
	margin-bottom: 1em;
}

.split-3 {
	margin: 0 1em;
	padding: 0;
	line-height: 0;
	height: 1px;
	margin-bottom: 1em;
	border: 0;

	background: url("images/option-split.jpg") no-repeat bottom left;
	padding-top: 0.6em;
	padding-bottom: 20px;
	margin-bottom: 10px ;

}





.telephone em {
	font-size: 0.75em;
}


.border-1 {
	background: url("images/border-1.png") repeat-y;
	float:left;
}



.border-2 {
	background: url("images/border-2.png") repeat-y;
}


.border-3 {
	background: url("images/border-3.png") repeat-y;
}
.border-right {
	background: url("images/border.png") top right repeat-y;
}

.border-bottom {
	padding-bottom: 1.2em;
	background: url("images/border.png") bottom right repeat-x;
}

.border-top {
	border-top: 1px solid #ccc;
	padding-top: 1em;
}

/*.border-right {
	border-right: 1px solid #ddd;
	padding-right: 10px;
}

.border-left {
	border-left: 1px solid #ddd;
	padding-left: 10px;
}*/
.pack-5 h2,.pack-4 h2, .pack-3 h2, .pack-2 h2, .pack-1 h2,.pack-6 h2, .pack- h2 {
	font-weight:bold;
	height:57px;
	padding:10px 0 0 74px;
	color: #7a7a7a;
}
/* pack sans niveau*/
.pack-6 h2 {
	padding:10px 0 0 10px;
}
/* pack eco*/
.pack-5 h2 {
	background:transparent url(images/picto-niveau.jpg) no-repeat scroll 0 -1px;
	color: #02641B;
}
/* pack bleu*/
.pack-4 h2 {
	background:transparent url(images/picto-niveau.jpg) no-repeat scroll 0 -127px;
	color:#02739D;
	
}
/* pack rouge*/
.pack-3 h2 {
	background:transparent url(images/picto-niveau.jpg) no-repeat scroll 0 -251px;
	color: #B53E26;
}
/* pack noir*/
.pack-2 h2 {
	background:transparent url(images/picto-niveau.jpg) no-repeat scroll 0 -389px;
	color: #050505;
}
/* pack prestige*/
.pack-1 h2 {
	background:transparent url(images/picto-niveau.jpg) no-repeat scroll 0 -513px;
	color: #546670;
}



.inline {
	display: inline;
}

/* @group .bullet */


.bullet-5, .bullet-4, .bullet-3,.bullet-2, .bullet-1,
.bullet-5-right, .bullet-4-right, .bullet-3-right,.bullet-2-right, .bullet-1-right {
	background: url("images/options-bullets.png") no-repeat 0 0;
	padding-left: 25px;
}
.bullet-6-right,
.bullet-5-right,
.bullet-4-right,
.bullet-3-right,
.bullet-2-right,
.bullet-1-right {
	padding-left: 0;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	padding-right: 25px;
	display: block;
	background-position: top right;
}
/*vert*/
.bullet-5-right {
	background-position: top right;
}
/*bleu*/
.bullet-4-right {
	background-position:right -26px;
	
}
/*rouge*/
.bullet-3-right {
	background-position:right -53px;
}
/*noir*/
.bullet-2-right {
	background-position:right -79px;
	
}
/*prestige*/
.bullet-1-right {
	background-position:right -106px;
}


/*vert*/
.bullet-5 {
	background-position:0 0px;
}
/*bleu*/
.bullet-4 {
	background-position:0 -26px;
}
/*rouge*/
.bullet-3 {
	background-position:0 -53px;
}
/*noir*/
.bullet-2 {
	background-position:0 -80px;
}
/*prestige*/
.bullet-1 {
	background-position:0 -106px;
}




/* @end */

/* @group .grey-icons */

.grey-icons {
	position: absolute;
	top: 0;
	left: 0;
}


.grey-icons li {
	padding-left: 40px;
	background: url("images/grey-icons.png") 0px -13px no-repeat;
	float: left;
	height: 40px;
	font-size: 1.4em;
	margin-left: 63px;
	margin-right:23px;
	line-height: 1.1em;
}


.grey-icons em {
	display: block;
	font-size: 0.7em;
	letter-spacing: 0;
}


/* @end */

/* @group .pagination */

.pagination {
	margin: 1em auto;
	width: 100px;
	text-align: center;
}

.pagination strong {
	font-weight: normal;
}

.pagination .previous {
	background:transparent url(images/arrows.png) no-repeat scroll 0 0;
	width: 13px;
	height: 13px;
	display: block;
	text-indent:-3000px;
	float: left;
	
}
.pagination .next {
	background:transparent url(images/arrows.png) no-repeat scroll 0 -113px;
	width: 13px;
	height: 13px;
	display: block;
	text-indent:-3000px;
	float: right;
}


/* @end */

/* @group .tabs */


.tabs {
	background: url("images/tabs.jpg") repeat-x bottom left;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
.tabs li {
	float: left;
}
.tabs a {
	float: left;
	padding-top: 10px;
	padding-bottom: 15px;
	margin-left: 10px;
	width: 160px;
	height: 11px;
	text-align: center;
	text-decoration: none;
	font-size: 1.3em;
	color: #576C7F;
}

.tabs .ui-tabs-selected a {
	background: url("images/tab.jpg") no-repeat;
}

.tabs span {
	/*background: url("images/arrow-purple.jpg") no-repeat center right;*/
	background: url("images/arrows.png") no-repeat 120px -178px;
	display: block;
	padding-right: 22px;
	background-color: #fff;
	margin: 0 1px;
}




/* @end */

/* @group .interlink */

.interlink {
	margin: 1em 0;
}

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

/* @end */

.blue {
	color: #2EA1C0;
}

/* @end */




/* @group Total / Subtotal */


.subtotal {
	border-bottom: 1px solid #eee;
	padding-top: 1em;
}

.subtotal {
	color: #555;
	font-size: 0.9em;
}

.subtotal h5 {
	font-weight: bold;
	margin-bottom: 0.5em;
}

.subtotal input.text {
	
}

.subtotal textarea {
	width: 98%;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 0.6em;
	height: 50px;
}


.total {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding-top: 1em;
	margin-bottom: 1em;
	text-align: right;
	line-height: 2.5em !important;
	color: red;
}

.total h3 {
	font-size: 2em;
	color: #666;
}

.total h4 {
	font-size: 1.8em;
	color: #666;
}

.total p {
	font-weight: normal;
	color: #666;
	line-height: 1.8em;
}
.total .economie {
	margin-top: -16px;
	font-size:12px;
}




/* @end */




/* @group Aide */

.aide {
	color: #555;

	line-height: 1.4em;
}

.aide h2 {

}
.aide h3.telephone {
	margin: 0;
}
.aide h3.telephone span {

	padding: 5px 0;
	padding-right: 30px;
	background:transparent url(images/telephone.gif) no-repeat scroll right top;
	line-height: 2em;
}

.aide form strong {
	display: block;
	padding-bottom: 0.6em;
}

.aide input.text {
	width: 88%;
}

.aide select {
	width: 92%;
}

.aide textarea {
	width: 92%;
	height: 100px;
}

.aide dt {
	font-weight: bold;
	border-top: 1px solid #ddd;
	padding: 0.7em 0;
	padding-left: 13px;
	background: url("images/aide-arrow.gif") no-repeat 0 -199px;
}

.aide dt.ui-state-active {
	background-position: 0 12px;
}

.aide dd {
	padding-bottom: 0.7em;
	padding-left: 1.1em;
}


/* @end */

/* @group Coordonnées */

#coordonnees {

	color: #555;
}

#coordonnees label {
	display: block;
	font-weight: bold;
	margin-bottom: 0.5em;
}

#coordonnees input.text {
	border: 1px solid #aaa;
}

#coordonnees input.text {
	width: 90%;
}

#coordonnees .btn-valider {
	margin-top: 1em;
	margin-left: 225px;
}

#coordonnees .f-pays {
	width: 95%;
}

#coordonnees textarea {
	width: 95%;
	height: 30px;
}
#coordonnees .maximiles{
	color:#DA0086;
}
#coordonnees .maximiles img{
	vertical-align:middle;
}
#coordonnees #maximilesOublie{display: none;}
/* @end */



/* @group Paiement */

.paiement table {
	font-size: 1.7em;
	width: 100%;
	color: #666;
}


.paiement td {
	padding: 0.3em 0;
	font-weight: bold;
	border-bottom: 1px solid #ddd;
}

.paiement td.prix {
	text-align: right;
}


.paiement tr.light td {
	font-weight: normal;
}


.paiement tr.selected td {
	color: #94C10F !important;
}

.paiement tr.selected td.prix {
	width: 230px;
	/*background: url("images/paiement-arrow.gif") no-repeat 0px 6px;*/
	background: url("images/arrows.png") no-repeat 0px -208px;
}

.paiement #bloc_paiement {
	margin-top: 2em;
	margin-left: 100px;
}

.paiement #bloc_paiement p {
	clear: both;
	position: relative;
}

.paiement label {
	float: left;
	width: 120px;
	text-align: right;
	padding-top: 7px;
	padding-right: 10px;
}


.paiement p.label-info {
	margin-left: 130px;
}

.paiement .label-info img {
	display: inline;
	vertical-align: middle;
}

.paiement .carte-nb {
	width: 160px;
}

.paiement .carte-mois {
	width: 98px;
	margin-right: 8px;
}

.paiement .carte-annee {
	width: 60px;
}

.paiement .carte-crypt1 {
	width: 107px;
	margin-right: 8px;
}

.paiement .carte-crypt2 {
	width: 40px;
}

.paiement .crypt-info {
	position: absolute;
	top: 0;
	left: 320px;
	width: 160px;
	font-size: 0.8em;
	color: #aaa;
	line-height: 1.2em;
	padding-right:50px ;
	background: url("images/crypt-cb.gif") no-repeat top right;
}
.paiement .relative {
	position: relative;
}
.paiement .big {
	margin-top: 1em;
	font-size: 1.6em;
	color: #555;
}
.paiement .big.erreur{
	font-size: 1.6em;
	color:#CC0000;
}
.paiement  #mxc_selec_intgr {
border:1px solid #4B7E25;
height:220px;
margin:10px 0 0 89px;
width:400px;
}

/* @group .recap */

.recap {
	background: url("images/split.png") no-repeat;
	padding-top: 2em;
	margin-left: 15px;
}

.recap a {
	color: #555;
	text-decoration: none;
}

.recap h3 a {
	/*url("images/recap-arrow.png")*/
	background: url("images/arrows.png") no-repeat 0 -143px;
	padding-left: 15px;
}

.recap h3 a.down {
	background: url("images/arrows.png") no-repeat 0 -79px;

	/*background: url("images/recap-arrow-down.png") no-repeat 0 6px;*/
	padding-left: 20px;
}


.recap p {
	margin-left: 15px;
}

.recap .icon-montagne {
	background: url("images/icons.png") no-repeat -790px 0;
	/*background: url("images/info-montagne.gif") no-repeat;*/
	padding-left: 24px;
}

.recap .icon-calendrier {
	background: url("images/icons.png") no-repeat -263px 0;
	/*background: url("images/icon-calendrier.gif") no-repeat;*/
	padding-left: 24px;
	padding-bottom: 2em;
}

.recap .icon-magasin {
	background: url("images/icons.png") no-repeat -1318px 0;
	/*background: url("images/icon-magasin.gif") no-repeat;*/
	padding-left: 24px;
}


.recap .parcours li {
	float: left;
	background: #ededed url("images/parcours.gif") repeat-x;
	padding: 1em;
	margin-right: 1em;
	
}

.recap .parcours .more {
	background: none;	
}

.recap .history {
	width: 99%;
	border-top: 1px solid #ddd;
	margin-top: 1em;
	border-collapse: collapse;
	font-size: 1em;
	color: #000000;
}




.recap .history h3 {
	color: #444;
	margin: 0 !important;
	padding: 0 !important;
}

.recap .history p {
	margin: 0.5em 0;
}

.recap .history td {
	border-bottom: 1px solid #ddd;
	padding:0.7em 0;
	margin: 0;
	line-height: 1.5em;
	font-weight: normal;
}



.recap .history .details {
	vertical-align: top;
}

.recap .history .price {
	text-align: right;
	font-size:1.8em;
	vertical-align: top;
}

/* @end */

/* @group .adresse */

.adresse .label {
	float: left;
	width: 210px;
	color: #555;
}

.adresse .info {
	float: left;
	color: #555;
	margin-bottom: 2em;
}

/* @end */


/* @end */









/* @group Modal */

.modalbox {
	background: none;
		

}

.modal {
	/*padding: 10px;*/
	width: 680px;
	/*height: 430px;*/
	margin: 0px;
	
	
}

#materiel.modal{
	margin:30px 20px 20px;
	width:660px;	
}
	
#options.modal {
	/*padding: 10px;*/
	width: 550px;
	height: 150px;
	margin: 0px;
	
	
}

.modal h2{
	background: transparent url('images/bg-h1-popup.gif') repeat-x top left;
	width: 100%;
	height: 	46px;
	color: #536784;
	line-height:46px;
	padding:0 0 0 0;
	text-indent:10px;
	margin:0;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
}

.modal p{
	padding: 0px 5px;	
}

.modal-materiel {
	width:700px;
	
}

.modal .bandeau{
	background:transparent url(images/bandeau-popup.jpg) no-repeat scroll right top;
	height:118px;
	position:relative;
	width:100%;
	}
.modal .logo-twinner {
	background:transparent url(images/logo-twinner-petit.png) no-repeat scroll 0 0;
	height:21px;
	left:533px;
	position:absolute;
	text-indent:-3000px;
	top:31px;
	width:138px;
}
.modal .location-twinner{
	background:transparent url(images/location-ski-petit.png) repeat scroll 0 0;
	height:22px;
	position:absolute;
	text-indent:-3000px;
	top:27px;
	left:298px;
	width:243px;
}
.modal .location-twinner .location-twinner-1{
	background:transparent url(images/location-ski-petit-uk.png) repeat scroll 0 0;
}
.modal .location-twinner .location-twinner-4{
	background:transparent url(images/location-ski-petit-sp.png) repeat scroll 0 0;
}
.modal .location-twinner .location-twinner-6{
	background:transparent url(images/location-ski-petit-ne.png) repeat scroll 0 0;
}

.modal .mleft {
	float: left;
	margin-bottom: 10px;
	width: 218px;

}


.modal .mright {
	width: 432px;
	float: right;
}
.modal .mright h2{
	background:transparent none repeat scroll 0 0;
	color:#02739D;
	height:auto;
	line-height:1.7em;
	margin:0 0 10px;
	padding:0;
}
.modal .total {
	color: #555;
	font-size: 2.2em;
	font-weight: bold;
	margin: 0;
	border: 0;
	
}

.modal .scroll {
	height: 305px;
	background:transparent url(images/bg-panier.gif) repeat-x scroll left bottom;
	overflow: auto;
}

.modal table {
	width: 100%;
}

.modal table td {
	padding: 0.6em;
	font-size: 1.4em;
	font-weight: bold;
	border-bottom: 1px solid #ddd;
}

.modal .prix {
	font-size: 1.8em;
	text-align: right;
	width: 150px;
}

.modal .delete {

	width: 16px;
}

.modal .delete a {
	background: url("images/btn-supprimer.gif") no-repeat;
	text-indent: -3000px;
	display: block;
	height: 20px;
	
	width: 20px;
}

.modal .subtotal {
	float: right;
	width: 400px;
	margin-right: 2px;
	margin-left: 200px;
}


.modal.animation {
	text-align: center;
}
.modal.bloc-info{
	height: 470px;
	}
.modal.bloc-info .marge{
	background:transparent url(images/paysage-short.jpg) no-repeat scroll center top;
	margin: 20px;
}
.modal.animation img {
		float: none;
	display: inline;
	text-align: center;
}


.modal .grid_3,
.modal .grid_4 {
	width: 220px;
}

.nyroModalText{
	height: 500px;	
	overflow: auto;
	
}
/* @end */

/* @group Options */


	
	/* @group #options-garanties */
	
	#options.modal img {
		float: left;
		margin-bottom: 3em;
	}
	
	#options.modal p {
		padding-top: 2em;
	}
	
	
	/* @end */
	




/* @end */

/* @group Groupes */




/* @group #groupes */


#groupes fieldset label {
	display: block;
	font-weight: bold !important;
}


#groupes fieldset input.text {
	display: block;
	width: 94%;
	font-weight: bold !important;
}

#groupes .col-2-1 label, #groupes .col-2-2 label {
	display: block;
	width: 75px;
	float: left;
	font-size: 1.3em;
	padding: 0.4em 0;
	font-weight: bold;
}

#groupes .col-2-1 input.text,
#groupes .col-2-2 input.text {
	font-size: 1em;
	color: #0A86C6;
		width: 240px;
}

#groupes select {
	width: 251px;
}

#groupes input.half {
	width: 108px !important;
	margin-right: 10px;
}

#groupes select.half {
	width: 119px;
}

#groupes .col-2-1, #groupes .col-2-2 {
	width: 50%;
	float: left;
}

#groupes fieldset {
	padding-top: 10px;
}

#groupes legend {
	font-size: 1.5em;
	color: #666;
}

#groupes textarea {
	width: 95%;
	height: 83px;
}

#groupes .gmaps {
	margin-bottom: 1em;
	display: none;
	width: 676px;
	height:447px;
}

#groupes .autocomplete {
	background-color:#FFFFFF;
border:1px solid #777777;
height:183px;
left:75px;
overflow:auto;
position:absolute;
top:26px;
width:249px;
z-index:1000;
}

#groupes .autocomplete li {
		text-transform: uppercase;
		padding: 0.3em 0.8em;
		color: #3E5473;
}
#groupes .autocomplete li a{
	color: #3E5473;
	text-decoration:none;
}

#groupes #calendar {
	display: none;
	background: #fff;
	font-size:1.3em;
	left:83px;
	position:absolute;
	top:68px;
	width:240px;
	z-index:1;
}



/* @end */

/* @end */





/* @group Materiel Ski */

#materiel-ski {
	color: #555;
}

#materiel-ski .item {
	padding-top: 1em;
	padding-bottom: 1.0em;
	border-bottom: 1px solid #ddd;
	position: relative;
}

#materiel-ski .item img {
	float: left;
	margin-right: 20px;
}
#materiel-ski .item .pastille_niveau{
	left:8px;
	position:absolute;
	top:21px;	
}

#materiel-ski .item h4 {
	font-size: 1.5em;
	margin-bottom: 0.4em;
}

#materiel-ski .btn-white-arrow {
	float: right;
}


/* @end */

/* @group Commandes */

#commandes table {
	width: 100%;
}

#commandes th, #commandes td {
	padding: 0.7em;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	vertical-align: middle;
}

#commandes .last-col {
	border-right: 0;
}




/* @group #reservation-box */



#commande .reservation-box h1 {
	font-size: 1.6em;
	margin-bottom: 1em;
	color: #576C7F;
	margin-top: 0;

}

#commande .reservation-box {
	border: 1px solid #ddd;
	padding: 2em;
	width: 640px;
}

#commande .reservation-box .left, #commande .reservation-box .right {
	width: 48%;
	float: left;
	margin-right: 1%;
}

#commande .reservation-box .highlight {
	background-color: #eee;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 1em;
	margin: 1em 0;
	line-height: 1.5em;
}

#commande .reservation-box .row {
	background-color: #fff;
	border-bottom:1px solid #eee;
	margin-bottom: 1em;
	position: relative;
	width: 100%;	
	
}

#commande .reservation-box .info-skieur {
	width:408px;
}
#commande .reservation-box .price {
	position:absolute;
	right:0px;
	text-align:right;
	top:0;
	width:220px;
}

#commande .reservation-box .total {
	border: 0;
	font-size: 1.8em;
	padding: 0;
	margin-bottom: 2em;
}

#commande .reservation-box .total p {
	margin: 0;	
	line-height: 1.5em;
}

#commande .reservation-box .total p em.petit{
	font-size: 11px;
}
#commande .reservation-box .subtotal {
	font-size: 1.2em;
	padding: 0;
	float: right;
	width: 100%;
	margin-right: 0px;
	margin-left: 0px;
}



#commande .reservation-box .subtotal p {
	margin: 0.5em 0 !important;
}
#commande .reservation-box .subtotal strong {
	padding-left: 3em;
}
#commande .reservation-box #map, #commande .reservation-box #mapmap {
	width: 630px;
	height: 410px;
}

/* @end */

/* @end */




/* @group Login */

#login label {
	display: block;
	font-weight: bold;
}

#login form p {
	float: left;
	margin-right: 10px;
}

#login input.submit {
	margin-top: 15px;
}


/* @end */


/* @group Password */

#password label {
	display: block;
	font-weight: bold;
}

#password form p {
	/*width: 32%;
	margin-right: 1%;
	float: left;*/
}

#password input.text {
	width: 90%;
}
#password form .btn-valider {
	margin-left: 218px;
}
/* @end */


/* @group Partenaires */

/* @group .partenaires-list */

.partenaires-list li{
	margin-right: 2em;
	width: 206px;
	height:130px;
	float: left;
	text-align: center;
	position: relative;
	margin-bottom: 2em;
}

.partenaires-list img {
	float: none;
	display: inline;
}

.partenaires-list strong {
	display: block;
	position: absolute;

	width: 100%;
	top: 100px;
	left: 0px;
}


.partenaires-list a.link {
	display: block;
	position: absolute;
	width: 100%;
	top: 115px;
	left: 0px;
}


/* @end */


/* @end */






/* @group Stations */

#stations .biglist {
	margin-top: -15px;
	padding: 0;
}

#stations .biglist h3 {
	color: #469FC9;
	font-size: 1.4em;
	margin-top: 1em;
}

#stations h3 {
	color: #469FC9;
	font-size: 1.5em;
	margin-top: 1em;
}

#stations .biglist h4 {
	color: #333;
	font-weight: bold;
	margin-bottom: 0.5em;
	margin-top: 1em;
}

#stations .biglist li {
	line-height: 1.4em;
}
#stations .biglist li a {
	color: #4C4C4C;
	text-decoration: none;
}

#stations .col-2-1,
#stations .col-2-2 {
	width: 45%;
	float: left;
	margin-right: 20px;
}

#stations .gmaps {
	margin: 1.3em 0;
	height:447px;
	width:676px;
}

/* @group station-infos */

.station-infos {
	padding: 0 1em;
}

.station-infos .logo {
		text-align: center;
		margin-bottom: 2em;
}

.station-infos .logo img {
	display: inline;	
}

.station-infos ul {
	margin-bottom: 2em;
	padding-left: 1.8em;
	line-height: 1.2em;
}

.station-infos .webcam {
	background: url("images/icons.png") no-repeat;
}

.station-infos .montagne {
	background: url("images/icons.png") no-repeat -791px 0;
}

.station-infos .pistes {
	background: url("images/icons.png") no-repeat -1582px 0;
}

.station-infos .neige {
	background: url("images/icons.png") no-repeat -528px 0;
}

.station-infos .meteo { background: url("images/icons.png") no-repeat -1054px 0;
}

/* @end */

/* @group #modal-station */

#modal-station .col-2-1,
#modal-station .col-2-2 {
	float: left;
}

#modal-station .col-2-1 {
	width: 40%;
}
#modal-station .col-2-2 {
	margin-left: 3%;
	width: 52%;
}

#stations.modal .info {
	position: relative;
	background-color: #eee;
	padding: 1em;
}

#stations.modal .id {
	position: absolute;
	top: 10px;
	right: 10px;
	text-align: center;
}
#stations.modal .id img {
	display: inline;	
}

#stations.modal .percent {
	font-size: 2em;
}


/* @end */

/* @group .avantages */


.avantages li {
	background: url("images/avantages.gif") no-repeat 0px 4px;
	padding: 0.8em 0;
	padding-left: 25px;
	margin-bottom: 1px;
	font-size: 0.8em;
}
.avantages li.hygiene_chaussure {
	background-position:0 -67px;
}
.avantages li.consigne {
	background-position:0 -281px;
}
.avantages li.entretien_ski {
	background-position:0 -316px;
}
.avantages li.bootfiting {
	background-position:0 -102px;
}
.avantages li.livraison {
	background-position:0 -352px;
}
.avantages li.essai_avant_achat {
	background-position:0 -138px;
}
.avantages li.surface {
	background-position:0px 4px;
}
.avantages li.nombre_skis {
	background-position:0 -245px;
}
.avantages li.nombre_snow {
	background-position:0 -31px;
}
.avantages li.ski_freeride {
	background-position:0 -209px;
}
.avantages li.skis_freestyle {
	background-position:0 -425px;
}
.avantages li.telemark {
	background-position:0 -174px;
}
.avantages li.skis_rando {
	background-position:0 -388px;
}
.avantages li.skis_fond {
	background-position:0 -459px;
}

.avantages li.sac_chaussures {
	background-position:0 -495px;
}

.avantage-left {
	width: 135px;
	float: left;
	margin-top: 1em;
}

.avantage-right {
	float: left;
	width: 125px;
	margin-left: 10px;
	margin-top: 1em;
}

/* @end */

/* @group .news */


.news {
	/*display: none;*/
}

.news h4 {
	font-weight: bold;
}


/* @end */


/* @group .magasins */

.magasins .magasin {

	width: 194px;
	float: left;
	border-right: 1px solid #ddd;
	padding-right: 16px;
	margin-right: 16px;
}


.magasins .info {
	background-color: #eee;
	position: relative;
	padding: 5px;
	zoom: 1;
}

.magasins .info img{
	float:left;
}
.magasins .id img {
	display: inline;
	float:none;	
}

.magasins .id {
	float:right;
	top: 5px;
	text-align: center;
	width: 70px;
	font-size: 0.8em;
	overflow: hidden;
}

.magasins h3 {
	text-transform: uppercase;
	text-align: center;
	margin-top: 1em;
}

/* @end */

/* @end */


/* @group Validation */
#validation .parcours li {
	float: left;
	background: #ededed url("images/parcours.gif") repeat-x;
	padding: 1em;
	margin-right: 1em;
	height: 10px;
	overflow: hidden;
}

#validation .parcours .more {
	background: none;	
}

#validation .icon-montagne {
	background: url("images/icons.png") no-repeat -790px 0;
	/*background: url("images/info-montagne.gif") no-repeat;*/
	padding-left: 24px;
}

#validation .icon-calendrier {
	background: url("images/icons.png") no-repeat -263px 0;
	/*background: url("images/icon-calendrier.gif") no-repeat;*/
	padding-left: 24px;
	padding-bottom: 2em;
}

#validation .icon-magasin {
	background: url("images/icons.png") no-repeat -1318px 0;
	/*background: url("images/icon-magasin.gif") no-repeat;*/
	padding-left: 24px;
}

#validation .history {
	width: 99%;
	border-top: 1px solid #ddd;
	margin-top: 1em;
	border-collapse: collapse;
}

#validation .history h3 {
	color: #444;
	margin: 0 !important;
	padding: 0 !important;
}

#validation .history p {
	margin: 0.5em 0;
}

#validation .history td {
	border-bottom: 1px solid #ddd;
	padding:0.7em 0;
	margin: 0;
	line-height: 1.5em;
}

#validation .history .details {
	vertical-align: top;
}

#validation .history .price {
	text-align: right;
	font-size:1.8em;
	vertical-align: top;
}
#validation form.login label {
	display: block;
	font-weight: bold;
}

#validation form.login p {
	float: left;
	margin-right: 10px;
}

#validation form.login input.submit {
	margin-top: 15px;
}

#passwordOublie{
	display: none;	
}
/* @end */

/* @group Mini 



#mini .wrap-head {
	height: 53px;
	overflow: hidden;
}

#mini #header {
	height: 50px;
	overflow: hidden;
}

#mini #header-compte {
	display: none;
}

#mini #header .header-flag {
	display: none;
}

#mini #header h2 {
	font-size: 1.1em;
	margin-top: 8px;
}


#mini .white h2 {
	font-weight: bold;
	font-size: 2.4em;
	text-transform: uppercase;
	margin-bottom: 5px;
}

#mini .white h3 {
	color: #516981;
}

#mini .white h4 {
	color: #56A0C7;
	font-weight: bold;
	font-size: 1.3em;
	margin-bottom: 20px;
}

#quick-resa {

	background: url("images/quick-resa.png") no-repeat;
	padding: 20px;
	padding-bottom: 4px;
}

#quick-resa select, #quick-resa input.text {
	margin: 4px 0;
	width: 130px;
}

#quick-resa label {
	font-size: 0.9em;
}

#quick-resa p, #quick-resa h3 {
	width: 158px;
	text-align: left;
	float: left;

}

#quick-resa p.submit {
	padding-top: 10px;
}

#quick-resa h3 {
	width: 160px;	
	margin-right: 20px;
}

.share li {
	float: left;
}

.share a {
	display: block;
	background: #eee url("images/share.png") no-repeat;
	text-indent: -3000px;
	width: 24px;
	height: 20px;
	margin-right: 7px;
	margin-bottom: 10px;

}

.share .google { background-position: -33px 0; }
.share .twitter { background-position: -62px 0; }
.share .digg { background-position: -92px 0; }
.share .delicious { background-position: -125px 0; }
.share .shout { background-position: -156px 0; }
.share .windows { background-position: -186px 0; }

.grey {
	color: #555;
}

/*#mini .station-infos ul {
	width: 200px;
	float: left;
} 

.magasin-infos {
	width: 680px;
	height: 658px;
	background: url("images/gmaps-3.jpg") no-repeat;
	position: relative;
}

.magasin-infos .station-infos {
	position: absolute;
	top: 470px;
	left: 0;

}

.magasin-infos .col {
	float: left;
	width: 225px;
}

.magasin-infos .last {
	width: 190px;
	margin-left: 10px;
}


.magasin-infos .last ul {
	margin-bottom: 10px;	
}

.magasin-infos .map {
	margin-left: 5px;
	margin-top	: 5px;
}

#mini-header {
	display: none;
	background: url("images/mini-header.jpg") no-repeat top center;
	height: 100px;
	margin-bottom: -2px;
}

#mini #mini-header {
	display: block;
}

.id-magasin img {
	margin: 20px;
	margin-top: 0;
}
*/

/* @end */
/* @group Mini */
#stations-liees .btn-white-arrow-prev{
	float:left;
	
}
#stations-liees .btn-white-arrow-next{
	background-position:left -36px;
	float:right;
}
#stations-liees .btn-white-arrow-next span{
	background-position:right -118px;
	
}
/* @end */

/* @group services */
#services h3 {
color:#469FC9;
font-size:1.5em;
margin-top:1em;
}
/* @end */

/* group newListe : combobox en javascript */

/*	height: 26px;
	line-height: 3em;
	
	border: 1px solid #aaa;
	color:#0B87D1;
	padding: 0.3em;
	z-index: 1;
	background: #F8F9FB; */

.js ul.newList {left:-9999px;}

ul.newList * {margin:0; padding:0;}
ul.newList {
	margin:0; 
	padding:0; 
	list-style:none; 
	color:#000; 
	width:290px; 
	background:#fff; 
	position:absolute;  
	border:1px solid #ccc; 
	top:22px; 
	left:0; 
	overflow:auto; 
	z-index:9999;}
.newListSelected {
	background:#F8F9FB url(images/dropdown.gif) no-repeat scroll right top;
	border:1px solid #AAAAAA;
	color:#0B87D1; 
	height:26px; 
	padding:0; 
	width:173px;}
.newListSelected div {
	display:block;
	height:26px;
	line-height:26px;
	padding:0 0.3em;
	text-align:left !important;
	width:auto;
	}
ul.newList {
	list-style:none; 
	color:#000; 
	width:172px; 
	background:#fff; 
	border:1px solid #AAAAAA;
	top:22px; 
	left:0; 
	height:auto; 
	overflow:auto;  
	text-align:left!important; 
	position:absolute; 
	z-index:9999;}
ul.newList li {padding:2px 5px!important;}
.hiLite {background:#316ac5!important; color:#fff!important;}
.newListHover {background:#ccc!important; color:#000!important; cursor:default;}
.newListSelHover {cursor:default;}
.newListSelHover, .newListSelFocus {background-position:right -29px;}
.newListSelHover div, .newListSelFocus div {}

.option .newListSelected {
	float: left;
	margin-right: 5px;
	height:29px;
	width: 90px;
	padding: 0px;
	background-position:right -22px;
	position: relative;
	
}
/*.option .newListSelHover, .option .newListSelFocus {background-position:right -29px;}
.option  .newListSelected div {
	height:29px;
	line-height:29px;
}*/

/* @end */
/* @end */


/* groupe modal beigebox*/
#nyroModalContent .beigebox {
	background: url("images/beige-box.png") no-repeat;
	height: 380px;
	width: 590px;
	margin-top: 0px;
	margin-right: 0;
	padding: 15px 25px;
}


#nyroModalContent .beigebox .info {
	position: relative;
	background-color: #F6F5F1;
	padding: 0.5em;
	zoom: 1;
}
#nyroModalContent .beigebox .info img{
	float:left;
}


#nyroModalContent .beigebox .col-2-1,
#nyroModalContent .beigebox .col-2-2 {
	float: left;
}

#nyroModalContent .beigebox .col-2-1 {
	width: 275px;
}
#nyroModalContent .beigebox .col-2-2 {
	margin-left: 3%;
	width: 275px;
}

#nyroModalContent .beigebox .id {
	float:right;
	margin-top: 0px;
	margin-right: 10px;
	text-align: center;
	width:100px;

}
#nyroModalContent .beigebox .id img {
	display: inline;
	float:none;	
}

#nyroModalContent .beigebox .percent {
	font-size: 2em;
}

#nyroModalContent .beigebox h2 {
	border-bottom: 1px solid #ccc;
	padding-bottom: 0.5em;
	margin-bottom: 0.8em;
	color: #555;
	font-weight: bold;
}


/* @end */
/* group enquete */
#enquete{
	
}
#enquete table{
	margin-bottom: 10px;
}


#enquete tr th{
	font-weight: bold;
	color : #469FC9;
}	

#enquete tr td,#enquete tr th{
	border-bottom:1px solid #DDDDDD;
	padding: 5px 0px;
}	

#enquete .gros{font-size: 1.5em; color:#469FC9;}
.btn-facebook{
	background: transparent url('images/btn_facebook.png') top left; 
	display: block;
	width: 170px;
	height: 34px;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
	margin-top:-7px;
	font-weight:bold;
	float:left;
	margin-right: 10px;
	
}
.btn-facebook span{
	display:block;
	margin-left:42px;
	
	padding-top:3px;
	width:124px;
}
/* @end */


/* @group Mentions légales */
#mentions-legales h3{
	clear: both;	
}
#mentions-legales .logo{
	
	float: left;
	width:260px;
}
#mentions-legales .adresse{
	padding: 52px 0px 0px 0px;
}
/* @end */

/* @group News */

#news h2{
	color:#469FC9;
	font-size:1.6em;
	margin-top:1em;
}
#news .liste-2 li a{
	background: none;
	padding: 0.8em 0;
	border-bottom: 1px solid #E6E6E6;
}
.news-utils li{
	margin: 10px 0;
}
a.facebook, a.permalink, a.rss{
	padding-left: 20px;
	line-height: 16px;
	color: #818181;
}
a.facebook{ background: url('images/facebook.png') no-repeat left center; }
a.permalink{ background: url('images/link.png') no-repeat left center; }
a.rss{ background: url('images/rss.png') no-repeat left center; }
/* @end */

/* @group commentaires */
#commentaires{
	color: #000000;	
}
#commentaires ul{
	height: 275px;
	margin: 20px 20px;
	overflow:auto;
		
}
#commentaires li { 
	padding: 10px 0px;
	border-bottom : 1px solid #dcdcdc;
}
#commentaires li strong{ 
	color: #536684;
}
/* @end */
/*******************************/
/********* bubbletip ***********/
/*******************************/
.bubbletip
{
	position: absolute;
	z-index: 50;
	border-collapse: collapse;
}
.bubbletip td.bt-topleft
{
	background: transparent url(images/bubbletip.png) no-repeat scroll 0px 0px;
	height: 33px;
	width: 33px;
}
.bubbletip td.bt-top
{
	background: transparent url(images/bubbletip-T-B.png) repeat-x scroll 0px 0px;
	height: 33px;
}
.bubbletip td.bt-topright
{
	background: transparent url(images/bubbletip.png) no-repeat scroll -73px 0px;
	height: 33px;
	width: 33px;
}
.bubbletip td.bt-left-tail div.bt-left, .bubbletip td.bt-left
{
	background: transparent url(images/bubbletip-L-R.png) repeat-y scroll 0px 0px;
	width: 33px;
}
.bubbletip td.bt-left-tail div.bt-left-tail
{
	background: transparent url(images/bubbletip.png) no-repeat scroll 0px -33px;
	width: 33px;
	height: 40px;
}
.bubbletip td.bt-right-tail div.bt-right, .bubbletip td.bt-right
{
	background: transparent url(images/bubbletip-L-R.png) repeat-y scroll -33px 0px;
	width: 33px;
}
.bubbletip td.bt-right-tail div.bt-right-tail
{
	background: transparent url(images/bubbletip.png) no-repeat scroll -73px -33px;
	width: 33px;
	height: 40px;
}
.bubbletip td.bt-bottomleft
{
	background: transparent url(images/bubbletip.png) no-repeat scroll 0px -73px;
	height: 33px;
	width: 33px;
}
.bubbletip td.bt-bottom
{
	background: transparent url(images/bubbletip-T-B.png) repeat-x scroll 0px -33px;
	height: 33px;
}
.bubbletip td.bt-bottomright
{
	background: transparent url(images/bubbletip.png) no-repeat scroll -73px -73px;
	height: 33px;
	width: 33px;
}
.bubbletip table.bt-top, .bubbletip table.bt-bottom
{
	width: 100%;
}
.bubbletip table.bt-top th
{
	width: 50%;
	background: transparent url(images/bubbletip-T-B.png) repeat-x scroll 0px 0px;
}
.bubbletip table.bt-bottom th
{
	width: 50%;
	background: transparent url(images/bubbletip-T-B.png) repeat-x scroll 0px -33px;
}
.bubbletip table.bt-top td div
{
	background: transparent url(images/bubbletip.png) no-repeat scroll -33px 0px;
	width: 40px;
	height: 33px;
}
.bubbletip table.bt-bottom td div
{
	background: transparent url(images/bubbletip.png) no-repeat scroll -33px -73px;
	width: 40px;
	height: 33px;
}
.bubbletip td.bt-content
{
	background-color: #fff;
	vertical-align: middle;
}
/*******************************/

#bloc_info #ajax-loading{
	background:#FFFFFF url(images/ajax-loader.gif) no-repeat scroll center center;
border:1px solid;
height:378px;
left:0;
position:absolute;
top:0;
width:100%;
	display : none;
	

}