html, body {
	font-family:Trebuchet MS, Arial, Courrier;
	text-align:center;
	background-color:#f3f3f3;
	margin:0;
	padding:0;
}
p, td {
	color:#3C3376;
}

#container {
	margin:0px auto 0px auto;
	padding:0;
	width:960px;
	text-align:left;
	position:relative;
}

/*	NavTop	*/
#navtop {height:169px;background:url(img/top.jpg) no-repeat;width:960px;}
#navtop h1 {margin:0;padding:0;position:absolute;}
#navtop h1 a:active {outline-style:none;}
#navtop h1 a {margin:0;padding:0;text-indent:-9999px;width:300px;display:block;height:140px;}
#panier {text-indent:-9999px;position:absolute;margin:40px auto 0 840px;height:70px;width:60px;}
#animation {position:absolute;width:300px;height:150px;margin:0 0 0 430px;}
#animation2 {position:absolute;width:300px;height:150px;margin:0 0 0 200px;}

/*	Navleft	*/
#navleft {
	width:222px;	/* 233 avant */
	background-image:url(img/bg-navleft.jpg);
	background-repeat:no-repeat;
	float:left;
	background-position:right;
	overflow:hidden;
	height:610px;
}
.colissimo {
margin-top:100px;
margin-left:-90px;
-margin-left:-0px;
border:none;	
}


#new_menu { 
	padding:0;
 	margin:0;
	list-style-type:none;	
	display:inline;
}
#new_menu li {
	float:left;
	padding-right:15px;
	height:30px;
	background:url(/img/tasse.gif) no-repeat 0 0px;
}
#new_menu li:hover {
	background:url(/img/tasse_h.gif) no-repeat 0 0px;
	color:#F30;
}
#new_menu li a {
	display:block; 
 	float:left;   
	text-decoration:none;
 	text-align:center;
	color:#FFF;
	font-weight:bold;
	margin-top:5px;
	padding-left:30px;
	height:30px;
	text-transform:uppercase;
}
#new_menu li a:hover {
	color:#F30;
}
#new_menu a:active{outline-style:none;}


#navprod, #navprod li {margin:0;padding:0;}
#navprod li {float:left;list-style-type:none;width:221px;}
	#machines {text-indent:-999px;background:url(img/button-machines.jpg) no-repeat;height:53px;background-position:bottom;display:block;}
	#machines:hover {background-position:top;}
	
	#cafes {text-indent:-999px;background:url(img/button-cafes.jpg) no-repeat;height:63px;background-position:bottom;display:block;}
	#cafes:hover {background-position:top;}
	
	#accessoires {text-indent:-999px;background:url(img/button-accessoires.jpg) no-repeat;height:63px;background-position:bottom;display:block;}
	#accessoires:hover {background-position:top;}
	
	#depot {text-indent:-999px;background:url(img/button-depot.jpg) no-repeat;height:63px;background-position:bottom;display:block;}
	#depot:hover {background-position:top;}
	
	#renseignements {text-indent:-999px;background:url(img/button-renseignements.jpg) no-repeat;height:63px;background-position:bottom;display:block;}
	#renseignements:hover {background-position:top;}
	
	/*Sous menu*/
	#navprod dd {position:absolute;z-index:200;background:#3f4c6c;border: 1px solid #5f7099;width:200px;margin:-50px 0 0 230px;}
	#navprod smenu1 {}
	#navprod smenu2 {margin:80px 0 0 220px;}

	#navprod dd ul {margin:5px;padding:0;}
	#navprod dd li {margin:0 0 5px 0;padding:0;color:#afdbed;}
	#navprod dd a {text-decoration:none;color:#afdbed;font-size:12px;display:block;color:#FFFFFF;text-decoration:none;padding:5px;width:180px;border-bottom:1px #5f7099 solid;}
	#navprod dd a:hover {background-color:#f3101d;}
	
	#espaceentreprise {width:231px;height:115px;margin:0;padding:0;}
	
	#espaceentreprise .carte {margin:15px}

#navinfo {
	display:block;
	clear:both;
	background:url(img/bg-infos_inutile.jpg) no-repeat;
	height:360px;
	width:230px;
	margin:0;
	list-style-type:none;
	padding:1px 0 0 10px;
}

#navinfo li {
	margin:0 0 10px 20px;
	padding:0;
	color:#cc0000;
	font-size:10px;
}
#navinfo .disc{
	list-style-type:disc;
}
#navinfo .colissimo{
	list-style-type:none;
	margin:0;
	border:none;
}
#navinfo .paiment{
	list-style-type:none;
	margin-left:15px;
	border:none;
}
#navinfo a {
	color:#3e4c69;
	font-size:12px;
	font-weight:bold;
	}
	
#navinfo a:hover {text-decoration:none;}

/*	Content	*/
#content {
	float:left;
	width:722px;
	-width:735px;
	z-index:100;
	position:absolute;
	left:221px;
	margin-top:-3px;
}
#content #bg_left {
	z-index:0;
	background: url(img/bg_content_left.jpg) repeat-y;	
	float:left;
	height:601px;
	width:15px;
}
#content #contenu {
	width:705px;
	-width:715px;
	float:right;
}

/*	produits	*/
.produits {width:220px;height:249px;background:url(img/produits-bg_grand.jpg) no-repeat;float:left;text-align:center;margin-left:10px;margin-right:5px; }
.logo {position:absolute;text-align:left;}
.img {margin:30px auto 0 auto;text-align:center;}
.produits h1 {color:#32335c;font-size:12px;margin:0;padding:0;}
.produitsprix {color:#991f23;margin:0px 0 0 8px;font-weight:bold;font-size:16px;}
.produitsbuy {float:left;display:block;width:63px;height:19px;background:url(img/buy.gif) no-repeat;background-position:bottom;text-indent:-9999px;font-size:1px;}
.produitsbuy:hover {background-position:top;}
.produits p {background-position:top;font-size:10px;margin:0 auto 0 auto;padding:0;height:40px;width:150px;}
.small {font-size:10px;}
.conso {font-size:11px;color:#991f23;text-align:right;font-weight:bold;padding-right:20px;}
#textgarantie {color:#3C3376;font-size:12px;text-align:justify;clear:both;float:left;}
.video{}

/*Fiche produit*/

.ficheproduits {width:536px;height:520px;background:url(img/ficheproduits-bg.jpg) no-repeat;margin:0;padding:10px;}
.ficheproduitsKit {width:600px;height:700px;background:url(img/ficheproduits-bgKit.jpg) no-repeat;margin:0;padding:10px;}

.ficheproduitsbuy {display:block;width:63px;height:19px;background:url(img/buy.gif) no-repeat;background-position:bottom;text-indent:-9999px;}
.ficheproduitsbuy:hover {background-position:top;}
.ficheproduitsphoto {float:left;margin:10px;}
.ficheproduitsprix {color:#991f23;margin:0px 0 0 16px;font-weight:bold;font-size:20px;}
#infos h1 {margin:10px 0 0 0;font-size:28px;color:#525888;}
#infos {float:left;margin:10px 0 0 0;width:340px;}

#description {clear:both;overflow:auto;border-top:1px #3f4c6c dotted;width:515px;height:320px;font-size:12px;color:#192644;}
.ficheproduitsKit #description {width:570px;height:390px;}

#description table {font-weight:bold; border-left:1px #CECECE dotted;border-top:1px #CECECE dotted;padding:2px;float:right;width:140px;}
#description table tr td {border-right:1px #CECECE dotted;border-bottom:1px #CECECE dotted;}

#click_zoom {
	width: 100%;
	height: 25px;
	float: left;
}

#click_zoom a:link, #click_zoom a:visited {
	color: #666;
	font-size: 11px;
	margin-left: 24px;
	text-decoration: none;
}

#click_zoom a:hover {
	color: #999;
	text-decoration: underline;
}


/*/	produits	*/


/*CAFES*/
#recherche {
	overflow:auto;
	height:600px;	/* 550 avant */
	margin:0 20px 0 20px;
}

#recherche h1 {
	font-size:16px;
}
.tablerecherche {border-left:1px solid #b0cce8;}
.tablerecherche th {background-color:#b0cce8;color:#5f66be;text-align:center;}
.tablerecherche tr td {border-bottom:1px solid #b0cce8;border-right:1px solid #b0cce8;background-color:#FFFFFF;font-size:12px;}

.tablerecherche h1 {font-size:16px;color:#525888;margin:0px;padding:0px;}
.tablerecherche p {font-size:12px;color:#525888;margin:5px 0 0 0;}

.tablerecherche table tr td {border:0;background-color:#FFFFFF;}

#recherche form {
	width:90%;
}


#nousConsulter{
	text-align: center;
	font-size: 16px;
	margin-bottom: 15px;
}

#nousConsulter a:link{
	color: #FF0000;
	text-decoration: underline;
}

#nousConsulter a:visited{
	color: #FF0000;
	text-decoration: underline;
}

#nousConsulter a:hover{
	color: #FF9999;
	text-decoration: underline;
}

/*/CAFES*/


/*Pages statiques*/
#pagestatic {font-size:12px;overflow:auto;height:600px;margin:0 0 0 20px;padding:0 20px 0 0;}
#pagestatic p {text-align:justify;}
#pagestatic h1 {font-size:16px;color:#525888;}
#pagestatic a {color:#2574d5;}


/*	panier */
.tablepanier {border-left:1px solid;border-top:1px solid;font-size:12px;}
.tablepanier th {border-bottom:1px #000000 solid;border-right:1px #000000 solid;background-color:#3f4c6c;color:#FFFFFF;}
.tablepanier td {border-bottom:1px  #000000 solid;border-right:1px  #000000 solid;}

#alert {
background-color:#FF0000;
border:1 px #ab0000 solid;
color:#FFFFFF;padding:10px;font-weight:bold;font-size:12px;
}
#alert a{color:#FFFFFF;}
/*	/panier */


#logidentification {text-align:center;}
#logidentification input {margin:5px;}

.tablecommande input,.tablecommande textarea{width:90%;}

/*	Footer	*/
#footer {
	clear:both;
	text-align:center;	
	background:black;
}

#footer h1 {
	font-size:11px;
	color:#32335c;
	padding:0;
	margin:0;
}

#footer p {
	font-size:11px;
	color:#3C3376;
	font-weight:bold;
	font-style:italic;
	padding:0;
	margin:0;
}

/* Tout ce qui concerne les commandes et les produits se trouve ici */
div.commandeIntro p {
	margin:15px auto 0 auto;
	width:80%;
	font-weight:bold;
}

.phraseDepot, div.commande_form td {
	color:#3C3376;
}
.big {font-size:15px;color:#3C3376;font-weight:bold;margin-bottom:20px}

.lasociete {
	width:250px;
	margin-left:35px;
}
.vide{
	height:30px;
}

.visus_pt {
	width:250px;
	margin-top:5px;
}
.visus_pt a {
	height:44px;
	width:44px;
	float:left;
	border:2px #444 solid;
	margin-right:2px;
	
}
.visu_pt_01 a{
	background-image:url(img/photos/pt01.jpg);
}
.visu_pt_02 a{
	background-image:url(img/photos/pt02.jpg);
}
.visu_pt_03 a{
	background-image:url(img/photos/pt03.jpg);
}
.visu_pt_04 a{
	background-image:url(img/photos/pt04.jpg);
}
.visu_pt_05 a{
	background-image:url(img/photos/pt05.jpg);
}
.visus img {
	width:330px;
	height:230px;
	position:absolute;
	top:150px;
	left:410px;
	padding:15px;
	background-color:#FFF;
	border:2px solid #000;
	visibility:hidden;
	z-index:210;
}

/* ceci évite qu'un autre règle CSS vienne modifier la taille des logos des cartes de paiement générés par l'api de paiement */
.paiement_api input {
	width:auto;
}

/* Styles spécifiques aux cafés */
.tablerecherche h1.cafeTitre {
	color:#C1131E;
}

.cafeForce {
	color:#01408D;
	font-weight:bold;
	text-transform:uppercase;
}