div#middle {
	/*background:#FFF;*/
	background: #f8f8f8 !important;
}

/**** DESCRIPTION CATEGORIE ****/

div#presentation {
	position:relative;	
	margin:2px auto 10px auto;
	/*
	padding:5px 1%;
	width:96.5%;
	border:2px solid #d5d5d5;
	*/
	width:100%;
	padding:5px 0;
}


div#presentation h1 {
	margin:0 0 40px 0;
	padding:0;
	font-size:1.1em;
	color: #2a628d;
	text-transform: uppercase;
}
.presentation-contenu {
	font-size:0.8em;
	color:#3e3e3e;
	text-align:justify;
}
.presentation-contenu p{
	margin:5px 0 0 0;
}
.presentation-contenu a { color:#2a628d;}



p.ensavoirplus {
	background:#959595;
	font-style:italic;
	font-size:0.8em;
	color:#FFF;
	margin:5px 0; padding:3px 0 5px 0;
	width:100px;
	text-align:center;
}
/*p.ensavoirplus a {color:inherit;text-decoration:none;}*/
p.ensavoirplus button {color:inherit;text-decoration:none;}
p.ensavoirplus:hover {
	background:#2a628d;
}

div#desc_complete {
	position:relative;
	width:96%;
	margin:2px auto;
	/*border:2px solid #d5d5d5;
	background:#ededed;*/
	padding:5px 1.5% 10px 1.5%;
	
}


div#produit_content {
	width:100%;
	overflow:hidden;
}

/**** LISTE PRODUITS ****/
div#produit_right {
	position:relative;
	float:right;
	width:75%;
	margin:0 0 0 3%;
	padding:0;
}
div#produit_liste {
	position:relative;
	width:100%;
	overflow:hidden;	
	padding: 2px 0 0 0;	
	display:grid; grid-template-columns:repeat(6, 1fr);
}

div#titre_liste {
	background: #2a628d none repeat scroll 0 0;
    color: #ffffff;
    height: auto;
    padding: 10px 1%;
    text-align: center;
	width:96%;
	margin:0 auto 15px auto;
	font-size:1.2em;
	text-transform:uppercase;
}

.no_result {
	position:relative;
	width:100%;
	margin:10px auto;
}

.product_cadre {
	position:relative;
	grid-column:span 2;
	margin:0 3% 15px 3%;
	/*
	float:left;
	width:31%;
	margin:0 1% 15px 1%;
	*/
	
	
	border:1px solid #FFF;
	background: #FFF;
	box-shadow: 0 0 3px #a8a8a8;
}

.product_photo {
	position:relative;
	width:100%;
	/*height:230px;*/
	height:180px;
	text-align:center;
	overflow:hidden;
}
.product_photo img {
	/*width:100%;*/
	height:100%;
}


.product_favori {height:25px;z-index:98;margin:-25px 0 0 0;position:relative;padding:3px;}
.product_favori_on, .product_favori_off {float:right;margin:0 5px 0 0;height:21px; width:21px;border-top-left-radius: 0.5em;padding:3px 6px; border-top-right-radius: 0.5em;border-top:1px solid #c5c5c5;border-left:1px solid #c5c5c5;border-right:1px solid #c5c5c5;}
.product_favori_off:hover, .product_favori_on {background:#FFF url(../img/public/favoris_on.png) center no-repeat;}
.product_favori_off, .product_favori_on:hover {background:#FFF url(../img/public/favoris_off.png) center no-repeat;}


.product_info {
	position:relative;
	/*background:#f4f4f4;*/
	background:#FFF;
	width:100%;
	padding:1% 0 15px 0;
	min-height:185px;
}
/*
.product_nom {
	text-align:center;
	margin:5px auto;
	height:48px;
	font-size:0.9em;
	overflow:hidden;
	width:96%;

	white-space: break-word;
	
	-o-text-overflow: ellipsis;
  	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.product_en_stock {
	text-align:center;
	font-size:0.8em;
	margin:10px auto 6px auto;
}

.product_en_stock p {
    width: calc(90% - 30px);
    padding: 5px 15px;
    margin: 0 auto;
}
p.en_stock {background: #dff0d8;}
p.avec_delai {background: #ffe198;}
p.rupture {background: #ff6262;color:#FFF;}
*/

.product_nom {
	margin:5px auto;
	height:auto;
	min-height:48px;
	font-size:0.9em;
	overflow:hidden;
	width:calc(100% - 30px);
	/*
	white-space: break-word;
	
	-o-text-overflow: ellipsis;
  	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	*/
}

.product_en_stock {
	font-size:0.9em;
	margin:0 auto 6px auto;
}
.product_en_stock p {
    width: calc(100% - 30px);
    padding: 5px 15px;
    margin: 0 auto;
	font-weight:bold;
}
p.en_stock {color: #659a32;}
p.avec_delai {color: #ff7f01;}
p.rupture {color: #ff2525;}



.product_cadre:hover {	
	border:1px solid #2a628d;
}
/*
.product_cadre:hover .product_info {	
	background:#f1f1f1;
}
*/
.vert {
    color: #090;
}
/*
.product_prix {
	color:#cc0000;
	font-size:1.4em;
	text-align:center;
	font-weight:bold;
}
*/
.product_prix {
	color:#252525;
	font-size:1.4em;	
	font-weight:bold;
	width: calc(100% - 30px);
    padding: 0 15px;
}

.info_reduite {
	font-size:0.9em;
}

.product_panier {text-align: center;}

.bouton_commander {
	padding:10px 0;
	/*width: calc(90% - 32px);*/
	width: calc(100% - 32px);
	background-image: linear-gradient(#6ac93d,#65c03b);
	border-radius:0.5em;
	border:1px solid #63bc3a;	
	color:#FFF;
	font-size:0.85em;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
	height:100%;
	margin:5px auto 0 auto;
}
.bouton_commander:hover {background-image: linear-gradient(#65c03b,#6ac93d);border:1px solid #5fb438;}

.product_panier .mention_ajout {
	border: 1px solid #090;
    font-size: 0.8em;
    margin: 5px auto 0;
    padding: 10px 10px 10px 10px;
    text-transform: uppercase;
    max-width: 200px;
	text-align:center;
	width:calc(96% - 22px);
	background:url(../img/public/mention_ajout_petite.png) left center no-repeat;
	background-size:20px;
}

.product_panier a, .product_prix a, .product_nom a {
	text-decoration:none;
	color:inherit;
}

/* AVIS : vignette */

.product_avis {position:relative; min-height:25px; width:calc(100% - 30px);padding:7px 15px;}


div#note_generale_etoile_top {
	position:relative;
	width:100%;
	/*max-width:235px;
	margin:10px auto;*/
	overflow:hidden;
}

div#note_generale_etoile_top .ratingWrapperSmall {
    width: 100px;
	height:23px;
    background: url("../img/avisverifies/starRatingSmallGray_v2.png") no-repeat scroll left top transparent;
	background-size:100px; 
	float:left;
	max-width:100px;
	margin:0;
	text-align:right;
}
div#note_generale_etoile_top .ratingWrapperSmall .ratingInner {
    background: url("../img/avisverifies/starRatingSmallYellow_v2.png") no-repeat scroll left top transparent;
	background-size:100px; 
	height:23px;
	width: 100px;
}

p.note_generale_nbavis_top {
	float:left;
	margin:3px 0 0 3%;
	text-align:left;
	padding:0;
	color:#000;
	font-size: 0.8em;
}
p.note_generale_nbavis_top a {color:inherit;text-decoration:none;font-size:0.8em;}












div#afficher_tout {
	position:relative;
	width:25%;
	min-width:180px;
	padding:10px;
	margin:20px auto;
	text-align:center;
	font-size:0.9em;
	color:#FFF;
	background:#2a628d;
}
div#afficher_tout a{
	color:inherit;
	display:block;
	width:100%; height:100%;
	text-decoration:none;
}
div#afficher_tout:hover {
	background:#000;
}
/**** FILTRES ****/
div#produit_filtre {
	position:relative;
	float:left;
	width:22%;
	margin:0;
	padding:0;
}
.filtre_titre {
	position:relative;
	padding:6% 0;
	margin:0 0 10px 0;
	width:97%;
	background:#ededed;
	border-left:8px solid #0079c7;
}
.filtre_titre a{
	color:inherit;
	text-decoration:none;
	width:100%; height:100%;
	display:block;	
}
div#filtre_category {
	margin:0 0 20px 0;	
}
p.filtre_categ {
	border-left:5px solid #e5e5e5;
	margin:5px 0;
	padding:0 0 0 5px;	
	font-size:0.8em;
	color:#666;
}
p.filtre_categ a {
	display:block;
	width:100%; height:100%;
	color:inherit;
	text-decoration:none;
}
p.filtre_categ:hover {
	color:#0079c7;
	border-left:5px solid #0079c7;	
}
.filtre_titre p {
	margin:0;
	padding:0 0 0 6%;
	width:88%;
	font-size:1.2em;
}
.filtre_nom {
	font-size:1em;
	border-bottom:1px solid #333;
	padding:5px 0;
	margin:0 0 10px 0;
	color:#333;
}
.filtre_titre:hover {
	background:#e2e2e2;	
}
.filtre_titre:hover #filtre_titre_on {
	color:#0079c7;
}


#filtre_titre_on {
	display:none;
	background:url(../img/public/filtre_plus.png) right no-repeat;
}
#filtre_titre_off {
	display:block;
}
div#produit_filtre .cacher {
	display:block;
}
.cacher {
	display:block;
}
.afficher {
	display:block;
}

.filtre_check {
	color:#666;
	font-size:0.9em;
}
.filtre_check:hover, .filtre_check_on {
	color:#0079c7;
	font-size:1em;
}
.value_nb_product {
	color:#666;
	font-size:0.9em;
	font-style:italic;	
}

p.no_value {
	margin:5px 0;
	padding:0 0 0 5px;
	color:#CCC;
	font-size:0.8em;
	font-style:italic;
}

p.btn_afficher_filtre {
	margin:5px 0;
	padding:0 0 0 5px;
	color:#0079c7;
	font-size:0.8em;
	font-style:italic;
	width:100%;
}
p.btn_afficher_filtre a {
	text-decoration:underline;
	color:#0079c7;	
}

div#filtre-bas {
	width:100%;
}

div#filtre-effacer {
	height:25px;
	width:25%;
	width:100%;
	overflow:hidden;
	margin:-8px 0 15px 0;
}
div#filtre-effacer p {
	height:25px;
	line-height:25px;
	width:155px;
	margin:0;
	background:#f50101 url(../img/public/effacer-critere-v3.png) left center no-repeat;
	float:right;
	font-size:0.75em;
	text-indent:30px;
	color:#FFF;
}
/*
div#filtre-effacer p:hover {
	background:url(../img/public/effacer-critere-v2.png) center no-repeat;
}
*/
div#filtre-effacer p a{
	display:block;
	width:100%;
	height:25px;
	text-decoration:none;
	color:inherit;
}
/*********************************** FIN DE FILTRES *************************************/
div#document p.lien-docs {
	height: 30px;
	line-height:30px;
	margin: 3px 0 0 0;
	text-indent: 35px;
	background:url(../img/public/docs.png) left no-repeat;
}
div#document a {
	text-decoration: underline;
	color: #2a628d;
	font-size: 0.8em;
}
div#lien-fam p.lien-liens {
	height: 30px;
	line-height:30px;
	margin: 3px 0 0 0;
	text-indent: 35px;
	background:url(../img/public/lien-ext.png) left no-repeat;
}
div#lien-fam a {
	text-decoration: underline;
	color: #2a628d;
	font-size: 0.8em;
}
/*********************************** PAGINATION *****************************************/
div#pag-1, div#pag-2 {
	border:1px solid #e9e9e9;
	background:#f6f6f6;
}
div#pag-1 {
	margin:15px auto;
}
div#pag-2 {
	margin:15px auto 0 auto;
}
/*********************************** FIN DE PAGINATION *****************************************/
/*********************************** FOIRE AUX QUESTIONS ***************************************/
div#faq {
	position:relative;
	width:99%;
	margin:30px auto 0 auto;
	overflow:auto;
}
div#faq-titre {
    background: none repeat scroll 0 0 #2a628d;
    color: #FFFFFF;
    height: 28px;
    line-height: 28px;
    margin: 0 0 15px;
    padding: 0;
    position: relative;
    width: 100%;
	font-size:1.2em;
	text-indent:12px;
}
.faq_top {
	padding:10px 0 0 0 !important;
	margin: 0 !important;
	min-height: 30px !important;
}
.faq_content {padding: 0.5% 0 !important;}
/*
.questionreponse {
	font-size:0.8em;
	margin: 0 auto 15px auto;
	width:96%;
}
.question {
	font-weight:bold;
	margin: 0 0 5px 0;
}
.reponse {
	text-align:justify;
}
.reponse p{
	margin:0;
}
*/

/************************************** PRODUITS POPUP ******************************************/

/*.prod{width:250px;height:auto;float:left;min-height:125px;margin:10px 10px 10px 40px;padding:5px;background:#FFFFFF;border:1px solid #e9e9e9;}*/
.prod {
	background: #ffffff none repeat scroll 0 0;
    border: 1px solid #e9e9e9;
    float: left;
    height: auto;
    margin: 10px 1.5% 10px 1.5%;
    min-width: 250px;
	min-height:125px;
    padding: 5px;
    width: 28.5%;
}
	
.prod_top a{width:100%;min-height:80px;display:block;text-decoration:none;}
/*.prod a:hover{border:3px solid #bb0053;width:155px;height:177px;display:block;margin:-3px;}*/
.photo-prod-on{margin:0;float:left;}
.photo-prod-off{display:none;float:left;}
.texte-prod {width:100%;text-align:center;}
.nom-prod{color:#3e3e3e;text-align:center;font-size:0.9em;margin:0 0 10px 0;}
/*.prix-prod{color:#ff671a;text-align:center;font-weight:bold;font-size:0.9em;margin:0;}*/
.prix-barre{font-size:0.8em;text-decoration:line-through;color:#7e7e7e;}
.apartir{color:#3e3e3e;font-size:0.7em;}
.voir-prod {
	position:relative;
	margin:8px 0 0 0;
	color:#2a628d;
	text-decoration:underline;
	font-size:0.8em;
}

.prod_middle {
	height:20px;
	margin:5px auto;
	width:240px;
}

.prod_bottom {
	width:100%;
	overflow:hidden;
}
.prod_bottom_left {
	float:left;
	width:45%;
	color:#093; 
	font-size:0.9em;
	line-height:30px;
}


.prod_bottom_right {
	float:right;
	width:55%;
	overflow:hidden;
}
.prix-prod{color:#ff740e;text-align:right;/*font-weight:bold;*/font-size:1.5em;margin:0 20px 0 0;float:left;line-height:30px;}
.prod_commander {float:right;width:30px;height:30px;}