@charset "utf-8";
/* CSS Document */

/***************************************************************************************/
/* Layout                                                                              */
/***************************************************************************************/

html { font-size:100%; width:100%; height:100%; }
body { background:url(/Design/Backgrounds/Body.png) repeat-x #2b83ba; padding:0px; margin:0px; text-align:center; }
body, td { font-family:Tahoma, Geneva, sans-serif; font-size:13px; color:#333333; }

form { padding:0px; margin:0px; }
img { vertical-align:middle; }

a:link, a:visited { color:#4396ca; }
a:hover, a:active { color:#78c152; text-decoration:none; }


/*
	Site
  -------------*/

	#SiteContainer { padding-top:12px; background:url(Backgrounds/SiteContainer.jpg) no-repeat top center; text-align:center; }
		#Site { width:945px; margin:0 auto; text-align:left; }


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

	#Header { position:relative; height:168px; background:url(Backgrounds/Entete.png) no-repeat top; z-index:1; }
		#HeaderLogo { position:absolute; top:16px; left:245px; }
		#HeaderBonhomme { position:absolute; bottom:0px; left:37px; }
    #HeaderQuote { position:absolute; top:86px; left:245px; font-size:18px; font-weight:bold; }
    	#HeaderQuote span { color:#f7941e; }
    
    #HeaderLinks { position:absolute; top:1px; left:570px; }
    	#HeaderLinksLeft { width:169px; padding-left:10px; background:url(Layout/bg_menuTop_gauche.gif) no-repeat; }
      	#HeaderLinksLeft a { display:block; line-height:27px; color:#000; text-align:center; }
      #HeaderLinksRight { width:149px; background:url(Layout/bg_menuTop_droite.gif) no-repeat; }
      	#HeaderLinksRight a { display:block; line-height:27px; color:#000; text-align:center; }
			#HeaderLinks a:link, #HeaderLinks a:visited { text-decoration:none; }
			#HeaderLinks a:hover, #HeaderLinks a:active { text-decoration:underline; }
		
    #HeaderMenu { position:absolute; bottom:10px; right:120px; }
    	#HeaderMenu ul { padding:0px; margin:0px; }
      #HeaderMenu li { list-style:none; float:left; margin-right:10px; }
				#HeaderMenu a { font-size:14px; font-weight:bold; }
    
		#Entete_Banner { position:absolute; width:768px; height:115px; bottom:0px; right:0px; z-index:1; }
      

/*
	Search
  -------------*/
	
	#Search { position:relative; height:98px; background-color:#5ca038; color:#FFF; font-size:14px; z-index:2; }
		#SearchTail { position:absolute; width:51px; height:98px; top:0px; left:-51px; background:url(Backgrounds/SearchTail.png) no-repeat; }
		#SearchHead { position:absolute; width:112px; height:138px; top:-19px; right:0px; background:url(Backgrounds/SearchHead.png) no-repeat; }
		#SearchTitle { position:absolute; top:13px; left:20px; font-size:18px; font-weight:bold; color:#FFFFFF; }
		#SearchForm { position:absolute; top:37px; left:15px; }
   
	.SearchContainer { position:relative; height:42px; background:url(Layout/Search/dropDown_left.png) no-repeat left; }
	.SearchField { line-height:36px; height:36px; padding:3px 20px 3px 15px; overflow:hidden; background:url(Layout/Search/dropDown_right.png) no-repeat right; cursor:pointer; }
	#SearchCityField { width:250px; }
	#SearchCategoriesField { width:200px; }
	#SearchPriceField { width:200px; }
	.SearchList { position:absolute; top:36px; left:5px; padding:5px; background-color:#f0f3ee; border-right:solid 2px #FFFFFF; border-bottom:solid 2px #FFFFFF; border-left:solid 2px #FFFFFF; display:none; }
	#SearchCityList { width:255px; }
	#SearchCityDropDownDiv { display:none; margin-top:20px; }
	#SearchCategoriesList { width:205px; }
	#SearchPriceList { width:205px; }
	#SearchPriceListMin { border-right:solid 1px #CCC; }
	.SearchList div.hover { background-color:#9bc585; cursor:pointer; }
	.SearchList a { display:block; text-align:right; cursor:pointer; font-weight:bold; }
	.SearchList a:link, .SearchList a:visited { text-decoration:underline; }
	.SearchList a:hover, .SearchList a:active { text-decoration:none; }
	
    
/*
	Page
  ------------*/
		
	#Page { position:relative; padding:50px 24px 20px 24px; border-left:solid 1px #abaaaa; border-right:solid 1px #abaaaa; background-color:#FFFFFF; z-index:1; }
	
		.FleuristBox { padding:15px; margin-bottom:20px; border-top:solid 1px #e2e2e2; border-bottom:dashed 1px #929292; background-color:#f6f6f6; }
			.FleuristBox .Name { margin-bottom:10px; }
				.FleuristBox .Name a { font-size:16px; font-weight:bold; }
				.FleuristBox .Name a:link, .FleuristBox .Name a:visited { color:#5CA038; text-decoration:underline; }
				.FleuristBox .Name a:hover, .FleuristBox .Name a:active { color:#4396ca; text-decoration:none; }
			.FleuristBox .Distance { font-weight:bold; color:#317FC1; }
			.FleuristBox .Address { color:#666666; }
			.FleuristBox .Phone { color:#666666; }
			.FleuristBox .Thumbnail { float:left; width:69px; height:69px; border:solid 1px #e2e2e2; background:url(Layout/NAThumbnail.png); }
	
	#PageDetail { width:951px; text-align:left; background:url(Backgrounds/bg_pageCentre.gif) repeat-y; padding:20px 0px 20px 0px; }
		.rField { height:17px; padding:4px 4px 0px 4px; font-weight:bold; font-size:16px; color:#b8b8b8; border:0px none; }
		
		#ClientAdminMenu { float:left; width:153px; padding-top:10px; margin-top:10px; padding-bottom:20px; padding-left:10px; background-color:#4396ca; text-align:left; }
		#ClientAdminPage { float:left; width:650px; padding-bottom:20px; padding-left:20px; text-align:left; }
			.ClientAdmin_BoxTitle { padding:5px; color:#FFF; background-color:#4396ca; font-weight:bold; }
			.ClientAdmin_BoxContent { padding:10px; color:#000; background:#edf8ff; }
			.ClientAdmin_BoxFooter { padding:10px; color:#000; background:#dcf2ff; text-align:right; }

		.BoiteContourCentre { background:url(Pages/bg_boiteContourCentre.gif) repeat-y; width:424px;}
		.BoiteContourTop { background:url(Pages/bg_boiteContourTop.gif) no-repeat top;}
		.BoiteContourBas { background:url(Pages/bg_boiteContourBas.gif) no-repeat bottom; padding-top:4px; padding-left:3px; padding-right:5px; padding-bottom:5px; }
		
		.BlockSecrets { padding:0px 0px 30px 0px; }
			.BlockSecrets .Titre { color:#5CA038; text-transform:uppercase; font-size:14px; } 
			
		#AccueilDroit { padding-left:20px; padding-right:40px; vertical-align:top; text-align:left; }
			#AccueilDroit .BottomLink { background-color:#f7f7f7; text-align:right; padding:5px; }
				#AccueilDroit .BottomLink a:link, #AccueilDroit .BottomLink a:visited { color:#317FC1; }
				#AccueilDroit .BottomLink a:hover, #AccueilDroit .BottomLink a:active { color:#5CA038; }
		#AccueilGauche { width:510px; padding-right:20px; vertical-align:top; }
		
		.DatesImportantes { padding:15px; }
			.DatesImportantes table { width:100%; border:0px none; }
			.DatesImportantes td.Date { color:#5CA038; }

/*
	Footer
	-------------*/
	
	#FooterTop { height:34px; background:url(Backgrounds/FooterTop.png); }
	#Footer { padding:20px; border-left:solid 1px #abaaaa; border-right:solid 1px #abaaaa; border-bottom:solid 1px #abaaaa; background-color:#FFFFFF; }
		#Footer td { vertical-align:top; padding-right:50px; }
		#Footer ul { padding:10px 0px 0px 0px; margin:0px; }
		#Footer li { list-style:none; margin-bottom:2px; }
	#FooterBottom { height:62px; background:url(Backgrounds/FooterBottom.png); }
	#FooterQuote { width:911px; padding:3px 40px 50px 0px; text-align:right; }
		#FooterQuote a:link, #FooterQuote a:visited { color:#FFF; }
		#FooterQuote a:hover, #FooterQuote a:active { color:#FFF; }





/*
	Formatage
	-------------*/
	
	.TitleBox { padding:0px 0px 4px 0px; margin-bottom:4px; background:url(/Design/Pages/titleUnderline.png) repeat-x bottom; }
	.TitleText { float:left; font-weight:bold; font-size:14px; }
	.TitleText span { color:#2d7eae; }
	.TitleLink { float:right; }
	.TitleLink a:link, .TitleLink a:visited { font-weight:normal; font-size:12px; color:#2d7eae; }
	.TitleLink a:hover, .TitleLink a:active { font-weight:normal; font-size:12px; color:#950000; }
	
	.LinkedBox { position:relative; margin-bottom:4px; padding:15px; border-bottom:solid 1px #CCC; }
		.LinkedBox a:link, .LinkedBox a:visited { color:#666; text-decoration:none; }
		.LinkedBox a:hover, .LinkedBox a:active { color:#666; text-decoration:underline; }
		.LinkedBox .Titre { color:#5CA038; font-weight:bold; }
		.LinkedBox .Text { color:#000; }
		
	
	
	.BoldOrange { font-weight:bold; color:#ffa200; }
	.Bold14 { font-weight:bold; font-size:14px; }
	.Bold16 { font-weight:bold; font-size:16px; }
	.BoldVert { font-weight:bold; color:#98d000; }
	
	.ListeFondBleu { padding:0px; margin:0px; }
	.ListeFondBleu li { list-style:none; background:url(Layout/puce_Orange_fondBleu.jpg) no-repeat top left; padding-left:13px; padding-right:10px; margin-bottom:5px; }
	
	.ListeFondBleu li a:link { color:#FFF; text-decoration:underline; }
	.ListeFondBleu li a:visited { color:#FFF; text-decoration:underline; }
	.ListeFondBleu li a:hover { color:#FFF; text-decoration:none; }
	
	.ListeFondMauve { padding:0px; margin:0px; }
	.ListeFondMauve li { list-style:none; background:url(Layout/puce_Orange.jpg) no-repeat top left; padding-left:13px; padding-right:10px; margin-bottom:5px; }
	
	.ListeFondMauve li a:link { color:#FFF; text-decoration:underline; }
	.ListeFondMauve li a:visited { color:#FFF; text-decoration:underline; }
	.ListeFondMauve li a:hover { color:#FFF; text-decoration:none; }
	
	.DivBoiteCourte { float:left; padding:0px; margin:0px; width:420px;}
	.DivBoiteCourte1 { background:url(Backgrounds/Bg_boiteLongueSpecialCentre.jpg) repeat-y right ; clear:both;  }
	.DivBoiteCourte2 { background:url(Backgrounds/Bg_boiteLongueSpecialTop.jpg) no-repeat top right;  }
	.DivBoiteCourte3 {  background:url(Backgrounds/Bg_boiteLongueSpecialBas.jpg) no-repeat bottom right; padding:3px; padding-left:40px;}
	
	.DivBoiteLongue { padding:0px; margin:0px; width:827px;}
	.DivBoiteLongue1 { background:url(Backgrounds/Bg_boiteLongueCentre.jpg) repeat-y right ; clear:both; }
	.DivBoiteLongue2 { background:url(Backgrounds/Bg_boiteLongueTop.jpg) no-repeat top right; }
	.DivBoiteLongue3 { background:url(Backgrounds/Bg_boiteLongueBas.jpg) no-repeat bottom right; padding:3px;}
	
	.DivBoiteLongueSpecial { padding:0px; margin:0px; width:827px;}
	.DivBoiteLongueSpecial1 { background:url(Backgrounds/Bg_boiteLongueSpecialCentre.jpg) repeat-y right ; clear:both; }
	.DivBoiteLongueSpecial2 { background:url(Backgrounds/Bg_boiteLongueSpecialTop.jpg) no-repeat top right; }
	.DivBoiteLongueSpecial3 { background:url(Backgrounds/Bg_boiteLongueSpecialBas.jpg) no-repeat bottom right; padding:3px; padding-left:70px;}
	
	.DivBoitePuceVerte{ float:left; width:29px; height:25px; background:url(Pages/puce_numeroClient.gif) no-repeat; color:#FFF; font-weight:bold; text-align:center; padding-right:4px; padding-top:5px; }
	.DivBoiteTitre{ float:left; font-size:16px; color:#4497BF; font-weight:bold; padding-top:4px; padding-left:4px; }
	
	.DivBoitePuceVerte2 { float:left; width:29px; height:40px; background:url(Pages/puce_numeroClient.gif) no-repeat; color:#FFF; font-weight:bold; text-align:center; padding-right:4px; padding-top:5px; font-size:14px; }
	.DivBoiteTitre2 { float:left; font-size:12px; color:#000; font-weight:bold; padding-top:10px; padding-left:10px; }
	a.lientexte1 { color:#4497BF; text-decoration:underline }
	a:hover.lientexte1 { color:#fa921f; text-decoration:underline }
	a:visited.lientexte1 { color:#4497BF; text-decoration:underline }
	
	.ListePuceOrange { padding:0px; margin:0px;}
	.ListePuceOrange li { list-style:none; background:url(Pages/PuceListeOrange.png) no-repeat top left; padding-left:18px; padding-right:18px;}
	
	.ListePuceBlanche { padding:0px; margin:0px;}
	.ListePuceBlanche li { list-style:none; background:url(Layout/Puce_Blanche.gif) no-repeat top left; padding-left:15px; padding-top:5px;}
	
	.ListePuceBlancheFondBleu { padding:0px; margin:0px;}
	.ListePuceBlancheFondBleu li { list-style:none; background:url(Layout/Puce_BlancheFondBleu.gif) no-repeat top left; padding-left:15px; padding-top:5px;}
	
	.ListePuceOrangeFondBleu { padding:0px; margin:0px;}
	.ListePuceOrangeFondBleu li { list-style:none; background:url(Pages/PuceListeOrangeFondBleu.gif) no-repeat top left; padding-left:18px; padding-right:18px;}
	
	.Focus { color: #333333; }
	.Blur { color: #666666; }
	
	/***************************************************************************************/
	/* Formattage Extranet                                                                 *
	/***************************************************************************************/
	
	.Box { background-color: #DAE4ED; border: 1px solid #666666; padding: 5px; }
	
	.FilterBox { background-color: #DAE4ED; border: 1px solid #84B0DD; border-left: 6px solid #84B0DD; padding: 5px; }
	
	.WarningBox { border-top: 1px solid #ffd000; border-right: 1px solid #ffd000; border-bottom: 1px solid #ffd000; border-left: 5px solid #ffd000; padding: 5px; background-color: #ffffd0; }
	.WarningBoxIconContainer { margin-right: 6px; width: 32px; }
	.WarningBoxIcon { width: 32px; height: 32px; border: 0px none; }
	.WarningBoxTextContainer { font-style: italic; width: 576px; }
	
	.ValidationSummary { margin-bottom: 20px; }
	.ValidationSummary ul { margin-top: 0px; margin-bottom: 0px; }
	
	.FormTextBox { width: 300px; }
	.FormTextBoxError { width: 300px; border-collapse: collapse; border: 1px solid #bb0000; padding: 2px; background-color: #ffeeee; }
	.FormTextBoxLocked { width: 300px; border-collapse: collapse; border: 1px solid #aaaa00; padding: 2px; background-color: #ffffbb; }
	
	.FormPasswordBox { width: 300px; }
	.FormPasswordBoxError { width: 300px; border-collapse: collapse; border: 1px solid #bb0000; padding: 2px; background-color: #ffeeee; }
	.FormPasswordBoxLocked { width: 300px; border-collapse: collapse; border: 1px solid #aaaa00; padding: 2px; background-color: #ffffbb; }
	
	.FormTextArea { width: 300px; font-family: Verdana, Arial, Sans-Serif; font-size: 12px; color: #333333; }
	.FormTextAreaError { width: 300px; border-collapse: collapse; border: 1px solid #bb0000; padding: 2px; background-color: #ffeeee; font-family: Verdana, Arial, Sans-Serif; font-size: 12px; color: #333333; }
	.FormTextAreaLocked { width: 300px; border-collapse: collapse; border: 1px solid #aaaa00; padding: 2px; background-color: #ffffbb; font-family: Verdana, Arial, Sans-Serif; font-size: 12px; color: #333333; }
	
	.FormDropDown { font-family: MS Reference Sans Serif, Verdana, Arial, Sans-Serif; font-size: 12px; color: #333333; }
	.FormDropDownError { border-collapse: collapse; border: 1px solid #bb0000; padding: 2px; background-color: #ffeeee; font-family: MS Reference Sans Serif, Verdana, Arial, Sans-Serif; font-size: 12px; color: #333333; }
	.FormDropDownLocked { border-collapse: collapse; border: 1px solid #aaaa00; padding: 2px; background-color: #ffffbb; font-family: MS Reference Sans Serif, Verdana, Arial, Sans-Serif; font-size: 12px; color: #333333; }
	
	.ContactFormTextBox { width: 300px; border:solid 1px #d4dee3; color:#000000; }
	.ContactFormTextBoxError { width: 300px; border-collapse: collapse; border: 1px solid #bb0000; background-color: #ffeeee; }
	.ContactFormTextBoxLocked { width: 300px; border-collapse: collapse; border: 1px solid #aaaa00; background-color: #ffffbb; }
	
	.ContactFormTextArea { width: 300px; font-family: Verdana, Arial, Sans-Serif; font-size: 12px; border:solid 1px #d4dee3; color: #000000; }
	.ContactFormTextAreaError { width: 300px; border-collapse: collapse; border: 1px solid #bb0000; background-color: #ffeeee; font-family: Verdana, Arial, Sans-Serif; font-size: 12px; color: #333333; }
	.ContactFormTextAreaLocked { width: 300px; border-collapse: collapse; border: 1px solid #aaaa00; background-color: #ffffbb; font-family: Verdana, Arial, Sans-Serif; font-size: 12px; color: #333333; }
	
	
	.TinyTextBox { width: 40px; }
	.TinyTextBoxError { width: 40px; border-collapse: collapse; border: 1px solid #bb0000; padding: 2px; background-color: #ffeeee; }
	.TinyTextBoxLocked { width: 40px; border-collapse: collapse; border: 1px solid #aaaa00; padding: 2px; background-color: #ffffbb; }
	
	.ShortTextBox { width: 100px; }
	.ShortTextBoxError { width: 100px; border-collapse: collapse; border: 1px solid #bb0000; padding: 2px; background-color: #ffeeee; }
	.ShortTextBoxLocked { width: 100px; border-collapse: collapse; border: 1px solid #aaaa00; padding: 2px; background-color: #ffffbb; }
	
	.MediumTextBox { width: 200px; }
	.MediumTextBoxError { width: 200px; border-collapse: collapse; border: 1px solid #bb0000; padding: 2px; background-color: #ffeeee; }
	.MediumTextBoxLocked { width: 200px; border-collapse: collapse; border: 1px solid #aaaa00; padding: 2px; background-color: #ffffbb; }
	
	.WideTextBox { width: 400px; }
	.WideTextBoxError { width: 400px; border-collapse: collapse; border: 1px solid #bb0000; padding: 2px; background-color: #ffeeee; }
	.WideTextBoxLocked { width: 400px; border-collapse: collapse; border: 1px solid #aaaa00; padding: 2px; background-color: #ffffbb; }
	
	
	
/*
	Other
	-----------*/
	
	
	.ClientName { color: #4396ca; }
	.FleuristeLinkTitle:link, .FleuristeLinkTitle:visited { color:#98d000; text-decoration:none; font-size:14px; }
	.FleuristeLinkTitle:hover, .FleuristeLinkTitle:active { color:#98d000; text-decoration:none; font-size:14px; }
	
		
	.defaultGridView { color: #333333; width: 100%; border-collapse: collapse; }
	.styleonlyGridView { color: #333333; border-collapse: collapse; }
	
	.defaultGridView th { padding: 4px; text-align: left; }
	.defaultGridView td { padding: 4px; text-align: left; }
	
	.defaultGridViewHeaderRow { color: #ffffff; background-color: #507CD1; font-weight: bold; }
	.defaultGridViewRow { background-color: #f0f3fa;} /*EFF3FB,F3F3F3*/
	.defaultGridViewAlternateRow { background-color: #ffffff; }
	.defaultGridViewSelectedRow { background-color: #cdd8e4; }
	
	.defaultGridViewHeaderRow a:link { color: #EFF3FB; text-decoration: underline; }
	.defaultGridViewHeaderRow a:visited { color: #EFF3FB; text-decoration: underline; }
	.defaultGridViewHeaderRow a:hover { color: #ffcb2e; text-decoration: none; }
	.defaultGridViewHeaderRow a:active { color: #ffcb2e; text-decoration: none; }