
  /*////////////////
 ///// Rgles /////
////////////////*/

/* Convention de nommage : camelCase + conteneurTypeLibell */
/* Hirarchisation :
   1. Le positionnement => display  visibility  position  top/right/bottom/left  z-index  float  clear
   2. Les marges et bordures => margin  padding  border
   3. Les dimensions => width  height  min-width/max-width  min-height/max-height
   4. Les proprits de texte => font  line-height  text-align  text-indent  text-decoration  text-transform  letter-spacing  word-spacing  color
   5. L'arrire-plan => background */

H1 {
	font-family:arial;
	font-weight:bold;
	font-size:26px;
	line-height:26px;
	color:#2b321b;
	margin-top:15px;
	margin-bottom:5px;
	padding-left:15px;
	float:left;
	height:40px;
}

H1 span.nbProduits {
  font-size: 14px;
}

H2.titreRechercheIndex, H2.titreRechercheProduit {
	width:100%;
	float:left;
	font-size:18px;
	color:#2B321B;
	margin-top:10px;
}

H2.titreRechercheProduit {
	margin-top:25px;
}

.nomProduitIndex {
	color:#2b321b;
	font-family:arial;
	font-weight:bold;
	font-size:14px;
	margin-top:5px;
	float:left;
	width:230px;
	padding-right:17px;
}

.blocProduitCategorie{
	width:260px;
	/*margin-top:20px;
	height:288px;*/
	float:left;
	font-family:arial;
	font-size:10px;
	font-weight:bold;
}

.blocTitreProduitCat{
	color:#2b321b;
	height:50px;
	width:90%;
}

.blocTitreProduit{
	color:#2b321b;
	/*height:56px;*/
	width:90%;
	padding-bottom:3px;
	border-bottom:1px solid #e5e5e5;
	margin-top:20px;
}

.blocPrixPanierProduitCategorie{
	margin-top:8px;
	height:32px;
	width:242px;
}

.blocPrixCategorie{
	margin-top:2px;
	height:32px;
	width:242px;
}

.blocprixProduitCategorie {
	font-family:arial;
	float:left;
	/*width:98px;*/
}

.prixProduitCategorie{
	font-size:20px;
	font-weight:bold;
	float:left;
	line-height:22px;
	padding-top:2px;
}

.prixProduitCategorie sup {
	font-size:12px;
}

.blocTextePrixProduitCategorie{
	color:#83b720;
	height:26px;
	float:left;
}

.textePrixProduitCategorie{
	font-size:9px;
	float:left;
	margin-top:12px;
}

.textePrixProduitCategorie img {
	margin-top:3px;
}

.textePrixCategorie{
	font-size:10px;
	float:left;
	color:#aeaca6;
}

.ancienPrixProduitCategorie{
	font-family:arial;
	font-size:12px;
	font-weight:normal;
	color:#f86f00;
}


H2 {
	font-size:20px;
	line-height:20px;
	margin:0;
	text-align:left;
}

H3 {
	font-family:arial;
	font-size:10px;
	font-weight:bold;
	color:#2B321B;
	margin:0;
}

.blocImgProduitCategorie{
	width:240px;
	height:205px;
	padding-top:10px;
	text-align:center;
	position:relative;
	cursor:pointer;
}

.blocImgProduitCategorie #informationCouleur{
	position: absolute;
	left:0px;
	bottom:0px;
	padding-bottom:8px;
	padding-top:6px;
	padding-left:5px;
	padding-right:2px;
	width:234px;
	text-align:left;
	/*border:solid 1px #e5e5e5;
	border-top:none;*/
	color:#2b321b;
	font-size:11px;
	font-weight:bold;
	background-image:url(../../front/img/fond_coloris.png);
	background-position:top;
	background-repeat:repeat;
}

.blocImgProduitCategorie #informationCouleur img {
	margin-left:8px;
}

.blocImgProduitCategorie table {
	height:100%;
}

.blocTitreProduit a:link{color:#2B321B;text-decoration:none;}
.blocTitreProduit a:active{color:#2B321B;text-decoration:none;}
.blocTitreProduit a:visited{color:#2B321B;text-decoration:none;}
.blocTitreProduit a:hover{color:#2B321B; text-decoration:none;}

.blocTitreProduitCat a:link{color:#2B321B;text-decoration:none;}
.blocTitreProduitCat a:active{color:#2B321B;text-decoration:none;}
.blocTitreProduitCat a:visited{color:#2B321B;text-decoration:none;}
.blocTitreProduitCat a:hover{color:#2B321B; text-decoration:none;}

.blocTitreProduitCat a.categorie_pack:link {color:#F16C00;}
.blocTitreProduitCat a.categorie_pack:active{color:#F16C00;}
.blocTitreProduitCat a.categorie_pack:hover{color:#F16C00;}
.blocTitreProduitCat a.categorie_pack:visited {color:#F16C00;}


.blocImgAutreProduit{
	width:132px;
	text-align:center;
	position:relative;
}

#meaCategorie{
	width:848px;
	height:187px;
	float:left;
	/*background-image:url(../../front/img/fond_mea.gif);
	background-position:bottom;
	background-repeat:repeat-x;*/
	/*background-image:url(../../front/img/MEA.gif);
	background-repeat:no-repeat;
	background-position:top right;
	position:relative;*/
}

#blocContenuProduitsCategorie .row {
	height:auto;
	display:table;
	float:left;
}

#descriptifCategorie{
	float:left;
	width:780px;
	color:#2B321B;
	font-size:11px;
	text-align:justify;
}

#descriptifCategorie P {
	margin-top:5px;
	margin-bottom:5px;
	padding:0;
}


/********************************/
/******** PLAN DU SITE *********/
/******************************/

#tabPlanSite {
	width:100%;
}

#tabPlanSite td.nomLienPlanSite{
	padding-bottom:5px;
	font-size:14px;
	font-weight:bold;
	color:#2B321B;
	padding-right:20px;
}

.selectCategorie {
  float:right;
  /*margin-right:20px;*/
  margin-top:7px;
  width: 420px;
}

.selectCategorie ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.selectCategorie ul li {
  float: left;
  margin-right: 20px;
  margin-bottom: 10px;
  width: 190px;
}

.selectCategorie ul li a {
  background-image:url(../../front/img/arrow.png);
	background-repeat:no-repeat;
	background-position:center left;
  padding-left: 10px;
 }

.selectCategorie ul li a:link{color:#2B321B;text-decoration:none;}
.selectCategorie ul li a:active{color:#2B321B;text-decoration:none;}
.selectCategorie ul li a:visited{color:#2B321B;text-decoration:none;}
.selectCategorie ul li a:hover{color:#2B321B; text-decoration:underline;}

.linkAttitudeBureaux {
  float: right;
  margin: 20px;
}

.linkAttitudeBureaux:link, .linkAttitudeBureaux:active, .linkAttitudeBureaux:visited {
  color:#F16C00 !important;
}
