/* 
Mayonka Front 
----------------------------------------------------------------------------------------------------------- */

/* Balises générales */
* 				{ margin:0; padding:0; cursor:default; }  

body 			{ 
					padding: 0; 
					font-family: Verdana; 
					font-size: 11px; 
					text-align: left; 
					color: #000; 
					background:#fcdded url(../images/fond/fond.jpg) repeat-x;
					
				}
				
h2				{ 
					margin: 5px 0 0px 0px; 
					padding: 0 0 0 5px; 
					font: normal 18px; 
					color: #000; 
				}
				
h3				{ 
					margin: 5px 0 0px 1px; 
					padding: 0 0 0 5px; 
					font: normal 14px; 
					color: #000000; 
				}
				
p    				{ font: normal 11px/18px arial; text-align:left; padding-left:7px }
input    			{ padding: 0 0 0 3px; font: normal 11px arial; }
textarea 			{ padding: 4px; font: normal 11px arial }
ul li 				{ list-style: none; font: normal 11px/18px arial; margin: 10px 15px 10px 24px }
a img    			{ border: none; text-decoration: none; cursor:pointer; }
a        			{ color:#4b4b4b; text-decoration: underline; font-weight:bold; cursor:pointer; }
a:hover  		{ color:#000000;text-decoration: none; }



/* Conteneurs generaux */	
#main				{ position: relative; width: 978px; margin: 0 auto;  text-align:left; }
#header 				{ width:978px; height:200px; background: url(../images/logo/logo.png);}
#title				{ position:absolute; top: 95px; left:100px }
#mainContainer		{ width:978px; background:url(../images/fond/ombres.png) repeat-y; position:relative }
#content 			{ margin: 0 0 0 39px; clear:both; min-height:300px }
#content td			{ vertical-align:top }
#colonne_gauche 		{ width: 200px; }
#colonne_droite 		{ width: 697px; text-align:left }
#prductBG			{ margin:0; padding:0 }
#gallery			{ position:absolute; background:url(../images/fond/gallery.png); left:0; top:0; width:100%; z-index:10000; display:none; }
.closegallery		{ position:relative; width:100%; height:25px; background:#111; padding-top:10px; text-align:center; }
.closegallery a		{ color: #fff; text-decoration:none }
.closegallery a:hover{ color: #fff; text-decoration:underline }
#phContainer		{ float:left; padding:10px }
#homebox			{ margin-top: -4px; width:680; height:200px; overflow:hidden;  }
#homebox td p			{ text-align:justify; padding:0 5px 5px 0; margin:0 }
#homebox h2			{ 
						font-family: verdana, sans serif;
						font-size: 18px; 
						font-weight: bold; 
						letter-spacing:5px; 
						color:#333; 
						width:267px; 
						text-align:left; 
						margin:0;
						padding:0;

					}
#cadre				{ width:413px; height:413px; border:1px solid #F972FC; overflow:hidden }
.newsfeed			{ width:335px; height:200px; float:left; margin-right:10px }
#marqueenewsbox		{ width:335px; height:200px; overflow:hidden;  }
#marqueebox			{ width:335px; height:200px; overflow:hidden;  }
h2#h2feeds			{	
						font-family: verdana, sans serif;
						font-size: 18px; 
						font-weight: bold; 
						letter-spacing:5px; 
						color:#333; 
						width:335px;
						text-align:left; 
						margin-top: -4px;
						margin-left: 0;
						padding:0;

					}

h2#events			{	
						font-family: verdana, sans serif;
						font-size: 18px; 
						font-weight: bold; 
						letter-spacing:5px; 
						color:#333; 
						width:680px; 
						text-align:left; 
						margin-top: -4px;
						margin-left: 0;
						padding:0;

					}
h2#product-cross	{	
						font-family: verdana, sans serif;
						font-size: 18px; 
						font-weight: bold; 
						letter-spacing:8px; 
						color:#333; 
						width:680px; 
						text-align:left; 
						margin-top: -4px;
						margin-left: 0;
						padding:0;

					}

/* Affichage des produits (rubriques) */
#storeContainer		{ margin:10px 0 0 7px; width:690px }
#product			{ 
						margin:0;
						background:#fff;
						width:170px;
						height:248px;
						float:left;
					}
#photoProduct		{ width:100%; height:150px; text-align:center; padding:13px 0 13px 0;/*border-left:1px dashed #F972FC;*/  }
#sum				{ width:100%; background:#222 url(../images/fond/backp.gif); height:43px; color:#000000;}
#sum p				{ padding:3px 0 0 6px; line-height:12px }
#price				{ width:100%; }
#price p				{ font-size:11px; text-align:right; padding:12px 30px 0 0; line-height:12px }
#maximize			{ float:right; width:20px; height:31px; margin:13px 6px 0 0; }
#maximize img		{ cursor:pointer }
#ordering			{ float:right; width:20px; height:15px; margin:10px 4px 0 0; }
#ordering img		{ cursor:pointer }
#product-ordering a:hover { text-decoration:none; color:#000000; }
#subCategory		{ margin: 0 0 0 5px }
#subCategory td		{ padding-right:5px }

/* Affichage des produits (fiches produits) */
#mainproduct_image	{ float:left; overflow:hidden; width:256px; height:370px; text-align:center }
#mainproduct_thumb	{ 
						float:left; 
						overflow:hidden; 
						width:53px; 
						height:370px; 

					}
.thumbs				{ width:39px; height:56px; padding:5px; margin:1px }
.mp_name			{ font-weight:bold; font-size:20px; padding: 0 0 0 23px }
.mp_desc			{ padding: 0 0 15px 25px }
.mp_comp			{ padding: 0 0 5px 25px; font-weight:bold }
.mp_refr			{ padding: 0 0 15px 25px; font-style: italic; }
.mp_clor			{ padding: 0 0 5px 23px; }
.mp_notc			{ padding: 0 0 15px 25px; }


/*		panier		*/
.basket td {; border:none; border-bottom:1px solid #ccc; padding:0 2px}
.basket th{ padding:2px; background:url(../images/fond/th.gif) left top repeat-x; color:#fff; font-weight:bold; height:28px}
.basket .gray td{ background-color:#eeeded}
.adresses { width: 80%; margin:0 auto}
.adresses td{ border:1px solid #ccc; padding:5px; text-align:center}


/* Recherche (Top) */
#searchForm			{ position:absolute; left:347px; top:2px; }
#searchForm form		{ margin:0px; padding:0px }
#searchForm .searchInput		{ width:200px; cursor:text; }
#searchForm select	{ height:20px; padding-bottom: 2px; }
#searchSubmit		{ background:#111; width:120px; height:20px; padding-bottom: 2px; color:#fff; border:none; cursor:pointer }
/* newsletter (bottom) */
/* Recherche (Top) */
#newsletterForm			{  }
#newsletterForm form		{ margin:0 10px 0 0; padding:7px 0 0 0 }
#newsletterForm .newsletterInput		{ width:200px; cursor:text; }
.newsletterSubmit		{ background:#222; width:80px; height:20px; padding-bottom: 2px; color:#fff; border:1px solid #444; }
/* Menu utilisateur (Top) */
#userMenu			{ position:absolute; left:50px; top:6px; z-index:9000 }
#userMenu a			{ color:#000; font-weight:normal; text-decoration:none; }
#userMenu a:hover	{ text-decoration:underline; }

/* Footer */
#pageFoot			{ clear:both; width:978px; height:54px; background:url(../images/illustr/footer.png); }
#newsletter			{ width: 900px; height: 36px; background:#808080; margin:0 0 0 39px; text-align:right; color:#fff }
#footer 				{ width:100%; clear:both }
#footer p 			{ color:#000; text-align: center; padding: 0 0 0 0 }
#footer p a 			{ color:#000; text-decoration: none; }
#footer p a:hover   	{ text-decoration: underline }


/* Formulaires */
ul.radio           						{ margin: 0 0 0 70px }
ul.radio li        						{ float: left; margin: 0 0 0 60px; }
ul.radio li input  						{ float: left; margin: 0 ; padding: 0  ; border: none }
ul.radio li label  						{ float: left; width: auto; margin: 0 0 0 10px; padding: 0; }

form.formatform 		{ 
						width: 450px;  
						margin: 30px auto 15px auto; 
						padding: 15px;  
						border: 1px solid #e6ebf3;  
					}
#contactForm		{ 
						width: 360px;   
					}
.eventillustr				{  }
.sort td						{ padding:5px; }
.hometitle  h3              		{ margin: 20px 0 6px 0px;  width:670px  }
.hometitle  h4              		{ margin: 0 0 0 5px; }
form.formatform  h4              	{ margin: 0 0 6px 0px; width:440px  }
form.formatform  label.lbleft    	{ float: left; width: 220px; font: bold 11px arial; color: #7d7d7d;  } 
form.formatform .zone1  label.lbleft    	{ float: left; width: 175px; font: bold 11px arial; color: #7d7d7d;  } 
form.formatform .zone1  input.ch    	{ width: 162px;  } 
form.formloginregister  label.lbleft    								{ width: 87px; } 
form.formatform  input,form.formatform  textarea 	{ border: 1px solid #ccc; font-size:11px; margin:2px; cursor:text  }
form.formatform  select { border: 1px solid #ccc; font-size:11px; margin:2px; cursor:pointer  }
form.formatform  input.submit { cursor:pointer  }

form.formprod  label.lbleft    	{ width: 20px; font: bold 11px arial; color: #FFF;  } 
form.formprod  input { border: 1px solid #ccc; font-size:11px; margin:2px; cursor:text  }
form.formprod  select { border: 1px solid #ccc; font-size:11px; margin:3px; cursor:pointer  }
form.formprod  input.submit { margin: 0; border:none; cursor:pointer  }

p.centerbut     		{ margin: 15px 0 10px 0px; clear: both; text-align:center; } 
.navigation { border-bottom:1px solid #ccc; overflow:hidden;}
.navigation a, .navigation span  	{ 
									display:block; 
									float:left; 
									border-top:1px solid #ccc;
									border-right:1px solid #ccc;
									border-left:1px solid #ccc; 
									padding:1px 7px; 
									font-weight:bold; 
									text-decoration:none; 
									margin:10px 0 0 2px;
									vertical-align:bottom;
								}
.navigation a{ color:#F972FC;}
.navigation span{ color:#fff; background-color:#F972FC}

/* commandes */
.commandes td{ border:1px solid #ccc; padding:5px 2px 0 2px; font-size:10px}
.commandes th{ padding:2px; background:url(../images/fond/th.gif) left top repeat-x; color:#fff; font-weight:bold; height:28px}

/* recherche */
.resultLayer 		{ margin: 10px 0 10px 10px;  }
.resultLayer a		{ cursor:pointer }
p.sh_permalink		{ padding-left:1px; margin:7px 0 0 7px; width:400px; border-top:1px dashed #ccc }
p.sh_permalink a		{ text-decoration:none; color:#008000; font-weight:normal }
p.sh_permalink a:hover	{ text-decoration:none; color:#008000 }

/* Classes */
.submit 				{ cursor:pointer  }
.affichageProdDetail{ margin-left:3px }
.loupe2				{ margin-top:2px }
.f-produit			{ padding:2px; background:#111; width:150px; }
.f-produit p			{ text-align:center; }
.details			{ margin-left:5px; border:1px solid #ccc; width:622px; }
.details td			{ padding:5px 5px 0 5px; text-align:left }
.detailsOrdering 	{ background:url(../images/fond/addfond.jpg); color:#fff; height:30px; vertical-align:center; }
.detailsOrdering p	{ text-align:left; margin:1px 0 0 0; padding:0 }
.detailsPrice		{ padding-top:20px; width:327px; }
.detailsPrice p		{ text-align:center; margin:15px 0 0 0 }
.detailsPrice .oldprice{ color:#000; font-weight:bold; font-size:18px }
.detailsPrice .newprice{ font-size:18px }
.pathCategory		{ margin: 10px 0 11px 0; padding:0 }
.input 				{ border: 1px solid black }
.bordered 			{ border: 1px solid #ddd }
.noborder 			{ border:none }
.kill 				{ display: none }
.oldprice			{ color:#FFF; text-decoration:line-through }
.newprice			{ font-weight:bold; color:#222222; }
.center 				{ text-align: center }
.clear 				{ clear:both; visibility: hidden; height: 0 }
.noborder 			{ border: none }
.center 				{ text-align: center }
.left 				{ text-align: left }
.right 				{ text-align: right }
.full 				{ width: 100% }
.small     			{ font: normal 10px arial; } 
.indent    			{ position: absolute;top: -5000px; left: -5000px; text-indent: -5000px; } 
.warning			{ font-style:italic; margin-left: 6px }
.flash ul li			{ color:#ff0000; font-weight:bold }
.dateEvent			{ color: #F972FC; font-weight:bold }
.actu1				{ margin-left:5px }
.actu2				{ padding-bottom:10px }
.actu2 p				{ padding:0 }
.desc				{  }
.newsDate			{ color:#F972FC; }

.links					{ 
							margin:0 2px 0 0; 
							border-bottom:1px solid #fff; padding:10px;
							color:#333; 
							background:#FFE0EB; 
							width:660px;
						}
.links a					{ 
							text-decoration:none; 
							color:#333; 
							font-weight: bold; 
							margin:0 2px 0 2px; 
							padding:5px; 
							background:#FFE0EB; 
							border-left:1px solid #fff;
							border-right:1px solid #fff; 
						}
						
.links a:hover			{ 
							text-decoration:none; 
							color:#fff; 
							font-weight: bold; 
							margin:0 2px 0 2px; 
							padding:5px; 
							background:#F972FC; 
							border-left:1px solid #fff; 
							border-right:1px solid #fff; 
						}
.links .current			{ 
							text-decoration:none; 
							color:#fff; 
							font-weight: bold; 
							margin:0 2px 0 2px; 
							padding:5px; 
							background:#F972FC; 
							border-left:1px solid #fff;
							border-right:1px solid #fff; 
						}


/* Slideshow */
h1 					{ text-align: center; border-bottom: 2px solid #eee; padding: 0.5em; }
.clr 				{  }
.wrapper 			{ width: 680px; margin: 0}
#slidewrap 			{ border: 5px solid #EEEEEE; margin: 0; padding: 5px; }
#slidewrap div 		{ text-align: center; }

/* -----------------------------------------------------------------------------------------------------------
Mayonka Front */