/* ----- ELEMENTS DE DEPARD ----- */

body {
	margin: 0;
	/*border: 0;*/
	background: #D6FC7D url('../../images/bg.png') top center repeat;
}

#conteneur {
	width: 980px;
	padding: 0;
	margin: auto;
	font: 12px Arial, Helvetica, sans-serif;
	color: #000;
}

img {
	border: 0
}

form {
	margin:0;
	padding:0;
}

h1.titre {
	margin: 5px;
	font-size: 16px;
}

/* ----- CLASSES COMMUNES ----- */

.champ_qte { border: 0; background: none; color: #000; width: 18px }
ul.compte { padding: 5px; border: 0px solid #ccc; list-style: none }
p.centre { text-align: center; margin: 10px }
p.erreur { color: #c00; font-weight: bold; text-align: center }
span.erreur { font-size: 11px; color: #c00 }
span.rouge { color: #c00 }

/* ---------------------------------------------------------- */

h3 span {
 display: none;	
}

/* ----- VOS CLASSES ET ELEMENTS ----- */

#p1 {
 display: block;
 clear: both;
 width: 1000px;	
 height: 40px;
}

#p1 #newsletter {
 background: url('../../images/img_r1_c1.png') top left no-repeat;	
 float: left;
 height: 40px;
 width: 649px; /* 799 - 150 */
 padding: 0px 0px 0px 150px;
}

#p1 #newsletter input.texte {
 background: url('../../images/newsletter.bg.png') center left no-repeat;
 padding: 4px 4px 5px 4px;
 border: 0;
 font-size: 11px;
 color: #9F3162;	
 margin-top: 13px;
}

#p1 #newsletter input.submit {
 height: 32px;
 width: 34px;	
 padding: 0;
 margin: 0;
 border: 0;
 background: url('../../images/ok2.png') center left no-repeat;
}

#p1 #newsletter span {
 display: none;	
}

#p1 #newsletter input[type='text'] {
 /*margin: 10px 0px 0px 150px;	*/
}

#p1 #topnav {
 float: left;
 width: 201px;
 height: 40px;	
}

#p1 #topnav ul {
 list-style: none;	
 margin:0;
 padding:0;
}

#p1 #topnav li span {
 display: none;	
}

#p1 #topnav li {
 display: inline;	
 float: left;
}

#p1 #topnav li.accueil {
 background: url('../../images/topnav.png') 0px -37px no-repeat;
 width: 48px;
 height: 40px;	
}

#p1 #topnav li.favs {
 background: url('../../images/topnav.png') -48px -37px no-repeat;
 width: 44px;
 height: 40px;	
}

#p1 #topnav li.direami {
 background: url('../../images/topnav.png') -96px -37px no-repeat;
 width: 48px;
 height: 40px;	
}

#p1 #topnav li.plansite {
 background: url('../../images/topnav.png') -146px -37px no-repeat;
 width: 47px;
 height: 40px;	
}

#p1 #topnav li.accueil:hover {
 background: url('../../images/topnav.png') 0px 1px no-repeat;
}

#p1 #topnav li.favs:hover {
 background: url('../../images/topnav.png') -48px 1px no-repeat;
}

#p1 #topnav li.direami:hover {
 background: url('../../images/topnav.png') -96px 1px no-repeat;
}

#p1 #topnav li.plansite:hover {
 background: url('../../images/topnav.png') -146px 1px no-repeat;
}

#p1 #topnav li {
 text-align: center;	
}

#p1 #topnav li a {
 display: block;
 width: 40px;
 height: 40px;
 text-decoration: none;
 color: #fff;
}

/* ---------------------------------------------------------- */

#p2 {
 display: block;
 clear: both;
 width: 1000px;
 height: 264px;	
}

#p2 #logop1 {
 float: left;
 width: 379px;
 height: 264px;
 background: url('../../images/img_r2_c1.png') top left no-repeat;
} 

#p2 #logop2 {
 float: left;
 width: 373px;
 height: 264px;
 background: url('../../images/img_r3_c11.png') left bottom no-repeat;
}

#p2 #logop3 {
 float: left;
 width: 240px;
 height: 264px;
 background: url('../../images/img_r2_c17.png') top left no-repeat;
} 

/* ---------------------------------------------------------- */

#p3 {
 display: block;
 clear: both;
}

#p3b1 {
 width: 436px;
 height: 157px;	
}

#espaceClient {
 background: #fff url('../../images/img_r4_c1.png') 0px 0px no-repeat;	
 width: 436px;
 height: 157px;
}

#blocGauche {
 background: #fff;	
}

#blocGauche h3.flashInfos {
 background: url('../../images/img_r7_c2.png') top left no-repeat;	
 width: 208px;
 height: 68px; 
 margin:0;
}

#flash_infos{
 color: #9F3162;
 font-size: 11px;
 text-align: center;
 line-height: 15px;
 padding: 0px 0px;	
 margin: 3px;
}

#flash_infos h2 {
 font-size: 12px;
 font-weight:bold;	
 text-align: center;
 margin: 5px 0px 0px 2px;
 padding: 3px 2px;
} 

#blocGauche h3.selection {
 background: url('../../images/img_r14_c2.png') top left no-repeat;	
 width: 208px;
 height: 31px; 
 margin:0;
}

#blocGauche h3.promotion {
 background: url('../../images/img_r20_c2.png') top left no-repeat;	
 width: 208px;
 height: 31px; 
 margin:0;
}

div#promotion, div#selection, div#plusvus {
 min-height: 140px;
 clear: both;	
 margin-left: 20px;
}

#blocGauche h3.plusvus {
 background: url('../../images/img_r25_c2.png') top left no-repeat;	
 width: 208px;
 height: 35px; 
 margin:0;
}

.blocNav {
 background: #fff url('../../images/img_r23_c7.png') 0px 0px repeat-y;	
}

.blocNav #navigation ul {
 margin:0;
}

#picto1 {
 display: block;
 width: 209px;
 height: 25px;
 background: url('../../images/img_r7_c7.png') 0px 0px no-repeat;	
}

#navigation {
 background: url('../../images/img_r8_c7.png') 0px 0px repeat-y;	
}

#navigation ul {
 margin: 0;
 padding:0; 	
 list-style: none;
}

#navigation h2 {
 text-align: left;
 padding: 1px 0px 7px 5px; 	
 margin: 0px 0px 0px 25px;
 background: url('../../images/img_r12_c8.png') 0px 0px no-repeat;	
 font-size: 12px;
 color: #C14672;
 cursor: pointer;
}

#navigation a {
 display: block;
 width: 175px;
 height: 18px;
 font-size: 12px;
 font-weight: bold;
 color: #C14672;
 text-decoration: none;	
}

#navigation h2:hover {
 background: url('../../images/img_r9_c8.png') 0px 0px no-repeat;	
}

#navigation li {
 padding: 0px 0px 0px 5px; 	
 margin: 0px 0px 0px 25px; 	
}

#navigation li ul {
 padding: 0 0 10px 0;
 margin: 0;	
} 

#navigation li ul li {
 padding: 0px 0px 0px 10px; 		
 margin: 0; 	
}

#picto2 {
 display: block;
 width: 209px;
 height: 22px;
 background: url('../../images/img_r21_c7.png') 0px 0px no-repeat;	
}

h3.recherche {
 background: url('../../images/recherche.png') top left no-repeat;
 display: block;
 padding: 0;
 margin: 0;
 width: 85px;
 height: 22px;	
}

.rechercheBloc {
 position: absolute;
 margin: 0px 0px 0px 0;
 padding: 7px 0px 0px 310px;
 width: 120px;
 height: 155px;
 text-align: left;
}

.rechercheBloc input.texte {
 width: 115px;
 background: url('../../images/newsletter.bg.png') center left no-repeat;
 padding: 4px 4px 5px 4px;
 border: 0;
 font-size: 11px;
 color: #9F3162;
 width: 115px;	
 margin-top: 0px;
}

.rechercheBloc input.submit {
 height: 32px;
 width: 34px;	
 margin: 5px 0px 0px 0px;
 padding: 0;
 border: 0;
 background: url('../../images/ok2.png') center left no-repeat;
}

#arbo {
 color: #C14672;
 font-weight: bold;
 font-size: 11px;	
}

#arbo a {
 font-size: 11px;
 color: #333;
 font-weight: normal;
 text-decoration: none;
 margin: 0px 3px;
}

#arbo a:hover {
 color: #C14672; 	
}

#nvmembre {
 position:absolute;
 margin-top: 127px;
 padding:0px 0px 0px 30px;
 width:155px;
 height:60px;
 font-weight: bold;
 color: #fff;	
}

#connexion {
 position:absolute;
 margin-top: 50px;
 padding:0 0px 0px 30px;
 width:205px;
 height:50px;	
 font-weight: bold;
 color: #fff;
}

#panier {
 position:absolute;
 margin-top: -35px;
 padding:0 0px 0px 30px;
 width:205px;
 height:55px;
 font-weight: bold;	
 color: #fff;
}

.boutton1 {
 background: url('../../images/boutton1.png') center center no-repeat;
 padding: 10px 0px;	
 width: 146px;
 border: 0;
 color: #fff;
 font-weight: bold;
 font-size: 12px;
} 

.boutton2 {
 background: url('../../images/boutton2.png') center center no-repeat;
 padding: 10px 0px;	
 width: 63px;
 border: 0;
 color: #fff;
 font-weight: bold;
 font-size: 12px;
} 

/* ---------------------------------------------------------- */

#p3 #p3b2 {
 background: url('../../images/img_r5_c12.png') 0px 0px repeat-y;
 width: 544px;
 height: 300px;
}

#mainnavBloc {
 display: block;
 height: 32px;
 background: #ccc;
 background: url('../../images/img_r5_c11.png') top left repeat-x;		
}

#mainnav ul {
 margin: 0;
 padding: 0; 	
 list-style: none;
}

#mainnav ul li {
 float:left;
 background: url('../../images/img_r4_c21.png') top left repeat-x;
 padding: 0; 	
 border-left: 1px solid #ff99b2;
 border-right: 1px solid #9f3162;
}

#mainnav ul li:hover {
 background: url('../../images/img_r4_c13.png') top left repeat-x;	
 border-left: 1px solid #D6FC7D;
 border-right: 1px solid #9cba18;
}

#mainnav ul li.picto {
 background: none;
 border: none;
}

#picto3 {
 float:left;
 background: url('../../images/picto3.png') top left no-repeat;
 padding: 0; 	
 border-right: 1px solid #9f3162;
 width: 26px;
 height: 32px;
 margin-left: 0px;
}

#mainnav ul li a {
 display: block;
 padding: 8px 12px 9px 12px;
 color: #fff;
 text-decoration: none;
 font-weight: bold;
 font-size: 12px;	
}

#mainnav ul li:hover a {
 color: #C14672;
}

/* ---------------------------------------------------------- */

#p4 {
 display: block;
 clear: both;
 margin-left: 18px;
 width: 1000px;
 height: 28px;
}

#p4 div.pied1 {
 float: left;
 width: 208px;
 height: 27px;
 background: url('../../images/img_r27_c2.png') top left no-repeat;	
}

#p4 div.pied2 {
 float: left;
 width: 209px;
 height: 27px;
 background: #fff url('../../images/img_r27_c7.png') 1px 0px no-repeat;	
}

#p4 div.pied3 {
 float: left;
 width: 545px;
 height: 27px;
 background: url('../../images/img_r27_c12.png') top left no-repeat;	
}

/* ---------------------------------------------------------- */

#p5 {
 display: block;
 clear: both;
 width: 1000px;
 height: 107px;
 background: url('../../images/pied.png') top center no-repeat;
}

#p5 #ekinoxe {
 position: absolute;
 padding: 30px 0px 40px 130px;
}

#p5 #adresse {
 position: absolute;
 margin: 30px 0px 20px 300px;
 background: url('../../images/logo2.png') top left no-repeat;
 padding: 5px 0px 10px 120px; 
 color: #9f3162;
}

#p5 #menucat {
 position: absolute;
 margin: 70px 0px 20px 300px;
 padding: 5px 0px 10px 10px; 
 color: #9f3162;
 width: 600px;
}

#p5 #menucat a {
 color: #9f3162;
 text-decoration: none;
 font-size: 11px;
 margin-right: 20px;
} 

/* ---------------------------------------------------------- */

#p3b2 h2, #p3b2 h1, h3.titre {
 background: #E6FDAD url('../../images/picto4.png') -2px 12px no-repeat;
 color: #f36;
 font-weight: bold;
 font-size:13px;
 font-family: "Trebuchet Ms", sans-serif;
 padding: 4px 0px 4px 25px;
 margin: 10px 0px 10px 2px;
 text-transform: uppercase;
 /*border-right: 2px solid #E7B7C8;*/
}

#p3b2 h2 a, #p3b2 h1 a, h3.titre a {
 color: #f36;
 text-decoration: none;	
}

#p3b2 h2.art {
 color: #9BDC05;
 font-weight: bold;	
 background: url('../../images/picto5.png') 0px 12px no-repeat;
 font-weight: bold;
 font-size:17px;
 font-family: "Trebuchet Ms", sans-serif;
 padding: 4px 0px 4px 25px;
 margin: 10px 0px;
 text-transform: none;
}

#p3b2 div.art {
 font-size: 11px;
 color: #444;
 margin: 0px 10px 15px 5px;
}

/* ---------------------------------------------------------- */

ul.map, ul.map ul {
 margin: 0;
 padding: 2px 0px 6px 15px;	
 list-style: none;
}

ul.map li, ul.map li ul li {
 padding: 2px 0px 2px 0px;	
} 

ul.map a {
 text-decoration: none;
 color: #444;	
} 

ul.map a:hover {
 color: #9f3162;		
 text-decoration: underline;
}

.produit {
 text-align: center;	
 float: left;
 width: 174px;
}

.produit2 {
 text-align: center;	
}

.produit h3 {
 text-align: center;
 display: block;	
 font-size: 13px;
 margin:0;
 padding: 10px 0 6px 0;
}

.produit a {
 text-decoration: none;
 color: #444;
 font-size: 11px;	
}

.produit a:hover {
 text-decoration: underline;
 color: #9f3162;
}

.produitImage {
 margin-top: 10px; 	
 color: #9F3162;	
}

.prod_desc {
 color: #9F3162;	
 padding-bottom: 20px;
}

.produit_prix {
 font-size: 18px;
 font-weight: bold;
 color: #9F3162;
 padding: 0px 0px 10px 3px;
}

#paiements {
 text-align:center;
 margin-top:50px;
}

.prodDescriptif {
 height: 90px;
 display: block;
}

/* ---------------------------------------------------------- */

.cellTitle {
 border: 1px solid #bbb;	
 padding: 5px;
 background: #f5f5f5;
}

.cell {
 border: 1px solid #ccc;
 padding: 5px;	
}