/* ------------------------------------- */
/*				DEBUT RESET				*/
/* ----------------------------------- */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend
/*
,table, caption, tbody, tfoot, thead, tr, th, td
*/ {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
/*table {
	border-collapse: collapse;
	border-spacing: 0;
}*/


/* clearfix */
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; }  /*IE7*/

/* ------------------------------------- */
/*				FIN RESET				*/
/* ----------------------------------- */



body {
	font-family: Helvetica, 'Droid Sans', Arial;
	color: #686868;
	text-size-adjust: none;
	font-size: 0.9em;
	background: #ffecc7;
}

#bg {
	padding-left: 80px;
	padding-right: 80px;
	/* background: url("images/body-fond.png") repeat-x top left; */
	background: linear-gradient(180deg, #411e19 0%, #bc6e51 43%, #f0b178 43%, #ffecc7 100%);
	background-size: 8px 452px;
	background-repeat: repeat-x;
	background-position: top left;
}

@media (max-width: 1280px)
{
	#bg {
		padding-left: 60px;
		padding-right: 60px;
	}
}

@media (max-width: 1024px)
{
	#bg {
		padding-left: 40px;
		padding-right: 40px;
	}
}

@media (max-width: 820px)
{
	#bg {
		padding-left: 0px;
		padding-right: 0px;
	}
}

p {
	font-size: 0.8em;
}

a {
	text-decoration: none;
}

.logo-print {
	display: none;
}

#contact-print {
	display: none;
}

#global {
	position: relative;
	max-width: 1480px;
	margin: 0 auto; 
}

	

	h2 {
		font-size: 1.4em;
		padding: 0 0 10px 0;
	}
	
	h3 {
		font-size: 1.1em;
	}

	#header {
		position: relative;
		/* background: url("images/header-fond.png") no-repeat top center; */
		height: 164px;
		text-align: center;
		color: #213543;
		overflow: hidden;
	}

		#header::before {
			content: '';
			position: absolute;
			width: 60%;
			height: 150%;
			top: 25%;
			left: 20%;
			background: radial-gradient(closest-side, #ffc293c9 0%, #ff844254 50%, #ffb58d00 100%);
		}
	
		#header .main-logo {
			position: relative;
		}
	
	
		#header h1 a {
			position: relative;
			top: 126px;
			letter-spacing: 0.3em;
			font-size: 1.2em;
			color : #ffe9d6;
		}
	
		#bloc-langue {
			position: absolute;
			top: -34px;
			right: 0;
			padding: 8px 0 6px 0;
			background: linear-gradient(0deg, #5a1f0f 0%, #64200d 45%, #813a1f 55%, #ad5a3c 100%);
			width: 253px;
			text-align: center;
			color: #ffe0a5;
			font-size: 0.75em;
		}

			#bloc-langue::after
			{
				content: '';
				position: absolute;
				bottom: 0;
				left: 0;
				width: 100%;
				height: 1px;
				background: linear-gradient(90deg, #ffe0c400, #ffe0c4ff, #ffe0c400);
			}
		
			#bloc-langue #google_translate_element {
				padding: 0 0 6px 0;
			}
			
				#bloc-langue #google_translate_element a {
					color: gray;
					padding: 0 0 6px 0;
				}
		
			#bloc-langue a {
				color: #fff5e3;
			}
			
				#bloc-langue a:hover {
					color: #ffffff;
				}
		
	#menu {
		position: relative;
		z-index: 10;
		background: linear-gradient(0deg, #5a1f0f 0%, #64200d 45%, #813a1f 55%, #ad5a3c 100%), #5a1f0f;
		background-size: 100% 30px;
		background-repeat: no-repeat;
		
		height: 30px;
		color: white;
		font-size: 0.9em;
	}

		#menu::after
		{
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 1px;
			background: linear-gradient(90deg, #ffe0c400, #ffe0c4ff, #ffe0c400);
		}
	
		#menuDeroulant {
			position: absolute;
			top: 0;
			left: 0;
			/* width: 800px; */
			height: 100%;
			list-style-type: none;
			margin: 0;
			padding: 0;
			border: 0;
		}
		
			#menuDeroulant li {
				display: inline-block;
				margin: 0;
				padding: 0;
				border: 0;
			}
			
			
				#menuDeroulant .sousMenu {
					position: absolute;
					display: none;
					list-style-type: none;
					margin: 0;
					padding: 0;
					border: 0;
				}
				
				#menuDeroulant li:hover > .sousMenu { 
					display: block; 
				}
				
					#menuDeroulant .sousMenu li {
						display: block;
						white-space: nowrap;
						margin: 0;
						padding: 0;
						border: 0;
					}
					
					
				#menuDeroulant li a:link, 
				#menuDeroulant li a:visited {
					display: block;
					margin: 1px 0 0 0;
					padding: 7px 12px 0 12px;
					/*height: 1%;*/
					height: 22px;
					text-align: center;
					text-decoration: none;
					color: #ffc7a1;
				}
						
				#menuDeroulant li a:hover { 
					background: url("images/menu-fond-actif.png") repeat-x top;
					color: #b66a4e;
				}
				#menuDeroulant li a:active { 
					background-color: #5F879D; 
					color: #b66a4e;
				}
						
				#menuDeroulant .sousMenu li a:link,
				#menuDeroulant .sousMenu li a:visited {
					display: block;
					height: 19px;
					background: linear-gradient(0deg, #5a1f0f 0%, #ad5a3c 100%), #5a1f0f;
					color: #ffc7a1;
					margin: 0;
					border: 0;
					text-decoration: none;
				}

				#menuDeroulant .sousMenu li a:hover {
					background: url("images/menu-sous-fond-actif.png") repeat-x top;
					color: #b66a4e;
				}
				
			#menu #search {
				position: relative;
				float: right;
				height: 30px;
				line-height: 30px;
			}
			
				#menu #search input[type=submit]{
					background: url("images/search-button.png") no-repeat;
					width: 75px;
					height: 20px;
					font-size: 0.75em;
					text-align: center;
					color: #ffffb4;
					cursor: pointer;
					border:0;
				}
				
				#menu #search input[type=text]{
					background: url("images/search-field.png") no-repeat;
					width: 141px;
					height: 20px;
					font-size: 0.75em;
					text-align: left;
					color: #813a1f;
					border:0;
				}
	
	.bloc-entete {
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: relative;
		background: url("images/fiche-entete-fond-cuir.png") repeat-x top left;
		background-size: cover;
		min-height: 109px;
		margin: 20px 0 10px 0;
		color: #ffebd8;
	}

		.bloc-entete::after {
			content: '';
			position: absolute;
			top: 4px;
			right: 4px;
			bottom: 4px;
			left: 4px;
			border: 1px solid #ffe0a5;
			pointer-events: none;
			opacity: 0.65;
		}
	
		
		.bloc-entete .coup-de-coeur {
			position: absolute;
			top:-6px;
			right:-6px;
			background: url("images/coup-de-coeur.png") no-repeat top right;
			width: 108px;
			height: 107px;
		}
	
		.bloc-entete a {
			color: #ffcfa1;
		}
		
		.bloc-entete a:hover {
			color: #ffebd8;
		}
		
		
		.bloc-entete h2 {
			padding: 0;
			font-size: 1.5em;
		}
		
		.bloc-entete .block-entete-title {
			padding: 20px 20px 20px 20px;
		}
		
		.bloc-entete .block-entete-contact {
			
		}
		
		/* .enteteMarqueCategorie h2 {
			padding-left: 37px;
		} */
	
		.bloc-entete .description {	
			vertical-align: middle;
			padding: 10px 0 1em 0;
		}
		
			.bloc-entete .description  .inside {
				width:580px; 
				display:inline-block; 
				line-height: 12px;
				font-size: 0.8em;
				padding: 0 0 0 17px;
			}
	
	
		.bloc-entete .bouton-contact {
			display: block;
			overflow: hidden;
			background: url("images/bouton-contact-fond.png") no-repeat top left;
			width: 226px;
			height: 50px;			
		}
		
			.bloc-entete .bouton-contact-favorite {
				display: block;
				position: absolute;
				right: 30px;
				top: 40px;
				overflow: hidden;
				background: url("images/bouton-contact-fond.png") no-repeat top left;
				width: 226px;
				height: 50px;			
			}
		
			.bloc-entete .bouton-contact:hover, .bloc-entete .bouton-contact-favorite:hover {
				background: url("images/bouton-contact-fond.png") no-repeat -50px left;
			}
			
		.bloc-entete .sub-contact {
			width: 204px;
			text-align: right;
			font-size: 0.7em;
			color: #ffe0a5;
			margin-bottom: 1em;
		}
		
			.bloc-entete .sub-contact-favorite {
				position: absolute;
				right: 50px;
				top:20px;
				width: 204px;
				text-align: left;
				font-size: 0.7em;
				color: #ffe0a5;
			}
	
	a.add-favorit, a.print {
		background: transparent url('images/bouton-fav-right.png') no-repeat scroll top right; 
   		display: inline-block;
   		height: 49px;
   		margin: 0 6px 10px 0;
   		padding-right: 19px;
   		
   		text-decoration: none;
   		color: #d99b6d;
   		font-size:12px;
	}
	
	a:hover .add-favorit, a:hover .print {
		color: #c56c2a;
   	}
	
		a.add-favorit span , a.print span {
			
			display: block;
			line-height: 49px;
		} 
		
		a.add-favorit span {
			background: transparent url('images/bouton-fav-left.png') no-repeat; 
			padding: 0px 0 5px 45px;
		}
		
		a.print span {
			background: transparent url('images/bouton-print-left.png') no-repeat;
			padding: 0px 0 5px 60px; 
		}
		
		a.add-favorit:hover span , a.print:hover span{
			text-decoration:underline;
			color: #c56c2a;
		}
		
		
	
	/* .content {
		background: url("images/content-fond-middle.png") repeat-y right;
		width: 828px;
		padding: 0px 26px 10px 12px;
		color: #814836;
		position: relative;
	}
	 */
	.content {
		background: #fff8ea;
		padding:16px;
		margin: 16px 0 32px 0;
		color: #814836;
		position: relative;
		box-shadow: 5px 5px 5px #dfb18d88;
		overflow: hidden;
	}
	
		.content a {
			color: #d37e51;
		}
		
			.content a:hover {
				text-decoration: underline;
			}
	
		.content ol,.content ul {	
			margin: 0 0 12px 22px;
			font-size: 0.8em;
		}
		
		.content li {	
			
		}
	
		.content p {
			
			padding: 0 0 12px 0;
		}
	
		.content img {
			
		}
		
		.content .date {
			font-size: 0.8em;
			color: #e39c58;
		}
		
		.content p {
			color: #814836;
		}
		
		.content .retour-ligne {
			display: block;
			clear: both;
		}
		
		.content .liste-fiches {
			float: left;
			margin: 0 10px 10px 0;
			background: #5b1c02 url("images/bloc-fiches-fond.png") repeat-x top;
			border:4px solid #612002;
			min-width: 220px;
		}
		
			.content .liste-fiches h3 {
				padding: 10px;
				font-weight: normal;
				color:#ffd58b;
			}
			
			.content .liste-fiches ul {
				padding: 0 20px 10px 20px;
			}
			
				.content .liste-fiches ul li a, .content .liste-fiches ul li {
					padding: 4px 0;
					color: #ffeac5;
				}
				
					.content .liste-fiches ul li a:hover {
						color: #ffffff;
					}
					
				.content .liste-fiches ul li a span {
					font-size: 0.8em;
					color: #ffcfa1;
				}
				
					.content .liste-fiches ul li a:hover span {
						color: #ffffff;
					}
					
		.content h3 a {
			color: #bd6510;
		}
		
			.content h3 a:hover {
				color: #e58222;
			}
			
			
			
		.prix {
			text-align: right;
			position: relative;
			clear: both;
		}
		
		.prix-interne {
			color: #ffd477;
			font-size: 1.8em;
			position: relative;
			right: -30px;
		}	
		
		.prix-interne .prix-gauche {
			background: url('images/prix-fond-gauche.png') no-repeat top left;
			width: 11px;
			height: 64px;
			float: right;
			margin: 0;
			padding: 0;
		}
		.prix-interne .prix-middle {
			position: relative;
			background: url('images/prix-fond-middle.png') repeat-x top;
			height: 64px;
			float: right;
			margin: 0;
			padding: 26px 4px 0 4px;
		}
		
		.prix .prix-interne .prix-middle .depot {
			left: 8px;
		}
		
		.prix-interne .prix-droite {
			background: url('images/prix-fond-droit.png') no-repeat top right;
			width: 9px;
			height: 64px;
			float: right;
			margin: 0;
			padding: 0;
		}
		
		.content .info {
			font-size: 0.4em;
			position: absolute;
			top: 14px;
			left: 4px;
		}
		
		.prix .indication-asterique {
			position: relative;
			top:-10px;
			font-size: 0.7em;
			clear: both;
			display: block;
		}
			
		/* depot-vente */
		#filtre {
			position: relative;
			color: #fff5c8;
			font-size: 0.8em;
		}
		
			#filtre #bt-filtre {
			float: left;
			margin: 20px 0 34px 0;
		}
		
			#filtre #menu-filtre {
				display: none;
				position: absolute;
				z-index: 1000;
				background: #5c1d02 url('images/fiche-entete-fond-contact.png') repeat-x;
				border: solid 4px #612002;	
				float: left;
				top: 47px;
				padding: 12px;
			}
		
		.content-simple .prix {
			position: absolute;
			bottom: 2px;
			right: 14px;
		}
		
			.content-simple .prix .prix-interne {
			    right: 0;
			    font-size: 1.2em;
			}
			
			.content-simple .prix .prix-interne .prix-gauche {
			    background: url('images/prix-depot-left.png') no-repeat top left;
			    height: 42px;
			}
			
			.content-simple .prix .prix-interne .prix-middle {
			    background: url('images/prix-depot-middle.png') repeat-x top;
			    height: 42px;
			    padding: 12px 14px 0 14px;
			}
			
			.content-simple .prix .prix-interne .prix-droite {
			    background: url('images/prix-depot-right.png') no-repeat top right;
			    height: 42px;
			}
			
		.content-simple .contact {
			position: absolute;
			color: #fff400;
			top: 14px;
		}
		
		.content .contact {
			position: relative;
			clear: both;
			color: #fff400;
			font-size: 0.8em;
			padding: 14px 0 0 0;
		}
			
			.content-simple .contact .prix-interne .prix-gauche,
			.content .contact .prix-interne .prix-gauche {
			    background: url('images/contact-depot-left.png') no-repeat top left;
			    height: 56px;
			}
			
			.content-simple .contact .prix-interne .prix-middle,
			.content .contact .prix-interne .prix-middle {
			    background: url('images/contact-depot-middle.png') repeat-x top;
			    height: 56px;
			    padding: 24px 14px 0 14px;
			}
			
			.content-simple .contact .prix-interne .prix-droite,
			.content .contact .prix-interne .prix-droite {
			    background: url('images/contact-depot-right.png') no-repeat top right;
			    height: 56px;
			}
			
			.content-simple .contact a,
			.content .contact a {
				color: #fff400;
			}
			
			.content-simple .contact .info,
			.content .contact .info {
				font-size: 0.5em;
				position: absolute;
				top: 14px;
				left: 15px;
			}
				
		.content-simple .categorie {
			position: relative;
			top: -10px;
		}
				
		.content-simple .lien {
			padding: 14px 0 0 0;
			font-size: 0.8em;
		}
		
		.content-simple p {
			width: 630px;
		}
		
		.content-simple ul {
			margin: 0 0 0 22px;
		}
		
		.content-simple a {
			color: #d99b6d;
		}
		
		.content-simple .tampon-vendu {
			position: absolute;
			z-index: 100;
			top: -60px;
			left: 200px;
		}
		
		.content-simple .fix-bug-min-height {
			float: left;
			height: 106px;
		}
		
		
		.no-result {
			text-align: center;
		}
		
		.no-result-hide {
			display: none;
		}
		
		
					
				
	#footer {
		clear: both;	
			
		background: linear-gradient(0deg, #712d01, #823a00);
		border:4px solid #612002;
		
		color: #ffebd8;
		font-size: 0.85em;
		font-weight: lighter;
		padding: 10px;
		margin: 20px 0 0 0;
	}
	
		#footer p {
			padding: 0 0 6px 0;
		}
	
		#footer a {
			color: #ffcfa1;
		}
		
		#footer a:hover {
			color: #ffebd8;
		}
		
	#page-contact {
		display: flex;
		justify-content: center;
	}
	
		#page-contact .bloc-entete {
			flex-direction: column;
			background: #5c1d02 url('images/fiche-entete-fond-contact.png') repeat-x;
			border: solid 4px #612002;
			width: 292px;
			padding: 14px;
			margin-right: 20px;
			margin-top: 16px;
		}
		
		#page-contact .bloc-entete p {
			padding: 0 0 12px 0;
		}
		
		#page-contact .formulaire {
		}
		
			#page-contact .formulaire form {
				padding: 0 6px 0 0;
			}
		
			#page-contact .formulaire #message {
				width: 100%;
			}
		
			#page-contact .content-up {
				width: 500px;
			}
			
			#page-contact .content-down {
				width: 500px;	
			}
			
		.erreur {
			width: 420px;
			padding: 30px;
			margin: 0 auto 30px auto;
			background: #ffacac; 
			text-align: center;
			color: #8b0000;
		}	
		
		.message {
			width: 420px;
			padding: 30px;
			margin: 0 auto 30px auto;
			background: #e3ffac; 
			text-align: center;
			color: #537200;
		}
		
@media (max-width: 1024px)
{	
	#page-contact {
		flex-direction: column;
		align-items: center;
	}

	#page-contact .bloc-entete {
		width: 572px;
		margin-right: 0;
		box-sizing: border-box;
	}

	#page-contact .content {
		margin: 0;
	}
}
			
@media (max-width: 720px)
{
	#menu {
		height: auto;
	}

	#menuDeroulant {
		position: relative;
		float: none;
		text-align: center;
	}
	
	#menu #search {
		float: none;
		text-align: center;
	}

	.bloc-entete {
		display: block;
	}
		
	.bloc-entete .block-entete-contact {
		padding: 0 20px 20px 20px;
	}

	.bloc-entete .sub-contact {
		text-align: left;
	}
}

@media (max-width: 720px)
{
	#page-contact {
		display: block;
	}

	#page-contact .bloc-entete {
		width: auto;
	}

	#page-contact .content {
		width: auto;
	}
}

@media (pointer:coarse)
{
    #menuDeroulant .sousMenu {
		display: none;
	}

	#menuDeroulant li:hover > .sousMenu { 
		display: none;
	}
}