@charset "utf-8";

/********************** Les Classes */
.bottom {
vertical-align: bottom;
}
.button {
width: 150px;
}
.cadre {
border: 2px solid #C90;
}
.center {
text-align: center;
}
.floatRight {
float: right;
}
.imgFloatLeft {
float: left;
margin: 0 5px 0 0;
}
.imgFloatRight {
float: right;
}
.left {
text-align: left;
}
.lettrine {
color: #960;
float: left;
font-size: 36px;
font-weight: bold;
line-height: 34px;
}
.obligatoire {
color: #600;
font-weight: bold;
}
.right {
text-align: right;
}
.separateur {
background-color: #fff;
clear: both;
margin: 0;
padding: 0;
visibility: hidden;
}
.top {vertical-align: top;}
/* Materiel de ski */
#listeSki {
	background: #FFF;
	border: 1px solid #FFF;
	border-collapse: collapse;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0 auto;
	text-align: center;
	/*width: 600px;*/
}
table.blocArticle {
	background: #FFF;
	border-bottom: 1px solid #CCC;
	border-collapse: collapse;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0 auto;
	text-align: center;
	/*width: 600px;*/
}
#listeSki .blocArticle td {
border-bottom: 1px solid #CCC;
margin: 0;
padding: 0;
}
#listeSki input, .blocArticle input {width: 15px;}
#listeSki td {
border: none;
margin: 0;
padding: 0;
}
#listeSki th {
font-size: 11px;
font-weight: normal;
margin: 0;
padding: 0 5px;
vertical-align: bottom;
}
#listeSki input.btnAjouter {
height: 27px;
margin: 0;
padding: 0;
vertical-align: middle;
width: 28px;
}
#listeSki td.familleProd {
	border-bottom: 2px solid #DEE3E9;
	color: #000;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 4px;
	padding: 6px 0 0 10px;
	text-align: left;
	text-transform: uppercase;
}

#listeSki th#listeSkiDescription, .blocArticle  th#listeSkiDescription {width: 300px;}
#listeSkiDescription p {margin: 0 0 5px 0;}

/*///////////////////////////////////////////////////////////////////////*/

#packSkiVip {
	background: #f8f8f8 url(/img/com/visuel-pack-vip-z.gif) 5px 26px no-repeat;
	margin: 20px 10px 8px 0;
	width: 325px;
	height: 110px;
	float: left;
	position: relative;
	}
#packSkiConf {
	background: #f8f8f8 url(/img/com/visuel-pack-conf-z.gif) 5px 26px no-repeat;
	margin: 20px 0 8px 0;
	width: 325px;
	height: 110px;
	float: left;
	position: relative;
	}
#packSkiInt {
	background: #f8f8f8 url(/img/com/visuel-pack-int-z.gif) 5px 26px no-repeat;
	margin: 10px 10px 20px 0;
	width: 325px;
	height: 110px;
	float: left;
	position: relative;
	}
#packSkiLois {
	background: #f8f8f8 url(/img/com/visuel-pack-lois-z.gif) 5px 26px no-repeat;
	margin: 10px 0 20px 0;
	width: 325px;
	height: 110px;
	float: left;
	position: relative;
	}
	a.packsBtnVoir {
		font-size: 10px;
		line-height: 17px;
		color: #fff;
		width: 122px;
		height: 18px;
		background: #a98747;
		display: block;
		text-decoration: none;
		text-align: center;
		font-weight: bold;
		position: absolute;
		left: 53px;
		bottom: 7px;		
	}
	a.packsBtnVoir:hover, a.packsBtnVoir:active {
		background: #8E723C;
	}
	#packSkiVip h3, #packSkiConf h3, #packSkiInt h3, #packSkiLois h3 {
		background: #000;
		margin: 0;
		padding: 0 0 0 52px;
		height: 19px;
		display: block;
		font-size: 11px;
		line-height: 18px;
		font-weight: bold;
		color: #fff;
		}
		#packSkiVip h3 span {
			color: #ccc;
			}
		#packSkiInt h3 span {
			color: #d8171f;
			}
		#packSkiLois h3 span {
			color: #1eb8e6;
			}
	#packSkiVip p, #packSkiConf p, #packSkiInt p, #packSkiLois p {
		margin: 0;
		padding: 5px 0 0 52px;
		font-size: 10px;
		line-height: 14px;
		color: #000;
		}
#datesSejourSki {
	background: #f8f8f8;
	border-collapse: collapse;
	margin: 10px auto 15px auto;
	width: 100%;
	clear: both;
	color: #a98747;
	font-weight: bold;
	}
	#datesSejourSki th.datesSejourSkiTh {
		margin: 0;
		padding: 0;
		background: #dbdbdb;
		vertical-align: middle;
		border-bottom: 1px solid #acacac;
		}
		#datesSejourSki th.datesSejourSkiTh p {
			font-size: 11px;
			text-align: left;
			margin: 0;
			padding: 8px;
			color: #000;
			font-weight: bold;
			text-transform: uppercase;
		}
		#datesSejourSki th .calheader {
			color: #000;
			}
	#datesSejourSki td.datesSejourSkiTd {
		border-bottom: 1px solid #ddd;
		background: #efefef;
		text-align: left;
		padding: 15px 0;
		}		
		#datesSejourSki td.datesSejourSkiTd p {
			margin: 0;
			padding: 0 0 0 7px;
			font-size: 11px;
			font-weight: bold;
			color: #000;
			text-align: left;
			}
			#datesSejourSki td.datesSejourSkiTd p span {
				padding: 0 0 0 15px;
				}			
	#datesSejourSki input {
		font-size: 11px;
		color: #000;
		width: 70px;
		height: 16px;
		background: #fff;
		border: 1px solid #b5b5b5;
		margin: 0 5px 0 5px;		
		}
	#datesSejourSki input#datesBtnSejour {
		margin: 1px 0 0 30px;
		padding: 0 5px 2px 5px;
		font-size: 13px;
		line-height: 21px;
		color: #fff;
		width: auto;
		height: 21px;
		background: #a98747;
		border: 0px none #b5b5b5;
		text-transform: uppercase;
		font-weight: bold;		
	}
	#datesSejourSki input#datesBtnSejourReset {
		margin: 1px 0 0 30px;
		padding: 0 5px 2px 5px;
		font-size: 11px;
		line-height: 21px;
		color: #fff;
		width: auto;
		height: 21px;
		background: #aaa;
		border: 0px none #b5b5b5;
		text-transform: uppercase;
		font-weight: bold;		
	}		
		
#listeSki2 {
	background: #f8f8f8;
	border-collapse: collapse;
	margin: 0 auto 0 auto;
	width: 100%;
	clear: both;
	}
	#listeSki2 th {
		margin: 0;
		padding: 0;
		background: #dbdbdb;
		border-bottom: 1px solid #acacac;
		border-right: 1px solid #acacac;		
		vertical-align: middle;			
		}
	#listeSki2 th#listeThFin {
		border-right: 0px none #acacac;				
		}
		#listeSki2 th p {
			margin: 0;
			padding: 7px 5px;			
			font-size: 11px;
			text-align: center;
			color: #000;
		}
		#listeSki2 th p#listeThCat {
			text-align: left;
			padding-left: 11px;
		}				
	#listeSki2 td {
		border: none;
		margin: 0;
		padding: 0;
		vertical-align: middle;
		border-bottom: 1px solid #ddd;
		font-size: 11px;
		color: #000;
		font-weight: bold;
		text-align: center;				
		}
		#listeSki2 td p {
			padding: 0;
			margin: 0;
			font-size: 10px;
			font-weight: bold;
			color: #000;
			text-align: center;
			vertical-align: middle;
			}
		#listeSki2 td p.listeSkiPrix {
			padding: 0 5px 0 0;
			font-size: 12px;
			line-height: 19px;
			text-align: right;
			}			
	#listeSki2 td.tdListeEntete {
		border-bottom: 1px solid #ddd;
		background: #efefef;
		height: 25px;
		text-align: left;
		}		
		#listeSki2 td.tdListeEntete p {
			padding: 0 0 0 11px;
			font-size: 11px;
			font-weight: bold;
			color: #000;
			text-align: left;
			}
	#listeSki2 td.tdListeVip, #listeSki2 td.tdListeConf, #listeSki2 td.tdListeInt, #listeSki2 td.tdListeLois, #listeSki2 td.tdListeVert, #listeSki2 td.tdListeAutre {
		height: 45px;
		width: 205px;		
		}
	#listeSki2 td.tdListeVip {
		background: url(/img/com/visuel-pack-vip.gif) 7px 9px no-repeat;		
		}
	#listeSki2 td.tdListeConf {
		background: url(/img/com/visuel-pack-conf.gif) 7px 9px no-repeat;		
		}
	#listeSki2 td.tdListeInt {
		background: url(/img/com/visuel-pack-int.gif) 7px 9px no-repeat;		
		}
	#listeSki2 td.tdListeLois {
		background: url(/img/com/visuel-pack-lois.gif) 7px 9px no-repeat;		
		}
	#listeSki2 td.tdListeVert {
		background: url(/img/com/visuel-pack-vert.gif) 7px 9px no-repeat;		
		}								
		#listeSki2 td.tdListeVip p, #listeSki2 td.tdListeConf p, #listeSki2 td.tdListeInt p, #listeSki2 td.tdListeLois p, #listeSki2 td.tdListeVert p, #listeSki2 td.tdListeAutre p {
			padding: 0 0 0 45px;
			font-size: 10px;
			color: #666;
			text-align: left;
			}
	#listeSki2 .listeQte {
		font-size: 12px;
		color: #000;
		width: 19px;
		height: 14px;
		background: #fff;
		border: 1px solid #b5b5b5;
		margin: 0 5px 0 0;				
		}
	#listeSki2 a.listeBtnVoir {
		font-size: 10px;
		line-height: 17px;
		color: #fff;
		width: 122px;
		height: 18px;
		background: #a98747;
		display: block;		
	}
	#listeSki2 a.listeBtnVoir:hover, #listeSki2 a.listeBtnVoir:active {
		background: #8E723C;
	}
	#listeSki2 a.listeBtnVoir2 {
		color: #000;
		text-decoration: underline;		
	}
	#listeSki2 a.listeBtnVoir2:hover, #listeSki2 a.listeBtnVoir2:active {
		text-decoration: none;
	}					
	#listeSki2 input.btnAjouter {
		height: 27px;
		margin: 0 3px 0 0;
		padding: 0;
		vertical-align: middle;
		width: 28px;
	}
#visuelSkiBienvenue {
	background: #3c3c3c;
	margin: 15px auto 0 auto;
	padding: 30px 0;
	width: 710px;
	clear: both;
	text-align: center;
	}	
#adrRosael {
	font-size: 11px;
	font-style: italic;
	color: #666;
	margin: 0;
	padding: 5px 0;		
}
	
	
#offreVipZ, #offreConfZ, #offreIntZ, #offreLoisZ, #offreConfJuZ, #offreLoisJuZ, #offreVertZ, #offreConfSnZ, #offreIntSnZ, #offreConfSnJuZ, #offreCasquesZ {
	width: 510px;
	padding: 20px 20px 15px 20px;	
}

	#offreVipZ h2, #offreConfZ h2, #offreIntZ h2, #offreLoisZ h2, #offreConfJuZ h2, #offreLoisJuZ h2, #offreVertZ h2, #offreConfSnZ h2, #offreIntSnZ h2, #offreConfSnJuZ h2, #offreCasquesZ h2 {
		padding: 0 0 10px 0;
		margin: 0;
		font-size: 20px;
		line-height: 37px;
		font-weight: bold;
		color: #666;
		text-align: left;
		}
		#offreVipZ h2 span {
			color: #b8b8b8;
			}
		#offreIntZ h2 span, #offreIntSnZ h2 span {
			color: #d8171f;
			}
		#offreLoisZ h2 span, #offreLoisJuZ h2 span {
			color: #1eb8e6;
			}
		#offreVertZ h2 span {
			color: #68c100;
			}		
			
		#offreVipZ h2 img, #offreConfZ h2 img, #offreIntZ h2 img, #offreLoisZ h2 img, #offreConfJuZ h2 img, #offreLoisJuZ h2 img, #offreVertZ h2 img, #offreConfSnZ h2 img, #offreIntSnZ h2 img, #offreConfSnJuZ h2 img, #offreCasquesZ h2 img {
			float: left;
			margin: 0 13px 0 0;
			}
	#offreVipZ h3, #offreConfZ h3, #offreIntZ h3, #offreLoisZ h3, #offreConfJuZ h3, #offreLoisJuZ h3, #offreVertZ h3, #offreConfSnZ h3, #offreIntSnZ h3, #offreConfSnJuZ h3, #offreCasquesZ h3 {
		padding: 20px 0 0 0;
		margin: 0;
		font-size: 16px;
		line-height: 24px;
		font-weight: bold;
		color: #A98546;
		text-align: left;
		}
	#offreVipZ p, #offreConfZ p, #offreIntZ p, #offreLoisZ p, #offreConfJuZ p, #offreLoisJuZ p, #offreVertZ p, #offreConfSnZ p, #offreIntSnZ p, #offreConfSnJuZ p, #offreCasquesZ p {
		padding: 10px 0 20px 0;
		margin: 0;
		font-size: 12px;
		line-height: 17px;
		font-weight: normal;
		color: #666;
		text-align: left;
		}
	#offreVipZ p.offreNote, #offreConfZ p.offreNote, #offreIntZ p.offreNote, #offreLoisZ p.offreNote, #offreConfJuZ p.offreNote, #offreLoisJuZ p.offreNote, #offreVertZ p.offreNote, #offreConfSnZ p.offreNote, #offreIntSnZ p.offreNote, #offreConfSnJuZ p.offreNote, #offreCasquesZ p.offreNote {
		padding: 5px 0 20px 0;
		margin: 0;
		font-size: 11px;
		line-height: 17px;
		font-weight: normal;
		color: #A98546;
		text-align: left;
		font-style: italic;
		}
		
#packsZGlobal {
	/*width: 510px;*/
	padding: 20px 20px 15px 20px;	
	}
	#packsZGlobal h2 {
		padding: 0 0 10px 0;
		margin: 0;
		font-size: 20px;
		line-height: 37px;
		font-weight: bold;
		color: #666;
		text-align: left;
		}
		#packsZGlobal h2 span {
			text-indent: 0;
			width: 15px;
			height: auto;
			position: relative;
			top: 0;
			display: inline;			
			}		
		#packsZGlobal img {
			float: left;
			margin: 0 13px 0 0;
			}
	#packsZGlobal h3 {
		padding: 20px 0 0 0;
		margin: 0;
		font-size: 16px;
		line-height: 24px;
		font-weight: bold;
		color: #A98546;
		text-align: left;
		clear: both;
		}
	#packsZGlobal p {
		padding: 10px 0 20px 0;
		margin: 0;
		font-size: 12px;
		line-height: 17px;
		font-weight: normal;
		color: #666;
		text-align: left;
		clear: both;
		}
	#packsZGlobal p.offreNote {
		padding: 5px 0 20px 0;
		margin: 0;
		font-size: 11px;
		line-height: 17px;
		font-weight: normal;
		color: #A98546;
		text-align: left;
		font-style: italic;
		}		
		

/*///////////////////////////////////////////////////////////////////////*/


/******************************************************/
.prodImg {
margin: 0;
padding: 0;
width: 101px;
}
.prodDetail { width: 58px;}
.prodDescription { width: 170px;}
.prodPrix1 { width: 75px;}
.prodPrix2 { width: 75px;}
.prodQte { width: 70px;}
.prodAjouter { width: 30px;}

.sousFam_,
.sousFam_Expert,
.sousFam_Confirmé,
.sousFam_Loisir,
.sousFam_Junior,
.sousFam_Baby {width: 80px; !important}

.sousFam_Expert {
	background-color:#000;
	color:#fff;
}
.sousFam_Confirmé {
	background-color:#ff0000;
	color:#fff;
}
.sousFam_Loisir {
	background-color:#000080;
	color:#fff;
}
.sousFam_Junior {
	background-color:#000080;
	color:#fff;
}
.sousFam_Baby {
	background-color:#000080;
	color:#fff;
}
/*Offre speciale*/
#cfwOffre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 10px;
	text-align: left;
	}
#cfwOffre h1 {
	background: none;
	color: #F60;
	font-size: 16px;
	height: auto;
	margin: 10px 0;
	padding: 0;
	
	}
/* CF WINDOW */
table#cfWindow {
color: #000;
margin: 0 auto;
}
table#cfWindow p {
font-size: 12px;
margin: 1em 0;
text-align: center;
}
.x-dlg .x-dlg-hd-left {background-color:#FFF; background-image:none;}
.x-dlg .x-dlg-hd-left .x-dlg-hd-right {background-color:#FFF; background-image:none;}
.x-dlg .x-dlg-hd-left .x-dlg-hd-right .x-dlg-hd {background-color:#FFF; background-image:none;}
.x-dlg .x-dlg-dlg-body {border-bottom:3px solid #FFF; border-right:3px solid #FFF; border-left:3px solid #FFF; margin:0; padding:0;}
.x-dlg-mask {opacity:0.7; filter:alpha(opacity=70); -moz-opacity:0.7; background-color: #666;}