a.lientitre{
	color:#000000;
	text-decoration:none;
}
a.lientitre:hover{
	color:#F6450A;
}
div.autres-liens{
	margin:5px;
	padding:5px;
	background:#FFFFFF;
}
div.autres-liens div.titreliens{
	font-size:14px;
	font-weight:bold;
}
div.liste-liens{
	min-height:25px;
	padding:5px;
}
a.petitlien{
	font-size:12px;
	color:#989898;
	text-decoration:none;
}
a.petitlien:hover{
	color:#F6450A;
}
a.petitlienselected{
	font-size:12px;
	cursor:default;
	color:#333333;
	text-decoration:none;
}
div.vignette{
	height:92px;
	text-align:center;
}
div.vignette-frs{
	width: 145px;
	height:30px;
	margin-top:5px;
	margin-left:5px;
	vertical-align: middle;
	
	position:relative;
}
div.vignette_reserve-frs{
	width:140px;
	height:85px;
	margin-top:5px;
	margin-left:5px;
	vertical-align: middle;
	border:1px solid #FF0000;
	position:relative;
}
div.vignette-frs img{
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	max-height: 80px;
	max-width: 110px;
}
div.bloc-vignette-frs{
	width:293px;
	height:180px;
	
	float:left;
	text-align:center;
	border:#EB7602;
}
div.bloc-vignette-frs-contenu{
	padding:5px;
	height:78px;
	background:#fffdf7;
}
span.nom-marque{
	color:#000000;
	font-weight:bold;
	font-size:14px;
}
div.bloc-tri-frs{
	font-size:12px;
	font-weight:bold;
	padding-left:15px;
	min-height:30px;
	background:#e1e1e1;
	clear:left;
	line-height:30px;
	margin-bottom:20px;
}
div.bloc-vignette-frs-contenu a.lienvignettefrs{
	color:#1622d1;
	display:inline-block;
	margin:3px 0 5px 0;
}
div#bandeau-haut{
	height:60px;
	width:703px;
}

/*Mobiles*/
@media screen and (max-width: 992px){
	#liste{
		margin-top:10px;
	}
	div#bandeau-haut{
		height:60px;
		width:703px;
	}	
	a.lientitrebold{
		color:#000000;
		/* text-decoration:none; */
		font-weight:bold;
		/* cursor:default; */
	}
	div.titre{
		float:none;
		font-size:14px;
		margin-left:10px;
		z-index:0;
	}
	div.liste-produits{
		width:100%;
	}
	div.bloc-vignette{
		width:150px;
		height:180px;
		margin-bottom:20px;
		float:left;
		font-size:12px;
		text-align:center;
	}
	div.bloc-vignette-contenu{
		padding:5px;
		height:78px;
	}
	a.lienvignettefrs img,a.lienvignettefamille img{
		border:1px solid #FFFFFF;
	}
	a.lienvignettefamille{
		color:#0087B4;
		font-size:14px;
		font-weight:bold;
		text-decoration:none;
	}
	a.lienvignettefrs:hover,a.lienvignettefamille:hover{
		color:#F6450A;
		 text-decoration:underline;
	}
	div.ligne-produit{
		min-height:78px;
		border-top:2px solid #B7B7B7;
		position:relative;
	}
	div.ligne-produit div.vignette{
		width:110px;
		height:65px;
		margin-top:5px;
		vertical-align: middle;
		
		position:relative;
		float:left;
	}
	div.ligne-produit div.vignette img{
		position: absolute;
		margin: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		max-height: 120px;
		max-width: 80px;
	}
	div.ligne-produit div.nom-produit{
		float:left;
		width:calc(100% - 163px);
		height:36px;
		overflow:hidden;
		margin-left:2px;
		margin-top:5px;
		font-size:16px;
	}
	div.ligne-produit div.nom-produit a{
		color:#0089B8;
		text-decoration:none;
	}
	div.ligne-produit div.marque-produit{
		float:left;
		width:calc(100% - 163px);
		height:16px;
		overflow:hidden;
		margin-left:2px;
		font-size:11px;
	}
	div.ligne-produit div.marque-produit a{
		color:#BB2449;
		text-decoration:none;
		font-size:14px;
		font-weight:bold;
	}
	div.ligne-produit div.reffrs-produit{
		float:left;
		width:100px;
		height:16px;
		overflow:hidden;
		font-size:11px;
	}
	div.ligne-produit div.reffrs-produit a{
		color:#0089B8;
		text-decoration:none;
	}
	div.ligne-produit div.ligne3{
		width:calc(100% - 112px);
		/* height:21px; */
		float:left;
	}
	div.ligne-produit div.id-produit{
		float:left;
		/* width:40%;
		height:21px; */
		overflow:hidden;
		margin-left:2px;
		font-size:10px;
	}
	div.ligne-produit div.id-produit a{
		color:#EB7602;
		text-decoration:none;
		font-size:14px;
	}
	div.ligne-produit div.prix-produit{
		float:left;
		width:59%;
		height:21px;
		overflow:hidden;
		font-size:14px;
		font-weight:bold;
		text-align:right;
	}
	div.ligne-produit div.prix-produit a{
		color:#0e0d0c;
		text-decoration:none;
		font-size:16px;
	}
	div.ligne-produit div.bouton-produit {
		background:#EB7602;
		border-radius:5px;
		width:29px;
		height:29px;
		float:left;
		position:absolute;
		right:5px;
		margin-top:5px;
		padding:6px;
		cursor:pointer;
	}
	div.ligne-produit div.bouton-produit:hover {
		background:#F6450A;
	}
	div.ligne-produit div.stock-produit {
		width:16px;
		height:16px;
		position:absolute;
		margin-top:2px;
		left:4px;
	}
	#moreMobile{
		text-align:center;
		padding-top:10px
	}
	#moreMobile a{
		display:block;
		margin:0 auto 0 auto;
		width:200px;
		text-align:center;
		font-weight:bold;
		padding:5px 10px 5px 10px;
		background:#337AB7;
		color:#FFFFFF;
		border-radius:5px;
		border:1px solid #CCC;
		cursor:pointer;
	}
	#moreMobile a:hover{
		background:#45A3F5;
	}
	.reserve{
		font-size:10px;
		color:#A41641;
		margin-left:5px;
	}
	.obsolete{
		font-size:10px;
		color:#FF0000;
		margin-left:5px;
		font-weight:bold;
	}
	.class-reserve-mobile {
		font-family: Helvetica,Verdana,sans-serif; 
		font-size: 16px;
	}	
	.class-reserve-normal {
		display: none;
	}
	#bandeau-haut-full {
		padding: 15px;
	}
	#pdetachtreeview {
		width: 100%;
	}
}
/*Fin Mobiles*/
/*Desktop >992*/
@media screen and (min-width:992px){

	div.liste-liens{
		min-height:25px;
		padding:10px;
	}
	.class-reserve-mobile {
		display: none;
	}
	.class-reserve-normal {
		font-family: Helvetica,Verdana,sans-serif; 
		font-size: 16px;
	}		
	div.liste-vignettes{
		margin-top:20px;
	}
	div.bloc-vignette{
		width:165px;
		height:180px;
		margin-bottom:20px;
		float:left;
		font-size:12px;
	}
	div.bloc-vignette2{
		width:330px;
		height:360px;
		margin-bottom:20px;
		float:left;
		font-size:12px;
	}
	table.vignette{
		width:120px;
		height:100px;
		margin:auto;
		vertical-align:middle;
		text-align:center;
		border:1px #EBEBEB solid;
	}
	table.vignette_reserve{
		width:120px;
		height:100px;
		margin:auto;
		vertical-align:middle;
		text-align:center;
		border:1px #FF0000 solid;
	}
	table.vignette2{
		width:300px;
		height:220px;
		margin:auto;
		vertical-align:middle;
		text-align:center;
		border:1px #EBEBEB solid;
	}
	span.titrefamille{
		font-size:16px;
		font-weight:bold;
	}
	div.bloc-vignette-contenu{
		padding:5px;
	}
	div#liste{
		min-width:703px;
		margin-top:20px;
	}
	a.petitlien{
		color:#989898;
		text-decoration:none;
	}
	a.petitlien:hover{
		color:#F6450A;
	}
	a.petitlienselected{
		cursor:default;
		color:#333333;
		text-decoration:none;
	}
	a.vignette-liste img{
		border:1px solid #EBEBEB;
	}
	a.vignette-liste:hover img{
		border:1px solid #989898;
	}
	a.produit-liste span{
		text-decoration:none;
	}
	a.produit-liste:hover span{
		text-decoration:underline;
	}
	div.bloc-vignette-contenu{
		text-align:center;
	}
	div#bandeau-haut{
		height:60px;
		width:703px;
	}
	img.picto{
		vertical-align:middle;
	}
	div.titre{
		width:600px;
		position:relative;
		float:none;
		font-size:12px;
		height:60px;
		line-height:60px;
		margin-left:10px;
	}
	table.titre{
		height:55px;
		width:100%;
		padding:0;
		margin:0 0 0 5px;
	}
	table.titre tr td{
		height:55px;
		text-align:left;
		vertical-align:middle;
		font-size:12px;
		padding:0;
		margin:0;
	}
	div.filtrage{
		display:none;
		float:right;
		width:200px;
		height:60px;
		line-height:60px;
	}
	a.lientitre{
		color:#000000;
		text-decoration:none;
	}
	a.lientitre:hover{
		color:#F6450A;
	}
	a.lientitrebold{
		color:#000000;
		/* text-decoration:none; */
		font-weight:bold;
		/* cursor:default; */
	}
	div.total-pdetach{
		width:703px;
		text-align:center;
		height:30px;
		line-height:30px;
		font-weight:bold;
		font-size:12px;
		margin-bottom:20px;
	}
	table.tablecentre{
		margin:auto;
	}
	a.lienvignettefrs{
		color:#000000;
		text-decoration:none;
	}
	a.lienvignettefrs:hover{
		color:#c21867;
		text-decoration:underline;
		font-weight:bold;
	}	
	a.lienvignettefrs:hover img,a.lienvignettefamille:hover img{
		border:1px solid #989898;
	}
	a.lienvignettefrs img,a.lienvignettefamille img{
		border:1px solid #FFFFFF;
	}
	a.lienvignettefamille{
		color:#0087B4;
		font-size:14px;
		font-weight:bold;
		text-decoration:none;
	}
	a.lienvignettefrs:hover,a.lienvignettefamille:hover{
		color:#F6450A;
	}
	span.nom-marque{
		color:#000000;
		font-weight:bold;
		font-size:18px;
	}
	span.soon{
		font-size:10px;
		font-weight:bold;
		color:#989898;
	}
	div.autres-liens{
		margin:10px;
		padding:10px;
		background:#FFFFFF;
	}
	div.autres-liens div.titreliens{
		margin-left:10px;
		font-size:14px;
		font-weight:bold;
	}
	div.colonne1{
		float:left;
		margin-right:10px;
	}
	div.colonne3{
		float:right;
	}
	DIV.produit-nom{
		color:#0087B4;
		font-size:16px;
		font-weight:bold;
		margin-left:10px;
	}
	div.produit-marque{
		color:#A41641;
		font-size:14px;
		margin-left:10px;
		font-weight:bold;
	}
	div.prix-cadre{
		padding:10px;
		background:#FFFFFF;
	}
	div.prix-normal{
		color:#000000;
		font-size:12px;
		margin-left:10px;
		margin-bottom:12px;
		margin-top:7px;
	}
	div.prix-surbrillance{
		color:#F6450A;
		font-size:14px;
		font-weight:bold;
		margin-left:10px;
		margin-top:0px;
	}
	a.bouton-ved{
		display:block;
		margin:auto;
		margin-top:20px;
		margin-bottom:30px;
		width:136px;
		height:27px;
		background:url(../images/ajouter-au-panier.png) no-repeat;
		border:none;
		color:#FFFFFF;
		font-size:10px;
		padding-left:35px;
		padding-top:5px;
		cursor:pointer;
		text-decoration:none;
	}
	a.bouton-ved:hover{
		color:#F6450A;
	}
	table.tableau a.bouton-panier-liste{
		display:block;
		margin:auto;
		margin-top:5px;
		margin-bottom:0px;
		width:95px;
		height:23px;
		background:url(../images/ajouter-au-panier.png) no-repeat;
		border:none;
		color:#FFFFFF;
		font-size:10px;
		padding-left:35px;
		padding-top:5px;
		cursor:pointer;
		text-decoration:none;
	}
	table.tableau a.bouton-panier-liste:hover{
		color:#F6450A;
	}
	a.lien-tableau-vignetteVP img{
		border:1px solid #EBEBEB;
	}
	a.lien-tableau-vignetteVP:hover img{
		border:1px solid #989898;
	}
	a.lien-tableau-vignetteVP:hover span{
		text-decoration:underline;
	}
	a.lien-tableau-vignetteVP{
		text-decoration:none;
	}
	a.lien-tableau-vignette{
		display:block;
		border:1px solid #EBEBEB;
		width:212px;
		height:122px;
		line-height:120px;
		text-align:center;
	}
	a.lien-tableau-vignette:hover{
		border:1px solid #989898;
	}
	a.lien-tableau-vignette img{
		vertical-align:middle;
	}
	div.prix-cadre img{
		display:block;
		float:left;
	}
	a.lien-nom-listeprod{
		color:#0087B4;
		font-size:16px;
		font-weight:bold;
		text-decoration:none;
	}
	a.lien-nom-listeprod:hover{
		text-decoration:underline;
	}
}