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

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

html { width: 100%; }
body { padding:0px; margin:0px; text-align:center; background:url(Layout/background_fond.jpg) repeat-x top center #4e99c9; }
body, td { font-family: MS Reference Sans Serif, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; }
form { padding: 0px; margin: 0px; }

#Site { width:992px; margin:0px auto; text-align:center; }

	#Entete { position:relative; margin:0px auto; width:913px; height:369px; text-align: center; background:url(Layout/background_entete.gif) no-repeat; text-align:left; }
		#EnteteCoinVert { position:absolute; width:14px; height:30px; top:10px; left:-2px; background:url(Layout/entete_coinVert.jpg) no-repeat; }
		#Logo { position:absolute; width:262px; height:64px; top:23px; left:25px; }
		#MenuTop { position:absolute; height:44px; top:27px; left:316px; z-index:50; }
			#MenuTop ul { padding:0px; margin:0px; }
			#MenuTop li { list-style:none; float:left; padding-top:15px; margin-right:15px; background:url(Layout/menuTop_liBG.gif) no-repeat top left; }
			#MenuTop a:Link { display:block; height:27px; padding-left:8px; text-decoration:none; color:#000; font-weight:bold; background:url(Layout/menuTop_puce.gif) no-repeat left; }
			#MenuTop a:Visited { display:block; height:27px; padding-left:8px; text-decoration:none; color:#000; font-weight:bold; background:url(Layout/menuTop_puce.gif) no-repeat left; }
			#MenuTop a:Hover { display:block; height:27px; padding-left:8px; text-decoration:none; color:#f58104; font-weight:bold; background:url(Layout/menuTop_puceO.gif) no-repeat left; }
		#EnteteBtn { position:absolute; width:279px; height:137px; top:40px; right:0px; background:url(Layout/entete_bgbouton.gif) no-repeat; }
		#EnteteFlash { position:absolute; width:194px; height:184px; top:2px; right:-14px; background:url(Flash/entete_flash.gif) no-repeat; z-index:2; }
		#EntetePropos { position:absolute; width:255px; height:220px; top:120px; left:25px; }
		#EnteteSeparation { position:absolute; width:7px; height:220px; top:120px; left:315px; }
		#EnteteProduits { position:absolute; width:215px; height:227px; top:120px; left:350px; background:url(Layout/entete_produits_bg.gif) no-repeat; }
		#EntetePanier { position:absolute; width:284px; height:170px; top:177px; right:19px; background:url(Layout/entete_panierBG.jpg) no-repeat; }
		.LienAide a:link { display:block; height:19px; padding-top:3px; padding-right:24px; background:url(Layout/question_puce.gif) no-repeat right; }
		.LienAide a:visited { display:block; height:19px; padding-top:3px; padding-right:24px; background:url(Layout/question_puce.gif) no-repeat right; }
		.LienAide a:hover { display:block; height:19px; padding-top:3px; padding-right:24px; background:url(Layout/question_puceO.gif) no-repeat right; }
		
	#PageBg1 { width:913px; margin:0px auto; background:url(Layout/page_bgCentre.gif) repeat-y; }
	#PageBg2 { background:url(Layout/page_accueil_bgTop.jpg) no-repeat top; }
	#Page { padding-top:8px; padding-bottom:20px; background:url(Layout/page_accueil_bgBas.gif) no-repeat bottom; text-align:left; }
		#ProduitVedette { float:left; width:275px; height:213px; margin-left:27px; background:url(Layout/page_produitVedette_bg.jpg) no-repeat bottom; }
		#SystemeAccueil { float:left; width:150px; margin-left:50px; margin-top:20px; }
		#PubAccueil { float:left; width:360px; height:187px; margin-left:20px; margin-top:16px; background:url(Layout/page_pugBG.jpg) no-repeat; }
	#PageAutreBg1 { width:913px; margin:0px auto; background:url(Layout/page_autre_centreBG.gif) repeat-y; }
	#PageAutreBg2 { background:url(Layout/page_autre_top.gif) no-repeat top; }
	#PageAutre { padding-top:8px; padding-bottom:20px; background:url(Layout/page_autre_basBG.gif) no-repeat bottom; text-align:left; }
		#AutreGauche { float:left; width:279px; padding-left:27px; padding-right:20px; padding-top:15px; }
			#MenuGauche { padding:10px; }
			#MenuGauche ul { padding:0px; margin:0px; }
			#MenuGauche li { list-style:none; padding-bottom:10px; }
			#MenuGauche a:link { padding-left:15px; background:url(Layout/page_gauche_puce.gif) no-repeat left; font-weight:bold; text-decoration:underline; }
			#MenuGauche a:visited { padding-left:15px; background:url(Layout/page_gauche_puce.gif) no-repeat left; font-weight:bold; text-decoration:underline; }
			#MenuGauche a:hover { padding-left:15px; background:url(Layout/page_gauche_puceO.gif) no-repeat left; font-weight:bold; text-decoration:none; }
			
			#MenuGauche2 { padding:10px; }
			#MenuGauche2 ul { padding:0px; margin:0px; }
			#MenuGauche2 li { list-style:none; padding-bottom:2px; }
			#MenuGauche2 a:link { padding-left:15px; background:url(Layout/page_gauche_puce2.gif) no-repeat left; font-weight:bold; text-decoration:underline; }
			#MenuGauche2 a:visited { padding-left:15px; background:url(Layout/page_gauche_puce2.gif) no-repeat left; font-weight:bold; text-decoration:underline; }
			#MenuGauche2 a:hover { padding-left:15px; background:url(Layout/page_gauche_puceO.gif) no-repeat left; font-weight:bold; text-decoration:none; }

			.lienActif { padding-left:15px; background:url(Layout/page_gauche_puceO.gif) no-repeat left; font-weight:bold; color: #f58104; }

			.linkNormal:link { font-weight:bold; text-decoration:underline; }
			.linkNormal:visited { font-weight:bold; text-decoration:underline; }
			.linkNormal:hover { font-weight:bold; text-decoration:none; }

			.linkTemoignages:link { padding-left:15px; background:url(Layout/page_gauche_puce.gif) no-repeat left; font-weight:bold; text-decoration:underline; }
			.linkTemoignages:visited { padding-left:15px; background:url(Layout/page_gauche_puce.gif) no-repeat left; font-weight:bold; text-decoration:underline; }
			.linkTemoignages:hover { padding-left:15px; background:url(Layout/page_gauche_puceO.gif) no-repeat left; font-weight:bold; text-decoration:none; }

			.BoxTemoignage1 { background:url(/Design/Layout/bte_temoignage_02.gif) repeat-y; width:277px; }
			.BoxTemoignage2 { background:url(/Design/Layout/bte_temoignage_03.gif) right bottom no-repeat; width:227px; padding-left:25px; padding-right:25px; }
			.BoxTemoignage3 { text-align:right; font-weight:bold; font-family:Times New Roman, Times, serif; font-style:italic; font-size:12pt; margin-right:25px; }
			
			.tableCommande td { font-size:11px; }
			
			.lienPanierGauche:link { font-weight:bold; text-decoration: none; display:block; background-color:#AADC1D; padding:4px; color:#000; padding-left:35px; background-image:url(Layout/lienPanier_flecheGauche.gif); background-repeat:no-repeat;}
			.lienPanierGauche:visited { font-weight:bold; text-decoration: none; display:block; background-color:#AADC1D; padding:4px; color:#000; padding-left:35px; background-image:url(Layout/lienPanier_flecheGauche.gif); background-repeat:no-repeat;}
			.lienPanierGauche:hover { font-weight:bold; text-decoration:none; display:block; background-color:#4e99c9;  padding:4px; color:#FFF; padding-left:35px; background-image:url(Layout/lienPanier_flecheGaucheO.gif); background-repeat:no-repeat;}
			
			.lienPanierDroitePaypal:link { font-weight:bold; text-decoration: none; display:block; background-color:#AADC1D; padding:4px; color:#000; padding-right:35px; background-image:url(Misc/lienPaypal_flecheDroite.gif); background-repeat:no-repeat; background-position:right;}
			.lienPanierDroitePaypal:visited { font-weight:bold; text-decoration: none; display:block; background-color:#AADC1D; padding:4px; color:#000; padding-right:35px; background-image:url(Misc/lienPaypal_flecheDroite.gif); background-repeat:no-repeat;  background-position:right;}
			.lienPanierDroitePaypal:hover { font-weight:bold; text-decoration:none; display:block; background-color:#4e99c9;  padding:4px; color:#FFF; padding-right:35px; background-image:url(Misc/lienPaypal_flecheDroiteO.gif); background-repeat:no-repeat;  background-position:right;}

			.lienPanierDroite:link { font-weight:bold; text-decoration: none; display:block; background-color:#AADC1D; padding:4px; color:#000; padding-right:35px; background-image:url(Layout/lienPanier_flecheDroite.gif); background-repeat:no-repeat; background-position:right;}
			.lienPanierDroite:visited { font-weight:bold; text-decoration: none; display:block; background-color:#AADC1D; padding:4px; color:#000; padding-right:35px; background-image:url(Layout/lienPanier_flecheDroite.gif); background-repeat:no-repeat;  background-position:right;}
			.lienPanierDroite:hover { font-weight:bold; text-decoration:none; display:block; background-color:#4e99c9;  padding:4px; color:#FFF; padding-right:35px; background-image:url(Layout/lienPanier_flecheDroiteO.gif); background-repeat:no-repeat;  background-position:right;}

		#AutreDroit { float:left; width:544px; padding-left:20px; padding-right:20px; padding-top:20px; }
		
		.PointParagraphe { background:url(Layout/PointParagraphe.gif) no-repeat bottom right; padding-bottom:5px; }
		.DetailsProduit { height:36px; width:150px; }
		.DetailsProduit a:link { display:block; height:26px; padding-top:10px; padding-left:19px; background:url(Layout/lienDetail_puceBleu.gif) no-repeat left; }
		.DetailsProduit a:visited { display:block; height:26px; padding-top:10px; padding-left:19px; background:url(Layout/lienDetail_puceBleu.gif) no-repeat left; }
		.DetailsProduit a:hover { display:block; height:26px; padding-top:10px; padding-left:19px; background:url(Layout/lienDetail_puceBleuO.gif) no-repeat left; }
		
		.ListePuceVerte li { list-style: url(Layout/puce_listes.gif); color:#333333; }
		.ListePuceVerte2 li { list-style:none; background:url(/Design/Layout/puce_listes.gif) no-repeat right; padding-left:15px; color:#333333; height:19px; padding-top:4px; margin-bottom:30px; }

	.defaultGridViewHeaderRow { color: #ffffff; background-color: #507CD1; font-weight: bold; }
	.defaultGridViewSelectedRow { background-color: #e9f8ff; }

	#Pied { width:913px; margin:0px auto; text-align:left; }
		#MenuPied { margin-top:10px; margin-bottom:20px; margin-right:15px; } 
		#MenuPied ul { padding:0px; margin:0px; color:#dfebf2; }
		#MenuPied li { list-style:none; float:right; margin-right:5px; }
		#MenuPied a:link { color:#dfebf2; text-decoration:underline; }
		#MenuPied a:visited { color:#dfebf2; text-decoration:underline; }
		#MenuPied a:hover { color:#aadc1d; text-decoration:none; }