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;
	}
}


table tr {
    transition: all 0.3s ease;
    cursor: pointer;
}
table tr:hover {
    background: #e8f4f8;
    box-shadow: 0 4px 12px rgba(0,100,200,0.15);
    transform: translateY(-2px);
}
table tr:hover td:nth-child(4) { font-weight:bold; color:#e74c3c; }

.bouton-produit {
    transition: all 0.2s ease;
}
.bouton-produit img {
    transition: all 0.2s ease;
}
.bouton-produit:hover img {
    content: url('../images/v3/panier-hover.png');
    transform: scale(1.0);
}


        /* MENU DROPDOWN */
        .menu-nav {
            background-color: #f8f8f8;
            border-top: 1px solid #ddd;
            border-bottom: 1px solid #ddd;
            padding: 0;
            margin: 0;
        }

        .menu-nav ul {
            list-style: none;
            margin: 0;
            padding: 0;
            display: flex;
            flex-wrap: wrap;
        }

        .menu-nav > ul > li {
            position: relative;
            display: inline-block;
        }

        .menu-nav a {
            display: block;
            padding: 12px 20px;
            color: #333;
            text-decoration: none;
            font-weight: 500;
            transition: all 0.3s ease;
            border-bottom: 3px solid transparent;
        }

        .menu-nav > ul > li > a:hover {
            background-color: #e8e8e8;
            border-bottom-color: #F6450A;
        }

        /* Dropdown menu */
        .menu-nav ul ul {
            display: none;
            position: absolute;
            top: 100%;
            left: 0;
            flex-direction: column;
            background-color: white;
            border: 1px solid #ddd;
            border-top: none;
            min-width: 200px;
            box-shadow: 0 4px 6px rgba(0,0,0,0.1);
            z-index: 1000;
        }

        .menu-nav li:hover > ul {
            display: flex;
        }

        .menu-nav ul ul li {
            width: 100%;
        }

        .menu-nav ul ul a {
            padding: 10px 20px;
            border-bottom: none;
            color: #555;
            font-weight: normal;
        }

        .menu-nav ul ul a:hover {
            background-color: #f0f0f0;
            border-left: 4px solid #F6450A;
            padding-left: 16px;
        }

        /* Mobile menu responsive */
        @media (max-width: 768px) {
            .menu-nav ul {
                flex-direction: column;
            }

            .menu-nav ul ul {
                position: static;
                display: none;
                box-shadow: none;
                border: none;
            }

            .menu-nav li.active > ul {
                display: flex;
            }

            .menu-nav a {
                border-bottom: none;
                border-left: 4px solid transparent;
            }

            .menu-nav ul ul a {
                padding-left: 30px;
            }
        }