body {
	color: Black;
	margin: 0px;
	font-family:Verdana, Arial, Helvetica;
	font-size:11px;
	background-color:#666666;
}

p{
	padding: 5px 0 5px 0;
}
h1 {
	padding-left:5px;
	font-size:21px;
	font-family: Verdana, Arial, Sans-serif;
	font-weight:bold;
	color:Black;
	margin:0px;
	margin-bottom:5px;
}

h3 {
	font-size:15px;
	font-family: Verdana, Arial, Sans-serif;
	font-weight:bold;
	color:black;
	margin:0px;
	margin-bottom:5px;
}

a {
	color:Gray;
}
a:hover{
	color: red;
}

#menunav{
	color: white;
	font-size: 12px;
	padding: 3px 20px 3px 20px;
}

#menunav a {
	color: white;
	font-weight: bold;
	font-variant: small-caps;
	text-decoration: none;
	
}

#menunav a:hover{
	color: red;
}

#bloc_menu {
	padding-left: 5px;
}
#bloc_menu h1{
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica;
	font-size:14px;
	text-align:left;
	color: Red;
	font-weight:bold;
	display:block;
	margin-left:25px;
	background-image:none;
	border-bottom:1px dotted black;
	padding:8px 3px 0px 0px;
}
#bloc_menu a{
	text-decoration:none;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica;
	font-size:11px;
	text-align:right;
	color:Gray;
	font-weight:300;
	display:block;
	margin-right:10px;
	background-image:none;
	border-top:1px solid white;
	padding:3px 3px 3px 0px;
}
#bloc_menu a:hover{
	text-decoration:none;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica;
	font-size:11px;
	text-align:right;
	color:White;
	font-weight:300;
	display:block;
	margin-right:10px;
	background-color: Gray;
	border-top:1px solid white;
	padding:3px 3px 3px 0px;
}

#cartPane a{
	text-decoration:none;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica;
	font-size:11px;
	text-align:right;
	color:Gray;
	font-weight:300;
	display:block;
	margin-right:10px;
	background-image:none;
	border-top:1px solid white;
	padding:3px 3px 3px 0px;
}
#cartPane a:hover,
#checkout a:hover{
	text-decoration:none;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica;
	font-size:11px;
	text-align:right;
	color:White;
	font-weight:300;
	display:block;
	margin-right:10px;
	border-top:1px solid white;
	padding:3px 3px 3px 0px;
	background-color: White;
}

#content{
	padding: 5px;
}

.mainBox{
	margin: 50px 0 70px 0;
}

/* blocs d'affichage materiel */
.materielDetail{
	padding: 20px;
}

/*  alternance de couleur dans les tables coté user */
.row1{
	color: Black;
	background-color: #708090;
	border-bottom: dotted;
}

.row2{
	color: Black;
	background-color: #ADD8E6;
	border-bottom: dotted;
}

.tdcaddie{
	border-bottom: 2px solid white;
}

.designationcaddie{
	font-size: 13px;
	font-weight: bold;
	color: Black;
	padding-left: 5px;
	padding-bottom: 3px;
}

.descriptifcaddie{
	font-style: italic;
	font-size: 11px;
	padding-left: 5px;
	padding-bottom: 5px;
}
.mini{
	font-size: 10px;
}

/* Definition page materiel*/
#matList{
	padding: 20px;
}

#matList #materielDetail #header{
	font-weight: bold;
}


/* Definitions Formulaires */

.alert{
	font-size: 12px;
	font-weight: bold;
	color: #CC0000;
}

.tableHeader{
	font-weight: bold;
	background-color: Gray;
	color: White;
}

.formElements{
	background-color: #DCDCDC;
}

.red{
	font-weight: bold;
	color: #CC0000;
}


.errorSummary{
	width: 60%;
	padding: 20px;
	color: red;
}

#reservationPane{
	text-align: left;
	padding: 0 0 40px 20px;
	border-left: 1px solid gray;
}

#reservationPane .inner p{
	padding: 5px 0 5px 0;
}

#reservationPane .inner label {
	display: block;
	float: left;
	width: 180px;
}

#reservationPane strong{
	font-weight: bold;
}

#reservationPane #goOn{
	margin-left: 130px;
}

#rightCol{
	text-align: center;
}

#rightCol #selectors{
	margin-top: 7px;
	margin-left: 29px;
}

#rightCol a{
	display: block;
	width: 100px;
	height: 30px;
	float: left;
	font-weight: bold;
	text-decoration: none;
	
	color: black;
	margin-right: 16px;
	_margin-right: 12px;
	line-height: 30px;
	font-size: 13px;
	border: 1px solid black;
}

#rightCol a.active,
#rightCol a:hover{
	color: red;
	background: #fff url('../../img/tick.gif') no-repeat 50% 22px;
}



#cataloguePane{
	padding: 20px;
	
}

#cataloguePane .selTitre{
	background-color: #cecece;
	width: 60%;
	padding: 5px;
}

#cataloguePane dl dt{
	font-weight: bold;
	height: 25px;
	line-height: 25px;
	color: white;
	padding: 5px;
}

#cataloguePane .bd{
	padding: 10px;
}


#cataloguePane .vert{
	background-color: green;
}

#cataloguePane .bleu{
	background-color: blue;
}

#cataloguePane .rouge{
	background-color: red;
}

#cataloguePane .noir{
	background-color: black;
}

#cataloguePane .premium{
	background-color: #708090;
}

#cataloguePane dd{
	margin-left: 5px;
}

#accPane{
	width: 97%;
	background-color: white;
	margin: 0 auto 0 auto;
	padding: 7px 0 0 0;
}

#accPane form{
	min-height: 200px;
	_height: 200px;
}

.optionBox{
	border: none;
	margin-bottom: 20px;
}

.optionBox .tarifOption{
	margin-right: 5px;
}

.optionBox div{
	float: left;
	width: 45%;
	margin-bottom: 10px;
}

.formuleTop {
	margin: 25px 0 35px 0;
	min-height: 90px;
	_height: 90px;
}

.formuleTop .materielSingle {
	text-align: center;
	font-size: 11px;
}
.formuleTop .materielSingle .equiv{
	font-size: 9px;
}

.formuleTop .formuleBoots{
	float: left;
}

.formuleTop .formuleSki{
	/*margin-left: 75px;*/
	_height: 50px;
	min-height: 50px;
	/*padding-top: 15px;*/
}

.formuleTop .formuleSki .titre{
	font-weight: bold;
	font-size: 15px;
}
.formuleTop .formuleSki img {
	padding: 10px 0 0 0 ;
}


.priceBox{
	border: none;
	text-align: right;
	margin-right: 5px;
}
	
.priceBox .addButton{
	float: right;
}

.priceBox .prices{
	float: right;
}

.priceBox .prices div{
	width:90px;
	margin-right: 10px;
	float: left;
}

.priceBox .prices .catPrice{
	text-decoration: line-through;
	font-size: 15px;
}

.priceBox .prices .lowPrice{
	font-weight: bold;
	font-size: 18px;
	color: #483D8B;
}

.detailLink .showLink{
	display: block;

	margin: 10px 0 10px 0;
}

.priceBox .detailLink{
	
	float: left;
	width: 280px;
	font-size: 9px;
	text-align: left;
}


#cartPane h3,
#holidayPane h3{
	background-color: red;
	padding: 5px;
}
#cartPane table td{
	border-bottom: 1px dotted;
}

#cartPane table .title td{
	font-weight: bold;
	border-bottom: none;
}

#cartPane table .total td{
	font-weight: bold;
	height: 30px;
}

#cartPane .yousave strong{
	color: red;
	font-weight: bold;
}

#holidayPane dt{
	font-weight: bold;
}
#holidayPane dd{
	margin-left: 20px;
}

/** Styles Step3 **/

#checkout  #conteneur #page {
	height: 15000px;
}
	
#recapProducts,
#personnalInfos,
#paiementInfos{
	width: 598px;
	
}

#recapProducts h3,
#personnalInfos h3,
#paiementInfos h3{
	font-size: 18px;
	margin-top: 10px;
	
}

.recapOneProduct{
	background-color: #d1dbde;
	width: 648px;
	margin-bottom: 20px;
}

.recapOneProduct .header{
	height: 29px;
	color: white;
	overflow: visible;
}

.recapOneProduct .header div{
	padding: 8px 10px 0 30px;
}

.recapOneProduct .header .price{
	float: right;
	font-weight: bold;
	color: Blue;
}

.recapOneProduct .footer{
	background: url(../images/foot_div_booking2_product.gif) no-repeat top left;
	height: 5px;
	font-size: 1px;
	line-height: 1px;
}

.recapOneProduct .productName{
	font-weight: bold;
	font-variant: small-caps;
	font-size: 15px;
	color: Blue;
}

.recapOneProduct .center {
	height: 34px;
	margin: 10px 10px 0 10px;
	font-size: 11px;
	
}


.recapOneProduct .options{
	font-weight: bold;
}
.recapOneProduct .center .removeProduct{
	float: right;
	display: block;
	background: url(../images/remove.gif) no-repeat top left;
	color: Red;
	padding: 0 0 0 15px;
}

.recapOneProduct .userInfos{
}
.recapOneProduct .userInfos th{
	vertical-align: middle;
	font-weight: lighter;
}

.recapOneProduct .userInfos .title1{
	background-color: #e8edef;
}

.recapOneProduct .userInfos .title2{
	background-color: #f9fafb;
}

.recapOneProduct .userInfos th{
	text-align: center;
	height: 25px;
}

.recapOneProduct .userInfos td{
	padding-top: 5px;
	vertical-align: top;
}

.recapOneProduct .userInfos input{
	height: 17px;
} 

.recapOneProduct .userInfos .taille{
	width: 40px;
}

.recapOneProduct .userInfos .switchUnit{
	margin: 0 10px 0 0;
	/*color: #ff6600;*/
	font-size: 9px;
}

a.backLink {
	font-size: 15px;
	color: #666666;
}

#recapPrices{
	width: 598px;
}

#recapPrices .userPoints,
#recapPrices .totalPrice{
	width: 100%;

	float: right;
	border-bottom: 1px dotted black;
	text-align: right;
	padding: 5px 0 5px 0;
}

#recapPrices .totalPrice p strong{
	color: #ff6600;
	font-size: large;
}


#recapPrices .small {
	font-size: 9px;
}

.formLine{
	padding: .3em 0 .5em 0;
	border-bottom: 1px dotted #ccc;	
	height: 25px;
}

.felement{
	float: left;
	width: 95%;
}



#personnalInfos label,
#paiementInfos label{
	display: block;
	float: left;
	width: 200px;
	text-align: right;
	margin-right: 10px;
}