/* Gabarit 2 colonnes  du Front				*/

* 			{ margin:0; padding:0; border: none; text-decoration: none }  

body 		{ padding: 0; font-family: Verdana; font-size: 11px; text-align: left; color: #fff;  background:url(../images/fond/body.jpg) left top repeat-x;background-color: #a6a6a6; }

h1  		{ position: absolute; top: 23px; left: 41px;}
h2   		{ margin: 5px 0 5px 0px; padding: 0 0 0 17px; font: normal 18px "Century Gothic"; color: #d1499d; background: url(../images/puce/h2.jpg) left top no-repeat;  }
h3  		{color: #806b3c;background:transparent url(../images/puce/h3.gif) no-repeat left top;color:#fff;font-family:Century Gothic;font-size:15px;margin:0px 0pt 5px 0px;padding-left:15px; }
h4   		{ margin: 15px 0 10px 15px; font: normal 14px "Trebuchet MS"; color: #d1499d }
h5   		{ margin: 15px 0 10px 10px; font: normal 16px "Trebuchet MS"; color: #806b3c }

p    		{ font: normal 11px/18px verdana; margin: 0 0 5px 0; text-align:left }

input    { padding: 0 0 0 3px; font: normal 11px verdana }
textarea { padding: 4px; font: normal 11px verdana }

ul li 				{ list-style: none; font: normal 11px/15px verdana; margin: 10px 15px 10px 24px }
ul.puced li 		{ list-style: none; margin: 10px 15px 10px 24px; padding: 0 0 0 13px; background: url(../images/puce/puce.gif) left 2px no-repeat }
ul.radio li		   { float: left }
ul.radio li input { margin: 0 4px 0 0; position:relative; top: 2px; left: 0 }
 
a img    { border: none; text-decoration: none }

a        { color:#d1499d; text-decoration: underline; font: normal 11px verdana }
a:hover  { color:#fff; text-decoration: underline }

abbr    { cursor: help;  } 

/*			   Menu Login/Logged 					*/
div#menu-login 						{ position:absolute; left:31px; top:151px}
div#menu-login label 				{ color:#5b013c; font-weight:bold}
div#menu-login input  { background:url(../images/fond/input01.gif) left top repeat-x; height:15px; color:#fff}
div#menu-login a  { color:#d999c3; text-decoration:none; font-size:10px}
div#menu-login a:hover  { color:#fff;}

div#menu-logged 						{position:absolute; left:31px; top:154px }
div#menu-logged p#bonjour 			{ color:#5b013c; font-weight:bold; font-size:14px}
div#menu-logged a  { color:#d999c3; text-decoration:none; font-size:10px}
div#menu-logged a:hover  { color:#fff;}

/*					Menu basket  				*/
.affichageBasket{ position:absolute; top:150px; right:31px}
.affichageBasket a{ color:#fff}


/* 			Conteneurs generaux 					*/	
#main				    { position: relative; width: 966px; margin: 0 auto;  text-align:left;}
#intro 				 { width:966px; height:198px; background: url(../images/bandeau/header.jpg) left top no-repeat; position:relative }
#introin 			 { width:966px; height:198px; background: url(../images/bandeau/headerin.jpg) left top no-repeat; position:relative }
#body              { background:url(../images/fond/content.jpg) left top no-repeat; min-height:425px}
#content 			 { margin: 0 auto; padding:0; width:91% }

/*			Menu left			*/

#menu-left{ width:230px; padding-top:180px}
.menuhome{ background:url(../images/illustr/menu01.jpg) left top no-repeat;}
.menucatalog{ background:url(../images/illustr/menu02.jpg) left top no-repeat;}
.menucontact{ background:url(../images/illustr/menu03.jpg) left top no-repeat;}
.menuespaceclient{ background:url(../images/illustr/menu04.jpg) left top no-repeat;}
.menunewsletter{ background:url(../images/illustr/menu05.jpg) left top no-repeat;}
.menusearch{ background:url(../images/illustr/menu06.jpg) left top no-repeat;}

#menu-left ul li{ background-color:#d1499d; text-align:right; padding:1px 3px; width:192px; margin:10px 0}
#menu-left ul li a{ color:#fff; font-size:12px; font-weight:bold; text-decoration:none}
#menu-left ul li li{ margin:0px;padding-left:8px;text-align:left;width:184px;}



#menusearch p{ text-align:right}
#menusearch input, #menusearch select{ background:url(../images/fond/input02.gif) left top repeat-x; height:19px; font-size:11px; color:#a45488; margin:1px;}
#menusearch select{ width:135px; height:18px;}
#menusearch option{ background-color:#fff}


/*			prod			*/
.minititle a{ color:#fff; width:179px; font-size:12px; text-decoration:none}
.minititle{ height:40px}
.miniprod .minitop{ background:url(../images/fond/miniprodtop.gif) left top no-repeat; background-color:#d1499d; width:173px; height:11px}
.miniprod .minibottom{ background:url(../images/fond/miniprodbottom.gif) left bottom no-repeat; background-color:#d1499d; width:173px; height:11px}
.miniprod .minicenter{background-color:#d1499d; width:169px; padding:0 5px;}
.miniprod .minicenter .imgprod{ height:95px}
.cadregreen{ border:2px solid #bccd59}
.miniprod .marque, .miniprod .desc{ color:#4d0133}
.miniprod .desc{ height:48px}

.miniprod .prix{ float:right; width:105px; text-align:right; font-size:10px; letter-spacing:-1px; margin-bottom:0px}
.miniprod .detail{ margin-bottom:0}
.miniprod .prix .thePrize{ font-weight:bold; font-size:12px}

p.pagination{ text-align:center; font-size:14px; font-weight:bold}

p.pathCategory{ font-size:10px}
p.pathCategory a{ font-size:10px; color:#fff}

.cont-prod {overflow:hidden; width:280px; float:left; margin:0 10px 0 0;}
.cont-prod .center {border-bottom:1px solid #FFFFFF; padding:0 0 5px;}
.bigprod{ background:url(../images/fond/bigprod.gif) left top no-repeat; width:279px; height:336px; margin:0 0 5px; }
.bigprod table{ width:260px; margin:0 auto;height:336px;}
.bigprod .visubig{height:285px}
.bigprod p.prix{  text-align:right}
.bigprod .prix span{ font-size:18px}
.bigprod .prix span.oldprice{ font-size:14px; text-decoration:line-through}

/*.intituleprod{ float:left; width:125px; font-weight:bold }
.descriprod{ float:left; width:220px}
*/
.intituleprod {font-weight:bold }
.descriprod {}

/*					Panier					*/
.basket td{ border:1px solid #fff; padding:1px 3px}
.basket th{ padding:1px 3px; background:url(../images/fond/th.gif)left top repeat-x}
.suiviPanier img{ margin:20px 13px}
form.formatform p.warning{ color:#CC3366}
.confirm td{ border:1px solid #fff}


/* 			Footer								   */
#outro 				 { width:966px; height: 57px; background: url(../images/fond/outro.jpg) no-repeat; clear: both }
#outro p 			 { color:#605e5e; text-align: right; padding: 24px 24px 0 0 }
#outro p a 			 { color:#605e5e; text-decoration: none }
#outro p a:hover   { text-decoration: underline }


/* 			Page Mentions						   */
.adr 						{ margin: 20px 0 15px 35px }
.adr2 					{ margin: 20px 0 15px 45px }
.adr h3    			   { font: normal 11px verdana;  } 
.adr2 h3    			{ font: normal 11px verdana;    } 
.adr h3, .adr2 h3{ text-align:center; color:#000; font-weight:bold; font-size:14px; background:url(../images/fond/titrementions.gif) left bottom repeat-x; padding-bottom:5px; width:97%; margin:3px auto; padding-left:0 } 
.adr p, .adr2 p{text-align:center;}
.adr, .adr2 			{ float: left; height: 185px; padding: 10px;  width: 222px; background: url(../images/fond/mentions.jpg) left top no-repeat }
.adr a, .adr2 a{ color:#000}
.conformement 		{ font: normal 10px arial; text-align:center; color:#666 }



/* 			Formulaires 						  */

form.formatform                  { width: 526px;  margin: 30px 0 15px 0px; padding: 15px; width:601px  } 
form.formcontact{ background:url(../images/fond/contact.jpg) left top no-repeat; height:375px}
form.formforget{ background:url(../images/fond/forget.jpg) left top no-repeat; height:91px}
form.formregister{ background:url(../images/fond/register.jpg) left top no-repeat; height:375px}
form.formprofile{ background:url(../images/fond/profile.jpg) left top no-repeat; height:375px}
form.formsearch{ background:url(../images/fond/search.jpg) left top no-repeat; height:112px}
form.formlogin{ background:url(../images/fond/login.jpg) left top no-repeat; height:159px}
form.formnewsletter{ background:url(../images/fond/newsletter.jpg) left top no-repeat; height:159px}
form.formblanc{ background:url(../images/fond/formblanc.jpg) left top no-repeat; height:159px}
form.formatform  h3              { margin: 0px 0 5px 0px; font-family:Century Gothic; color:#850e5d; background:url(../images/puce/h3.jpg) left top no-repeat; padding-left:15px; font-size:15px   } 
form.formatform  label{ color: #a2a0a0;  } 
form.formatform  label.lbleft    { float: left; width: 208px; font: bold 11px verdana; color: #a2a0a0;  } 
form.formatform  input           { border: 1px solid #eee; background:url(../images/fond/input03.gif) left top repeat-x; height:19px  }
form.formatform  select          { border: 1px solid #eee; background:url(../images/fond/input03.gif) left top repeat-x; height:19px; font-size:11px  } 
form.formatform  option { background-color:#fff}
form.formatform  textarea          { border: 1px solid #eee; background:url(../images/fond/textarea03.gif) left bottom repeat-x; } 
form.formatform a:hover{ color:#000}
form.formatform  p.centerbut     { margin: 15px 0 10px 0px; clear: both; text-align:center; } 


/* 			General styles 						*/

.input 		{ border: 1px solid black; padding-top:2px }
.bordered 	{ border: 1px solid black }
.noborder 	{ border:none }
.kill 		{ display: none }
.center 		{ text-align: center }
.clear 		{ clear:both; visibility: hidden; height: 0 }
.noborder 	{ border: none }
.bita 		{ margin: 15px auto 10px auto; text-align: center; font: bold italic 12px verdana; color: #d1499d}
.center 		{ text-align: center }
.left 		{ text-align: left }
.right 		{ text-align: right }
.full 		{ width: 100% }
.button, .centerbut	   { text-align: center; margin: 15px 0 10px 0; clear: both }
.small     { font: normal 10px verdana  } 
.mh        { min-height: 231px;   } 
/* 			Messages d erreurs					 */
.denied       { margin: 10px 20px 20px 30px; color: red; font: normal 12px verdana; }
.denied ul li { margin: 0 0 3px 0; padding: 0 25px 0 17px; background: url(../images/puce/pucerouge.gif) left 2px no-repeat;  }
.two-columns { width:49% !important;}
.flright { float:right; }
.flleft { float:left; }

.plan a {font-weight:bold;padding-left:9px;padding-top:2px;}
.plan .miniprod a {font-weight:normal;color:#FFFFFF;padding-left:0px;line-height:16px;}
.plan table.miniprod {margin-bottom:9px;margin-top:1px;}
.plan h4 a {font-size:14px;padding-left:4px;}