/* CSS Document */
* {
	margin: 0;
	padding: 0;
   list-style: none;
}

body {
	color: #000;
	font-size: 0.7em;
	font-family: verdana, Helvetica, sans-serif;
   background-color: #a3c200;
   text-align: center;
}
img {
 	border: none;
}
h1 {
	margin-bottom: 1em;
	padding-left: 1.3em;
 	color: #5f370b;
	font-size: 1.8em;
	background: url(../images/puce_h1.png) no-repeat left 50%;
 }
h2 {
 	font-size: 1.6em;
	color: #e96e98;
 }
p {
 	margin: 0 0 0.5em 0;
 }
a {
 	color: #000;
	font-weight: bold;
 }
p#prelude {
	display: none;
}
div#conteneur {
   margin: 0 auto;
   width: 92.5em;
   text-align: left;
}
#outer { 
   border-left: 17em solid #5f370b;
   border-right: 22em solid #e96e98;
   background-color: #fff;
} 
#inner {
   width: 100%;
}
/*---------------colonne-----------------
-----------------------------------------*/
div#colonne1, div#colonne3 {
   padding: 0.2em;
}
div#colonne1 {
   width: 16.6em; 
   float: left; 
   position: relative; 
   margin-left: -17em; 
   margin-right: 1px;
}
div#colonne2 {
   position: relative;
   padding: 0.2em 0.6em;
}
div#colonne3 {
   width: 21em; 
   float: right;
   position: relative;
   margin-right: -21.5em;
   margin-left: 1px;
}
/*---------------menu-----------------
-----------------------------------------*/
.menuDroit ul {
	margin: 0.2em;
	padding: 0 0 0.2em 0;
}
.menuDroit li {
	padding: 0;
}
.menuDroit li a {
	text-decoration: none;
}
.menuDroit li a, .menuDroit li a.mainleveldroite, #colonne1 div.post p a {
	padding: 0.3em 0 0.3em 2em;
	display: block;
}
.menuDroit li a, #colonne1 div.post p a {
   color: #fff;
	background: url(../images/etoile_rose.png) no-repeat left 50%;
}
.menuDroit li a.mainleveldroite, div.moduletablelegales li a {
   color: #000;
	background: url(../images/etoile_marron.png) no-repeat left 50%;
}
.menuDroit li a.sublevel {
	margin-left: 1em;
	padding: 0.5em 0.5em 0.5em 2em;
	background: url(../images/etoile_marron_on.png) no-repeat left 50%;
}
.menuDroit li .mainleveldroite #active_menu {
	background: url(../images/etoile_marron_.png) no-repeat left 50%;
}
/*--------------- contenu ----------------
-----------------------------------------*/
#colonne1 img.imgLogo {
	padding: 1.5em 0;
}
#colonne1 p.milieu {
	padding: 1em;
	color: #e96e98;
   font-family: century gothic;
	font-weight: bolder;
	text-align: center;
}
#colonne1 h2 {
   padding: 0.3em 0 0.3em 1.7em;
   color: #fff;
   background-color: #e96e98;
}
#colonne1 div.post p {
   color: #fff;
}
#colonne1 div.moduletablerdp {
}
#colonne1 p.left {
   width: 16.6em;
   background-color: #e96e98;
}
#colonne1 p.left img {
   margin: 0 0.5em;
}
a.Maccueil, a.Mcontact, a.Mliens, a.Maccessibilite, a.Mplansite, a.Mblog {
   padding: 0.5em 0 1em 3em;
   background-repeat: no-repeat;
   line-height: 2.5em;
}
.Maccueil {
   background-image: url(../images/ic_accueil.png);
}
.Mblog {
   background-image: url(../images/ic_blog.png);
}
.Mcontact {
   background-image: url(../images/ic_contact.png);
}
.Mliens {
   background-image: url(../images/ic_liens.png);
}
.Maccessibilite {
   background-image: url(../images/ic_accessibilite.png);
}
.Mplansite {
   background-image: url(../images/ic_plandusite.png);
}
#colonne2 #troisProduits {
   background-color: #e96e98;
}
#colonne2 #troisProduits .detProd {
   float: left;
   margin: 0.5em;
   padding: 0.2em;
   width: 28%;
   height: 10em;
   font-size: 1.2em;
   font-weight: bold;
   background-color: #fff;
}
#colonne2 #troisProduits .detProd img {
   float: none;
   margin: 0;

}
#colonne2 .voirDetail, #colonne2 .ajoutPanier {
   padding: 0.2em 0 0.2em 1.5em;
   line-height: 1.5em;
}
#colonne2 .voirDetail {
   background: url(../images/etoile_marron_fdb.png) no-repeat;
}
#colonne2 .ajoutPanier {
   padding-bottom:: 2em;
   background: url(../images/plus_fdmarron_fdb.png) no-repeat;
}
#colonne2 span.prix {
   font-size: 1.1em;
   font-weight: bold;
   color: #e96e98;
}
#colonne2 p#filAriane {
   margin-right: 0.4em;
   padding: 0.4em 0.2em;
   color: #fff;
   background-color: #a3c200;
   display: block;
}
#colonne2 p#filAriane a {
   color: #fff;
}
#colonne3 h2 {
   padding: 0.3em 0 0.3em 1.7em;
   color: #fff;
   background-color: #5f370b;
}
#colonne3 div.moduletablerecherche h2 {
   padding: 0;
   font-size: 1em;
   background-color: #e96e98;
}
div.moduletablemem h2 {
   background: url(../images/ic_mem.png) no-repeat; 
}
div.moduletableboutique h2 {
   background: url(../images/ic_boutique.png) no-repeat; 
}
div.moduletablethebest h2 {
   background: url(../images/ic_thebest.png) no-repeat; 
}
div.moduletablepanier h2 {
   background: url(../images/ic_panier.png) no-repeat; 
}
div.moduletablecompte h2 {
   background: url(../images/ic_compte.png) no-repeat; 
}
div.moduletable .brochure h2 {
   background: url(../images/ic_brochures.png) no-repeat; 
}
div.moduletablepanier p {
   margin: 1em 0;
   color: #fff;
   font-size: 1.1em;
   font-weight: bold;
}
#colonne3 img.left, #colonne2 .detProd img.left {
   margin: 0.2em 0.2em 3em 0;
   padding: 0.2em;
   border: 1px solid #5f370b;
}
#colonne3 span.prix {
   font-size: 1.1em;
   font-weight: bold;
   color: #fff;
}
#colonne3 .voirDetail, #colonne3 .ajoutPanier {
   margin: 0.2em;
   padding: 0.2em 0 0.2em 1.5em;
   line-height: 1.5em;
}
#colonne3 .voirDetail {
   background: url(../images/etoile_marron.png) no-repeat;
}
#colonne3 .ajoutPanier {
   background: url(../images/plus_fdmarron.png) no-repeat;
}
div.moduletablepanier .voirPanier {
   padding: 0.2em 0 0.2em 1.5em;
   background: url(../images/ic_voir.png) no-repeat;
}

div#footer {
   margin: 0 auto;
   padding: 0.2em;
   color: #fff;
   width: 92.5em;
   text-align: left;
   clear: both;
}
#footer p {
   margin-right: 1em;
}
/*--------------- divers ----------------
-----------------------------------------*/
hr.spacer {
   clear: both;
   visibility: hidden;
}

.left {
   float: left;
}
.right {
   float: right;
}
div#content {
   padding:0 1em;
}
#content ul {
	margin: 0.5em 1em;
}
#content li {
 	padding: 0.2em 1.5em;
	background: url(../images/puce_li.png) no-repeat left 10%;
	list-style: none;
	line-height: 1.5em;
 }
#content ul.listNormal {
	margin: 0;
	padding: 0;
}
#content ul.listNormal li {
 	margin: 0 0 0 2em;
	padding: 0;
	background: none;
	list-style: square;
 }
#content li.plan10 {
	margin: 1em 0 0 0;
}
#content li.plan20 {
	margin: 0 0 0 2em;
}
#content li.plan30 {
	margin: 0 0 0 3em;
}
#content li.plan40 {
	margin: 0 0 0 4em;
}
#content dt {
	margin-top: 2em;
	padding-left: 1.5em;
	background: url(../images/puce_li.jpg) no-repeat;
}
#content p {
	padding: 0.7em 0 0.2em 0;
}
#content p.etoile {
	padding-left: 1.1em;
	background: url(../images/puce_li.jpg) no-repeat left 0.8em;
}
#content table {
 	width: 90%;
	border: 1px solid #5ec4ec;
 }
#content tr, #content th, #content td {
 	padding: 0.2em;
 }
#content th {
color: #fff;
 	background-color: #5f370b;
 }
#content td {
 	border: 1px solid #5f370b;
 }
#content div.post {
 	margin: 0 1em 1em 0;
 	border-bottom: 2px solid #3f4141;
 }
#content div.matiere {
 	float: right;
	margin: 3em 0 0 0;
	border: 1px solid #5f370b;
 }
#content p.catProd {
 	float: left;
	margin: 0.5em;
	padding: 0.5em;
	width: 15em;
	height: 13em;
	text-align: center;
	border: 1px solid #5f370b;
 }
#content p.catProd img {
	padding: 0.5em;
 }
#content p.catProd a {
	width: 15em;
	height: 13em;
	display: block;
 }
#content p.catProd a:hover {
 	background-color: #e96e98;
 }
.centreAcc {
	padding: 0.5em 0 0.5em 9em;
}
.bleu {
 	color: #5ec4ec;
	font-weight: bolder;
}
#content .rose {
 	color: #e96e98;
	font-weight: bold;
 }
#content .hide {
	visibility: hidden;
}
#content .italique {
	font-style: italic;
}
#content .gras {
	font-weight: bold;
}
#content .centre {
	margin: 0 auto;
	text-align: center;
}
.back_button a {
	margin: 1em;
	padding: 0.5em;
	color: #fff;
	background-color: #5f370b;
}
.imageProd {
	float: left;
	margin: 0.2em 0.5em 0.5em 0;
	padding: 0.5em;
	width: 35%;
	border: 1px solid #e96e98;
	text-align: center;
}
#infoProd {
	margin-left: 37%;
	width: 55%;
	display: block;
}
.dispoProd {
	display: none;
}
/*---------------- login -----------------
-----------------------------------------*/
input#mod_login_username {
   margin-top: 0.5em;/*
	background: #fff url(../images/ic_arobase.jpg) no-repeat top right;*/
	border: 1px solid #e96e98;
}
input#mod_login_password {
	background: #fff url(../images/ic_verrou.jpg) no-repeat top right;
	border: 1px solid #e96e98;
}
.buttonLogin {
	padding: 0.2em;
   color: #fff;
	background-color: #5f370b;
}
/*--------------- formulaire -------------
-----------------------------------------*/
fieldset {
	padding: 1em;
	border: 1px solid #5f370b;
}
legend {
	font-size: 1.2em;
	font-weight: bold;
	padding: 0.2em;
	color: #5f370b;
}
input {
	padding: 0.2em;
	cursor: pointer;
}
.button {
	margin: 0 auto;
	padding: 0.5em;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background-color: #5f370b;
}
.buttonB, .buttonS {
	margin: 0.5em 0 0 1em;
	width: 10em;
	color: #000;
	background-color: #a3c200;
	text-decoration: none;
	padding: 1em 0.5em 1em 1em;
}
.buttonB a {
	padding: 1em 0.5em 1.5em 1em;
	text-decoration: none;
}
.buttonS {
	background: #a3c200 url(../../../images/save_f2.png) no-repeat left center;
}

#content form {
	width: 90%;
}

#content fieldset p {	
	padding: 0.2em 0;
	margin: 0 0 0.2em 0;
}

#content fieldset label {	
	float: left;	
	width: 30%;	
	text-align: right;	
	padding: 0 0.5em 0 0;
	line-height: 1.8;	
}
input#rechercheMot {
   float: left;
   margin-top: 0.5em;
}	  							 
#content textarea{
	margin: 0 auto;
	text-align: left;
}
#content label:hover {
	cursor: pointer;	
}

div#enregistrementInfo {
	margin: 1em auto;
	padding: 1em;
	width: 60%;
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	border: 1px solid #5ec4ec;
}
p.oblig {
	font-weight: bold;
}



div.produitListe {
	float: left;
	margin: 0.5em;
	padding: 0.5em;
	width: 45%;
	height: 100%;
	border: 1px solid #e96e98;
}

div.produitListe div.detProd, div.moduletable div.detProd {
	height: 100%;
	display: block;
}
div.moduletable div.detProd img {
	padding: 0.2em;
	border: 1px solid #e96e98;
}
.navValidCommand {
	margin: 0 auto;
	width: 50%;
}

#colonne2 input.ajoutPanier {
   margin: 0.5em 0 0 0;
   color: #000;
   font-weight: bold;
   text-decoration: underline;
   background-color: #fff;
   border: 1px solid #fff;
}