/* ----------------------------
BOITE RECHERCHE DANS CATALOGUE
------------------------------*/
#header .widgetCatalogSearch{
	background: #666666;
	padding: 5px 5px 5px 15px;
	min-height: 25px;
	line-height: 100%;
	height: 100%;
} 
	#header .widgetCatalogSearch label{
		float:left;
		margin-right:10px;
		color: #ffffff;
	}
	#header .widgetCatalogSearch h4{
		display: none;
	}
	#header .widgetCatalogSearch .wordsbox{
		width:150px;
	}
	#header .widgetCatalogSearch .catalog_search_form{
		float:left;
		width:auto;
		margin:0;
	}
	#header .widgetCatalogSearch fieldset{
		float:left;
		width:auto;
		margin:0 10px 0 0;
	}
	#header .widgetCatalogSearch .submit{
		float:left;
		margin-right:10px;
	}
		#header .widgetCatalogSearch .submit input{
			padding:0;
		}
	#header .widgetCatalogSearch .row{
		clear:none;
		margin:5px 2px;
		float:left;
	}
	#header .widgetCatalogSearch a{
		line-height: 25px;
		color: #ffffff;
	}


/* ---------------------------
FICHES RESUMÉES DE PRODUITS
------------------------------*/

.catalog .short_product{
	width: 220px;
	float: left;
	margin: 0 10px 20px 0;
	padding: 0 0 10px 0;
	height: 255px;
	border-bottom: 1px solid #ccc;
}

.short_product{
	position:relative;
	color:#3d3d3d;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
}

.short_product h3{
	font-size: 18px;
	color: #454545;
	margin: 0 20px 10px 20px !important;
	height: 40px;
}

.short_product .picture{
	background: #fff;
	margin: 0 20px 10px 20px;
	
	border: 1px solid #efefef;
	-moz-box-shadow: 0 0 5px #aaa; 
	-webkit-box-shadow: 0 0 5px #aaa; 
	box-shadow: 0 0 5px #555;
	text-align: center;
	height: 160px;
	overflow: hidden;
	line-height: 160px;
}

.short_product .picture img{
	width: 150px;
	vertical-align: middle;
}

.short_product .description{
	font-size: 12px;
	color: #787878;
	margin: 0 20px 15px 20px;
}

.short_product .viewProduct{
	text-align: center;
}
	
/* --------------------------------------
PRÉSENTATION DES FAMILLES
----------------------------------------*/

.catalog .newsletter{
	font-size: 19px;
	text-align: right;
	text-transform: uppercase;
}

.catalog .newsletter span{
	color: #e35c7a;
}

.catalog .item a.btn{
	position: absolute;
	bottom : 0;
	left: 0;
	background: #3D3D3D;
	color: #fff !important;
	width: 100%;
	padding: 6px 0 6px 10px;
	display: block;
}

.catalog .item:hover a.btn{
	background: #e35c7a;
}

.gammes #famillyPresentation{
	height: auto;
	border-bottom: 1px solid #ccc;
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	float: none;
}

.gammes #famillyPicture{
	float: left;
	width: 50px;
	margin: 0 15px 0 0;
}

.gammes h2.titreGamme{
	margin: 0 0 20px 0 !important;
}

.energie #famillyDescription p, .energie h2.titreGamme{
	color: #ed7900 !important;
}

.immunite #famillyDescription p, .immunite h2.titreGamme{
	color: #e50036 !important;
}

.hydratation #famillyDescription p, .hydratation h2.titreGamme{
	color: #008ed6 !important;
}

.flore #famillyDescription p, .flore h2.titreGamme{
	color: #009a4d !important;
}

.fortifiant #famillyDescription p, .fortifiant h2.titreGamme{
	color: #dc5800 !important;
}


/* --------------------------------------
FICHE PRODUIT
----------------------------------------*/


#product{
	width: 70%;
	float: left;
	background: #fff;
	padding: 10px;
}

.listeProduits{
	background: #e2e2e2;
}

.listeProduits h4{
	margin: 0 0 20px 0;
}

.listeProduits .short_product{
	border-bottom: 1px solid #ccc;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}

.listeProduits .short_product h3{
	float: left;
	font-size: 15px !important;
	width: 50%;
	margin: 5% 0 0 5% !important;
}

.listeProduits .short_product .description, .listeProduits .short_product .viewProduct{
	display: none;
}

.listeProduits .short_product .picture{
	height: auto;
	width: 30%;
	float: left;
	margin: 0 5%;
	line-height: inherit;
}

.listeProduits .short_product .picture img{
	width: 70px;
}

#product .productPictures{
	width: 45%;
	float: left;
	margin: 5% 5% 0 0;
}

#product #text{
	float: right;
	width: 47%;
}

#product #text ul li{
	color: #787878;
	margin: 0 0 5px 0;
}

#product #text ul li div{
	display: inline;
}






