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

body {
	margin: 0;
	border: 0;
}

#conteneur {
	width: 980px;
	padding: 0;
	margin: auto;
	font: 12px "Trebuchet Ms", 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: 1px 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 }
h2.cgv_titre{font-size:14px;margin:6px 0;color:#000}
p.cgv_p{margin:0 10px}
blockquote.cgv_adresse{margin:7px 20px}

a {
 color: #3FA12C;
 text-decoration: none;	
}

a:hover {
 color: #060;
 text-decoration: underline;	
}

/* --- ENTĘTE DE PAGE --- */

#header {
 clear: both;
}

#header .gauche {
 width: 720px;
 float: left;
} 

#header .droite {
 width: 260px;
 min-height: 150px;
 float: left;
 text-align:left;
 background: #fff;
} 

#header .gauche #logo {
 float: left;
 width: 180px;
 height: 110px;
 text-align:center;
}

#header .gauche #banniere {
 background: #D8F5CA;
 float: left;
 width: 540px;
 height: 110px;
 text-align:center;
}

#header .gauche .boite {
 display: block;
 height: 27px;
 float: left;
 background: #D8F5CA url('../../images/coin2g.png') top left no-repeat;
 margin: 10px 10px 0 0;
}
#header .gauche .boite span {
 display: block;
 background: url('../../images/coin2d.png') top right no-repeat;
 padding: 5px 8px 0 8px;
 height: 22px;
 color: #3FA12C;
}
#header .gauche .boite span a {
 color: #3FA12C;
 text-decoration: none;	
}
#header .gauche .boite span a:hover {
 color: #060;
 text-decoration: underline;	
}

#header .droite #langage {
 display: block;
 text-align: right;
 padding: 5px 25px 0px 0;	
}
#header .droite #panier {
 background: #fff;
 border: 3px solid #D8F5CA;
 padding: 7px;
 font-size: 11px;
 font-weight: normal;
 color: #3FA12C;
 width: 200px;
 min-height: 50px;
 margin: 12px 0 0 20px;
 text-align: left;
}
#header .droite .boite {
 position: absolute;
 margin: 44px 0 0 30px;
 display: block;
 height: 27px;
 width: 140px;
 background: #D8F5CA url('../../images/coin2g.png') top left no-repeat;
 /*margin: 10px 10px 0 0;*/
 text-align: center;
}
#header .droite .boite span {
 display: block;
 background: url('../../images/coin2d.png') top right no-repeat;
 padding: 5px 8px 0 8px;
 height: 22px;
 color: #3FA12C;
}
#header .droite .boite span a {
 color: #3FA12C;
 text-decoration: none;	
}
#header .droite .boite span a:hover {
 color: #060;
 text-decoration: underline;	
}

#header .boite span input[type="text"], #header .boite span input[type="password"] {
 font-size: 11px;
 padding: 2px;
 margin: 0 0 0 4px;
 color: #888;
 width: 150px;
 height: 12px;
 border: 0;	
}

#header .boite span input[type="submit"] {
 font-size: 11px;
 height: 16px;
 color: #fff;
 margin: 0;
 padding: 0;
 background: transparent url('../../images/ok.jpg') center center no-repeat;
 font-weight: bold;
 border: 0;	
}

/* --- NAVIGATION --- */

#navigation {
 clear: both;
 display: block;
 width: 980px;
 padding: 10px 0 0 8px;
}

#navigation  dl, dt, dd, ul, li {
 margin: 0;
 padding: 0;
 list-style-type: none;
}

#navigation dl {
 float: left;
 width: 100px; 
 margin: 0 8px 0 0;
}

#navigation dt { 
 cursor: pointer;
 text-align: center;
 font-weight: bold;
 background: url('../../images/coin1g.png') top left no-repeat;
}

#navigation dt span {
 display: block;
 background: url('../../images/coin1d.png') top right no-repeat;
 width: 80px;
 height: 36px;
 font-size: 13px;
 line-height: 16px;
 padding: 3px 10px 0 10px;
 color: #fff;
}

#navigation dd { 
 position: absolute;
 display: none;
 font-size: 12px;
 font-weight: bold;
 padding-top: 2px;
}

#navigation li {
 text-align: left;
 width: 150px;
 padding: 5px;
 margin: 0;
 border-bottom: 1px solid #fff;
}

#navigation li a, #navigation dt a {
 display: block;
 text-decoration: none;
 color: #fff;
}

#navigation li a:hover, #navigation dt a:hover {
 text-decoration: underline;
 color: #fff;
}

/* --- CENTRE DE PAGE --- */

#centre {
 padding: 0;
 clear: both;
}

#boites {
 display: block;
 float: left;
 min-height: 700px;
 width: 204px;
 margin: 0 0 1px 0;
 text-align: center;
 }
 html>body #boites {
 height:auto;
 min-height: 700px;
}

#boites a {
 text-decoration: none;
 color: #3FA12C;
 font-size: 12px;	
}

#boites a:hover {
 text-decoration: underline;
 color: #060;	
}

#boites #recherche {
 background: #D8F5CA;
 padding: 7px;
 font-size: 11px;
 font-weight: normal;
 color: #3FA12C;
 margin: 12px 0 12px 0;
 text-align: left;
}

#boites #recherche input[type="text"] {
 margin-top: 5px;
 font-size: 11px;
 padding: 2px;
 color: #888;
 width: 140px;
 border: 0;	
}

#boites #recherche input[type="submit"] {
 font-size: 11px;
 height: 16px;
 margin: 0;
 padding: 0;
 color: #fff;
 background: transparent url('../../images/ok.jpg') center center no-repeat;
 font-weight: bold;
 border: 0;	
}

#boites #newsletter div span input[type="text"] {
 font-size: 11px;
 padding: 2px;
 margin: 0 0 0 4px;
 color: #888;
 width: 150px;
 height: 12px;
 border: 0;	
}
#boites #newsletter div span input[type="submit"] {
 font-size: 11px;
 height: 16px;
 color: #fff;
 margin: 0 0 0 3px;
 padding: 0;
 background: transparent url('../../images/ok.jpg') center center no-repeat;
 font-weight: bold;
 border: 0;	
}
#boites #newsletter div {
 display: block;
 height: 27px;
 background: #D8F5CA url('../../images/coin2g.png') top left no-repeat;
 margin: 4px 0px 0 0;
}
#boites #newsletter div span {
 display: block;
 background: url('../../images/coin2d.png') top right no-repeat;
 padding: 5px 5px 0 5px;
 height: 22px;
 color: #3FA12C;
}


#boites h3.titre {
 background: url('../../images/titre2.png') top left no-repeat;	
 width: 204px;
 height: 25px;
 padding: 8px 0 0 0;
 font-size: 14px;
 font-weight: bold;
 color: #3FA12C;
 text-align: center;
 margin: 0;
}

#boites div.boite {
 border: 1px solid #D8F5CA;
 border-top: 0;	
 padding: 4px;
 font-size: 11px;
 color: #3FA12C;
 margin: 0 0 10px 0;
 text-align: left;
}

#boites .paiements {
 margin-top: 20px;	
}

#page {
 display: block;
 float: left;
 min-height: 700px;
 width: 756px;
 margin: 11px 0 1px 20px;
 }
 html>body #page {
 height:auto;
 min-height:700px	
}

#page #arbo {
 font-weight: bold;	
 font-size: 13px;
} 
#page #arbo a {
 color: #3FA12C;
 text-decoration: none;	
 margin: 0px 2px;
 font-weight: normal;
}
#page #arbo a:hover {
 color: #060;
 text-decoration: underline;	
}

#page h2 {
 font-weight: normal;
 text-transform: uppercase;
 font-size: 20px;
 letter-spacing: -1px;
 color: #444;
}

#page div.article {
 font-size: 11px;	
}

/* --- BAS DE PAGE --- */

#bas {
 display: block;
 clear: both;
 min-height: 150px;
}

#bas .boite {
 display: block;
 height: 27px;
 background: #D8F5CA url('../../images/coin2g.png') top left no-repeat;
 margin: 10px 0px 0 0;
 text-align: center;
}
#bas .boite span {
 display: block;
 background: url('../../images/coin2d.png') top right no-repeat;
 padding: 5px 8px 0 8px;
 height: 22px;
 color: #3FA12C;
}

#bas .ekinoxe {
 margin: 20px 0 0 20px;
 float: left;
}

#bas #liens {
 float: left;
 display: block;
 width: 835px;
 height: 70px;
 margin: 20px 0 0 50px;
}

#bas #liens a {
 margin-right: 20px;	
}

#bas #liens .infoSociete {
 color: #999;
 font-size: 11px;	
 padding-top: 10px;
}

/* ----- PRODUITS ----- */

div.produit {
 display: block;
 float: left;
 width: 139px;
 min-height: 100px;
 margin: 10px 10px 20px 0;
 text-align: center;
}

h3.produit {
 clear: both;
 font-size: 13px;
 font-weight: bold;
 padding: 0;	
 margin: 0;	
} 

span.produit_ref {
 clear: both;
 font-size: 11px;
 font-weight: normal;
 color: #222;
 display: block;
 margin: 0 0 4px 0;
 letter-spacing: -1px;
} 

div.produit h5 {
 font-size: 12px;	
 font-weight: bold;
 color: #000;
 margin: 0;
 padding: 0;
 letter-spacing: -1px;
}

div.ajoutPanier {
 display: block;
 float: left;	
 width: 200px; 
 text-align: left;
 margin-top: 10px;
}

div.qte {
 display: block;
 float: left;	
 min-width: 10px; 
 text-align: left;
 font-size: 18px;
 font-weight: bold;
 margin-top: 27px;
 border: 1px solid #999;
 padding: 0;
 margin-right: 30px;
}
div.qte input {
 border: 0;
 text-align: center;
 font-weight: bold;
 margin: 0;
 padding: 4px 0 0 0;
 float: left;
}
div.qte a {
 background: #eee;	
 text-decoration: none;
 color: #333;
 display: block;
 text-align: center;
 width: 25px;
 float: left;
}

div.qte a:hover {
 background: #ccc;
 color: #000;
}

div.prix {
 display: block;
 float: left;	
 width: 100px; 
 text-align: left;
 font-size: 22px;
 font-weight: bold;
 margin-top: 25px;
}

/* ----- CADDIE ----- */

#centre td.cellTitle {
 border-bottom: 1px solid #999;
 border-right: 1px solid #999;
 border-top: 1px solid #eee;
 border-left: 1px solid #eee;
 padding: 4px;
 background: #D8F5CA;
 color: #060;
}

#centre td.cell {
 border-bottom: 1px solid #aaa;
 border-right: 1px solid #aaa;
 border-top: 1px solid #ccc;
 border-left: 1px solid #ccc;
 padding: 4px;
 background: #f8f8f8;
 color: #3FA12C;
 font-size: 11px;
}

#centre td.cell input, #centre td.cell select {
 font-size: 11px;
 color: #222;
 padding: 2px;	
 border: 1px solid #aaa;
}