*  {
	margin: 0;
	padding: 0;
}

body {
	text-align: left;
	font: 0.8em Verdana, "Trebuchet MS", "Lucida Grande", Tahoma, Helvetica, sans-serif;
	line-height: 1.4em;
	color: #000;
	background: url(/images/fond_rayures.jpg) repeat-x 0 0;
}

/**********************************************************
				Decoupe
**********************************************************/
#centreur {
	width: 886px;
	margin: 0 auto;
}

#bandeau {
	width: 835px;
	height: 150px;
	background: url(/images/bandeau_site.jpg) no-repeat 0 0;
	position: relative;
	margin-left: 25px;
	margin-right: 26px;
}

#conteneur {
	background: url(/images/fond_ombre.png) repeat-y left top;
	width: 886px;
}

#barre {
	width: 835px;
	height: 40px;
	margin-left: 25px;
	margin-right: 26px;
	background: url(/images/barre_small.png) repeat-x left top;
}

#menu {
	position :relative;
	float: left;
	margin-left: -46px;
	width: 231px;
}

#contenu {
	padding: 10px 36px 5px 190px;
}

#pied {
	height: 57px;
	background: url(/images/pied.png) no-repeat left top;
	padding: 5px 30px;
	font-size: 0.8em;
	text-align: center;
	color: #D2B778;
}

/**********************************************************
				Générique
**********************************************************/

img {
	border:0;
}

.cache {
	text-indent: -5000px;
	font-size: 0px;
	line-height: 1px;
	text-decoration: none;
}

a {
    text-decoration: underline;
	color: #77622f;
}

a:hover {
	color: #77622f;
}

.spacer{
	visibility: hidden;
	clear: both;
}

.left {
	float: left;
	margin-right: 1em;
}

.right {
	float: right;
	margin-left: 1em;
}

.pair {
	background-color: #F1E9D6;
}

div.error {
	width: 60%;
	color: #990000;
	border: 1px solid #990000;
	padding: 5px;
	margin: 0 auto;
	margin-bottom: 10px;
	text-align: center;
}

select {
	padding: 1px;
	border: 1px solid #77622f;
}

option {
	padding: 0px 3px;
}

textarea {
	padding: 3px;
	border: 1px solid #77622f;
	height: 80px;
}

input {
	padding: 2px;
	border: 1px solid #77622f;
}

input.image {
	border: none;
	color: #77622f;
}

p {
	padding: 3px;
	text-align: justify;
	line-height: 1.6em;
}

p.centre {
	text-align: center;
}

h2 {
	font-size: 1.4em;
	color: #77622f;
	border-bottom: 1px solid #77622f;
	margin-bottom: 10px;
	line-height: 25px;
	text-align: left;
	width: 100%;
}

h2 img {
	padding-right: 5px;
}

h3 {
	font-size: 1.2em;
	color: #997B33;
	margin-bottom: 5px;
	border-bottom: 1px dashed #997B33;
	text-align: left;
}

h4 {
	font-size: 1.1em;
	color: #997B33;
	/* border-bottom: 1px dashed #997B33; */
	text-align: left;
	line-height: 25px;
	padding-left: 5px;
	margin-bottom: 5px;
}

/************************** Table **************************/
.table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 15px;
}

	.table th {
		color: #77622F;
		font-weight: bold;
		border: 1px dashed #997B33;
		padding: 5px 0px;
		text-align: center;
		background-color: #D2B778;
	}

	.table th.vertical {
		background: #fff;
		border-left: none;
		padding-right: 5px;
		text-align: right;
	}

	.table td {
		padding: 3px 5px;
		text-align: left;
		/* border-top: 1px solid #997B33; */
		border-bottom: 1px solid #997B33;
	}

	.table td.aucun {
		padding: 5px 5px;
		text-align: center;
	}

	.table td.droite {
		text-align: right;
	}

	.table td.centre {
		text-align: center;
	}

	.table td.justify {
		text-align: justify;
	}

/************************** Formulaire **************************/
.formulaire p {
	padding-left: 9.5em;
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
	border-bottom: 1px dashed #997B33;
	text-align: left;
}

.formulaire label {
	float: left;
	font-weight: bold;
	margin-left: -9em;
	width: 9em;
}

	.formulaire label.droite {
		float: none;
		font-weight: normal;
		margin-left: 0.5em;
	}

.formulaire div#bouton {
	text-align: center;
	margin: 10px 0px;
}

.formulaire input.chiffre {
	text-align: right;
}

/************************** Contenu **************************/
.contenu {
	margin: 1em 0;
	padding-left: 1em;
	padding-right: 2em;
}

	.contenu p {
		text-indent: 2em;
		margin: 0.4em 0;
	}

	.contenu p.noindent {
		text-indent: 0em;
		margin: 0.4em 0;
	}

	.contenu ul {
		margin-left: 4em;
		margin-bottom: 0.9em;
	}

		.contenu ul li {
			margin-left: 2em;
			padding: 2px 0;
		}

/**********************************************************
				Pagination
**********************************************************/
.pagination{
	padding: 10px 10px;
	text-align: left;
	color: #997B33;
}

	.pagination h4 {
		display: inline;
		margin-right: 10px;
	}

	.pagination .separateur {
		padding: 3px;
	}

/**********************************************************
				Bandeau
**********************************************************/

#bandeau #lien-accueil {
	position: absolute;
	top: 15px;
	left: 170px;
	width: 500px;
	height: 104px;
}

/**********************************************************
				Barre
**********************************************************/
#barre li {
	list-style-type: none;
	display: inline;
	float: left;
}

	#barre li a {
		display: block;
		height: 27px;
		margin-right: 5px;
	}

	#barre #a_accueil {
		width: 85px;
		background: url(/images/barre/accueil.jpg) no-repeat 0 0;
	}

	#barre #a_catalogue {
		width: 108px;
		background: url(/images/barre/catalogue.jpg) no-repeat 0 0;
	}

	#barre #a_contact {
		width: 90px;
		background: url(/images/barre/contact.jpg) no-repeat 0 0;
	}

	#barre #a_livre {
		width: 127px;
		background: url(/images/barre/livre.jpg) no-repeat 0 0;
	}

	#barre #a_avis {
		width: 126px;
		background: url(/images/barre/avis.jpg) no-repeat 0 0;
	}

	#barre #a_panier {
		width: 44px;
		background: url(/images/barre/panier.jpg) no-repeat 0 0;
	}

	#barre #a_ok {
		width: 114px;
		height: 27px;
		background: url(/images/barre/rechercher.jpg) no-repeat 0 0;
		margin-right: 0px;
		margin-left: 5px;
		border: 0;
		cursor: pointer;
	}

	#barre #a_accueil.active, #barre #a_accueil:hover,
	#barre #a_catalogue.active, #barre #a_catalogue:hover,
	#barre #a_contact.active, #barre #a_contact:hover,
	#barre #a_livre.active, #barre #a_livre:hover,
	#barre #a_avis.active, #barre #a_avis:hover,
	#barre #a_panier.active, #barre #a_panier:hover,
	#barre #a_ok.active, #barre #a_ok:hover {
		background-position: 0 -28px;
	}

#barre  #rechercheSimple{
	float: right;
}

	#barre  #rechercheSimple p{
		margin: 0;
		padding: 0;
	}

		#barre  #rechercheSimple p input #motscles {
			height: 27px;
			margin-top: 3px;
			margin-left: 5px;
			/* border: none; */
			background: url(/images/barre/search_input.jpg) repeat-x 0 0;
			width: 120px;
		}

/**********************************************************
				Chemin
**********************************************************/
#chemin {
	padding-left: 20px;
	margin-bottom: 10px;
	color: #77622f;
	font-size: 0.8em;
}

	#chemin .separateur {
		margin-right: 4px;
	}

	#chemin a {
		font-weight: bold;
	}

/**********************************************************
				Menu
**********************************************************/
#menu_haut {
	background: url(/images/menu_haut.png) no-repeat left top;
	height: 46px;
}

#menu_centre {
	background: url(/images/menu_centre.png) repeat-y left top;
	width: 231px;
}

	#menu_centre a {
        text-decoration: none;
	}

	#menu_centre dl {
		width: 201px;
		margin: 0px auto;
	}

	#menu_centre dt {
		border-top: 1px dashed #997B33;
		padding: 10px;
	}

		#menu_centre dt.first {
			border-top: none;
		}

	#menu_centre dd {
		margin-top: -5px;
		padding: 0px 40px;
	}

		#menu_centre dd li {
			padding: 3px 0px;
			color: #997B33;
		}

#menu_bas {
	background: url(/images/menu_bas.png) no-repeat left top;
	height: 46px;
}

/**********************************************************
				Pied
**********************************************************/
#pied a, #pied a:link, #pied a:hover, #pied a:active, #pied a:visited {
	color: #D2B778;
	font-weight: bold;
    text-decoration: none;
}

#pied #xhtml, #pied #css {
	width: 80px;
	height: 15px;
}

/**********************************************************
				Catalogue
**********************************************************/
#switch_affichage {
    float: right;
    line-height: 25px;
    margin-top: 8px;
    margin-right: 5px;
}

.tri_articles {
    text-align: right;
    margin-bottom: 10px;
}

#liste_articles {
	margin-bottom: 10px;
}

/************************** Liste **************************/
#catalogue_liste #prix,  #catalogue_liste #panier, #catalogue_liste #photo {
	width: 10%;
}

#catalogue_liste span.descriptif {
	padding-top: 3px;
	color: #808080;
	display: block;
	font-size: 0.8em;
}

#catalogue_liste span.prix {
	font-weight: bold;
	color: #77622F;
}

/************************** Mosaique **************************/
#liste_articles .elt_liste  {
	float: left;
	text-align: center;
	margin: 6px;
	padding: 0;
}

	#liste_articles .elt_liste a {
		display: block;
		float: left;
		text-decoration: none;
		border: 1px solid #DDD;
		padding: 8px 3px 3px 3px;
		width: 140px;
		height: 160px;
		text-align: center;
	}

		#liste_articles .elt_liste a:link, .elt_liste a:visited, .elt_liste a:focus, .elt_liste a:active {
			color: #808080;
		}

		#liste_articles .elt_liste a:hover {
			color: #77622f;
			border: 1px solid #997B33;
			text-decoration: none;
			cursor: pointer;
		}

	#liste_articles .elt_liste span.image {
		height: 104px;
		width: 140px;
		display: table-cell;
		vertical-align: middle;
	}

	#liste_articles .elt_liste span.texte {
		font-size: 0.9em;
		height: 36px;
		width: 140px;
		display: block;
	}

	#liste_articles .elt_liste span.prix{
		font-weight: bold;
		color: #77622F;
		display: block;
	}

/************************** Mosaique familles **************************/
#liste_familles {
	margin: 0;
	padding: 0;
}

	#liste_familles .elt_liste {
		float: left;
		position: relative;
		padding: 15px;
		margin: 8px;
		width: 280px;
		height: 170px;
		background: url(/images/familles/fond_famille.jpg) no-repeat 0 0;
	}

		#liste_familles .elt_liste table.article {
			width: 100%;
			position: absolute;
			top: 70px;
			left : 15px;
			text-align: center;
			vertical-align: middle;
		}

		#liste_familles .elt_liste table.article .image {
			width: 140px;
		}

			#liste_familles .elt_liste table.article a.lien_article {
				text-decoration: none;
			}

				#liste_familles .elt_liste a:link, .elt_liste a:visited, .elt_liste a:focus, .elt_liste a:active {
					color: #808080;
				}

				#liste_familles .elt_liste a:hover {
					color: #77622f;
				}

			#liste_familles .elt_liste table.article span.image {
				height: 104px;
				width: 140px;
				display: table-cell;
				vertical-align: middle;
			}

			#liste_familles .elt_liste table.article span.texte {
				font-size: 0.9em;
			}

			#liste_familles .elt_liste table.article span.prix{
				font-weight: bold;
				color: #77622F;
			}

/************************** Nouveautes **************************/
#nouveautes {
	text-align: center;
}

/************************** Fiche **************************/
#fiche_article {
}

#fiche_article h3 {
	margin-top: 10px;
}

#fiche_article .block {
	margin-bottom: 10px;
}

#fiche_article p {
	padding: 3px 10px;
}

#fiche_article #image {
	text-align: center;
}

#fiche_article #liste_image {
	margin: 10px 0;
}

	#fiche_article #liste_image img {
		border: 1px solid #DDD;
		padding: 5px;
		margin: 5px;
	}

	#fiche_article #liste_image img:hover {
		color: #77622f;
		border: 1px solid #997B33;
		cursor: pointer;
	}

#fiche_article #caracteristiques label {
	float: left;
	font-weight: bold;
	margin-left: -11em;
	width: 11em;
	/* margin-left: -85px;
	width: 80px;  */
}

#fiche_article #caracteristiques p {
	padding-left: 11.5em;
	/* padding-left: 95px; */
}

#fiche_article #caracteristiques p.hidden {
	/*visibility: hidden;*/
	display: none;
}

#fiche_article  #caracteristiques label.droite {
	float: none;
	font-weight: normal;
	margin-left: 0.5em;
}

#fiche_article #p_supplements {
	line-height: 26px;
}

#fiche_article #panier {
	text-align: center;
}

/**********************************************************
				Panier
**********************************************************/
#table_panier th#qte, #table_panier th#ref {
	width: 65px;
}

#table_panier th#pu, #table_panier th#total {
	width: 85px;
}

#table_panier tr.ligne td span.option {
	padding-top: 3px;
	color: #808080;
	display: block;
	font-size: 0.8em;
}

#table_panier tr.ligne td.ref {
	font-size: 0.8em;
}

#table_panier tr.ligne td.nombre input {
	text-align: right;
}

#table_panier td.total {
	padding: 5px 5px;
	text-align: right;
	border-bottom: 1px dashed #997B33;
	border-right: 1px dashed #997B33;
	font-weight: bold;
}

#action {
	text-align: center;
}

/************************** Formulaire **************************/
#formulaire_client p.error {
	border: 1px dashed #990000;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

/************************** Facture **************************/
#facture h3 {
	margin-bottom: 10px;
}

#facture .formulaire {
	margin: auto;
	margin-bottom: 20px;
	width: 70%;
}

	#facture .formulaire p {
		padding-left: 10.5em;
		padding-bottom: 0.2em;
		margin-bottom: 0.2em;
	}

	#facture .formulaire p.adresse {
		min-height: 40px;
	}

	#facture .formulaire label {
		margin-left: -12em;
		width: 10em;
		text-align: right;
	}

#facture p.expli_commande {
	font-size: 0.9em;
	margin-bottom: 20px;
}

/**********************************************************
				Livre d'or
**********************************************************/

/************************** Livre **************************/
#livre .avis {
	border-top: 1px dashed #997B33;
	padding-bottom: 10px;
	padding: 5px;
}

	#livre .avis p.commentaire {
		padding: 5px 10px;
	}

#livre .avis div.bulle {
	width: 180px;
	float: right;
	margin-left: 10px;
}

	#livre .avis div.bulle p.bulle_haut {
		width: 180px;
		height: 10px;
		background: url(/images/bulle_haut.png) no-repeat 0 0;
		padding: 0;
	}

	#livre .avis div.bulle p.bulle_centre {
		background: url(/images/bulle_centre.png) repeat-y 0 0;
		padding: 0px 2px;
		width: 176px;
		color: #808080;
		font-size: 0.8em;
		text-align: center;
	}

	#livre .avis div.bulle p.bulle_bas {
		width: 180px;
		height: 24px;
		background: url(/images/bulle_bas.png) no-repeat 0 0;
	}

#livre .avis .spacer {
	clear: right;
}

#livre p#texte_avis {
	margin-bottom: 20px;
}

#livre #bouton {
	text-align: center;
	margin: 10px 0px;
}

/************************** Votre avis **************************/
#avis p#texte_avis {
	margin-bottom: 20px;
}

#avis #formLivre p.error, #avis #formLivre div.errorCaptcha {
	border: 1px dashed #990000;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

#avis #formLivre #divCaptcha label {
    float: none;
    font-weight: bold;
    margin-left: 0;
    width: auto;
}

#avis #valider {
	text-align: center;
	margin: 10px 0px;
}

/**********************************************************
				Qui suis je
**********************************************************/
#qui-suis-je img, #contact img {
	margin: 0px auto;
	padding: 10px 0;
	display: block;
}

/**********************************************************
				Accueil
**********************************************************/
#accueil .bloc {
	padding: 0;
	margin: 2em 0;
}

#accueil .bordure {
	border-top: 1px solid #997B33;
	padding: 0;
}

#accueil h2 {
	border: none;
	text-indent: 1em;
	padding-top: .5em;
}

#accueil h3 {
	border: none;
}

#accueil .contenu {
	padding: 5px;
}

	#accueil .contenu img {
		float: right;
		margin-left: 10px;
	}

	#accueil .contenu ul {
		margin-left: 1em;
	}

	#accueil .contenu h4 {
		padding-left: 60px;
	}

#accueil #acces_catalogue {
	padding-bottom: 10px;
	text-align: center;
}

/**********************************************************
				Recherche
**********************************************************/
#formulaire_recherche h3 {
	margin-bottom: 10px;
}

#formulaire_recherche p {
	border: none;
	padding-bottom: 0.2em;
	margin-bottom: 0.2em;
}

#formulaire_recherche input#motscles {
	width: 300px;
}

#recherche h3 {
	margin-bottom: 10px;
}

#recherche #caracteristiques_recherche {
	margin-bottom: 10px;
}

	#recherche #caracteristiques_recherche label {
		font-weight: bold;
	}

/**********************************************************
				Contact
**********************************************************/
#plan {
	text-align: center;
}

/**********************************************************
				CGV
**********************************************************/
#cgv .table {
	width: 40%;
	margin: 0 auto;
}

	#cgv .table td{
		text-align: center;
	}

/**********************************************************
				Liens
**********************************************************/
#liens {
	padding: 0px 10px;
}

	#liens h3 {
		border: none;
		font-size: 1em;
		margin-bottom: 0;
	}

		#liens h3 a {
			text-decoration: none;
		}

	#liens p {
		margin-bottom: 10px;
	}