/*
Nom du thème: WiziShop Nature
Description: Thème sur la nature, idéale pour des boutiques bio, développement durable...
Version: 1.001
Auteur: Steven Mouret - WiziShop
*/

* {
  margin: 0;
  padding: 0;
}

body {
  font: normal 62.5% Arial, Verdana, Trebuchet MS, Geneva, Helvetica, sans-serif;
  color: #000;
	background: #000000 url(../images/bandeau1.jpg) repeat-x 50% 0;
}

img {
  border: none;
}

a {
  color: #e4caff;
  text-decoration: underline;
}
a:hover, a:focus {
  text-decoration: none;
}

p {
	font-size: 1.3em;
}

label {
	cursor: pointer;
	font-size: 1.3em;
}

acronym, abbr {
	cursor: help;
	border-bottom: 1px dotted;
}

button {
	cursor: pointer;
	overflow: visible;
	width: 1;
	background: #b58d52 url(../images/button_background2.gif) repeat-x top left;
	height: 25px;
	border: none;
	color: #000;
	font-weight: bold;
	vertical-align: middle;
	cursor: pointer;
	padding: 0 0.5em 0.2em;
	line-height: 20px;
}
button span {
	position: relative;
}

.clear {
  clear: both;
}

#header {
	position: relative;
	width: 92em;
	margin: 0 auto;
	height: 157px;
}

#header h1 {
	position: absolute;
	top: 0em;
	font-size: 2.4em;
	font-weight: bold;
	cursor: default;
	left:-20px;
}
#header h1 span {
	display: block;
	font-size: 0.5em;
	color: #FFFFFF;
}
#header h1 a {
	text-decoration: none;
	color: #e4caff;
}




#header #Menu {
	position: absolute;
	top: 9.6em;
	list-style: none;
}
#header #Menu li {
	float: left;
	font-size: 1.6em;
	font-weight: bold;
	
}
#header #Menu li a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	margin-right: 1.5em;
}
#header #Menu .current a, #header #Menu li a:hover, #header #Menu li a:focus {
	border-bottom: 0.3em solid #e4caff;
	
}

#header #arbre {
	position: absolute;
	right: 0;
	top: 0;
}


#header #logo {
	position: relative;
	margin-left : -20px;
	top: 0;
}


#header #Deco {
	position: absolute;
	top: 1em;
	right: 35em;
}
#header #Deco a {
	color: #e4caff;
}

#header #SearchForm {
	position: absolute;
	top: 0.5em;
	right: 11em;
}
#header #SearchForm div label img, #header #SearchForm div #Search, #header #SearchForm div #BtnSearch {
	vertical-align: middle;
}
#header #SearchForm div #Search {
	background: #ffffff;
	color: #000000;
	border: none;
	padding: 0.4em;
}

#header #Langue {
	position: absolute;
	right: 1em;
	bottom: 0.7em;
}
#header #Langue h2 {
	float: left;
	font-size: 1.3em;
	font-weight: normal;
}
#header #Langue ul {
	float: left;
	list-style: none;
	font-size: 1.3em;
}
#header #Langue ul li {
	float: left;
	margin-left: 0.3em;
}
#header #Langue ul li a {
	float: left;
	text-decoration: none;
	display: block;
	padding: 0.1em 0.3em;
	color: #FFFFFF;
}
#header #Langue li a:hover, #header #Langue .current a, #header #Langue li a:focus {
	background: #fff;
	color: #FFFFFF;
}

#conteneur {
	width: 92em;
	margin: 0 auto;
	background: url(../images/sidebar-background.jpg) repeat-y top right;
}
#conteneur #sidebar {
	width: 22em;
	float: right;
	padding: 1em 0;
}
#conteneur #content {
	width: 66em;
	float: left;
	padding: 1em 1em 1em 0;
	color: #fff;
}
#footer {
	clear: both;
	width: 92em;
	margin: 0 auto;
}

#sidebar .module {
	margin-bottom: 1em;
	overflow: hidden;
}
#sidebar h2 {
	font-size: 1.3em;
	font-weight: bold;
	text-transform: uppercase;
	background: #000;
	color: #fff;
	border-bottom: 0.3em solid #fff;
	padding: 0.4em 0.3em;
	cursor: default;
	margin-bottom: 0.5em;
}
#sidebar .link ul {
	list-style: none;
	font-size: 1.3em;
	margin-left: 1em;
}
#sidebar .link ul li {
	line-height: 1.5em;
}
#sidebar .link ul li a {
	color: #000;
	background: url(../images/logo-ivy-petit.jpg) no-repeat 0 50%;
	padding-left: 1.8em;
	text-decoration: none;
}
#sidebar .link ul li a:hover, #sidebar .link ul .current a, #sidebar .link ul li a:focus {
	background: url(../images/arrow-menu.gif) no-repeat 0 50%;
}
#sidebar .link ul li ul {
	font-size: 1em;
}
#sidebar .link ul li ul li {
	border-bottom: none;
}
#sidebar .link ul li ul li a, #sidebar .link ul .current ul li a {
	padding-left: 1.8em;
	background: url(../images/feuille.gif) no-repeat 0 50%;
}
#sidebar .link ul li ul li a:hover, #sidebar .link ul li ul .current2 a, #sidebar .link ul li ul li a:focus {
background: url(../images/arrow-menu.gif) no-repeat 0 50%;
}

#sidebar #NewsletterForm div {
	margin-left: 1em;
}
#sidebar #NewsletterForm #Newsletter, #sidebar #NewsletterForm #BtnNewsletter {
	vertical-align: middle;
}
#sidebar #NewsletterForm #Newsletter {
	background: #fff;
	border: 1px solid #000;
	padding: 0.35em;
}

#RssBlog {
	margin: 0 0 1em 1em;
}
#RssBlog p {
	background: url(../images/rss.gif) no-repeat 0 0;
	padding-left: 3.6em;
}
#RssBlog p a {
	color: #e4caff;
	text-decoration: none;
}
#RssBlog p strong {
	display: block;
	font-size: 1.5em;
}

#content .ListProd {
	margin-bottom: 2em;
	clear: both;
}
#content .ListProd .BlockProd {
	clear: both;
	margin-bottom: 1em;
	overflow: hidden;
}
#content .ListProd .BlockProd img {
	border: 4px solid #e4caff;
}
#content .ListProd .BlockProd h2, .titre {
	background: #e4caff;
	color: #000;
	margin-bottom: 1em;
	padding: 0.1em 0 0.1em 0.5em;
	text-transform: uppercase;
	font-size: 1.5em;
	font-weight: bold;
}
#content .ListProd .BlockProd h2 a, #content .titre a {
	color: #000;
	text-decoration: none;
}
#content .ListProd .BlockProd div h3 {
	font-size: 1.3em;
}
#content .ListProd .BlockProd div h3 a {
	color: #ecdfc0;
	text-decoration: none;
}
#content .ListProd .BlockProd div h3 span {
	color: #e4caff;
}
#content .ListProd .BlockProd div {
	float: left;
	width: 15.5em;
	/*height: 17em;
	overflow: visible;*/
	text-align: center;
	margin: 0 0.8em 2em 0;
}
#content .ListProd .ProdEndLigne {
	margin-right: 0;
}
#content .ListProd .BlockProd div .NameProd a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

#content .ListProd .BlockProd div .Prix {
	color: #e4caff;
	font-weight: bold;
	font-size: 1.2em;
}
#content .ListProd .BlockProd div .Prix strong {
	white-space: nowrap;
}
#content .ListProd .BlockProd div .Prix del {
	font-size: 0.8em;
	color: #ECDFC0;
	font-weight: normal;
	text-decoration: line-through;
	white-space: nowrap;
}
#content .ListProd .ViewProd {
	clear: both;
	text-align: left;
	padding-bottom: 0.5em;
}
#content .ListProd .ViewProd a {
	padding: 0 0.5em;
	color: #ECDFC0;
}

#footer {
	background: #e4caff;
	border-top: 0.6em solid #fff;
	margin-bottom: 4em;
}
#footer a {
	color: #111c02;
}

#footer #LastArticleBlog {
	width: 44em;
	float: left;
	padding: 1em 0 1em 1em;
}

#footer #LastComBlog {
	width: 44em;
	float: right;
	padding: 1em 1em 1em 0;
}

#footer #LastArticleBlog h2, #footer #LastComBlog h2 {
	text-transform: uppercase;
	font-size: 1.4em;
	margin-bottom: 0.5em;
}
#footer #LastArticleBlog ul, #footer #LastComBlog ul {
	list-style: none;
	font-size: 1.3em;
}
#footer #LastArticleBlog ul li, #footer #LastComBlog ul li {
	margin-bottom: 0.5em;
}

#footer #LinkFooter {
	clear: both;
	text-align: center;
	background: #e4caff;
	color: #000000;
	padding: 0.5em 0;
}
#footer #LinkFooter a {
	color: #000000;
}



/* Ariane */
#ariane {
	margin-bottom: 2em;
}

/* Pagination */

#navig-page {
	clear: both;
	text-align: center;
}
#navig-page a {
	padding: 0.2em 0.4em;
	border: 1px solid #e4caff;
	text-decoration: none;
}
#navig-page a:hover, #navig-page a:focus, #navig-page .current {
	background: #e4caff;
	color: #FFFFFF;
}

/* Fiche produit */
#Prod {
	overflow: hidden;
}
#ImageFiche {
	float: left;
}
#ImageFiche #principale {
	padding: 0 1.5em 0 0;
}
#ImageFiche #principale img, #ImageFiche #miniature img {
	border: 4px solid #EBDEBF;
}
#ImageFiche #miniature {
	padding: 1em 0;
	margin-right: 1em;
}
#ImageFiche #miniature a {
	margin: 0 0.5em 0 0;
}
#content #ImageFiche p {
	padding: 0 0.5em 0 0;
}
#content #ImageFiche #ZoomImg {
	padding: 0.5em 0.5em 0 0;
}
#content #InfosFiche {
	overflow: hidden;
	float: inherit !important;
	float: left;
}
#content #InfosFiche h2 {
	background: none;
	font-size: 1.7em;
	margin: 0 0 1em 0;
	padding: 0;
	color: #e4caff;
	text-transform: uppercase;
}
#content #InfosFiche h2 span {
	font-size: 0.8em;
	font-weight: normal;
	text-transform: none;
}
#content #InfosFiche h2 span a {
	color: #ECDFC0;
}

#PrixFiche, #PrixFiche2, #PrixPromo, #PrixComp, #EcoPart {
	color: #000;
}
#PrixFiche strong, #PrixFiche2 strong {
	color: #000;
	font-size: 1em;
}
#PrixProd {
	background: #e4caff;
	padding: 0.5em;
	margin-bottom: 1em;
}
.Options {
	margin-bottom: 2em;
}
.Options h3 {
	color: #000;
	font-size: 1.3em;
}
.Options div input, .Options div label {
	vertical-align: middle;
}
#variation {
	margin-bottom: 2em;
}
#AddCart {
	margin-bottom: 1em;
}

#ProdError {
	float: left; /* trick ie6 */
}
#ProdError p {
	border: 5px solid #B5D550;
	padding: 1em;
	margin-bottom: 1em;
}

#SuiteInfos {
	clear: both;
	padding: 2em 0;
}
#SuiteInfos div {
	margin-bottom: 2em;
}
#SuiteInfos h3 {
	background: #e4caff none repeat scroll 0 0;
	color: #000;
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 1em;
	padding: 0.1em 0 0.1em 0.5em;
	text-transform: uppercase;
}
#SuiteInfos h4 {
	color: #000;
	font-size: 1.7em;
}
#SuiteInfos h5 {
	color: #000;
	font-size: 1.5em;
}
#SuiteInfos ul, #SuiteInfos ol {
	margin: 0 0 1em 0;
	list-style-position: inside;
	font-size: 1.3em;
}
#SuiteInfos ul {
	list-style-type: disc;
}

#Personnalisation label {
	display: block;
}
#Personnalisation input {
	width: 40em;
	border: 1px solid #000000;
	padding: 0.35em;
}
#Personnalisation textarea {
	width: 40em;
	height: 10em;
	border: 1px solid #000000;
	padding: 0.35em;
}
#Personnalisation select option {
	padding: 0 0.5em;
}
#SuiteInfos #Personnalisation h3 #PrixPerso {
	color: #FFFFFF;
	font-weight: normal;
	font-size: 0.8em;
}

/* Panier */
#votre-panier, #histo-com  {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 2em;
}
#votre-panier caption {
	font-size: 1.3em;
	margin-bottom: 1em;
}
#votre-panier thead, #histo-com thead {
	font-size: 1.4em;
	height: 30px;
	background: #e4caff;
}
#votre-panier thead th, #histo-com thead th {
	color: #000;
	font-weight: bold;
}

#votre-panier tfoot td {
	text-align: right;
	font-size: 1.3em;
	padding: 0.2em 0;
}

#votre-panier tfoot td span, #histo-com tfoot td span {
	font-weight: bold;
}
#votre-panier tbody td, #histo-com td {
	vertical-align: top;
	padding: 0.4em 0;
	border-bottom: 1px solid #e4caff;
}
#votre-panier tbody .image-panier img {
	border: 4px solid #e4caff;
}
#histo-com td {
	text-align: center;
}
#Content #votre-panier tbody td p, #histo-com tbody td p {
	margin: 0;
}
#votre-panier tbody .panier-quantite input {
	border: none;
	background: #ECDFC0;
	padding: 0.2em;
	width: 2em;
	text-align: center;
}
#votre-panier tbody .panier-quantite label {
	display: none;
}
#votre-panier tbody .panier-quantite, #votre-panier tbody .panier-supprimer {
	text-align: center;
}
#votre-panier tbody .panier-prix {
	text-align: right;
}
#votre-panier .panier-supprimer a {
	background: #e4caff;
	color: #000;
	padding: 0.1em 0.4em;
	text-decoration: none;
	font-weight: bold;
}
#votre-panier .ecopart {
	font-size: 1.1em;
}

#panier-validation {
	text-align: right;
}
#panier-validation button {
	margin-left: 0.5em;
}

#crosseling {
	margin-top: 3em;
}

/* Bon de réduction */
#bonreduc {
	text-align: right;
	margin-bottom: 2em;
}
#bonreduc input {
	background: #fff;
	border: 1px solid #fff;
	vertical-align: middle;
	padding: 0.2em;
}
#bonreduc label, #bonreduc p {
	font-size: 1.2em;
}
#bonreduc p {
	margin-bottom: 0.5em;
}
#bonreduc label {
	vertical-align: middle;
}

/* identification */ 
#compte1, #minscrire {
	margin-bottom: 3em;
}
#compte1 div, #minscrire div, #Contact div {
	margin-bottom: 0.5em;
}
#compte1 input, #minscrire input, #Contact input {
	width: 15em;
	background: #FFFFFF none repeat scroll 0 0;
	border: 1px solid #000000;
	padding: 0.35em;
}
#compte1 label, #minscrire label, #Contact label {
	text-align: right;
	padding-right: 1%;
	width: 45%;
	float: left;
	line-height: 1.7em;
}
#compte1 img, #minscrire img, #Contact img {
	vertical-align: middle;
}
#compte1 .valider3, #minscrire .valider3, #Contact #Valider {
	margin-left: 46%;
}
#compte1 #perdu {
	margin-left: 46%;
}

#compte1 .erreur, #minscrire .erreur {
	text-align: center;
	margin-bottom: 1em;
}
#compte1 .erreur p, #minscrire .erreur p {
	margin-bottom: 0.5em;
}

#passconnect, #passconnect2 {
	text-align: center;
}
#passconnect img, #passconnect2 img {
	vertical-align: middle;
}
#passconnect2 {
	margin: 1em 0 2em 0;
}

/* pages libres et Blog */
#content .block, .PostBlog .block  {
	clear: both;
}
#content .block strong {
	color: #ECDFC0;
}
#content .block p {
	margin-bottom: 1em;
}
#content .block ol, #content .block ul, .PostBlog .block ol, .PostBlog .block ul {
	margin: 0 0 1em 0;
	list-style-position: inside;
	font-size: 1.3em;
}
#content .block ul, .PostBlog .block ul {
	list-style: disc;
	list-style-position: inside;
}
#content .block h3, .PostBlog .block h3 {
	font-size: 1.8em;
	color: #B6D651;
	text-transform: uppercase;
}
#content .block h4, .PostBlog .block h4 {
	font-size: 1.5em;
	color: #e4caff;
}
#content .block .Itxtimg img, .PostBlog .block .Itxtimg img {
	float: right;
	margin: 0 0 1em 2em;
}
#content .block .Iimgtxt, .PostBlog .block .Iimgtxt {
	float: left;
}
.PostBlog .block .Iimg {
	margin-bottom: 1em;
}
#content .block .Iimgtxt img, .PostBlog .block .Iimgtxt {
	margin: 0 2em 1em 0;
}
#content .block .Ileftimg  {
	text-align: left;
}
#content .block .Irightimg  {
	text-align: right;
}
#content .block .Icenterimg  {
	text-align: center;
}

#content .block table, #Description table {
	border-collapse: collapse;
	border: 1px solid #fff;
	font-size: 1.3em;
	margin-bottom: 1em;
}
#content .block caption, #Description caption {
	color: #fff;
	font-size: 1.3em;
	font-weight: bold;
	text-transform: uppercase;
}
#content .block table th, #Description table th {
	padding: 0.2em 0.5em;
	color: #e4caff;
	background: #fff;
}
#content .block table td, #Description table td {
	padding: 0.2em 0.5em;
	border: 1px solid #fff;
}

/* Contenu Accueil */

.BlockInfos {
	margin-bottom: 2em;
}
.BlockInfos h2 {
	font-size: 1.8em;
	font-weight: bold;
	text-transform: uppercase;
	color: #e4caff;
	margin-bottom: 0.7em;
}
.BlockInfos p {
	margin-bottom: 0.5em;
}

/* Blog */
.PostBlog {
	margin-bottom: 5em;
	clear: both;
	overflow: hidden;
}
.PostBlog h2 {
	font-size: 2em;
}
.PostBlog h2 a {
	text-decoration: none;
	color: #e4caff;
}
.PostBlog .InfosBillet {
	margin-bottom: 2em;
	color: #CFB386;
}

/* Contact */
#Contact #InfosContact {
	margin-bottom: 1em;
}
#Contact label {
	text-align: right;
	padding-right: 1%;
	width: 30%;
	float: left;
	line-height: 1.7em;
}
#Contact textarea {
	width: 25em;
	height: 10em;
	background: #FFFFFF none repeat scroll 0 0;
	border: 1px solid #000000;
	padding: 0.35em;
}
#Contact #Valider {
	margin-left: 31%;
	margin-bottom: 2em;
}
#Contact #Cnil, #Enregistrement #Cnil {
	color: #CFB386;
	font-size: 1.2em;
}

/* Creation de compte */
.Erreur p img {
	vertical-align: middle;
}
#etoile {
	margin-bottom: 1em;
}
#Enregistrement fieldset {
	border: none;
	padding: 1em 0;
}
#Enregistrement fieldset legend {
	font-size: 1.6em;
	color: #fff;
	font-weight: bold;
	margin: 0 0 0.5em 0;
	padding: 0 0 0 25%;
}
#Enregistrement fieldset h3 {
	font-size: 1.3em;
	text-align: right;
	padding-right: 1%;
	width: 25%;
	float: left;
	line-height: 1.7em;
}
#Enregistrement fieldset h3 label {
	font-size: 1em;
}
#Enregistrement fieldset input, #Enregistrement fieldset textarea {
	width: 15em;
	background: #FFFFFF none repeat scroll 0 0;
	border: 1px solid #000000;
	padding: 0.35em;
}
#Enregistrement fieldset input, #Enregistrement fieldset textarea, #Enregistrement fieldset select {
	width: 300px;
}
#Enregistrement fieldset div {
	margin-bottom: 0.5em;
	clear: both;
}
#Enregistrement fieldset div img {
	vertical-align: middle;
}
#Enregistrement .civilite input, #Enregistrement #check-livraison input {
	width: auto;
	border: none;
	background: none;
	vertical-align: middle;
}
#Enregistrement #check-livraison {
	margin-left: 26%;
	margin-bottom: 1em;
}
#Enregistrement #check-livraison label {
	vertical-align: middle;
}
#Enregistrement .valider {
	margin-bottom: 2em;
}
#Enregistrement .valider button {
	margin-left: 26%;
}

/* Commande */
#ChoixLivraison {
	margin-bottom: 1em;
	overflow: hidden;
}
#ChoixLivraison div {
	margin-bottom: 2em;
}
#ChoixLivraison div label, #PapierKdo label {
	font-size: 1.3em;
	vertical-align: middle;
}
#ChoixLivraison div input, #PapierKdo input {
	width: auto;
	border: none;
	background: none;
	vertical-align: middle;
}
#ChoixLivraison div .LivrDesc {
	font-style: italic;
}
#PapierKdo {
	margin-bottom: 2em;
}
#MsgColis textarea {
	width: 35em;
	height: 10em;
	margin-bottom: 1em;
	border: none;
	padding: 0.2em;
	font-family: Arial, Verdana, Trebuchet MS, Geneva, Helvetica, sans-serif;
	font-size: 1.3em;
}

/* validation */
#compte1 #votre-panier {
	margin-bottom: 0;
}
#compte1 #RecapPanier {
	padding-bottom: 2em;
	margin-bottom: 4em;
}
#compte1 #AddFact, #compte #AddFact {
	float: left;
	margin-bottom: 2em;
	width: 31em;
}
#compte1 #AddLivr, #compte #AddLivr {
	float: right;
	margin-bottom: 2em;
	width: 31em;
} 
#compte1 #AddFact h3, #compte1 #AddLivr h3, #compte1 #Reglements h3, #compte #AddFact h3, #compte #AddLivr h3, #compte #info-perso h3 {
	margin-bottom: 1em;
	font-size: 1.4em;
}

#Reglements {
	clear: both;
	overflow: hidden;
	height: 1%;
}
#Reglements fieldset {
	border: 0;
	margin-bottom: 2em;
}
#Reglements form div {
	margin-bottom: 1em;
}
#Reglements form div label {
	vertical-align: middle;
	font-size: 1.3em;
}
#Reglements form div img {
	vertical-align: middle;
	margin-right: 1em;
}
#Reglements form div input {
	width: auto;
	vertical-align: middle;
	margin-right: 1em;
	border: none;
	background: none;
}

/* validation paiement */

#ValidationVirement table {
	border-collapse: collapse;
	width: 100%;
	border-bottom: 1px solid #e4caff;
	margin-bottom: 2em;
}
#ValidationVirement table thead {
	color: #e4caff;
	font-size: 1.4em;
	height: 30px;
	background: #e4caff;
}
#ValidationVirement table tbody {
	font-size: 1.4em;
}
#ValidationVirement table tbody td {
	text-align: center;
	padding: 0.5em 0;
}
#ValidationVirement #InfosTit p strong, #ValidationCheque #InfosTit p strong  {
	display: block;
}
#ValidationVirement #NumCom, #ValidationCheque #NumCom {
	border: 1px solid #e4caff;
	padding: 1em;
	margin-bottom: 1em;
}
#ValidationVirement #NumCom p, #ValidationCheque #NumCom p {
	margin-bottom: 0;
}
#ValidationVirement #ThxCom, #ValidationCheque #ThxCom {
	margin-bottom: 1em;
}

/* Mon compte */
#compte #histo-link {
	margin-bottom: 2em;
	font-size: 1.3em;
}
#compte #histo-link li {
	display: inline;
}
#compte #histo-link li a {
	text-decoration: none;
}
#compte #histo-link .current a, #compte #histo-link li a:hover {
	border-bottom: 0.4em solid #e4caff;
}
#compte #info-perso, #compte #infocom {
	margin-bottom: 2em;
}
#compte #info-perso ul, #compte #infocom {
	font-size: 1.3em;
	list-style: none;
}