/* ************************************* */
/* PAGE																*/
/* ************************************* */

html, body {
	width: 									100%;
	height: 								100%;
	margin: 								0px;
	padding: 								0px;
	font-family: 							Arial, Helvetica, sans-serif;
	font-size: 								12px;
	color:									#000;
	background: 							#F8F4E5 url('../pics/backgroundBody.jpg') repeat-x top left;
	}

#content {
	position:								relative;
	background: 							transparent url('../pics/backgroundContent.jpg') no-repeat top left;
	width:									950px;
	padding-left:							50px;
	z-index: 								2;
	}

#pageLeft {
	float:									left;
	width:									300px;
	}

#pageLeft a.logo {
	background: 							transparent url('../pics/logo-art-du-temps.png') no-repeat 0px 40px;
	display:								block;
	height:									201px;
	width:									185px;
	}

#pageLeft a.logo span {
	display:								none;
	}

#page {
	float:									left;
	padding:								20px 0px 0px 0px;
	width:									600px;
	}



/* ************************************* */
/* HOME																*/
/* ************************************* */

#quickContent {
	width:									900px;
	margin:								0px;
	}

#quickEnd {
	clear:									both;
	width:									894px;
	height:									2px;
	}

#homeText{
	display:								block;
	width:									438px;
	height:									222px;
	padding:								20px 0px 0px 20px;
	background: 						transparent url('../pics/homeText.gif') no-repeat top left;
	}

#homeText .texte{
	display:								block;
	width:									380px;
	height:									130px;
	margin:								5px;
	overflow:								auto;
	}

h1 {
	font-size:								24px;
	margin:								10px 0px 10px 0px;
	color:									#A80508;
	}

#horaire {
	width:									438px;
	height:									88px;
	margin:								5px 0px 20px 0px;
	background: 						transparent url('../pics/horaire.gif') no-repeat top left;
	}

#horaire h2 {
	display:								none;
	}

h2 {
	display:								block;
	font-family: 							times;
	font-size:								25px;
	font-weight:							normal;
	margin:								10px 0px 10px 0px;
	color:									#491010;
	}

#productTitles h2 {
	font-size:							38px;
	margin:								10px 0px 10px 20px;
	text-align:							left;
	color:									#FFF;
	}
#productTitles h2 span{
	display:								none;
	}


/* ************************************* */
/* TREE																*/
/* ************************************* */

#navigation {
	padding:								95px 0px 10px 30px;
	width:									270px;
	}

.linknavigation {
list-style-type: none;

	padding:								0px 30px 0px 0px;
	text-transform:							uppercase;
	}

.linknavigation a {
	color:									#FFF;
	font-weight:							bold;
	text-decoration:						none;
	}

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



/* ************************************* */
/* NAVIGATION													*/
/* ************************************* */

#titleContent {
	/*width:									824px;*/

	}

#pageContent {
	padding-left:						0px;

	}

#textEnd {
	width:									280px;
	height:									113px;
	color:									#E1E1BA;
	background: 						transparent url('../pics/bkgContact.gif') no-repeat top left;	
	padding:								50px 0px 0px 40px;
	}

#textEnd b{
	font-size:							13px;
	}

#upNavigation{
	margin-top:30px;
}
#upNavigation a{
	font-size: 10px;
	font-style: normal;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;

}

#title {
	font-size:							55px;
	color: 								#491010;
	font-family: 						times;
	font-weight:						normal;
	margin:							0px;
	}

#title span,
#homeTitle span{
	display:							none;
	}

#subNavigation {
	font-size: 14px;
	font-style: normal;
	color: #000;
	text-decoration: none;
	}

#subNavigation a {
	font-size: 12px;
	font-style: normal;
	color: #000000;
	text-decoration: none;
}

#accroche{	
	padding-bottom:					30px;
	font-size: 							13px;
	font-style: 							italic;
	color: 								#390B0B;
	}
#accroche a{	
	font-style: italic;
	color: #726A32;
}

/* *********************************** 	*/
/* CLASSTEXT							*/
/* *********************************** 	*/

img {
	border: 									0px;
	}

.paragraphe {
	clear:										both;
	font-size:	 								12px;
	color:										#000000;
	display:									block;
	}

.imgs img{
	margin-bottom:					5px;
	}

.imgs{
 	margin-bottom:					12px;
	padding:									5px 5px 5px 5px;
	border:										2px solid #896A31;
	text-align:								right;
	font-size:								10px;
	}

.paragraphe .imgs a{
 	color:										#896A31;
	text-decoration:					none;
	}

.addimage {
		margin:								0px auto 0px auto;
	}

.rightText {
	float:right;
	width:475px;
	margin-bottom:10px;
	font-size: 12px;
	color:#000000;
	border: 0px solid #0DD000;
}

.leftText {
	float:left;
	width:475px;
	margin-bottom:10px;
	font-size: 12px;
	color:#000000;
	border: 0px solid #000000;
}
.longText {
	display:block;
	margin-bottom:10px;
	font-size: 12px;
	color:#000000;
	border: 0px solid #000000;
}
.longText a, #rightText a, #leftText a{
	font-size: 12px;
	color:#896A31;
	text-decoration:none;
}
.textParser {
	clear:both;
	text-align:center;
	font-size: 12px;
	font-style: normal;
	color: #B1A73F;
	text-decoration: none;
	font-weight: bold;
	border: 0px solid #000000;
}

a.zoom {
	display:							block;
	padding:							0px 20px 0px 0px;
	background: 						transparent url('../pics/zoom.gif') no-repeat top right;	
	}
.paragraphe ul {
	margin:							0px 0px 0px 5px;
	padding:							0px 0px 0px 5px;
}

.paragraphe li {
	list-style-type:						none;
	background: 						transparent url(../pics/bkg_li.gif) no-repeat 0px 5px;
	padding:							0px 0px 0px 10px;

}

/* ***********************************	*/
/* CLASSPORTFOLIO					*/
/* ***********************************	*/

#porfolio {
	width:800px;
	margin-bottom:10px;
}

#porfolioParagraphe {
	width:200px;
	float:left;
}

#porfolioEnd {
	width:10px;
	margin-bottom:10px;
}

#porfolioLegende, #porfolioLegende a{
	font-size: 14px;
	color:#FFFFFF;
}

/* *********************************** 	*/
/* CLASSCALENDAR					*/
/* *********************************** 	*/

h5, h5 a {
	font-size: 22px;
	color:#D8C847;
	text-decoration:none;
}

h5 i {
	font-size: 30px;
	color:#231F15;
	text-decoration:none;
}

td.calendarTitle {	
	height:34px;
	color: #FFFFFF;
	font-weight:bold;
	background-color: #231F15;
	}

td.calendarEmpty {	
	width:70px;
	height:70px;
		background-color: #231F15;
	}

td.calendarDay {
	width:70px;
	height:70px;	
	border: 1px #231F15 solid;
	color: #231F15;
	}

td.calendarDay a {
	color: #231F15;
	}

td.calendarDay0 {
	width:70px;
	height:70px;	
	border: 1px #231F15 solid;
	background-color: #888888;
	background-image: url('../pics/reserve.gif');
	color: #FFFFFF;
	}

td.calendarDay1 {
	width:70px;
	height:70px;	
	border: 1px #231F15 solid;
	background-color: #CCCCCC;
	color: #FFFFFF;
	vertical-align:middle;
	}

td.calendarDay1 a {
	color: #FFFFFF;
	}

#calendar{
	margin-bottom:-22px;
}

#calendarForm {
	float:left;
	width:625px;
	background-image: url('../pics/labbe-location-luchon-background-top.gif');	
	background-repeat: no-repeat;
	background-position: top left;
	padding-left:50px;
	border: 0px solid #FF0000;
}


/* *********************************** 	*/
/* CLASSPRODUCT										*/
/* *********************************** 	*/



#btnPanier {
	padding:						0px 0px 0px 30px;
	}

#btnPanier a {
	color: 							#FFF;
	font-weight:					bold;
	text-decoration:				none;
	}
#btnPanier a:hover {
	text-decoration:						underline;
	}

#pageProduct {
	display:						block;
	margin:						20px 0px 0px 0px;
	}

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

#shortTreeTop {
	height:52px;
	background-image: url('../pics/panier-gourmand-produit-shortTree-top.gif');	
	background-repeat: no-repeat;
	background-position: top left;

}
#shortTree {
	background-image: url('../pics/panier-gourmand-produit-shortTree-bkg.gif');	
	background-repeat: repeat-y;
	background-position: top left;
	padding-left:	40px;
}
#shortTree ul{
	padding:0px;
	margin:0px;
	list-style:	none;
	margin-left:10px;
	border: 0px solid #000000;
}

#shortTree a{
	display:block;
	font-size: 12px;
	color:#000000;
	text-decoration:none;
	background-image: url('../pics/panier-gourmand-produit-short1.gif');	
}

#shortTree a{
	display:block;
	font-size: 12px;
	color:#000000;
	text-decoration:none;
	padding-left:10px;
	background: transparent url('../pics/panier-gourmand-produit-nopuce.gif') no-repeat center left;	
}
#shortTree a:hover{
	display:block;
	font-size: 12px;
	color:#000000;
	text-decoration:none;
	background: transparent url('../pics/panier-gourmand-produit-puce.gif') no-repeat center left;	
}
#shortTree a.here{
	display:block;
	font-size: 12px;
	color:#B1A73F;
	text-decoration:none;
	padding-left:10px;
	font-weight: bold;
	background: transparent url('../pics/panier-gourmand-produit-puce.gif') no-repeat center left;	
}
#shortTreeBottom {
	height:16px;
	background-image: url('../pics/panier-gourmand-produit-shortTree-bottom.gif');	
	background-repeat: no-repeat;
	background-position: top left;

}

#shortList {
	float:								left;
	width:							450px;
	overflow:						hidden;
	}


#flash{
	float:left;
	width:													430px;
	height:												335px;
	padding:											0px 10px 0px 10px;
	background: 							transparent url('../pics/flashPlayer.gif') no-repeat center left;
}

#flash a{
	display:block;
	width:594px;
	height:280px;

}

#flash a span{
	display:none;
}
.folderStart {
	width:											450px;
	height:										14px;
	display:none;
	}
.folderEnd {
	width:											450px;
	height:										35px;
	display:none;
	}

.shortFolder{
	border-top:						1px dotted #000;

}
.shortFolderTitle{
	font-family:				times;
	padding:	5px 0px;
	font-size: 28px;
	color:#390B0B;
}
.shortFolderTexte{
	padding:	15px 0px;

}
.shortFolderEnd{
	width:420px;
	height:21px;
	margin:	0px 10px 0px 10px;
	display:none;
}
.shortProduct {
	font-size: 12px;
	color:#000000;
	border-top:	1px dotted #000;
	margin-bottom:				10px;
}

.endShortProduct {
	display:block;
/*	width:604px;*/
	margin:0px;
	clear:both;
	height:1px;
	border: 0px solid #0FFF00;
}
.shortImg {
	float:						left;
	padding:					10px;
	margin:10px;
border:			2px solid #896A31;
}
.shortTitle {
	display:								block;
	font-family: 							times;
	font-size:								25px;
	font-weight:							normal;
	margin:								10px 0px 10px 0px;
	color:									#491010;
}
.shortTitle span{
	display : none;
}
.shortTexte {

	padding:	0px 20px 0px 20px;
	text-align:left;
	font-size: 11px;
	color:#000;
}
.shortPrix {
	width:380px;
	margin-left:65px;
	font-size: 18px;
	color:#B1A73F;
	margin-top:0px;
	font-weight:bold;
	border: 0px solid #000;
}
a.seeMore {
	padding:							0px 0px 0px 10px;
	background:						transparent url('../pics/seeMore_off.gif') no-repeat 0px 4px;
	text-decoration:					none;
	color:								#210707;
}
a.seeMore:hover {
	color:								#210707;
	text-decoration:					none;
	background:						transparent url('../pics/seeMore_on.gif') no-repeat 0px 4px;
	}



/* Infos */
/* ----------------------- */
.infos {
	display:							none;
	float:								left;
	width:								450px;
	height:								335px;
	}

/* Coup de coeur */
/* ----------------------- */
.coupDeCoeur {
	display:								block;
	border-bottom:							1px dotted #000;
	margin-bottom:						20px;
	}

.enPromotion {
	float:left;
	height:240px;
	padding-top:55px;
	background-image: url('../pics/panier-gourmand-en-promotion-default.gif');	
	background-repeat: no-repeat;
	background-position: top left;
	border: 0px dotted #F0000F;
	text-align:center;	cursor: pointer;
}
.enPromotion:hover {
	background-image: url('../pics/panier-gourmand-en-promotion.gif');	
	background-repeat: no-repeat;
	background-position: top left;

}
.nouveautes {
	float:left;
	height:240px;
	padding-top:55px;
	background-image: url('../pics/panier-gourmand-nouveautes-default.gif');	
	background-repeat: no-repeat;
	background-position: top left;
	text-align:center;
	cursor: pointer;
	border: 0px dotted #F0000F;
}
.nouveautes:hover {
	background-image: url('../pics/panier-gourmand-nouveautes.gif');	
	background-repeat: no-repeat;
	background-position: top left;
}

.hotImg {
	float:										right;
	width:										150px;
	text-align:									center;
	height:										145px;
	overflow:									hidden;
	margin:									0px 10px 10px 20px;
	}

.hotTitle {
	display:									block;
	font-size: 									25px;
	color:										#FFF;
	text-align:									right;
	padding:									20px 0px 10px 0px;
	margin:									0px 0px 0px 50px;
	font-family: 								Times;
	}

#productLinks .hotTitle {
	display:									block;
	font-size: 									25px;
	color:										#491010;
	text-align:									right;
	padding:									20px 0px 10px 0px;
	border-bottom:								1px dotted #000;
	margin:									0px 0px 10px 0px;
	font-family: 								Times;
	}

#productLinks .hotText {
	display:									block;
	text-align:									right;
	font-size: 									11px;
	color:										#000;
	padding-bottom:							10px;
	}
.hotText {
	display:									block;
	text-align:									right;
	font-size: 									11px;
	color:										#FFF;
	}

.hotText a {
	color:										#000;
	text-decoration:							underline;
	}

.hotText h3{
	font-family: 							times;
	font-size:								20px;
	font-weight:							normal;
	color:										#A80508;
	margin:									0px;
	}

.hotSubTitle {
	width:296px;
	font-size: 10px;
	color:#888;
	border: 0px solid #000;
}

.hotPrix {
	float:											left;
	width:										200px;
	font-size: 								22px;
	color:										#FFF;
	text-align:								right;
	padding-left:							50px;
	padding:									0px;
	margin:									20px 0px 0px 0px;
	font-weight:							bold;
	}

.hotPrix span{
	font-size: 								15px;
	color:										#D9B100;
	text-decoration:					line-through;
	font-weight:							bold;
	}

.hotAdd {
	float:											left;
	width:										190px;
	text-align:								right;
	margin:									20px 0px 0px 0px;
	}


#productFiles{
	float:left;
	width:300px;
	z-index:3;
}
#productAllFiles{

	top:0px;
}
#productAllFiles ul{
	display:block;
	list-style:none;
	margin: 270px 0px 0px 10px;
	padding:0px;
}
#productAllFiles ul li{
	display:block;
	float:left;
	margin-right:5px;
}
#productAllFiles ul li a{
	display:block;
	margin-bottom:10px;
}
#productAllFiles ul li:hover .bigProductImg{
	display:block;
}

.bigProductImg{
	display:none;
	padding:0px;
	top:	10px;
	left:	10px;
	width:	280px;
	text-align:center;
	background-color: #F8F4E5;
}
.firstView{
	display:block;
}
.oneView{
	display:block;
	top:	30px;
}
#productTitles{
	float:left;
	width:300px;
	padding-right:0px;
}
#productAriane{
	display:block;
	margin:15px;
	text-align:left;
}

#productAriane, #productAriane a{
	color:#333;
	text-decoration:none;
}

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

#productTitleTop{
	display:block;
	height:3px;
	margin-top:	10px;
	background: transparent url('../pics/productTitleTop.gif') no-repeat top left;
}
#productTitleBkg{
	display:block;
	padding:20px 10px 20px 10px;
	background: transparent url('../pics/productTitleBkg.gif') repeat-y top left;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
}
#productTitleBottom{
	display:block;
	height:7px;
	background: transparent url('../pics/productTitleBottom.gif') no-repeat top left;
}
.productSelected{
	margin: 20px 0px 20px 0px;
}
.productPrix{
	font-size: 25px;
	color:#A80508;
	font-weight:bold;
}
.productPrix span{
	color:#000000;
	font-size: 25px;
	display:block;
	text-decoration:line-through;
}
.productNoPrix{
	font-size: 15px;
	color:#A80508;
	font-weight:bold;
}

form {
	margin:												0px;
	padding:												20px 10px 10px 20px;
	}

.littleInput{
	width:30px;
}
#productTextes{
	width:898px;
	height:281px;
	background: transparent url('../pics/productTextes.gif') no-repeat top left;
}
#productTexte{
	text-align:	left;
	padding:	20px 10px 10px 20px;
}

#productLinks{

}



/* ***********************************	*/
/* CART															*/
/* ***********************************	*/

#popup{
	position:									absolute;
	display:									none;
	top:											0px;
	width:										100%;
	height:										100%;
	z-index:									100;
	}

#popupBkg{
	position:									absolute;
	top:											0px;
	left:											0px;
	width:										100%;
	height:										100%;
	z-index:									101;
	background-color:				#000;
	opacity:									0.7;
	filter : 										alpha(opacity=70); 
	}

#popupMsg{
	position:									abolute;
	top:											0px;
	left:											0px;
	width:										100%;
	height:										100%;
	display:									block;
	z-index:									102;
	}

#cartBkg {
	position:									absolute;
	display:									block;
	width:										540px;
	height:										120px;
	background: 							#E1E1BA url('../pics/wait.gif') no-repeat center 50px;
	top:											120px;
	left:											250px;
	z-index:									103;
	}

#cartMsg{
	position:absolute;
	display:block;
	visibility:hidden;
	top:120px;
	width:520px;
	padding:10px;
	top:120px;
	left:250px;
	z-index:104;
}

#cartTitle {
	display:									block;
	text-align:								right;
	width:										360px;
	color:										#A80508;
	font-weight:							bold;
	}


#cart{
}
.cartItem{
	padding:15px 0px 10px 10px;
}
.infoItem{
	float:left;
	width:286px;

}

.qttItem{
	float:left;
	width:80px;
	font-size: 15px;
	color:#666;
	font-weight:bold;
}
.prixItem{
	float:left;
	width:120px;
	text-align:right;
	font-size: 15px;
	color:#A80508;
	font-weight:bold;
}
.prixItem span{
	color:#000000;
	font-size: 15px;
	text-decoration:line-through;
}
.titleItem{
	font-weight:bold;
	color:#716D50;

}
.subTitleItem{
	color:#666;
}
#cartTotal{
	border-top: 1px solid #DCDCDC;
	text-align:right;
	margin-top:10px;
	padding-top:10px;
	font-size: 18px;
	color:#A80508;
	font-weight:bold;
}
#cartNext{
	margin-top:20px;
}

#cartContinue{
	position:									absolute;
	top:											-10px;
	left:											525px;
	width:										23px;
	height:										23px;
	cursor:										pointer;
	background: 							transparent url('../pics/btnContinue.png') no-repeat bottom center;
	}

#cartBuy{
width:161px;
height:29px;float:right;
cursor:pointer;
background: transparent url('../pics/btnBuy_off.gif') no-repeat bottom center;
}
#cartBuy:hover{
background: transparent url('../pics/btnBuy_on.gif') no-repeat bottom center;
}
#cartUpdate{
width:161px;
height:29px;
float:left;
cursor:pointer;
background: transparent url('../pics/btnUpdate_off.gif') no-repeat bottom center;
}
#cartUpdate:hover{
background: transparent url('../pics/btnUpdate_on.gif') no-repeat bottom center;
}




/* ***********************************	*/
/* SIGNATURE																		*/
/* ***********************************	*/

#sign {
	position:									absolute;
	left:										340px;
	z-index:									100;
}

/* ***********************************	*/
/* REFERENCEMENT					*/
/* ***********************************	*/

#footer {
	position: 										absolute;
	left:											80px;
	width: 											900px;
	height:											66px;
	vertical-align: 									middle;
	text-align: 										left;
	visibility: 										hidden;
	z-index:										99;
}
#footerbank {
	float:											left;
	width: 											250px;
	margin:										20px 0px 0px 10px;
}
#footerText {
	float:											left;
	width: 											580px;
	font-size: 										10px; 
	margin:										20px 0px 0px 10px;
	color: 											#000;
}
#footerText a{
	color: 											#000;
}









.spacer{
	clear: 									both;
	}