/* CSS Document */
body{
	margin:0px;
	padding:0px;
	text-align:center;
	background:#473224;
}

body, table, tr, td, p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color: #231F20; }

a.haut_page{text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #593322;}
a.haut_page:hover{text-decoration: underline; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #593322;}

/***************************************/
/** CONTENEURS **/
/***************************************/

#bloc_conteneur {
   width:955px;
   background:#FFFFFF;
   position:absolute;
   left:50%;
   margin-left:-477px;
}

a.flash {text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #FFFFFF;}
a.flash:hover {text-decoration: underline; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #FFFFFF;}

/***************************************/
/** HEADER **/
/***************************************/

bloc_header {
	height:157px;
}
#header_panier{
	float: right;
	padding: 0 80px 0 0;
}
#header_panier a{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: underline; color:#991F23;
}
#header_panier a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: underline; color:#991F23;
}
/***************************************/
/** MILIEU **/
/***************************************/
#milieu{
	height:auto !important;
	height:600px;
	min-height:600px;
	background: #FFFFFF url(images/interface/footer/tasse_distridose.jpg) no-repeat bottom left;
}
.clear {
	clear:both;
}

/***************************************/
/** MENU **/
/***************************************/
#conteneur_menu {
	float:left;
	height:auto !important;
	background-color:#FFFFFF;
}
#menu{
	width:170px;
	height:auto !important;
	padding: 15px 10px 0 30px;
	/*min-height: 400px;*/
	text-align:left;
}
#menu ul{
	padding: 0 0 0 0;
}
.elmt_menu {
	height:35px;
	background: #FFFFFF url(images/interface/separ_menu.gif) no-repeat bottom left;
}
.elmt_ssmenu {
	height:15px;
	background: #E8CA95;
	border-bottom: 1px solid #FFFFFF;
	color:#593322;
}
a.ssmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	text-decoration:none;	
	color: #593322;
}
a.menu{
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #593322;
}
a.menu:hover{
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #593322;
}
#fond_menu {
	float:left;
	/*background: #FF0000 url(images/interface/footer/tasse_distridose.jpg) no-repeat bottom left;*/
}
a.mentions{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; color:#593322;}
a.mentions:hover{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: underline; color:#593322;}

/***************************************/
/** TITRE **/
/***************************************/
#titre_page {
	text-align:left;
	padding: 20px 0 30px 20px;
}
/***************************************/
/** CONTENU **/
/***************************************/
#contenu {
	float:left;
	width:700px;
	text-align:justify;
	background:#FFFFFF;
	padding: 0px 0 20px 15px;
}

#contenu a{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: underline; color:#473224; border:0;
}
#contenu a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; color:#473224; border:0;
}
#contenu img{
	border:0;
}

.titre_site {
	color:#593322;
	font-weight: bold;
}
.champ_site{
	border: solid 1px #E2C38F;
	width : 250px;
}
.txt_ob {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#593322;
}

/***************************************/
/** BOUTIQUE **/
/***************************************/
.titre_cat {
	height:20px;
	background: #DBB986;
	font-weight:bold;
	padding: 3px 0 0 10px;
	color: #593322;
}
.note {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: underline; color:#991F23;
}
.note a{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: underline; color:#991F23;
}
.note a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: underline; color:#991F23;
}

.photo_produit {
	border: 1px solid #CBB298;
}

.titre_produit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #593322;
}
#produit {
	float:left;
	width: 332px;
	height: 188px;
	padding: 0 8px 20px 0px;
}
#bloc_produit_detail {
	width:596px;
	padding: 0 0 0 20px;
}
#header_produit_detail {
	width:596px;
	height:89px;
	background:url(images/interface/boutique/header_article2.jpg) no-repeat top left;
}
#produit_detail {
	float:left;
	width: 596px;
	height:auto !important;
	background: url(images/interface/boutique/fd_article_2.gif) repeat-y top left;
	padding: 10px 0 0 60px;
}
#conteneur_titre {
	float:left;
	width:260px;
	padding: 0 0 0 10px;
}
#titre_produit_detail {
	float:left;
	height:20px;
	/*background:url(images/interface/boutique/fd_titre_article.gif) no-repeat bottom left;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #593322;
}
#marque_produit_detail {
	padding: 15px 0 0 0;
}
#desc_produit_detail {
	float:left;
	padding: 15px 0 0 0;
}
#prix_produit {
	float:right;
	padding: 20px 20px 0 0;
}
.prix_produit_avtsolde {
text-decoration:line-through;
	font-family: Tahoma,Arial,Verdana,Geneva,Helvetica,sans-serif;
	font-size: 16px;
	font-weight:normal;
	color: #000000;
}
#bottom_produit_detail {
	width:596px;
	height:13px;
	background:url(images/interface/boutique/bottom_article_2.gif) no-repeat bottom left;
}
#photo_produit_detail {
	border: 1px solid #CBB298;
}
#lien_produit {
	padding: 20px 0 0 0;
}
.lien_produit2 {
	padding: 10px 0 0 0;
}
#conteneur_photo_produit {
	float:left;
}

#conteneur_photo_produit a{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; color:#991F23;
}
#conteneur_photo_produit a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: underline; color:#991F23;
}
a.txt_commande{text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #9A1F22; font-weight:bold;}
a.txt_commande:hover{text-decoration: underline; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #9A1F22; font-weight:bold;}

a.txt_cgv{text-decoration: underline; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #9A1F22;}
a.txt_cgv:hover{text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #9A1F22;}

.prix_produit_detail {
	font-family: Tahoma,Arial,Verdana,Geneva,Helvetica,sans-serif;
	font-size: 24px;
	font-weight:bold;
	color: #991F23;
}

#header_produit {
	width:332px;
	height:46px;
	background:url(images/interface/boutique/header_article.jpg) no-repeat top left;
}
#gauche_produit {
	float:left;
	width:43px;
	height:131px;
	background:url(images/interface/boutique/gauche_article.jpg) no-repeat top left;
}
#desc_produit {
	float:left;
	width: 275px;
	background:url(images/interface/boutique/fond_produit.jpg) no-repeat top left;
}
#droite_produit {
	float:right;
	width:14px;
	height:131px;
	background:url(images/interface/boutique/droite_article.jpg) no-repeat top right;
}
#bottom_produit {
	width:332px;
	height:11px;
	background:url(images/interface/boutique/bottom_article.gif) no-repeat top left;
}
#photo_produit {
	float:left;
	border: 1px solid #CBB298;
}
#bloc_gauche_produit {
	float:left;

}
#bloc_droit_produit_conteneur {
	float:left;
	width:139px;
	height:131px;
	padding: 0 0 0 10px;
}
#bloc_droit_produit {
	float:left;
	width:139px;
	height:78px;
}
#titre_produit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #593322;
}
#marque_produit {
	padding-top:10px;
	width:139px;
}
#prix {
	float:right;
	font-family: Tahoma,Arial,Verdana,Geneva,Helvetica,sans-serif;
	font-size: 24px;
	font-weight:bold;
	color: #991F23;
	padding-bottom:5px;
	padding-right: 0px;
}
#commander {
	width:93px;
	height:18px;
	text-align:right;
	padding-left:46px;
}
#pagination select{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; color:#593322;
	border: 1px solid #593322;
}
#pagination a{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; color:#593322;
}
#pagination a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: underline; color:#593322;
}
.panier {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color: #593322; font-weight:bold; 
}
.panier input{
	border: 1px solid #DBB986;
}
.img_detail {
	border: 1px solid #CBB298;
}
li.cafe{
	list-style:url(images/interface/boutique/puce_cafe.gif);
}
li.cafe_blc{
	list-style:url(images/interface/boutique/puce_cafe_blc.gif);
}

/***************************************/
/** FORMULAIRE **/
/***************************************/
.champ_site{
	border: solid 1px #DBB986;
	width : 250px;
}
.champ_site2{
	border: solid 1px #DBB986;
	width : 250px;
	height: 50px;
}
.alerte{
	color:#FF0000;
	font-weight: normal;
	text-align: center;
}

/***************************************/
/** FOOTER **/
/***************************************/
#footer{
	clear:both;
	height: 65px;
	background: #FFFFFF url(images/interface/footer/footer_distridose.jpg) no-repeat;
}
#footer #footer_mentions{
	float:left;
	padding: 41px 0px 0 7px;
}
#footer #footer_copyright{
	float:left;
	padding: 41px 0 0 7px;
}
#footer #footer_part {
	float:left;
	text-align:center;
	padding: 41px 0 0 85px;
}
#footer #footer_liens {
	float:left;
	text-align:center;
	padding: 41px 20px 0 10px;	
}
#footer #footer_secure {
	float:left;
	padding: 20px 0 0 20px;
}
#footer #footer_hautdepage{
	float:right;
	padding: 41px 75px 0 0;
}
#footer a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #D59F0F;
	text-decoration: none;
}
#footer a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #D59F0F;
	text-decoration: underline;
}
.footer { text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #D59F0F;}
.separ_liens {
	float:left;
	width:1px;
	height:60px;
	padding: 0 0 0 10px;
	background:url(images/interface/footer/separ_liens.gif) no-repeat bottom right;
}