body 		{ margin: auto; background-color: #10457B; background-image:url('image-body.jpg'); background-repeat: repeat-x; font-size: 12px; font-family: Arial }
#bg			{ width: 924px; margin: auto; }

#top			{ }
#top #logo		{ float: left; margin-top: 10px; margin-left: 15px; position: absolute; }
#top #logo a	{ display: block; width: 140px; height: 80px; background-image: url('image-logo-small.gif'); }
	.default #top #logo a	{ display: block; width: 270px; height: 147px; background-image: url('image-logo.gif'); }
#top h1			{ font-size: 32px; margin-left: 285px; color: white; }
#top .h1		{ display: block; margin-left: 10px; font-size: 18px; color: #83D6F2; }

#top #contact-link 		{ float: right; margin-top: 40px; }
#top #contact-link a	{ font-weight: bold; color: white; font-size: 14px; }
#top #headerimage		{ width: 924px; height: 358px; overflow: hidden;}
#top #headerimage img 	{ width: 100%; }

#shop-header #shop-header-table	{ margin-top: 5px; width: 100%; }
#shop-header #shop-header-image { width: 665px; height: 308px; overflow: hidden; }
#shop-header #shop-header-image p { width: 660px; height: 308px; overflow: hidden; }
#shop-header #shop-header-image p img { width: 660px; height: 308px; overflow: hidden; }

/*.panier-container	{ float: right; width: 280px; }
#middle #order #panier-container { float: left; }*/
.panier			{ width: 258px; border-bottom: 4px solid #84d7f3; font-weight: bold;}
#body .panier	{ width: 100%; border-bottom: none; }
.panier h2,
#body #order h2		{ color: white; font-size: 13px; padding-left: 8px; padding-top: 10px; padding-bottom: 10px; margin-bottom: 5px; margin-top:0px; background-image: url('image-panier-title.jpg'); background-repeat: repeat-x; }
#body #order h2		{ font-size: 14px; margin-top: 10px; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 3px solid #3d9ed2; }
#body #order .panier h2	{ margin: 0px;  }
.panier #list		{ padding: 8px; height: 172px; padding-right: 0px; background-color: #F1F1F1; color: black; font-size: 11px; background-color: #F1F1F1; overflow: auto; white-space: nowrap; }
#body #order .panier #list	{ margin-bottom: 5px; height: auto; }
.panier #list td	{ padding-bottom: 4px; }
.panier .ref		{ width: 100px; overflow: hidden;}
#body #order .panier .ref	{ width: 60%; }
.panier .ref:hover	{ text-decoration: underline; cursor: default;}
.panier #sum		{ padding: 8px; padding-top: 10px; padding-bottom: 10px; background-color: #DDDDDD; color: #454545; font-size:14px; font-weight: bold; margin-bottom: 4px; }
.panier #sum #total-ht	{  }
.panier .plus-td,
.panier .mins-td	{ width: 15px; padding-left: 4px; padding-right: 4px; }
.panier .quantity	{ text-align: center; font-size: 12px; }
/*#middle #order #panier #sum	{ border-bottom: none; }*/
#body #order #sum			{ font-size: 12px; color: black; }
.panier #sum p		{ margin-top: 0px; margin-bottom: 0px;}
#body #order .panier #sum p		{ text-align: right; }
.panier #sum .input	{ float: right; color: #359ECD; padding-right: 16px; }
#body #order .panier #sum .input	{ min-width: 100px; text-align: right; font-size:13px; padding-right: 27px; }
#body #order .panier #sum #total-ttc { margin-top: 15px; }

#body #order #form td	{ padding-bottom: 5px; vertical-align: middle; }
#body #order #form input { width: 300px; }
#body #order #form label { font-weight: bold; padding-right: 50px; }
#body #order #form .chkbox { width: auto; }
#body #order #form .date	{ width: auto; }
#body #order #form .zip		{ width: auto; }

#order #form			{ margin-top: 20px; }
#order #form table		{ margin: 0px;}
#order #form td			{ padding: 4px;padding-left:0px; }
#order #form label 		{ padding-left: 20px; }
#order #form .buttons 	{ padding-top: 40px;text-align: left; font-weight: bold;}
#order #form .buttons .submit { width: 230px; margin-top: 15px;}

.panier .delete		{ width: 16px; padding-right: 4px; vertical-align: middle; }
.panier .delete img	{ cursor: pointer; }
.panier .quantity		{ text-align: center; }

.panier .price			{ text-align: right; padding-right: 4px; font-size: 12px; color: #359ECD }
#body .panier .price	{ padding-right: 15px; }

.panier #submit		{ padding-top: 10px; padding-left: 8px; padding-bottom: 0px; color: white; font-size: 15px; font-weight: bold; background-color: #31a0cf; cursor: pointer}
.panier #arrow			{ position: aboslute; width: 70px; height: 45px; margin-left: 180px; margin-top: -38px;  background-image: url('image-arrow.png');}

.panier #ttc			{ padding: 8px; padding-top: 10px; padding-bottom: 10px; font-size:14px; font-weight: bold; color: white; background-color: #62646E; }
.panier #ttc .input 	{ float: right; } 
 

#top #menu				{ margin-top: 4px; }
#top #menu td 			{ background: transparent url(image-menu.gif) top left no-repeat; }
#top #menu td a 			{ display: block; width: 132px; height: 108px; overflow: hidden; font-family: arial; color: #FFFFFF; text-decoration: none; position: relative; }
#top #menu td a .menutitle 	{ display: block; text-align:left; padding:5px; width: 110px; font-size: 14px; font-weight: bold; }

#top #menu td a .desc	 	{ display: block; width: 122px; padding:5px; font-size: 11px; color : #e0e0e0; position: absolute; bottom: 5px; }
		
#top #menu td a:hover,
#top #menu td .active-a 	{ background: url(image-menu-active.gif) top left no-repeat; }


#middle				{ padding: 10px; margin-top: 8px; border-top: 4px solid #82d5f3; }
.default-middle		{ background-color: #eeeeee; }
.shop-middle		{ background-color: white; }

#middle #body		{ min-height: 400px; font-family: Arial; font-size: 12px; }

#body h1			{ color: black; font-size: 22px; margin-bottom: 5px;margin-bottom: 10px; margin-top: 10px; }
#body h2			{ color: black; font-size: 20px; margin-bottom: 10px; margin-top: 10px; }
#body .h2-small		{ font-size: 15px; font-family: arial; border-bottom: 3px solid #3D9ED2; margin-top: 0px; margin-bottom: 0px; }
#body h3			{ color: #A9A9A9; font-size: 18px; margin-bottom: 10px; margin-top: 10px; }
#body p				{ margin-top: 15px; margin-bottom: 15px; line-height: 17px;}
#body ul,
#body ol,
#body blockquote	{ margin: 10px; margin-left: 20px; }
#body ul			{ list-style: square; }
#body ul li			{ margin-bottom: 10px; padding-left: 15px; }  
#body a				{ color: #1B5E92; text-decoration: none; }
#body a:hover		{ text-decoration: underline;}

#body #home-right		{ width: 228px; padding-left: 20px;  }
#body #home-right div 	{ margin-bottom: 15px; }
#body #home-right h3 	{ font-size: 13px; background-color: #359ecd; background-image: url('image-target.png'); background-position: 212px center; margin: 0px; }
#body #home-right h3 a	{ display: block; padding: 8px; padding-left: 7px;  color: white; text-decoration: none; }
#body #home-right .h3	{ font-style: italic; font-weight: normal; font-size: 12px; }
#body #home-right .photo{ width: 228px; overflow: hidden; margin: 0px; background-color: #359ecd; text-align: center; }

#body #logistique-link	{ background-image: url('attach-38-logistique.jpg'); background-repeat: no-repeat; background-color: black; width: 142px; }

#middle #home-news		{ margin-bottom: 10px; width: 650px; }
#middle #home-news h2	{ font-size: 20px; margin-bottom: 0px;}
#middle #home-news h2 a	{ color: #aaaaaa; font-weight: bold; font-style: normal}
#middle #home-news h3 	{ margin-top: 0px; }
#middle #home-news h3 a	{ color: black; font-style: italic; font-weight: normal; font-size: 12px; }
#middle #home-news p		{ margin: 0px; font-size: 10px; color: #444444}
#middle #home-news .photo	{ float: left; width: 320px; height: 155px; margin-right: 12px; overflow: hidden; background-repeat: no-repeat; }
#middle #home-news .photo img { width: 100%; }

#body #shop-left			{ width: 225px; }
#body #shop-menu			{ width: 225px; background-color: #ececed; border-bottom: 3px solid #83d6f2; padding-bottom: 10px; }
#body #shop-menu h2			{ font-size: 14px; background-color: #359ecd; background-image: url('image-target.png'); background-position: 207px center; margin: 0px; padding: 8px; padding-left: 15px; padding-right: 30px;  color: white; border-bottom: 3px solid #83d6f2;}
#body #shop-menu h2 a		{ color: white; }
#body #shop-menu ul			{ list-style: none; margin: 0px; padding:0px; }
#body #shop-menu ul li		{ padding-left: 0px; }
#body #shop-menu ul a 		{ font-size: 14px; font-family: verdana; color: #359ECD; border-bottom: 3px solid #3D9ED2; font-weight: bold; margin-left: 10px; margin-top: 15px; padding-left: 14px; text-decoration: none; display: block; background-image: url("image-category-triangle.png"); background-position: left center; background-repeat: no-repeat; }
#body #shop-menu ul a:hover { text-decoration: none; }
#body #shop-menu ul ul a	{ font-size: 11px; font-family: arial; color: black; background: none; margin: 0px; border: none; padding-left: 30px; }
#body #shop-menu ul ul .active-a,
#body #shop-menu ul ul a:hover 	{ color: #359ECD; background-color: #dddddd}
#body #shop-menu ul ul li	{ margin-bottom: 0px; }

#middle #shop-logo			{ background-image: url('image-logo-small.gif'); height: 74px;}

#middle #order,
#middle #products			{ padding-left: 10px; padding-right: 10px; }

#middle #products .prod		{ float: left; width: 152px; padding: 5px; padding-bottom: 10px; margin-bottom: 10px; height: 400px; border-right: 1px solid #D5D5D5; font-size: 11px; }
#middle #products h3		{ font-size: 12px; color: black; margin: 0px; }
#middle #products .desc		{ margin: 0px; color: #707070}
#middle #products .h3-desc	{ height: 130px; max-height: 130px; overflow: hidden;}
#middle #products .photo	{ overflow: hidden; height: 180px; text-align: center; margin-top: 15px; margin-bottom: 10px; vertical-align: middle; }
#middle #products .price	{ color: #359ECD; font-weight: bold; font-size: 14px; margin: 0px; }
#middle #products .quantity			{ width: 140px; }
#middle #products .quantity .label	{ font-weight: bold; font-size: 14px; width: 90px; }
#middle #products .quantity .value	{ text-align: center; font-weight: bold; font-size: 14px; }
#middle #products .prod-submit-p	{ margin: 0px; }
#middle #products .prod-submit		{ color: black; font-size: 12px; font-weight: bold;}
#middle #products .plus-td,
#middle #products .mins-td	{ width: 15px; }

#nyroModalContent			{ padding: 30px; }

#bottom				{ padding-top: 7px; padding-bottom: 7px; }
#bottom-logo		{ float: right; }
#bottom	#address	{ color: white; margin-top: 20px; padding-left: 10px; font-size: 13px; }
#bottom strong		{ color: #83D6F2 }
#bottom a			{ color: white; }
#bottom a:hover		{ text-decoration: underline;}