﻿/* N-1 PRODUITS */
/*----------------- CORPS DE PAGE ------------------------- */
#contenu  {
	background:url(/Content/Images/Interface/gabarits_3col.gif) #fff repeat-y 0 0; 	
}
/*----------------- COLONNE DE DROITE ------------------------- */
#colGauche {
	width:173px;
	float:left;
}
#tousNosRayons h4 {
	color:#5a4936;
	background:url(/Content/images/Interface/bg_tousNosRayons.gif) #fff repeat-x 0 0; 	
	height:17px;
	margin:0;
	width:152px;
	padding:8px 10px;
	font-size:12px;
}
#tousNosRayons ul {
	margin:0;
	padding:0 6px;
	list-style-type:none;
	font-size:12px;
}
#tousNosRayons li a, #tousNosRayons li  a:link, #tousNosRayons li  a:visited {
	border-bottom:1px solid #efece1;
	padding:5px 0px;
	line-height:14px;
	display:block;
}
*html #tousNosRayons li {
border:1px solid #fff;	
}
#tousNosRayons li  a:hover, #tousNosRayons li  a:active {
	position:relative;
	left:4px;
}


/* CATALOGUE */
#catalogue {
	height: 150px;
	width: 171px;
	padding-top: 10px;
	padding-left: 2px;
}
#catalogue a{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #1e7cc5;
	text-decoration: none;
}
#catalogue a:hover{
	text-decoration: underline;
}


.titre_catalogue 
{
    background-color: #f2efd7;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dfdac3;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dfdac3;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #d14800;
	text-transform: uppercase;
	padding-top: 8px;
	padding-left: 10px;
	line-height: 15px;
	padding-bottom: 8px;
	padding-right: 10px;
	text-align: center;
}

.lien_catalogue 
{
    height: 25px;
	padding-top: 20px;
	padding-right: 5px;
	padding-left: 10px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #5a4936;
}
.lien_catalogue a
{
    color: #5a4936 !important;
	text-decoration: none;
}
.lien_catalogue a:hover{
	text-decoration: underline;
}
.lien_catalogue a.actif{
	text-decoration: none;
}
.lien_catalogue a.actif:hover{
	text-decoration: underline;
}


/*----------------- COLONNE CENTRALE ------------------------- */
#colCentrale {
	width:562px;
	float:left;	
	padding:10px 10px 20px 10px;
}
* html #colCentrale { /* ie 6 fix */
}
#colCentrale h1 {
	margin:8px 0;
	line-height:26px;
	color:#5a4936;
	font-size:15px;
}
#colCentrale .titreh1 {
	margin:8px 0;
	line-height:26px;
	color:#5a4936;
	font-size:15px;
	font-weight:700;
	float:left;
}

#principauxRayons {
	margin:0;
	padding:0;
	list-style-type:none;
}
#principauxRayons li {
	display:block;
	float:left;
	width:170px;
	border:1px solid #dfdac3;	
	margin:10px 10px 28px 0;
	padding:4px;
	text-align:center;
	height:228px;
}
#principauxRayons li a {
	line-height:1.4em;
}	
#principauxRayons .last, #principauxRayons li:nth-child(3n) { /* enlève le margin sur le 3ème element de chaque ligne ! */
	margin-right:0px !important;
}
#principauxRayons li{ margin-right/*\**/:7px\9;} /* IE 8 */
#principauxRayons li h2 {
	color:#5a4936;
	font-size:12px;
	background-color:#fff;
	margin:-16px auto 0 auto;
	width:124px;
	height:36px;
	display:block;
	overflow:hidden;
	position:relative;
}
#principauxRayons li h2 a{
		color:#5a4936;
		display:block;
}
#principauxRayons li img {
	display:block;
	margin:0 auto;
	width:127px; /* FORCE LA TAILLE DE L'IMAGE */
	height:127px; 
}
#principauxRayons .prix {
	display:block;
	margin:2px 0 8px 0
}
#principauxRayons .voirProduit {
	display:block;
	margin-top:-16px;
	overflow:hidden;
}
#principauxRayons .voirTouteOffre {
	display:block;
	position:relative;
	top:196px;
	width:136px;
	padding:4px 0;
	border:1px solid #dfdac3;	
	margin:0 auto;
	font-weight:700;
	background:url(/Content/images/Interface/call_bleu.gif) #f7f6ee no-repeat 8px center; 	
}
#principauxRayons .voirTouteOffre:hover {
	background:url(/Content/images/Interface/call_bleu.gif) #fff no-repeat 10px center !important;
}
/*----------------- COLONNE DE DROITE ------------------------- */
#colDroite {
	width:221px;
	padding-left:2px;
	float:left;
}
*html #colDroite {
	width:215px;
}
#colDroite h4 {
	background-color:#f2efd7;
	border-bottom:1px solid #dfdac3;
	color:#5a4936;
	margin:0;
	padding:12px 8px;
	font-size:13px;
}
.top5 {
	margin:16px 0 0 0 ;
	padding:0 6px;
	list-style-type:none;
}
.top5 li {
	border-bottom:1px solid #eae8d9;
	padding-left:20px;
	height:78px;
	padding-top:2px;
	line-height:16px;
	clear:left;
}
.top5 span {
	margin-top:12px;
	overflow:hidden;
	max-height:50px
}
.top5 .prix {
		display:block;
}
.top5 img {
	width:82px; /* Force la taille de l'image */
	height:82px;
	margin-right:4px;
	float:left;
	position:relative; /* corrige un bug sous Firefox */
	top:-4px;
}
.top5 .num1 	{background:url(/Modules/Content/Produit/Images/top5_1.jpg) #fff no-repeat -4px 12px;}
.top5 .num2 	{background:url(/Modules/Content/Produit/Images/top5_2.jpg) #fff no-repeat -4px 12px;}
.top5 .num3 	{background:url(/Modules/Content/Produit/Images/top5_3.jpg) #fff no-repeat -4px 12px;}
.top5 .num4 	{background:url(/Modules/Content/Produit/Images/top5_4.jpg) #fff no-repeat -4px 12px;}
.top5 .num5 	{background:url(/Modules/Content/Produit/Images/top5_5.jpg) #fff no-repeat -4px 12px;}
*html .top5 li { height:22px !important; padding:4px 0 0 20px;} /* IE 6 */
*+html body .top5 li{ height:64px; padding:2px 0 18px 20px;}  /* IE 7 BUG */
