@font-face {
  font-family:OpenSans;
  src:url('/app/fonts/open-sans-regular.woff');
}
body {
	font-family:OpenSans;
	font-size:16px;
	font-weight:400;
	color:#000000;
	background-color:#FFFFFF;
	margin:0;
}
p {
	margin-top:0;
}
h1 {
	font-size:24px;
	border-bottom:solid 1px #959192;
	margin:0;
	padding-bottom:6px;
	background-image:url('/app/img/h1-ligne.webp');
	background-repeat:no-repeat;
	background-position:-76px bottom;
}
h2 {
	font-size:21px;
}
h3 {
	font-size:18px;
}
a {
	color:#0000FF;
}
#header {
	position:relative;
	z-index:2;
	box-shadow:0px 3px 5px 0px rgba(119, 119, 119, 0.75);
}
#header .header:nth-child(1) {
	height:134px;
	background-color:#FFFFFF;
}
#header .header:nth-child(2) {
	height:70px;
	background-color:#F4F0EF;
}
#header .header .content {
	width:1400px;
	margin:0 auto;
}
#header .header:nth-child(1) .content {
	position:relative;
}
#logo {
	position:absolute;
	left:0;
}
#accroche {
	position:absolute;
	top:12px;
	left:0;
}
#accroche span.zone {
	font-weight:bold;
}
#accroche span.nom {
	font-weight:bold;
}
#annonce {
	padding:10px 20px;
    position:absolute;
    top:0;
    right:322px;
}
#annonce span {
	font-weight:bold;
}
#recherche {
	position:absolute;
	top:66px;
	left:404px;
}
#recherche input {
	width:640px;
	font-size:18px;
	padding:8px 15px;
	font-family:OpenSans;
}
#menu_bouton {
	display:none;
}
#panier {
	position:absolute;
	top:46px;
	right:0;
	text-decoration:none;
	color:#000000;
	text-align:center;
}
#compte {
	position:absolute;
	top:44px;
	right:150px;
	text-decoration:none;
	color:#000000;
	text-align:center;
}
#menu ul li {
	list-style:none;
}
#menu ul a {
	text-decoration:none;
	color:#000000;
}
#menu .on {
	color:#FFFFFF;
}
#menu > ul {
	display:block;
	margin:0 auto;
	padding:0;
	width:1400px;
	position:relative;
}
#menu > ul > li {
	display:inline-block;
	padding:17px 0;
}
#menu > ul > li > span {
	display:table-cell;
	padding:10px 15.25px;
	height:16px;
	vertical-align:middle;
	cursor:default;
}
#menu > ul > li > ul {
	display:none;
	position:absolute;
	top:70px;
	background-color:#FFFFFF;
	box-shadow:0px 3px 5px 0px rgba(119, 119, 119, 0.75);
	text-align:left;
	padding:0;
	width:320px;
}
#menu > ul > li > ul > li {
	display:block;
}
#menu > ul > li > ul > li > a {
	padding:10px 15.25px;
	display:block;
}
#menu > ul > li > ul > li > ul {
	padding:0;
	border-top:solid 1px #C0C0C0;
	border-bottom:solid 1px #C0C0C0;
}
#menu > ul > li > ul > li > ul > li {
	display:block;
}
#menu > ul > li > ul > li > ul > li > a {
	padding:10px 15.25px 10px 25.25px;
	display:block;
}
#main {
	padding-bottom:40px;
}
#main .content {
	width:1400px;
	margin:0 auto;
}
#bloc_haut, #bloc_bas {
	margin-top: 40px;
	padding:10px 20px;
    border:solid 1px #959192;
}
#main .content .message {
	color:#0000FF;
	font-weight:bold;
}
#main .content .alerte {
	color:#FF0000;
	font-weight:bold;
}
#main .content .separateur {
	padding-top:10px;
	border-top:solid 1px #959192;
	margin-top:30px;
}
#fil_ariane {
	padding:40px 0 40px 0;
	font-size:15px;
}
#fil_ariane ul,
#fil_ariane ul li {
	list-style:none;
	margin:0;
	padding:0;
	display:inline-block;
}
#fil_ariane ul li span.special {
	font-weight:bold;
}
#fil_ariane ul li a {
	color:#000000;
}
#marques {
	font-family:OpenSans;
	font-size:15px;
	position:absolute;
	top:40px;
	right:0;
}
#categories {
	font-family:OpenSans;
	font-size:15px;
}
#produits {
	position:relative;
	margin-bottom:-40px;
}
#tri {
	font-family:OpenSans;
	font-size:15px;
	position:absolute;
	top:0;
	right:0;
}
.menu_pagination.haut {
	margin-top:40px;
	margin-bottom:-20px;
	font-size:15px;
}
.menu_pagination.bas {
	margin-bottom:20px;
	font-size:15px;
}
.menu_pagination > ul {
	display:block;
	margin:0 auto;
	padding:0;
	width:1400px;
	text-align:center;
}
.menu_pagination > ul > li {
	list-style:none;
	display:inline-block;
	margin-bottom:20px;
}
.menu_pagination > ul > li > span {
	font-weight:bold;
	color:#000000;
	border:solid 1px #959192;
	display:block;
	height:30px;
	width:38px;
	padding-top:8px;
	margin:0 5px;
	background-color:#BFB6B7;
}
.menu_pagination > ul > li > a {
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	border:solid 1px #959192;
	display:block;
	height:30px;
	width:38px;
	padding-top:8px;
	margin:0 5px;
}
.nb_produits {
	font-weight:bold;
	font-size:18px;
	margin-top:20px;
	text-align:center;
	margin-bottom:-20px;
}
.produits {
	margin-top:40px;
	text-align:center;
}
.produit {
	display:inline-block;
	vertical-align:top;
	width:250px;
	height:444px;
	border-top:solid 1px #959192;
	border-right:solid 1px #959192;
	border-bottom:solid 1px #959192;
	padding:14.4px;
	margin-bottom:40px;
	text-align: left;
}
.produit:nth-child(5n - 4) {
	border-left:solid 1px #959192;
}
.produit a.photo {
	position:relative;
	display:table-cell;
	height:250px;
	width:250px;
	vertical-align:middle;
	text-align:center;
}
.produit a.photo img:nth-child(2) {
	position:absolute;
	right:0;
	top:0;
	max-width:93.75px;
	max-height:93.75px;
}
.produit a.designation {
	display:block;
	height:69px;
	margin-bottom:9px;
	padding-top:9px;
	color:#000000;
	text-decoration:none;
	overflow:hidden;
}
.produit .prix {
	position:relative;
	height:33px;
	text-align:left;
}
.produit .prix a.details {
	background-color:#FFFFFF;
	position:absolute;
	top:0;
	right:47px;
	display:inline-block;
	width:81px;
	height:25px;
	border:solid 1px #000000;
	text-decoration:none;
	color:#000000;
	font-size:15px;
	text-align:center;
	padding-top:6px;
	font-weight:bold;
}
.produit .prix a.details:hover {
	color:#FFFFFF;
}
.produit .prix a.ajout_panier {
	background-image:url('/app/img/panier-noir.webp');
	background-repeat:no-repeat;
	background-position:center center;
	background-color:#FFFFFF;
	position:absolute;
	top:0;
	right:7.56px;
	display:block;
	width:29px;
	height:31px;
	border:solid 1px #000000;
}
.produit .prix a.ajout_panier:hover {
	background-image:url('/app/img/panier-blanc.webp');
}
.produit .prix span {
	font-weight:bold;
	font-size:18px;
}
.produit .stock {
	position:relative;
	height:48px;
	text-align:right;
	display:inline-block;
	width:50%;
	white-space:nowrap;
}
.produit .stock span {
	position:absolute;
	top:11px;
	right:7.56px;
	background-repeat:no-repeat;
	background-position:left center;
	display:inline-block;
	font-weight:bold;
}
.produit .stock span.indisponible {
	background-image:url('/app/img/indisponible.webp');
	color:#DF0012;
	padding-left:17px;
}
.produit .stock span.en_stock {
	background-image:url('/app/img/en-stock.webp');
	color:#91A721;
	padding-left:24px;
}
.produit .stock span.commandable {
	right:-4px;
	background-image:url('/app/img/commandable.webp');
	color:#E18305;
	padding-left:31px;
	height:28px;
	background-position:left 0;
}
.produit .frais_port {
	position:relative;
	height:48px;
	text-align:left;
	display:inline-block;
	width:50%;
}
.produit .frais_port span {
	position:absolute;
	top:11px;
	left:0;
	display:inline-block;
	font-weight:bold;
}
.produit .livraison {
	margin-top:-12px;
	font-size:15px;
	font-style:italic;
}
#footer .footer .content {
	width:1400px;
	margin:0 auto;
}
#footer .footer:nth-child(1) {
	background-color:#000000;
}
#footer .footer:nth-child(1) ul {
	display:block;
	list-style:none;
	margin:0;
	padding:24px 0 12px 0;
	text-align:center;
}
#footer .footer:nth-child(1) ul > li {
	list-style:none;
	display:inline-block;
	background-image:url('/app/img/separateur-blanc.webp');
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:42px;
	padding-right:42px;
	padding-bottom:10px;
	width:240px;
	text-align:left;
}
#footer .footer:nth-child(1) ul > li:nth-child(1) {
	background:none;
}
#footer .footer:nth-child(1) ul > li > span {
	color:#FFFFFF;
	text-transform:uppercase;
	text-align:left;
	background-repeat:no-repeat;
	background-position:left center;
	display:inline-block;
	height:29px;
	padding-top:6px;
	white-space:nowrap;
}
#footer .footer:nth-child(1) ul > li:nth-child(1) > span {
	background-image:url('/app/img/footer-sc.webp');
	padding-left:54px;
}
#footer .footer:nth-child(1) ul > li:nth-child(2) > span {
	background-image:url('/app/img/footer-colis.webp');
	padding-left:49px;
}
#footer .footer:nth-child(1) ul > li:nth-child(3) > span {
	background-image:url('/app/img/footer-3fois.webp');
	padding-left:47px;
}
#footer .footer:nth-child(1) ul > li:nth-child(4) > span {
	background-image:url('/app/img/footer-smiley.webp');
	padding-left:49px;
}
#footer .footer:nth-child(2) {
	background-color:#F4F0EF;
	border-bottom:solid 1px #C0C0C0;
}
#contact > ul {
	display:block;
	padding:30px 0 20px 100px;
	margin:0;
}
#contact > ul > li {
	list-style:none;
    display: inline-block;
    vertical-align: top;
	padding-bottom:10px;
	width:25%;
}
#contact > ul > li > a {
	text-decoration:none;
	font-weight:bold
}
#footer .footer:nth-child(3) {
	background-color:#F8F8F8;
}
#top {
	display:none;
}
#menu_deplie ul {
	display:block;
	padding:0;
	margin:0;
}
#menu_deplie ul li {
	list-style:none;
}
#menu_deplie ul a {
	text-decoration:none;
	color:#000000;
}
#menu_deplie > ul {
	padding-bottom:30px;
	padding-left:100px;
}
#menu_deplie > ul > li {
    display: inline-block;
    vertical-align: top;
	width:25%;
	padding-top:30px;
}
#menu_deplie > ul > li > span {
	cursor:default;
	font-weight:bold;
}
#menu_deplie > ul > li > ul {
	padding-top:10px;
}
#menu_deplie > ul > li > ul > li {
    display: block;
	padding:2px 0;
}
#menu_deplie > ul > li > ul > li > ul > li {
	padding:2px 0;
}
#footer .footer:nth-child(4) {
	background-color:#DFD5D4;
}
#footer .footer:nth-child(4) ul {
	display:block;
	list-style:none;
	margin:0;
	padding:22px 0 9px 0;
	text-align:center;
}
#footer .footer:nth-child(4) ul > li {
	list-style:none;
	display:inline-block;
	background-image:url('/app/img/separateur-noir.webp');
	background-repeat:no-repeat;
	background-position:left 7px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
}
#footer .footer:nth-child(4) ul > li:nth-child(1) {
	background:none;
}
#footer .footer:nth-child(4) ul > li > a {
	text-decoration:none;
	color:#000000;
	font-size:15px;
}

@media screen and (max-width: 560px) {
	.produit:nth-child(5n - 4) { border-left:none; }
	.produit:nth-child(n) {	border-left:solid 1px #959192;	}
	#contact > ul > li, #menu_deplie > ul > li { width: 100%; }
}
@media screen and (min-width: 561px) and (max-width: 840px) {
	.produit:nth-child(5n - 4) { border-left:none; }
	.produit:nth-child(2n - 1) { border-left:solid 1px #959192;	}
	#contact > ul > li, #menu_deplie > ul > li { width: 50%; }
}
@media screen and (min-width: 841px) and (max-width: 1120px) {
	.produit:nth-child(5n - 4) { border-left:none; }
	.produit:nth-child(3n - 2) { border-left:solid 1px #959192; }
	#contact > ul > li, #menu_deplie > ul > li { width: 33%; }
}
@media screen and (min-width: 1121px) and (max-width: 1399px) {
	.produit:nth-child(5n - 4) { border-left:none; }
	.produit:nth-child(4n - 3) { border-left:solid 1px #959192; }
	#contact > ul > li, #menu_deplie > ul > li { width: 25%; }
}

@media screen and (max-width: 1399px) {
	#header .header:nth-child(1) { height:auto; }
	#header .header:nth-child(1) .content { position:static; padding:10px 10px 95px 10px; width:600px; max-width:calc(100% - 20px); text-align:center; }
	#header .header:nth-child(2) { display:none; }
	#logo { position:static; display:block; }
	#accroche {	position:static; display:block; margin-top:10px; }
	#annonce { position:static; display:inline-block; vertical-align:middle; margin-top:10px; }
	#recherche { position:static; margin-top:10px; }
	#recherche input { max-width:calc(100% - 40px); }
	#menu_bouton { display:inline-block; vertical-align:top; text-align:center; margin-top:22px; position:absolute; left:20px; text-decoration:none; color:inherit; cursor:pointer; }
	#top { display:inline-block; vertical-align:top; position:absolute; margin-top:30px; margin-left:20px; cursor:pointer; }
	#panier { position:static; display:inline-block; vertical-align:top; margin-top:10px; margin-left:42px; float:right; }
	#compte { position:static; display:inline-block; vertical-align:top; margin-top:10px; float:right; }
	#main .content { padding-left:10px; padding-right:10px; width:calc(100% - 20px); }
	.menu_pagination > ul { width:100% ; }
	.produits { text-align:top; }
	#header .header .content, #footer .footer .content { width:100%; }
	#footer .footer:nth-child(1) ul > li { background:none; }
}