/* CSS Document */
body {
	background-image: url(pics/background.png);
	background-repeat: repeat;
	margin: 0px;
	padding: 0px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #BDB4AF;
}
a:link {
	color: #310010;
	text-decoration: none;
	outline:none;
}
a:visited {
	text-decoration: none;
	color: #310010;
	outline:none;
}
a:hover {
	text-decoration: none;
	color: #CC3300;
	outline:none;
}
a:active {
	text-decoration: none;
	color: #310010;
	outline:none;
}
#topaccueil, #topqui, #topcreateurs, #topboutique, #toppanier, #topcoeur   {
	height: 30px;
	width: 100%;
	border-bottom-width: 2px;
	border-bottom-style: solid;	
	background-color: #cae7c3;
	border-bottom-color: #875546;
	color: #ffffff;
}
.caddie {
	float: right;
	margin-top: -7px;
}
.caddie a{
	color: #FFFFFF;
}
.caddie a:hover{
	color: #EEEEEE;
}
.caddieimg{
	margin-top: -2px;
	margin-right: 5px;
	float: right;
}
#topaccueil{
	color:#875546;
	}
#topqui{
	background-color: #4cb9a9;
}
#topcreateurs{
	background-color: #c0100b;
}
#topboutique{
	background-color: #875546;
	border-bottom-color: #ffffff;
}
#toppanier{
	background-color: #ff7f00;
}
#topcoeur{
	background-color: #f57878;
}

#topcontainer {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	height: 23px;
	padding-top: 7px;
}
#topcontainer h1{
	font-weight: bold;
	font-size: 13px;
	margin: 0px;
	padding: 0px;
	}
#home {
	height: 109px;
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
}
#menu {
	background-image: url(pics/background_menu.png)!important;
	.background-image: url(pics/background_menu.gif);
	background-repeat: no-repeat;
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
	height: 48px;
	background-position: 0px -6px;
}
#menu ul {
	float: right;
	height: 48px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 60px!important;
	.margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#menu li {
	display: inline;
	list-style-type: none;
	float: left;
}
#menu li a {
	background-repeat: no-repeat;
	height: 48px;
	width: 125px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	float: left;
}
#menu #menu1 a {
	background-image: url(pics/menu1.png)!important;
	.background-image: url(pics/menu1.gif);
	padding-top: 15px;
	color: #310010;
	height: 33px;
}
#menu #menu1 a:hover{
	background-image: url(pics/menu1_hover.png)!important;
	.background-image: url(pics/menu1_hover.gif);
	background-position: 0px 1px;
}
#menu #menu2 a {
	background-image: url(pics/menu2.png)!important;
	.background-image: url(pics/menu2.gif);
	padding-top: 5px;
	height: 43px;
}
#menu #menu2 a:hover {
	background-image: url(pics/menu2_hover.png)!important;
	.background-image: url(pics/menu2_hover.gif);
	background-position: 0px 1px;
}
#menu #menu3 a {
	background-image: url(pics/menu3.png)!important;
	.background-image: url(pics/menu3.gif);
	padding-top: 15px;
	height: 33px;
}
#menu #menu3 a:hover {
	background-image: url(pics/menu3_hover.png)!important;
	.background-image: url(pics/menu3_hover.gif);
	background-position: 0px 1px;
}
#menu #menu4 a {
	background-image: url(pics/menu4.png)!important;
	.background-image: url(pics/menu4.gif);
	padding-top: 5px;
	height: 43px;
}
#menu #menu4 a:hover {
	background-image: url(pics/menu4_hover.png)!important;
	.background-image: url(pics/menu4_hover.gif);
	background-position: 0px 1px;
}
#menu #menu5 a {
	background-image: url(pics/menu5.png)!important;
	.background-image: url(pics/menu5.gif);
	padding-top: 15px;
	height: 33px;
}
#menu #menu5 a:hover {
	background-image: url(pics/menu5_hover.png)!important;
	.background-image: url(pics/menu5_hover.gif);
	background-position: 0px 1px;
}
#menu #menu6 a {
	background-image: url(pics/menu6.png)!important;
	.background-image: url(pics/menu6.gif);
	padding-top: 15px;
	height: 33px;
}
#menu #menu6 a:hover {
	background-image: url(pics/menu6_hover.png)!important;
	.background-image: url(pics/menu6_hover.gif);
	background-position: 0px 1px;
}
#content {
	background-image: url(pics/background_content.png)!important;
	.background-image: url(pics/background_content.gif);
	background-repeat: no-repeat;
	height: 512px;
	width: 1024px!important;
	.width: 1077px;
	margin-right: auto;
	margin-left: auto;
	background-position: center top;
}
#contentaccueil {
	background-image: url(pics/background_content_accueil.png)!important;
	.background-image: url(pics/background_content_accueil.gif);
}
#contentqui {
	background-image: url(pics/background_content_qui.png)!important;
	.background-image: url(pics/background_content_qui.gif);
}
#contentcreateur {
	background-image: url(pics/background_content_createurs.png)!important;
	.background-image: url(pics/background_content_createurs.gif);
	}
#contentcoeur {
	background-image: url(pics/background_content_coeur.png)!important;
	.background-image: url(pics/background_content_coeur.gif);
	}
	
#contentcreateur, #contentqui, #contentaccueil, #contentpanier, #contentcoeur	{
	background-repeat: no-repeat;
	height: 512px;
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
	}
.bienvenue {
	background-color: #CAE7C3;
	float: right;
	width: 230px;
	margin-top: 90px;
	margin-right: 65px!important;
	.margin-right: 35px;
}
.qui, .mentions, .naissance, .merci {
	float: right;
	width: 650px;
	margin-top: 55px;
	margin-right: 65px!important;


	.margin-right: 35px;
	color: #660000;
}
.retour, .livraisons, .cgv, .boutique, .article {
	float: right;
	width: 675px;
	margin-top: 25px;
	margin-right: 40px!important;


	.margin-right: 35px;
	color: #660000;
}
.boutique {
	margin-top: -15px;
}
.bienvenue h2{
	font-size: 15px;
	margin: 0px;
	padding: 10px;
	color: #752A0C;
}
.qui h2, .retour h2, .mentions h2, .livraisons h2, .cgv h2, .naissance h2, .merci h2, .boutique h2, .article h2 {
	font-size: 15px;
	margin: 0px;
	padding: 10px;
	color: #330000;
}
.boutique h2{
	color: #BDB4AF;
	text-align: center;
	font-size: 1px;
	visibility:hidden;
}
.bienvenue p, .qui p, .retour p, .mentions p, .livraisons p, .cgv p, .naissance p, .merci p, .article p  {
	padding-right: 10px;
	padding-left: 10px;
}
.bienvenue img, .qui img {
	margin-bottom: 10px;
}
.item {
	float: left;
	width: 208px;
	margin: 5px;
	height: 200px;
}
.item h3 {
	margin: 0px;
	padding: 3px;
	font-size: 11px;
	font-weight: normal;
	border: 1px solid #875546;
	width: 202px;
	background-color: #999999;
	clear: both;
	float: left;
	height: 28px;
	color: #FFFFFF;
}
.item .productimg {
	height: 144px;
	width: 208px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #875546;
	border-right-color: #875546;
	border-left-color: #875546;
	clear: both;
	overflow: hidden;
	background-color: #FFFFFF;
	text-align: center;
}
.item .prix {
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	margin-right: 4px;
	margin-left: 4px;
	font-size: 14px;
	font-weight: bold;
}

.item .more, .item .buy{
	float: right;
	margin-top: 5px;
	clear: left;
}
.item .more{
	margin-right: -2px;
	}

.article .prix {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
}
.article #photos{
	width: 680px;
	height: 144px;

}
.article .photo {
	border: 1px solid #FFFFFF;
	margin-left: 8px;
	float: left;
	height: 144px;
	width: 208px;
	overflow: hidden;
	text-align: center;
	background-color: #FFFFFF;
}

.article #description {
	padding: 10px;
	margin-top: 8px;
	border: 1px solid #FFFFFF;
	width: 188px;
	float: left;
	margin-left: 8px;
	clear: left;
	background-color: #CCCCCC;
}
.article #revenir {
	float: left;
	height: 44px;
	width: 124px;
	margin-top: 35px;
	margin-left: 90px;
}
.article #acheter {
	float: left;
	height: 44px;
	width: 124px;
	margin-top: 35px;
	margin-left: 20px;
}







/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.pagination{
	padding: 2px;
	margin-top: 20px;
	width: 420px;
	margin-bottom: 5px;
	margin-left: 140px;
	float: left;
}

.pagination ul{
	text-align: left; /*Set to "right" to right align pagination interface*/
	font-size: 16px;
	margin: 0;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
	padding: 0 5px;
	border: 1px solid #ffffff;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #875546;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #ffffff;
color: #FF7F00;
background-color: #875546;
}

.pagination a.currentpage{
background-color: #875546;
color: #FFF !important;
border-color: #ffffff;
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: #BDB4AF;
cursor: default;
color: #929292;
border-color: #929292;
font-weight: bold!important;
}

.pagination a.prevnext{
font-weight: bold;
}
#content  #commande {
	float: right;
	height: 44px;
	width: 124px;
	margin-top: 15px;
	margin-left: 15px;
}


#left {
	float: left;
	width: 208px;
	font-size: 13px;
	font-weight: bolder;
}




#left #menuleft {
	background-image: url(pics/background_menuleft.png)!important;
	.background-image: url(pics/background_menuleft.gif);
	height: 285px;
	width: 208px;
	margin-top: 70px;
	margin-left: 90px;
	background-repeat: no-repeat;
}
#left #menuleft ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#left #menuleft li {
	list-style-type: none;
	margin-top: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	padding-left: 25px;
	padding-bottom: 7px;
}
#left #menuleft a {
	font-weight: bold;
}
#left #menuleft #active a {
	font-weight: bold;
	color: #CC3300;
}
#left #liste_de_naissance {
	background-image: url(pics/liste_de_naissance.png)!important;
	.background-image: url(pics/liste_de_naissance.gif);
	height: 41px;
	width: 186px;
	margin-left: 84px;
	padding-top: 20px;
	padding-left: 30px;
	font-weight: bold;
	font-size: 17px;
	background-repeat: no-repeat;
}
#left #bonnes_affaires {
	background-image: url(pics/bonnes_affaires.png)!important;
	.background-image: url(pics/bonnes_affaires.gif);
	height: 70px;
	width: 89px;
	margin-left: 84px;
	background-repeat: no-repeat;
	margin-top: 10px;
	font-weight: bold;
	padding-top: 25px;
	padding-left: 55px;
}
#footer {
	background-image: url(pics/footer.png)!important;

	.background-image: url(pics/footer.gif);
	height: 109px;
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	margin-top: 0px!important;

	.margin-top: -10px;
}
#footer #position {
	width: 1024px;
	position: relative;
}
#footer ul {
	padding: 0px;
	float: left;
	text-align: left;
	width: 1024px;
	height: 60px;
	margin: 0px;
}
#footer li {
	float: left;
	list-style-type: none;
	display: inline;
}
#footer #cgv a {
	background-image: url(pics/cgv.png)!important;
	.background-image: url(pics/cgv.gif);
	height: 40px;
	width: 50px;
	float: left;
	padding-left: 25px;
	background-repeat: no-repeat;
	padding-top: 15px;
	margin-left: 90px;
	background-position: 0px -7px;
	position: absolute;
	left: 2px;
	top: -20px;
}
#footer #cgv a:hover {
	background-image: url(pics/cgv_hover.png)!important;
	.background-image: url(pics/cgv_hover.gif);
	}
#footer #livraisons a {
	background-image: url(pics/livraisons.png)!important;
	.background-image: url(pics/livraisons.gif);
	height: 42px;
	width: 117px;
	float: left;
	padding-left: 17px;
	background-repeat: no-repeat;
	padding-top: 15px;
	margin-left: 30px;
	position: absolute;
	left: 166px;
	top: -22px;
}
#footer #livraisons a:hover {
	background-image: url(pics/livraisons_over.png)!important;
	.background-image: url(pics/livraisons_over.gif);
	}
#footer #echanges a {
	background-image: url(pics/echanges.png)!important;
	.background-image: url(pics/echanges.gif);
	height: 50px;
	width: 90px;
	float: left;
	padding-left: 0px;
	background-repeat: no-repeat;
	padding-top: 15px;
	margin-left: 0px;
	position: absolute;
	left: 355px;
	top: -21px;
}
#footer #echanges a:hover {
	background-image: url(pics/echanges_hover.png)!important;
	.background-image: url(pics/echanges_hover.gif);
	}
#footer #mentions a {
	background-image: url(pics/mentions.png)!important;
	.background-image: url(pics/mentions.gif);
	height: 50px;
	width: 119px;
	float: left;
	padding-left: 20px;
	background-repeat: no-repeat;
	padding-top: 15px;
	margin-left: 50px;
	position: absolute;
	left: 427px;
	top: -20px;

}
#footer #mentions a:hover {
	background-image: url(pics/mentions_hover.png)!important;
	.background-image: url(pics/mentions_hover.gif);
	}
#footer #blog a {
	background-image: url(pics/blog.png)!important;
	.background-image: url(pics/blog.gif);
	height: 50px;
	width: 90px;
	float: left;
	padding-left: 30px;
	background-repeat: no-repeat;
	padding-top: 13px;
	margin-left: 25px;
	position: absolute;
	left: 599px;
	top: -19px;
}
#footer #blog a:hover {
	background-image: url(pics/blog_hover.png)!important;
	.background-image: url(pics/blog_hover.gif);
	}
#footer #merci a {
	background-image: url(pics/merci.png)!important;
	.background-image: url(pics/merci.gif);
	height: 50px;
	width: 85px;
	float: left;
	padding-left: 30px;
	background-repeat: no-repeat;
	padding-top: 13px;
	position: absolute;
	left: 745px;
	top: -19px;
}
#footer #merci a:hover {
	background-image: url(pics/merci_hover.png)!important;
	.background-image: url(pics/merci_hover.gif);
	}
#footer #contact a {
	background-image: url(pics/contact.png)!important;
	.background-image: url(pics/contact.gif);
	height: 50px;
	width: 80px;
	float: left;
	padding-left: 15px;
	background-repeat: no-repeat;
	padding-top: 16px;
	margin-left: 15px;
	position: absolute;
	left: 864px;
	top: -22px;
}
#footer #contact a:hover {
	background-image: url(pics/contact_hover.png)!important;
	.background-image: url(pics/contact_hover.gif);
	}
#footer p {
	text-align: center;
	font-size: 10px;
	color: #875546;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 350px;
	position: absolute;
	top: 61px;
}
#footer a {
	font-size: 10px;
	background-image: url(pics/flipflop_background.png);
	float: right;
	width: 80px;
	margin-right: 200px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-top: 20px;
	height: 15px;
	background-repeat: no-repeat;
}
#footer a:hover {
	background-image: url(pics/flipflop_background_hover.png);
	}
#more{
	float:right;
}
#Envoyer {
	background-image: url(pics/confirmer.png);
	height: 44px;
	width: 124px;
	font-size: 1px;
	color: #FF7F00;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color:transparent;
	cursor:pointer;
	float: left;
	margin-left: 15px;
}
#votreavis {
	height: 320px;
	width: 650px;
	overflow:auto;; 
}


#menuleft {
	font-family: 'Tangerine', arial, serif;
	font-size: 20px;
	font-weight: bold;
}
#left #menuleft li  {
	padding-top: -3px!important;
}