/*------ <style title="AVousParis" type="text/css"> ------*/

/*------  color definitions  #prune {  } utiliser avec ID = "prune" ---------*/

#grisBeige		{ color: rgb(224, 217, 201); }
#lumiere		{ color: rgb(252, 240, 216); }
#fuschia		{ color: rgb(160, 24, 87); }
#prune			{ color: rgb(111, 33, 84); }
#pruneClair		{ color: rgb(255,242,255) }
#bordeaux		{ color: rgb(169, 31, 0); }
#creme			{ color: rgb(255,254,220); }
#cremeClair		{ color: rgb(255,254,235); }
#bleuClair		{ color: rgb(230,239,255); }
#green			{ color: green; }
#vert clair		{ color: rgb(202,234,201); }
#mauveClair		{ color: rgb(160, 176, 224); }
#mauveTresClair	{ color: rgb(245, 245, 255); }


/*------------ couleurs Fanny (pipette ds eMail) ------------*/

/*-- beige clair 2 (logo) Fanny ----- rgb(243, 231, 213); --*/

/*-- beige clair Fanny ----- rgb(240, 225, 205); --*/
/*-- beige foncé (logo) Fanny ----- rgb(216, 187, 147); --*/
/*-- gris-beige  Fanny ----- rgb(177, 164, 148); --*/
/*-- bordeaux Fanny ----- rgb(140, 17, 70); --*/


/*------- Body ------ width:775px;  height:700px; ---*/

/*-- beige logo -- rgb(225, 199, 163); --*/ 
/*-- beige headertable ----- rgb(252, 240, 216); --*/ 
/*-- beige 1 ----- rgb(252, 245, 226); --*/
/*-- beige 0 ----- rgb(255, 248, 230); --*/

.frameLayer			{ background:  rgb(243, 231, 213); 
				  position:absolute;  left: 0px; top: 0px;
				  z-index:1;
				}
.widthFrameLayer		{ background:  rgb(243, 231, 213); 
				  position:absolute;  left: 0px; top: 0px;
				  z-index:1;
				  width: 100%;
				}

.bodyLayer			{ background:   rgb(252, 240, 216); 
				  width:775px;  left: 0px; top: 0px;
				  z-index:1;
				}

.bgPhotoLayer		{ 
				  position:absolute;  left: 0px; top: 0px;
				  z-index:0;
				}


/*-------Header Table : version absolue ---------*/

.HTAbsLogoBox			{ position:absolute;  left: 0px; top: 0px;
					}

.HTPageTitle				{ font-family: verdana, Arial, Helvetica, sans-serif; 
					   font-weight: bold ; font-size: 20px ; 
					   color: rgb(202,177,145); 
					   text-decoration: none;
					}


/*-------Header Table ---------*/

/*--  .HTMainBox		{ background: rgb(252, 240, 216);} --*/
.HTMainNoColorBox		{}

/*-- beige logo -- rgb(225, 199, 163); --*/ 
/*-- beige clair Fanny ----- rgb(240, 225, 205); --*/
/*-- beige clair 2 (logo) Fanny ----- rgb(243, 231, 213); --*/

.HTMainBox		{ background: rgb(243, 231, 213);}

.HTLeftBox		{ padding-bottom: 0px; padding-top: 2px; padding-left: 10px;}
.HTMiddleBox		{ padding-bottom: 0px; padding-top: 2px;  text-align:center;}
.HTRightBox		{ padding-bottom: 0px; padding-top: 10px; padding-right: 30px; }

.HTMenuBox		{ 
			   height : 65px;
			   background: rgb(225, 199, 163);
			   padding-bottom: 10px; padding-top: 30px;
			}


.navLinks        { font-family: verdana, Arial, Helvetica, sans-serif; 
				   font-weight: bold ; font-size: 14px ; color: white; text-decoration: none; padding-right: 25px;}
.navLinks:hover  { font-family: verdana, Arial, Helvetica, sans-serif; 
				   font-weight: bold ; font-size: 14px ; color: rgb(160, 24, 87); text-decoration: none; padding-right: 25px;}
.navLinks:active { font-family: verdana, Arial, Helvetica, sans-serif; 
				   font-weight: bold ; font-size: 14px ; color: rgb(160, 24, 87); text-decoration: none; padding-right: 25px;}

.langLinks        { font-family: verdana, Arial, Helvetica, sans-serif; 
				   font-weight: bold ; font-size: 11px ; color: rgb(160, 24, 87); text-decoration: none; padding-right: 15px;}
.langLinks:hover  { font-family: verdana, Arial, Helvetica, sans-serif; 
				   font-weight: bold ; font-size: 11px ; color: #FF9900; text-decoration: none; padding-right: 15px;}
.langLinks:active { font-family: verdana, Arial, Helvetica, sans-serif; 
				   font-weight: bold ; font-size: 11px ; color: rgb(160, 24, 87); text-decoration: none; padding-right: 15px;}


/*-------Footer Table ---------*/

.footerLinks        { font-family: verdana, Arial, Helvetica, sans-serif; 
				   font-weight: bold ; font-size: 14px ; color: rgb(160, 24, 87); text-decoration: none; padding-right: 20px;}
.footerLinks:hover  { font-family: verdana, Arial, Helvetica, sans-serif; 
				   font-weight: bold ; font-size: 14px ; color: #FF9900; text-decoration: none; padding-right: 20px;}
.footerLinks:active { font-family: verdana, Arial, Helvetica, sans-serif; 
				   font-weight: bold ; font-size: 14px ; color: rgb(160, 24, 87); text-decoration: none; padding-right: 20px;}


.footerLinksWS        { font-family: verdana, Arial, Helvetica, sans-serif; font-size: 10px ; color: #000099; text-decoration: none; padding: 2px;}
.footerLinksWS:hover  { font-family: verdana, Arial, Helvetica, sans-serif; font-size: 10px ; color: #FF9900; text-decoration: none; padding: 2px;}
.footerLinksWS:active { font-family: verdana, Arial, Helvetica, sans-serif; font-size: 10px ; color: #000099; text-decoration: none; padding: 2px;}




/*-------------- PLANNING ---------------------*/

/*----- .planningContainer 	{ background-color: #ffe;} -------*/

.planningContainer 	{}

.planningHelpTableTitle  { font-family: verdana, Arial, Helvetica, sans-serif; font-size: 12px ; 
						   font-weight: bold; color: rgb(160, 24, 87); 
						   text-decoration: none; padding: 5px;
						 }
.planningHelpTitle       { font-family: verdana, Arial, Helvetica, sans-serif; font-size: 10px ; 
						   color: rgb(160, 24, 87); text-decoration: none; padding: 2px;
						 }

.planningHelpLink        { font-family: verdana, Arial, Helvetica, sans-serif; font-size: 12px ; 
						   color: rgb(160, 24, 87); text-decoration: none; padding: 8px;
						 }
.planningHelpLink:hover  { color: #FF9900; 
						 }
.planningHelpLink:active { color: rgb(160, 24, 87); 
						 }




.planningRequestBox	{ text-align : center; padding-top : 15px;
					  font-family: verdana; font-size: 12px ; color: rgb(160, 24, 87); text-decoration: none;
					  font-weight: normal ; font-style: normal;
					}

.monthBox			{ padding-left : 15px;
					}

.stayDatesInput		{ font-family: verdana; font-size: 12px ; color: rgb(160, 24, 87); text-decoration: none;
					  font-weight: normal ; font-style: normal;
					  display: inline;
					}

/*--- change dates or apartment ----*/

.planningOptionsBox	{	border-color: rgb(225, 199, 163); 
					border-style: solid; 
					border-width: 1px; 
				}
.planningOptionsHeaderBox  {	
					font-family: verdana; font-size: 12px ; color: rgb(160, 24, 87); text-decoration: none;
					font-weight: bold ; font-style: normal;
					text-align : center;

					padding: 10px;
					background-color:rgb(225, 199, 163);
				}



.planningOptionsTitle		{ font-family: verdana; font-size: 12px ; color: rgb(160, 24, 87); text-decoration: none;
					  font-weight: bold ; font-style: normal;
					  padding-top: 20px;
					}


/*-- orange (hermès) -- rgb(255,90,6); --*/ 


.planningOptionsLink		{ font-family: verdana, Arial, Helvetica, sans-serif; font-size: 16px ; 
					   color: rgb(255,90,6); text-decoration: none; 
					   padding : 5px;
					   background-color:rgb(235, 235, 235);
					   border-color: rgb(120, 120, 120); 
					   border-style: solid; 
					   border-width: 1px; 
					}
.planningOptionsLink:hover	{ color: rgb(69, 69, 69); 
					}
.planningOptionsLink:active	{ color: rgb(69, 69, 69); 
					}

/*--- caption determines the style of 
   the month/year banner above the calendar. */ 

caption  
     { 
     font-family:arial,helvetica;  
     font-size:13px;  
     color: rgb(160, 24, 87); 
     font-weight: bold;
	 padding-top:8px; padding-bottom:8px; 
     } 

/* .calendar determines the overall formatting style of the calendar,   
   acting as the default unless later overruled. */ 

.calendar  
     { 
     font-family:arial,helvetica;  
     font-size:13px;  
     color: rgb(160, 24, 87); 
     background-color:rgb(235, 235, 235); 
     border-color: rgb(120, 120, 120); 
     border-style: solid; 
     border-width: 1px; 
     } 

/* .calendarlink determines the formatting of those days linked to 
   content. */ 

.calendarlink  
     { 
     color: rgb(160, 24, 87); 
     } 

/* .header determines the formatting of the weekday headers at the top 
   of the calendar. --- #996633---- */ 

/*-- beige logo -- rgb(225, 199, 163); --*/ 
/*-- beige headertable ----- rgb(252, 240, 216); --*/ 
/*-- beige 1 ----- rgb(252, 245, 226); --*/
/*-- beige 0 ----- rgb(255, 248, 230); --*/

.header  
     { 
     background-color: rgb(225, 199, 163); 
     border-color: rgb(160, 24, 87); 
     border-style: solid; 
     border-width: 1px; 
     } 

/* .day determines the formatting of each day displayed in the 
   calendar. */ 

/*---- nuances de vert ---*/

.available		{	background-color: white; 
					color: rgb(160, 24, 87); 
					border-color: rgb(160, 24, 87); 
					border-style: solid; 
					border-width: 1px; 
					text-align: center 
				} 
.lowSeason		{	background-color: rgb(158, 230, 127); 
					color: darkgreen; 
					border-color: darkgreen; 
					border-style: solid; 
					border-width: 1px; 
					text-align: center 
				} 
.midSeason		{	background-color: rgb(61, 165, 59); 
					color: darkgreen; 
					border-color: darkgreen; 
					border-style: solid; 
					border-width: 1px; 
					text-align: center 
				} 
.highSeason		{	background-color: rgb(42, 127, 52); 
					color: white; 
					border-color: darkgreen; 
					border-style: solid; 
					border-width: 1px; 
					text-align: center 
				} 

/*------- à modifier aussi en JS ----------*/

/*-- gris-beige  Fanny ----- rgb(177, 164, 148); --*/
/*-- fuschia clair (rose) ----- rgb(222, 153, 184); --*/


.daySelected	{	background-color: rgb(222, 153, 184); 
					color: rgb(160, 24, 87); 
					border-color: rgb(160, 24, 87); 
					border-style: solid; 
					border-width: 1px; 
					text-align: center 
				} 

/*-- beige logo -- rgb(225, 199, 163); --*/ 
.option			{	background-color: rgb(225, 199, 163); 
					color: rgb(100, 100, 100); 
					border-color: rgb(100, 100, 100); 
					border-style: solid; 
					border-width: 1px; 
					text-align: center 
				} 

.booked			{	background-color: rgb(160, 24, 87); 
					color: white; 
					border-color: white; 
					border-style: solid; 
					border-width: 1px; 
					text-align: center 
				} 

/*-- gris bleu --*/
.noRent			{	background-color: rgb(154, 171, 192); 
					color: darkblue; 
					border-color: #000000; 
					border-style: solid; 
					border-width: 1px; 
					text-align: center 
				} 

/*-------------- Booking pictures (platters) ---------------------*/

.bookingPictures 	 { 
					 }

.bookingPic			 {	height:150px; width:150px;
					 }



/*-------------- Services, options et prix ---------------------*/

.priceChangeTitleBox { border:1px solid #FFA928;
					   width : 65%;
					   font-family: verdana; font-size: 12px ; color: rgb(160, 24, 87); text-decoration: none;
					   font-weight: bold ; font-style: normal;
					   padding : 8px;
					 }
.priceChangeTitle    { font-family: verdana; font-size: 12px ; color: rgb(160, 24, 87); text-decoration: none;
					   font-weight: bold ; font-style: normal;
					 }
.priceChangeDesc     { font-family: verdana; font-size: 12px ; color: rgb(160, 24, 87); text-decoration: none;
					   font-weight: normal ; font-style: normal;
					 }

.priceChangeLink		{ font-family: verdana, Arial, Helvetica, sans-serif; font-size: 12px ; 
						  color: rgb(160, 24, 87); text-decoration: underline; padding: 2px;
					    }
.priceChangeLink:hover	{ font-family: verdana, Arial, Helvetica, sans-serif; font-size: 12px ; 
						   color: #FF9900; text-decoration: none; padding: 2px;
						 }
.priceChangeLink:active	 { font-family: verdana, Arial, Helvetica, sans-serif; font-size: 12px ; 
						   color: rgb(160, 24, 87); text-decoration: none; padding: 2px;
						 }




.servicesContainer 	 { background-color: #ffe;
					 }

.serviceTable		 {	border:1px solid  rgb(225, 199, 163);
						text-align:left;
						background-color:#FFFFFF;
					 }

.serviceTableHeader  {	background-color: rgb(225, 199, 163);
						text-align:center;
						font-family: verdana, Arial, Helvetica; font-size: 12px; font-weight: bold;
						color: rgb(160, 24, 87);	
					 }
.serviceTitle		 { border:1px solid #FFA928;
					   font-family: verdana; font-size: 12px ; color: rgb(160, 24, 87); text-decoration: none;
					   font-weight: bold ; font-style: normal;
					   padding-left : 8px; padding-bottom : 8px;
					   display:inline;
					 }
.serviceDescription	 { font-family: verdana; font-size: 12px ; color: rgb(160, 24, 87); text-decoration: none;
					   font-weight: normal ; font-style: normal;
					   padding-left : 8px; padding-bottom : 8px;
					   display:inline;
					 }
.serviceOptionTableHeader  {	background-color: rgb(255, 227, 183);
						text-align:center;
						font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;
						color: rgb(160, 24, 87);	
					 }
.serviceOptionTitleBox  {	background-color: rgb(252, 240, 216);
						}

.serviceOptionTitle	 { font-family: Arial, Helvetica, sans-serif; font-size: 12px;  text-decoration: none;
					   font-weight: bold ; font-style: normal;
					   color: rgb(160, 24, 87);	
					   padding-left : 20px; padding-bottom : 4px;
					   display:inline;
					 }
.serviceOptionDescription	 {	font-family: verdana; font-size: 10px ; color:  rgb(120, 120, 120); text-decoration: none;
								font-weight: normal ; font-style: normal;
								padding-left : 8px; padding-bottom : 4px;
								display:inline;
							 }

.serviceOptionItemTitleBox  {	background-color: white;
							text-align:left;
							}


.serviceOptionItemDetailsLink	 {	font-family: Arial, Helvetica, sans-serif; font-size: 12px;  text-decoration: none;
									font-weight: normal ; font-style: normal;
									color: rgb(160, 24, 87);	
									padding-left : 0px; padding-bottom : 4px;
									display:inline;
								 }
.serviceOptionItemDetailsLink:hover	 {	color :  rgb(120, 120, 120);
									 }

.serviceOptionItemDetailsLink:active {	color :  rgb(120, 120, 120);
									 }

.serviceOptionItemTitle	 {	font-family: Arial, Helvetica, sans-serif; font-size: 12px;  text-decoration: none;
							font-weight: normal ; font-style: normal;
							color: rgb(160, 24, 87);	
							padding-left : 0px; padding-bottom : 4px;
							display:inline;
						 }
.serviceOptionItemDescription	 {	font-family: verdana; font-size: 10px ; color: rgb(120, 120, 120); text-decoration: none;
								font-weight: normal ; font-style: normal;
								padding-left : 8px; padding-bottom : 4px;
								display:inline;
							 }
.serviceOptionItemPrice	 { font-family: verdana; font-size: 11px ; color: rgb(160, 24, 87); text-decoration: none;
					   font-weight: normal ; font-style: normal;
					   padding-left : 8px; padding-bottom : 8px;
					 }

/*-----  rates & options cross table ------*/


.ratesDateBox		{ 
				padding-top : 20px;
				padding-left : 20px;
				}

.ratesDateHeader		{ 
				font-family: verdana; font-size: 11px ; color: rgb(160, 24, 87); text-decoration: none;
				font-weight: bold ; font-style: normal;
				}
.ratesDateText		{ 
				font-family: verdana; font-size: 12px ; color: rgb(160, 24, 87); text-decoration: none;
				font-weight: normal ; font-style: normal;
				}

.ratesTitle	 { font-family: verdana; font-size: 11px ; color: rgb(160, 24, 87); text-decoration: none;
					   font-weight: bold ; font-style: normal;
					   padding-left : 20px; padding-bottom : 0px;
					 }
.ratesDescription	 {	font-family: verdana; font-size: 10px ; color: rgb(120, 120, 120); text-decoration: none;
								font-weight: normal ; font-style: normal;
								padding-left : 20px; padding-bottom : 4px;
								
							 }
.ratesTextBox		{ font-family: verdana; font-size: 12px ; color: rgb(160, 24, 87); text-decoration: none;
					   font-weight: normal ; font-style: normal;
					   padding-left : 8px; padding-top : 15px; padding-bottom : 15px;
					 }

.ratesOptionTableHeader  {	background-color: white;
						text-align:center;
						font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;
						color: rgb(169, 31, 0);	
					 }
.ratesOptionTitle	 { font-family: verdana; font-size: 11px ; color: rgb(160, 24, 87); text-decoration: none;
					   font-weight: bold ; font-style: normal;
					   padding-left : 20px; padding-bottom : 4px;
					 }
.ratesOptionDescription	 {	font-family: verdana; font-size: 10px ; color: rgb(120, 120, 120); text-decoration: none;
								font-weight: normal ; font-style: normal;
								padding-left : 8px; padding-bottom : 4px;
								display:inline;
							 }
.ratesOptionPrice	 { font-family: verdana; font-size: 11px ; color: rgb(160, 24, 87); text-decoration: none;
					   font-weight: normal ; font-style: normal;
					   padding-left : 60px; padding-bottom : 8px;
					 }


/*------- Contract Table : transféré dans AVPContratStyles pour eMails ---------*/

/*------- tables de saisie ---------*/

.rentalTermsHeader 	 { font-family: verdana; font-size: 24px ; color: rgb(160, 24, 87); text-decoration: none;
				   font-weight: bold ; font-style: normal;
				   padding-bottom : 8px;}

.rentalTermsTitle 	 { font-family: verdana; font-size: 12px ; color: rgb(160, 24, 87); text-decoration: none;
				   font-weight: bold ; font-style: normal;
				   padding-bottom : 8px;}

.rentalTermsText	 { font-family: verdana; font-size: 11px ; color: rgb(160, 24, 87); text-decoration: none;
				   font-weight: normal ; font-style: normal;
				 }

/*------- tables de saisie ---------*/

/*-- beige très foncé (typo) -- rgb(111, 98, 80); --*/ 
/*-- beige foncé  -- rgb(166, 147, 120); --*/ 
/*-- beige logo -- rgb(225, 199, 163); --*/ 

.formTable		{	border:1px solid rgb(166, 147, 120);
					background-color:white;
				}

.formTableHeader{	background-color: rgb(225, 199, 163);
					padding-left : 15px;
					font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;
					color: #FFFFFF;
				}	

.formStyle		{	background-color: #FFFFFF; 
					font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px; font-weight: normal; 
					color: #444444; text-decoration: none;
				}

.topDetails		{	width:100%;
					border:1px solid #cccccc;
					background-color:#FFFFFF;
				}
	
.topDetailsNoTop {
	width:100%;
	border-left-color: #cccccc;
	border-left-width: 1px;
	border-left-style: solid;
	border-bottom-color: #cccccc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-right-color: #cccccc;
	border-right-width: 1px;
	border-right-style: solid;
	background-color:#FFFFFF;
	}
	
.topHead		{
					background-color:#F0F0F0;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 12px;
					font-weight: bold;
					color: rgb(160, 24, 87);
					padding-top : 6px; padding-bottom : 6px;
					padding-left : 5px; 
				}
	
.topInfo{
	border-top:1px dotted #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px	
	}

.topInfoNoDash{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px	
	}
	
.topInfoHeader{
	border-top:1px dotted #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
	}
	
	
.topInfoNoDashHeader{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
	}
	
.topFoot {
	border-top:1px solid #cccccc
	}
	
.topGreyDash {
	border-top:1px dotted #999999;
	}
	
.rightGreyDash {
	border-right:1px solid #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px	
	}
	
.leftGreyDash {
	border-left:1px solid #999999;
	}

.leftGreySolidTop {
	border-left:1px solid #cccccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px	
	}
	
.leftGreySolidTopDash {
	border-left:1px solid #cccccc;
	border-top:1px dotted #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px	
	}

.offerAmount { font-family: Arial, Geneva; 
	font-size: 14px; 
	text-decoration: none; 
	background-color: #FFFFFF; 
	border: #FFFFFF none; 
	color: #FF0000; 
	font-weight: bold; 
	letter-spacing: 1px ; 
	text-align: right
	}


.inputBoxTitle	{ vertical-align: middle; background-color:  rgb(251, 153, 2);
				  font-family: verdana; font-size: 12px ; font-style: normal ; color : rgb(169, 31, 0); 
				  text-decoration: none;
				}
.inputBoxTD1	{ vertical-align: middle; background-color:  rgb(255, 201, 119); color : rgb(169, 31, 0); 
				}
.inputBoxTD2	{ vertical-align: middle; background-color:  rgb(255, 228, 189); color : rgb(169, 31, 0); 
				}
.inputBoxTD3	{ vertical-align: middle; background-color:  rgb(255, 235, 214); color : rgb(169, 31, 0); 
				}

.inputBoxLabel  { font-family: lucida; font-size: 10px ; color: rgb(169, 31, 0); text-decoration: none;
				   font-weight: normal ; font-style: normal ;
				}

/*-------------- PAYMENT-----------------------*/

.paymentTitle	  { font-family: verdana; font-size: 24px ; color: rgb(160, 24, 87); text-decoration: none;
					font-weight: bold ; font-style: normal;
					text-align : center;
					display:inline;
				  }

.paymentDepositTitle	  { font-family: verdana; font-size: 14px ; color: rgb(160, 24, 87); text-decoration: none;
							font-weight: bold ; font-style: normal;
							display:inline;
						  }
.paymentText	 { font-family: verdana; font-size: 12px ; color: rgb(160, 24, 87); text-decoration: none;
				   font-weight: normal ; font-style: normal;
				 }

.paymentLink			 { font-family: verdana, Arial, Helvetica, sans-serif; font-size: 12px ; 
						   color: rgb(160, 24, 87); text-decoration: none; padding: 2px;
						 }
.paymentLink:hover		 { font-family: verdana, Arial, Helvetica, sans-serif; font-size: 12px ; 
						   color: #FF9900; text-decoration: none; padding: 2px;
						 }
.paymentLink:active		 { font-family: verdana, Arial, Helvetica, sans-serif; font-size: 12px ; 
						   color: rgb(160, 24, 87); text-decoration: none; padding: 2px;
						 }

/*-------------- DESCRIPTION-----------------------*/

.descHeaderBox		{ padding-left: 30px; padding-top: 15px; padding-bottom: 15px;}
.descLayoutBox		{ padding-right: 20px; padding-top: 15px; padding-bottom: 15px;}

/*--.descBodyBox		{ background: rgb(177, 164, 148);} --*/
.descBodyBox		{ background: rgb(191, 179, 163);} 

.descFooterBox		{ padding-left: 30px; padding-top: 30px; padding-bottom: 30px;}

.descHeader			{ font-family: verdana; font-size: 12px ; color: rgb(160, 24, 87); text-decoration: none;
					  font-weight: normal ; font-style: normal;
					}
.descFooter		 { font-family: verdana; font-size: 12px ; color: rgb(160, 24, 87); text-decoration: none;
				   font-weight: normal ; font-style: normal;
				 }

.descPicHeader	 { font-family: verdana; font-size: 14px ; color: white; text-decoration: none;
				   font-weight: normal ; font-style: normal; padding-top: 5px; padding-bottom: 15px;
				 }
.descPicFooter	 { font-family: verdana; font-size: 12px ; color: white; text-decoration: none;
				   font-weight: normal ; font-style: normal; padding-top: 15px; padding-bottom: 8px;
				 }

/*-------------- DISTRICT (quartier)-----------------------*/

.districtTableBox	{ padding-top: 15px; padding-bottom: 15px;}
.districtText		{ padding-left: 15px; padding-right: 15px;
					  font-family: verdana; font-size: 14px ; color: rgb(160, 24, 87); text-decoration: none;
					  font-weight: normal ; font-style: normal;
					}
.districtFooter		{ font-family: verdana; font-size: 12px ; color: rgb(160, 24, 87); text-decoration: none;
					  font-weight: normal ; font-style: normal;
					}

/*-------------- TIPS (pratique)-----------------------*/

/*---- .tipsMainBox		{ position:absolute;  left: 230px; top: 160px} -------*/

.tipsMainBox			{ position:absolute;  left: 30px; top: 210px}
.tipsLinksBGBox		{ position:absolute;  left: 690px; top: 565px;
				   z-index:1;
				}
.tipsLinksTextBox		{ position:absolute;  left: 690px; top: 570px;
				   width:250px;
				   padding-left: 15px; padding-top: 10px;
				   z-index:2;
				}

.tipsText			{ padding-left: 15px; padding-right: 15px;
					  font-family: verdana; font-size: 14px ; color: rgb(160, 24, 87); text-decoration: none;
					  font-weight: normal ; font-style: normal;
					}
.tipsFooter			{ font-family: verdana; font-size: 12px ; color: rgb(160, 24, 87); text-decoration: none;
					  font-weight: normal ; font-style: normal;
					}

/*-------  Links ---------*/

.tipsLinksTitle			 { font-family: verdana, Arial, Helvetica, sans-serif; font-size: 11px ; 
						   color: white; text-decoration: none;
						 }
.tipsLinks			 { font-family: verdana, Arial, Helvetica, sans-serif; font-size: 11px ; 
						   color: rgb(160, 24, 87); text-decoration: none;
						 }
.tipsLinks:hover		 { font-family: verdana, Arial, Helvetica, sans-serif; font-size: 11px ; 
						   color: white; text-decoration: none; 
						 }
.tipsLinks:active		 { font-family: verdana, Arial, Helvetica, sans-serif; font-size: 11px ; 
						   color: rgb(160, 24, 87); text-decoration: none;
						 }

/*------- popups : FAQ et Help ---------*/

/*-- beige clair Fanny ----- rgb(240, 225, 205); --*/
/*-- gris-beige  Fanny ----- rgb(177, 164, 148); --*/

/*-- beige clair 2 (logo) Fanny ----- rgb(243, 231, 213); --*/


/*----- with header as Absolute ---*/

.popupHeaderAbsLogoBox		{ position:absolute;  left: 0px; top: 0px;
					   background: rgb(243, 231, 213);
					}

.popupHeaderAbsInnerTitleBox	{ position:absolute;  left: 0px; top: 0px;
					   height : 100px;
					   width : 600px;
					   background: rgb(243, 231, 213);
					}

.popupHeaderAbsTypeTitleBox	{ position:absolute;  left: 0px; top: 78px;
					   height : 24px;
					   width : 520px;
					   background:  rgb(225, 199, 163);
					   text-align: right;
					   padding-top: 5px;
					}

.popupHeaderAbsTypeTitle		{ font-family: verdana; font-size: 18px ; color: white; text-decoration: none;
					   font-weight: normal ; font-style: normal ;
					   padding-right: 15px;
					}

.popupAbsBodyBox			{ position:absolute;  left: 0px; top: 110px;
					}

/*----- with header as Table ---*/
.popupHeader			{ background: rgb(243, 231, 213); padding-left: 20px;}

.popupTitleBox			{ background: rgb(225, 199, 163);
					   padding-bottom: 5px; padding-top: 5px; padding-right: 20px;}
.popupTitle				{ font-family: verdana; font-size: 18px ; color: white; text-decoration: none;
					   font-weight: normal ; font-style: normal ;
					}
/*--------------------------------*/


.popupBodyBox   { background: rgb(243, 231, 213);}

.popupNavBox    { padding-top: 15px; padding-bottom: 30px; }

.popupCloseLink { font-family: Arial, Helvetica, sans-serif; font-size: 11px ; font-weight: normal ; color: rgb(160, 24, 87); text-decoration: none}
.popupCloseLink:hover  { font-family: Arial, Helvetica, sans-serif; font-size: 11px ; font-weight: normal ; color: rgb(177, 164, 148); text-decoration: none}
.popupCloseLink:active  { font-family: Arial, Helvetica, sans-serif; font-size: 11px ; font-weight: normal ; color: rgb(160, 24, 87); text-decoration: none}

.popupBackLink { font-family: Arial, Helvetica, sans-serif; font-size: 11px ; font-weight: normal ; color: rgb(160, 24, 87); text-decoration: none}
.popupBackLink:hover  { font-family: Arial, Helvetica, sans-serif; font-size: 11px ; font-weight: normal ; color: rgb(177, 164, 148); text-decoration: none}
.popupBackLink:active  { font-family: Arial, Helvetica, sans-serif; font-size: 11px ; font-weight: normal ; color: rgb(160, 24, 87); text-decoration: none}

/*----- phoneOffer -----*/
.phoneOfferLink { font-family: verdana, Arial, Helvetica, sans-serif; font-size: 12px ; font-weight: normal ; color: rgb(160, 24, 87); text-decoration: underline; }
.phoneOfferLink:hover  { font-family: verdana, Arial, Helvetica, sans-serif; font-size: 12px ; font-weight: normal ; color: orange; text-decoration: none}
.phoneOfferLink:active  { font-family: verdana, Arial, Helvetica, sans-serif; font-size: 12px ; font-weight: normal ; color: rgb(160, 24, 87); text-decoration: underline; }


/*----  popup questions Tables ---- */

.popupQTHeaderBox		{ padding-top: 8px; padding-bottom: 8px; 
						  font-family: verdana; font-size: 20px ; color: rgb(160, 24, 87); text-decoration: none;
						  font-weight: normal ; font-style: normal ;}
.popupQTRowBox			{ padding-top: 8px; padding-left: 20px; }

.text_faqLink { font-family: Arial, Helvetica, sans-serif; font-size: 14px ; font-weight: normal ; color: rgb(177, 164, 148); text-decoration: none}
.text_faqLink:hover  { font-family: Arial, Helvetica, sans-serif; font-size: 14px ; font-weight: normal ; color: rgb(160, 24, 87); text-decoration: none}
.text_faqLink:active  { font-family: Arial, Helvetica, sans-serif; font-size: 14px ; font-weight: normal ; color: rgb(177, 164, 148); text-decoration: none}

.text_popUpLink { font-family: Arial, Helvetica, sans-serif; font-size: 14px ; font-weight: normal ; color: rgb(177, 164, 148); text-decoration: none}
.text_popUpLink:hover  { font-family: Arial, Helvetica, sans-serif; font-size: 14px ; font-weight: normal ; color: rgb(160, 24, 87); text-decoration: none}
.text_popUpLink:active  { font-family: Arial, Helvetica, sans-serif; font-size: 14px ; font-weight: normal ; color: rgb(177, 164, 148); text-decoration: none}

/*----  popup answers ---- */

.popupQuestionHeader	{ font-family: verdana; font-size: 15px ; color: rgb(160, 24, 87); text-decoration: none;
						  font-weight: normal ; font-style: normal ;}
.popupAnswerHeader		{ font-family: verdana; font-size: 13px ; color: rgb(160, 24, 87); text-decoration: none;
						  font-weight: bold ; font-style: normal ;}
.popupAnswerTitle		{ font-family: verdana; font-size: 13px ; color: rgb(160, 24, 87); text-decoration: none;
						  font-weight: normal ; font-style: normal ;}
.popupAnswer			{ padding-left: 15px;
						  font-family: verdana; font-size: 13px ; color: rgb(177, 164, 148); text-decoration: none;
						  font-weight: normal ; font-style: normal ;}


.detailsTextBox			{ padding-left: 20px;
						  font-family: verdana; font-size: 13px ; color: rgb(177, 164, 148); text-decoration: none;
						  font-weight: normal ; font-style: normal ;}
.detailsSmallTextBox	{ padding-left: 20px;
						  font-family: verdana; font-size: 10px ; color: rgb(177, 164, 148); text-decoration: none;
						  font-weight: normal ; font-style: normal ;}

/*----  error messages ---- */

.errorTitle        { font-family: verdana, Arial, Helvetica, sans-serif; 
				     font-weight: bold ; font-size: 24px ; color: rgb(160, 24, 87); text-decoration: none;
					 padding-top: 10px; padding-bottom: 30px; 
				   }
.errorMessage      { font-family: verdana, Arial, Helvetica, sans-serif; 
				     font-weight: normal ; font-size: 13px ; color: rgb(160, 24, 87); text-decoration: none; 
				   }

/*--------------   ADMIN  -----------------*/

.adminPlanningMainTitle          { font-family: verdana; font-size: 24px ; font-weight: bold ;
							color: rgb(160, 24, 87); text-decoration: none; 
						  }
						  
/*-- prune --*/	
.adminApartmentBoxTitle              {	
							width : 300px;
							padding : 8px;
							font-family: verdana; font-size: 20px ; font-style: italic;
							color: rgb(160, 24, 87); text-decoration: none; 
							background-color:rgb(255,254,235); 
							border-color: rgb(160, 24, 87); 
							border-style: solid; 
							border-width: 1px; 
						}