body {
	margin: 0px 0px;
	padding: 0px 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 70%;/*62.5%;  Resets 1em to 10px */
	color: #000; /* #ccc; */
	background-color: #fff;
}

a {
	text-decoration: none;
	font-weight: bold;
	color:  #647643;
	outline: none;
}

a:visited {
	color:  #647643;
}

a:active {
	color:  #647643;
}

a:hover {
	color: #647643;
	text-decoration: underline;
	background: none;
}

a span {
	display: none;
}

a:hover span {
	display: inline;
	position: absolute;
	top: 340px;
	left: 200px;
	/*width: 200px;*/
	height:1.5em;
	background: yellow;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
}

img {
	border: none;
}


img.champ_obligatoire {
	margin-left: 5px;
}

h1 {
	font-size: 2em;
}

legend {
	color: #000;
	padding: 0 5px 0 0;
}

input {
	margin-right: 5px;
}

fieldset {
	width: 100%;
}

/*------- txt format --------*/
#OutilsLogCompte, #image_footer {
	width: 762px;
	background-color: #96a877;
	margin-left: auto;
	margin-right: auto;
}

#OutilsLogCompte {
	height: 15px;
}

#OutilsLogCompte ul, #OutilsLogCompte li {
	list-style-type: none;
	display: inline;
}

#OutilsLogCompte a, #OutilsLogCompte a:visited {
	color: #fff;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	padding: 10px 5px;
}

#OutilsLogCompte a:hover {
	text-decoration: underline;
}

#image_header {
	width: 762px;
	height: 130;
	margin-left: auto;
	margin-right: auto;
}

#menu_general {
	width: 762px;
	height: 111px;
	margin-left: auto;
	margin-right: auto;
	border-left: thin solid #cfe1b1;
	/*margin-left: 200px;*/
	padding-left: 0px;
}

#menu_general img {
	vertical-align: top;
}

#menu_general a {
	font-family: "Times New Roman", Times, serif;
	font-size: 2.2em;
	font-weight: normal;
	text-decoration: none;
	color: #cedda4;
	margin-top: 30px;
	padding-right: 30px;
	padding-left: 0px;
}

#menu_general a:hover {
	color: #737e5d;
}

#information_menu, #information_homepage {
	margin: 0;
	padding-left: 10px;
	padding-top: 10px;
	width: 600px;
	font-size: 1.1em;
	color: #000;
}

#information_homepage {
	font-size: 0.8em;
	color: #333;
}

#information_homepage a {
	font-size: 1.1em;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	color: #647643;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#cde_courante {
	font-size: 1.1em;
	border-collapse: collapse;	
	width: 762px;
	margin-left: auto;
	margin-right: auto;

}

#cde_courante td, th {
	border-bottom: thin dotted #D3D3D3;
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 2px;
}

#cde_courante th {
	border-bottom: thin solid #cfe1b1;
	padding-bottom: 10px;
}

#produit_ref, .produit_ref {
	width: 350px;
	color: #000;
	text-align: left;
	padding-left: 10px;
}

.produit_ref {
	padding-left: 20px;
}

#produit_qte, .produit_qte {
	width: 83px;
	color: #000;
	text-align: center;
}

#produit_prix_uni {
	width: 97px;
}

#produit_total {
	width: 175px;
	text-align: right;
	padding-right: 20px;
}

.produit_total {
	width: 175px;
	text-align: right;
}

#sous_total, #total_cde {
	font-size: 1.1em;
	color: #000;
	text-align: right;
}

.bouton_formulaire {
	float: right;
	margin-top: 10px;
	padding-bottom: 5px;
}

.bouton_unique {
	width: 100%;
	height: 40px;
	display: block;
	clear: both;
}

/* Mise en place de la zone "famille" */
#famille_description {
	width: 762px;
	margin-left: auto;
	margin-right: auto;	
}

#famille_puce {
	float: left;
	width: 70px;
}

#famille_liens {
	float: left;
	width: 250px;
}

#famille_texte {
	float: left;
	width: 400px;
}

#liens_description_categorie {
	color: #666;
	font-size: 1.05em;
	text-align: left;
	vertical-align: middle;
	/*
	background-image: url("../i/BTQ-NavSelect-03.jpg");
	background-repeat: no-repeat;
	*/
}

#liens_description_categorie li {
	list-style-type: none;
	margin-left: 0px;
}

#liens_description_categorie a, #liens_description_categorie a:hover, #liens_description_categorie a:visited {
	color: #000;
	font-size: 1.05em;
	font-weight: normal;
	line-height: 2em;
	padding-left: 10px;
}

/* Mise en place du magasin */
#magasin, #homepage {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

#magasin_encart {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

div#magasin h1, #titre_categorie, .titre_avec_puce {
	vertical-align: top;
	font-size: 2.5em;
	border-bottom: thin solid #cfe1b1;
	padding-bottom: 3px;
	background-image: url(../i/puce-moyenne.jpg);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 40px;
	margin-bottom: 0;
	font-weight: normal;
}

div#magasin h2 {
	font-size: 2em;
	font-weight: normal;
	border-bottom: thin solid #cfe1b1;
	padding-bottom: 3px;
	margin-bottom: 0;
	clear: both;
}

div#magasin h2.sans_bordure {
	border: none;
}

div#magasin h3 {
	font-size: 1.5em;
	font-weight: normal;
	/*font-style: italic;*/
	padding-bottom: 3px;
	margin-bottom: 0;
	clear: both;
}

.titre_marque, .titre_niveau_2 {
	font-size: 1.5em;
	font-weight: normal;
	border-bottom: thin solid #cfe1b1;
	padding-bottom: 3px;
	margin-bottom: 0;
}

#rayon_produits {
	width: 580px;
	float: left;
	padding-left: 20px;
}

#rayon_produits h6 {
	font-size: 95%;
	font-style: italic;
	font-weight: normal;
	margin: 0 0 0 0;
}

.produit {
/*
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	padding-bottom: 20px;
*/	
	border-bottom: thin solid #cfe1b1;
	width: 100%;
	clear: both;
}

.produit_photo {
	float: left;
	width: 100px;
	height: 150px;
}

.produit_description {
	float: right;
	margin: 0 0 0 0;
/*	margin-left: 120px;*/
	width: 420px;
}

.produit_description h3 {
	color: #000;
	font-weight: normal;
	font-size: medium;
	font-style: normal;
	margin: 5px 0 0 0;
}

h3.boite {
	background-image: url(../i/puce-boite.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 12px;
}

h3.croquette {
	background-image: url(../i/puce-croquette.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 12px;
}

.produit_description p {
	margin: 10px 2px 5px 5px;
}

div.imgholder {
	float : left;
	margin: 10px 7px 0 10px !important;
	margin: 10px 0 0 5px;
}  

div.imgholder img {
	display: block;
	position: relative;
	background-color: #fff;
	/* border: 1px solid #666;*/
	margin: -3px 5px 5px -3px;
	padding: 2px;
}

#frais_de_port li {
	list-style-type: none;
	vertical-align: middle;
}

/* Mise en place du résumé de la commande */
#resume_commande {
	width: 180px;
	float: right;
	text-align: center;
}

#contenu_panier {
	color: #fff;
	margin: 0px;
	padding: 0px;
	background-image: url(../i/resume-fond.jpg);
	background-repeat: repeat-y;
}

#contenu_panier p {
	padding: 0px;
	padding-left: 20px;
	margin: 0px;
}
.liste_produit {
	width: 200px;
}

.en_savoir_plus {
	float: right;
}

.NavSelectedText {
	color: #666;
	font-size: 1.05em;
	text-align: left;
	vertical-align: middle;
	padding-left: 10px;
	padding-right: 10px;
}


#footer {	
	clear: both;
	text-align: right;
	width: 780px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}

#img_footer {
	width: 762px;
	height: 206px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
	/*background-image: url("../i/pied-de-page.jpg");*/
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
	clear: both;
}

#footer img, #footer a{
	margin: 0;
	padding: 0;
}

.erreur {
	color: Red;
	font-weight: bold;
}

.erreur_centre {
	color: Red;
	font-weight: bold;
	text-align: center;
}

.ResumeLeft {
	background-image:  url("../i/BTQ-CMD-02.jpg");
	background-repeat: repeat-y;
}

.ResumeRight {
	background-image:  url("../i/BTQ-CMD-04.jpg");
	background-repeat: repeat-y;
}

.ResumeBienvenu {
	color: #fff;
	background-color: #b4ca90;
	padding: 5px;
}

.ResumeRecap {
	color: #fff;
	background-color: #b4ca90;
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 10px;
}

.ResumeRecapPrix {
	color: #fff;
	background-color: #b4ca90;
	font-weight: normal;
	float: right;
}

.ResumeRecapTotal {
	color: #fff;
	background-color: #b4ca90;
	font-weight: bold;
	text-align: right;
	vertical-align: top;
}

.RecapCommandeTitreProduit {
	color: #000;
	font-size: 1.1em;
	padding: 20px 0px 5px 10px;
}

.RecapCommandeDescripifProduit {
	color: #666;
	padding: 5px 0px 10px 10px;
}

.RecapCommandeSelected a, RecapCommandeSelected a:hover, RecapCommandeSelected a:visited {
	color: #666;
	font-size: 1.05em;
	font-weight: normal;
	padding-left: 10px;
	text-decoration: underline;
}

.RecapCommandePrixProduit {
	color: #666666;
	font-size: 1.1em;
	padding-left: 0px;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-right: 10px;
	text-align: right;
}

.TextDePresentationDePage {
	color: #666;
	font-size: 1.0em;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-right: 10px;
	text-align: left;
}


.TextID {
	color: #666666;
	font-size: 1em;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 20px;
	white-space: nowrap;
}

.TextID2 {
	color: #666666;
	font-size: 1em;
	font-family: Verdana;
	white-space: nowrap;
	font-variant: small-caps;
}

.information_magasin {
	color: #000;
	font-size: 1.1em;
}

#saisie_criteres {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
}

label.filtrage, #saisie_criteres label {
	width: 50%;
	color: #9BCD34;
	cursor: normal;
	float: left;
}

#saisie_criteres label {
	text-align: left;
}

p.filtre, #saisie_criteres p {
	width: 45%;
	color: #9BCD34;
	float: left;
	margin: 0;
}

.critere {
	text-align: left;
}

legend {
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 10px;
}

#identification {
	width: 400px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

#identification label, #creer_compte label, #saisie_produit label, #nouvelle_adresse label, #recherche_directe label, #selection_liste label, #choix_article label, #modifier_password label, #associer_photo label, #modif_produit label, #ajout_bdr label {
/*** Mise en forme des intitulés de champs ***/
	float: left;
/*** Très important, ne pas suprimer ! ***/
	width: 40%;
/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;
/*** ... et ils sont alignés à droite... ***/
	vertical-align: top;
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;
/*** ... et centrés verticalement. ***/
}


.centre {
	text-align: center;
}


#adresses_livraison {
	display: block;
	clear: both;
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	padding: 10px 10px;
}

.adresse_livraison {
	width: 40%;
	float: left;
	text-align: left;
	padding: 10px 1px 10px 1px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
}

#nouvelle_adresse {
	display: block;
	clear: both;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
}

#email_information h2 {
	background-color: #eec;
	padding: 5px 5px;
}

#historique_commande p, #historique_articles p, #creer_compte p, #modifier_password p, #oubli_password p, #identification p, #nouvelle_adresse p {
	margin: 0 0 0 0;
}

#creer_compte p, #modifier_password p, #oubli_password p, #identification p, #nouvelle_adresse p {
	margin-top: 2px;
	margin-bottom: 2px;
}

label.explication {
	font-size: smaller;
}

input.explication {
	border-left: #fff;
	border-style: none;
	font-size: smaller;
}

#adresses_livraison li {
	list-style-type: none;
}

p.retour_action {
	margin-top: 10px;
	padding-top: 10px;
}

p.sans_marge {
	margin: 0 0 0 0;
}

p.marges_reduites {
	margin: 0 0 5px 0;
}

a.vers_communaute {
	font-size: 95%;
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
}

h2.homepage {
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../i/puce-moyenne.jpg);
	background-position: left;
	background-repeat: no-repeat;
	color: Gray;
	margin-left: 10px;
	padding-left: 40px;
	font-size: 150%;
	font-weight: 100;
	border: none !important;
}

div#liens_boutique  {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: block;
}

#liens_boutique li {
	list-style-type: none;
	display: inline;
}

#flux_rss {
	width: 100%;
	clear: both;
}

img.left {
	float: left;
	margin-right: 7px;
	margin-bottom: 3px;
	border: 4px double #666;
}

#conseil_veto, #actu_evenement, #communaute, #nouveaute {
	float: left;
	width: 30%;
}

#conseil_veto ul, #actu_evenement ul, #communaute ul, #nouveaute ul {
	border-left: thin solid #deefbd;
	list-style: none;
	margin-left: 5px;
}

#conseil_veto li, #actu_evenement li, #communaute li, #nouveaute li {
	padding-left: 10px;
	margin-left: 0px;
}

#conseil_veto h3, #actu_evenement h3, #nouveaute h3 {
	font-size: 1.5em;	
}

.lire_suite {
/*
	background-image: url(../i/puce-section-out.gif);
	background-position: left;
	background-repeat: no-repeat;
	*/
	padding-top: 20px;
}

#upload_photo label {
	width: 50%;
	cursor: normal;
	float: left;
	text-align: right;
}

.sans_puce {
	list-style-type: none;
}

h3.historique_commandes {
	margin: 0 0 0 0;
}

h1.homepage {
	border: none;
}

#homepage a, #homepage h3 {
	color: #9c9e9c;
	font-weight: normal;
}

#historique_commandes table {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
}

#historique_commandes th {
	text-align: center;
	background: #deefbd;
}

#historique_commandes td {
	border-bottom: thin dotted #deefbd;
}

.prix_historique_commande {
	text-align: right;
}

.quantite_historique_commande {
	text-align: center;
}

.total_historique_commande {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	background: #deefbd;
	font-weight: bold;
	font-size: 1.1em;
	padding: 5px 5px;
}

.historique_bon_reduction {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	background: #DC143C;
	font-weight: bold;
	font-size: 1.1em;
	padding: 5px 5px;
}
#propos_liminaire a {
	font-weight: bold;
	text-decoration: underline;
}

#gerer_bdr th {
	text-align: center;
	background: #deefbd;
}

#gerer_bdr td {
	border-bottom: thin dotted #deefbd;
	text-align: center;
}

#footer_xiti {
	text-align: center;
}

#derniere_minute {
	color: Red;
	font-weight: bold;
	font-size: 2em;
	font-style: italic;
	text-align: center;
}