/* CSS Document */



/*===================== fichier de hack presentation categories de produit =================*/


.itemlist .sectiondataarea {
	height: 325px;
    margin: 10px 0 0 20px;
    min-height: inherit;
    overflow: hidden;
    padding: 0;
	border-bottom: 5px solid #CCCCCC;
	
	background: url(Img/02/cat-rollover-zoom.png) no-repeat top left; 
}


.itemlist .sectiondataarea.sectioncatheader {
	height: auto;
	background: none; 
}



.itemlist .sectiondataarea table,
.itemlist .sectiondataarea table:hover {
   /* -moz-border-radius: 10px 10px 10px 10px;*/
   -moz-border-radius: 0; 
    -webkit-border-radius: 0; 
    -khtml-border-radius: 0; 
    border-radius: 0; 
	
    background: none;
    border: none;
	/*border-color: #CCCCCC;
    border-style: solid;
    border-width: 0 0 1px;*/
    height: auto;
    /*margin-top: 10px;*/
    overflow: hidden;
    width: auto;
}

* html .itemlist .sectiondataarea table,
* html .itemlist .sectiondataarea table:hover {
	width:240px;
	}

.itemlist .sectioncatheader table,
.itemlist .sectioncatheader table:hover {
	margin:0;
	}

.itemlist .sectiondataarea table td {
    /*height: 148px;*/
    vertical-align: top;
    width: 240px;
}

.itemlist .sectiondataarea.sectioncatheader table td {
    width: 50%;
	height:auto;
}




/*
.itemlist .sectiondataarea table td {
    vertical-align: top;
}*/

/**/

.itemlist a.PBLink,
.itemlist a.PBLink .PBMainTxt {
    padding: 0 0 0 0;
	width:240px;
}

.itemlist a.PBLink h3 {
	color: #870078;
}

.itemlist a.PBLink h3 {
	color: #942824 /*#870078*/;
	text-shadow:none;
}

.itemlist .sectiondataarea table:hover a.PBLink h3  {
    color: #942824;
}

.itemlist .sectiondataarea a.PBLink img.imgcat {
    margin-top: 0;
}

.itemlist .sectiondataarea a.PBLink {
    margin: 0 0 12px 0;
    padding: 0;
	width:240px;
}

.itemlist .sectiondataarea a.PBLink .PBMainTxt  {	
	font-family: "oswald",Arial,Helvetica,sans-serif;
    font-weight: normal;
    margin: 0 0 10px;
    padding: 0;
    text-transform: uppercase;
	font-size: 1.2em;
	}

/**/

.itemlist a.PBLink {
}



.itemlist .sectiondataarea table .PBLongTxt {
   /* position:relative;
	left: 0;
    top: -115px;*/
}

.itemlist .sectiondataarea table:hover .PBLongTxt {
    /*color: #870078;*/
}


	
/* link img */

.itemlist a.PBLink {
	display:block;
	/*background: url(http://www.deck-linea.com/Files/20698/Img/08/picasa_zoom.png) no-repeat center center #ab5754;*/
	}

.itemlist a.PBLink img {
	/*height: 141px;*/	
	
	
	opacity: 1;/* l'opacite que vous voulez au depart */
    border: none;/* enlever les border d'une image en lien */
	border-bottom: 7px solid #ab5754;
	/*background: #ab5754;*/
	
    -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Hack IE8 */
    filter: alpha(opacity = 100); /* Hack IE 5-7 */
    -webkit-transition: opacity 0.5s ease-in-out;/* transition pour Chrome et Safari */
    -moz-transition: opacity 0.5s ease-in-out;/* transition pour Firefox */
    -o-transition: opacity 0.5s ease-in-out;/* transition pour Opéra */
    transition: opacity 0.5s ease-in-out; /* on écrit cette ligne à la fin de façon à ce que ce soit elle qui soit prise en compte lorsque l'attribut transition sera pris en compte par tous les navigateurs */
}
	
.itemlist a.PBLink:hover img {
    opacity: 0.2; /* opacite au survol */
    -ms-filter:"prodig:DXImageTransform.Microsoft.Alpha(Opacity=20)"; /* Hack IE 8 */
    filter: alpha(opacity = 20); /* Hack IE 5-7 */
	}
	
.zone_intro_categorie .imgPromoCat {padding:10px 0;text-align:center;}

/* hack Chrome / Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.itemlist .sectiondataarea a.PBLink .PBMainTxt  {	
		/*margin-top:70px;	*/
	}
}


/* hack IE 

* html .itemlist .sectiondataarea {
	padding:0;		
}

* html .itemlist .sectioncatheader .sectiondataarea {
	width:768px;
	padding:0;	
}


* html .itemlist .sectiondataarea table {
	width:100%;	
	}


* html .itemlist .sectiondataarea table a.PBLink {
	margin:0;	
	}
	
* html .itemlist .sectiondataarea table a.PBLink h3 {
	position:relative;
	top:12px;	
	}
		
* html .itemlist .sectiondataarea .PBLongTxt {
	margin-top:-8px;
	}
	
* html .itemlist .sectiondataarea a.PBLink   {	

}
	
* html .itemlist .sectiondataarea a.PBLink .PBMainTxt  {	


}*/