@import url(./typo.css);
@import url(./menu.css);
@import url(./catalogue.css);
/*
@import url(./menutop.css);
@import url(./default.css);
@import url(./jqzoom.css);
@import url(./public.css);
*/

/* page */
html, * {	padding:0;	margin:0;}
body {	margin:10px auto;	padding:0;	background:#fff;}
div#container {	width:980px; background-color:#FFFFFF;	margin:0px auto; padding:0px;}
div#topnavigation {	width: 100%;	height: 20px;	text-align: right;}
div#topnavigation a{text-decoration: none;	color: #000;}
div#topnavigation a:hover{text-decoration: none;color: #CF4040;}
div#ariane {margin:0px 0px 10px 0px;padding: 3px;padding-left: 10px;	font-size: 0.95em;	letter-spacing: 0.3px;	color: #000;background: #eee;}
div#ariane a {color: #000;}	
.content.h3 {margin-top: 0px;}
/*liens*/
a {color:#000; text-decoration:none;}
a:hover {text-decoration:underline;}
#header{   width: 100%;  padding:0px;margin:0px;} 
#header table {    padding:0px;margin:0px;    width: 100%;}
#header a{	text-decoration : none;}
#header h1{  font-size: 1.3em;   letter-spacing: 2px;}
#header h2{  font-size: 0.6em; letter-spacing: 2px;}
div#header {	width:980px;	min-height: 100px;}
div#header div#left { 	min-height: 90px;	padding:0px;	margin:0px;	width: 235px; 	text-align: center;	vertical-align:top;	font-size: 2em;	padding:0px 0px 0px 0px;	float: left;}
div#header div#left a{	background:url(../../images/meschaussures.jpg) left no-repeat;	width: 250px ;	height:85px;	display: block ;	position: relative ;	text-indent: -5000px ;	}
div#header div#left h2 {text-indent: -5000px ;	}
div#header div#right {	vertical-align:top;	background-color: #fff;	width:728px; 	padding: 0px;	margin: 0px;	float: right;	text-align: center;}
#content {width: 980px;	min-height: 500px; height: 100%; background: #fff; padding: 0px; margin-bottom: 30px;}
/*footer*/
#footer {border-top: 1px solid #CF4040;border-radius: 0 0 5px 5px; width: 980px;background: #eee;padding-bottom: 10px;	margin-bottom: 10px;padding: 5px;text-align: left;color: #666;}
#footer a{color: #666; text-decoration:none;}
#footer a:hover {color: #666; text-decoration: underline;}
#menufoot {font-weight:bold; text-align:center; margin-top: 5px; margin-bottom: 10px;}
#menufooter a{color: #666; text-decoration:none;}
#menufooter a:hover {color: #666; text-decoration: underline;}
.facebook {height: 25px; margin: 5px 0; width: 100%;}
#footer {float:left; padding-bottom:15px;}
#footer ul {width: 100%; margin:0px;}
#footer ul li {display:block;width :40px;float:left;}
#footer  h3 {background :#EEEEEE;}
#blocfooter{width:100%; }
#footer1 {width:420px;float:left;padding-left: 10px;}
#footer2 {width:500px;float:right;padding-right: 10px;}
#footer1a {width:100%;background: none repeat scroll 0 0 #E8F0F9;border: 1px solid #345796;margin-top: 10px;padding: 4px;}
#footer1a h3 {color:#345796; margin-top:0px; background:#E8F0F9;}
#footer1b {width:100%;}
/*resultat searchzone*/
div#luceneresultpage,div#luceneresults {width: 100%;}
div#luceneresultpage p{font-size: 1.2em;color: #CF4040;font-weight: bold;letter-spacing: 1px;}
/* Calque original*/
div#calque {top:0px;	left: 0px;	background: #eee url(../../images/ajax-loader.gif) center no-repeat;	opacity:0.5; 	z-index: 1000;	position:absolute;	min-width:800px;width:100%;	min-height: 500px;	height: 100%;	display: none;}


#filtres {width: 215px;float: left;min-height: 300px;margin-top: 5px;padding:0px;}
#filtres ul{margin: 0px;padding: 0px;}
#filtres ul li{margin: 0px;padding-bottom:1px;}
#listproducts {width: 738px;min-height: 300px;margin-top: 5px;overflow: hidden;float: right;}
#listproducts ul li .top{overflow:hidden;height:12px;width:505px;}
#listproducts ul li {list-style-type: none;}
#listproducts ul li .foot{height:0px;width:0px;}
#listproducts ul li .content{border-bottom:1px solid #eee; padding:5px 0 5px 5px;}
#rightscontent {width: 190px;float: right;margin-left: 10px;margin-top: 5px;}
#rightscontent h2 {	font-size: 1.2em;}
#container-listproduct {width: 100%;margin-top: 5px;}
.price {font-size: 130%;font-weight: bold;}
a.offre {font-size: 80%;}
.fabricant {color: #CF4040;float: right;font-weight: bold; letter-spacing: 1px;}
.media img{	padding: 10px;	border: 1px solid #eee;}
a.titleprodlist {	font-weight: bold;	font-size: 110%;	text-decoration: none;	color: #666;}
a#backlocation {background: transparent url(../images/1.png) left no-repeat;	padding-left: 20px;}
a#backlocation:hover {	background: transparent url(../images/0.png) left no-repeat;	padding-left: 20px;}
#filtres a {text-decoration: none;}
.criteres {	margin-bottom: 10px; 	background: #fff;	min-height: 100px;}
.criteres .title{padding-left: 10px;	color: #fff;	background: #CF4040;}
.criteres .content{	padding: 0px;	color: #000;	background: #fff;}
div.afiltre {background: #fff;width: 100%;}

/*sinformer*/
div.infos {	margin: 10px;	border: 1px solid #ddd;	background: #eee;	padding: 5px;}
.describe {	margin-bottom: 6px;}
.tag {	color: green;	letter-spacing: 1px;	font-weight: 700;}
div.aninfo {padding: 3px;	border-bottom: 1px solid #eee;}

/*	fiche pointvente	*/
span.adresse {	font-weight: bold;	font-size: 95%;	letter-spacing: 1px;	font-style: italic;	text-decoration: none;	color: #444;}
p.farm-presentation {margin: 5px;}
br.breakdown {clear: both; width: 100%;}
div#cartmarque  {border: 1px solid #eee;width: 100%;padding: 5px;}
div#cartmarque div.image{	float: left;	width: 100px;}
div#cartmarque div.text{	float: right;	width: 830px;}
div#luceneresultpage,div#luceneresults {	width: 100%;}
div#luceneresultpage p{	font-size: 1.2em;	color: #CF4040;	font-weight: bold;	letter-spacing: 1px;}
#ctbtb {padding:0px;	background: #fff;	color: #CF4040;	font-weight: bold;	border: 1px solid #CF4040;border-radius: 5px 5px 5px 5px;}
#ctbtb div.find {padding: 1%;	border: 1px solid #eee;	float: left;	border: none;	width: 35%;}
#ctbtb #rightabctions {	background: #fff;	padding: 0;	border: 1px solid #eee;	border: none;	float: right;	width: 60%;	margin:0px;	padding:0px;	margin-top:5px;}
#ctbtb div#rightabctions select {	border: 1px solid #ddd;	 font-family: Verdana,Arial,sans-serif; font-size: 1em;	margin:0px;	padding:0px;}
#paginator,.paginator {	border: 1px solid #CCC;	margin: 5px 0 5px 0;padding: 10px;	text-align: center;	color: #333; background: #CCC;border-radius: 5px 5px 0 0;}

/*Pub*/
#adbas {margin: 20px 0; /*padding:5px; border: 1px solid #CF4040;*/}
#adbas p { border-bottom: 1px solid #CF4040; margin-bottom: 10px; font-size: 12px; color: #CF4040;}
#adbas .adbas_left { float:left; width: 350px;}
#adbas .adbas_right { float:right; width: 350px;}
#adhaut { border: 1px solid #cf4040; padding: 5px;}
#adbasbis {height:40px;margin-bottom:15px;background:#eee;border:1px solid #ccc;color:#000;padding:5px; border-radius:5px;}
#adbasbis .logo {float:left;width:120px;margin-right:15px;}
#adbasbis .text {line-height: 19px;}
a.linkadbasbis {background:#cf4040;color:#fff;border:1px solid #ccc; border-radius:2px;padding:2px 5px;}
a:hover.linkadbasbis  {color:#333;background:#FF9900;text-decoration:none;}

/*Fiche produit*/
#cartoucheproduct table {margin: 10px 0 0;width: 100%;border: 1px solid #ddd;padding: 10px; background-color: #eee;}
#cartoucheproduct span.cartouche {font-size: 1.4em;font-weight: bold;}
#cartoucheproduct span.prix {color: #CF4040;}
#cartoucheproduct p.description {padding:20px 0;}
#cartoucheproduct td ul.tags {margin: 10px 0px 10px 20px;list-style: none;font-size: 1.2em;}
#identcard {padding: 5px; border: 1px solid #CF4040;-moz-border-radius : 9px;}


#middle-home-box {	width: 100%;}
#bottom-home-box {	width: 100%; margin: 20px 0;}
div.pos-right {	float: right;	width:  48%;}	
div.pos-left {	float: left;	width:  50%;}	
div.al-left {text-align: left;}
div.al-right {text-align: right;}

/* Liste des marques */
ul.listmarques {	margin: 5px 0px 10px 30px;}
ul.listmarques li {	padding: 1px;}
ul.listmarques li a{	letter-spacing: 1px;	text-decoration: none;	color: #000;}
ul.listmarques li a:hover{	letter-spacing: 1px;	text-decoration: underline;	color: #CF4040;}
a.gomarques,a.gomarques:hover  {text-decoration: underline;color: #CF4040;text-align: right;padding: 0px 3px;}
a.gomarques:hover {color: #000;}
ul.listmarques{width: 100% ;}
ul.listmarques li {display:block;width : 23%;height : 15px;float:left;}
ul.listmarques li[float="left"] + li {float:none;}
div.alphamarque {	width: 100%;	margin: 3px;}
div.alphamarque h2{	font-size:1.15em;	margin : 20px 0;	font-weight: bold;}


a.click { font-weight: bold; color: #000;text-decoration: none;}
a.click:hover { font-weight: bold; color: #CF4040;text-decoration: undeline;}

/* Produits - Liste de tags */
p.tags {color:#999999; min-height:49px;}
p.tags span.onetag {font-weight: bold;font-size: 0.9em;}
/* Produits - Affichage grid */
#contentboxproducts {margin: 5px 0; }
ul#gridlist {margin:0; padding:0;}
li.oneproductcontainer {display:block;width :175px; height : 210px;float:left; border: 1px solid #dfdfdf; margin: 3px;border-radius: 5px 5px 5px 5px;background:#EEEEEE;}
li.oneproductcontainer:hover {border: 1px solid #b2b2b2;}
li.oneproductcontainer [float="left"] + li {float:none;}
li.oneproductcontainer  div.imgoneproduct  {display : table-cell;width :179px;margin: 2px;height: 140px;text-align: center;vertical-align: middle;background:#FFFFFF;border-radius: 5px 5px 5px 5px;}
li.oneproductcontainer  div.txtoneproduct  {display: block;	height: 60px;background: #eee; padding: 5px 5px 0px 5px;}
li.oneproductcontainer  div.imgoneproduct img {max-height: 135px;}
li.oneproductcontainer  div.txtoneproduct h3 {display: block; font-size: 11px;	background: #eee; margin:0px; min-height:31px;}
div.oneproductprice {height: 25px;}
li.oneproductcontainer  div.oneproductprice div.price{float: left; width: 56px; background:url("../../images/etiquette.gif") no-repeat scroll 100% 0 transparent; padding:2px 35px 0 8px; display:block; height:25px; color:#FFF;}
li.oneproductcontainer  div.oneproductprice div.priceold{ background: #fff; color: #CF4040; float: right; font-size: 120%; font-weight: bold; margin: 2px 0; padding: 0 4px;}
.oneproductcontainerhover {color:#CF4040; cursor:pointer;}

/* Produit - PopUp */

#backgroundPopup{display:none;position:fixed;_position:absolute; /* hack for internet explorer 6*/ height:100%;width:100%;top:0;left:0;background:#000000;border:1px solid #cecece;z-index:1;}
#popupProd{display:none;position:fixed;_position:absolute; /* hack for internet explorer 6*//*height:450px;*/width:958px;background:#FFFFFF;border:5px solid #cecece;z-index:2;padding:12px;font-size:13px;}
#popupProd h1{text-align:left;color:#CF4040;font-size:22px;font-weight:bold;border-bottom:1px solid #ccc;padding-bottom:2px;margin-bottom:20px;}
#popupProdClose{color:#CF4040;font-weight:bold; border: 1px solid #CF4040;  padding: 2px 5px; cursor:pointer;}
a#popupProdClose {text-decoration:none;}
a:hover#popupProdClose {text-decoration:none; background: #CF4040; color:#FFF;}
#popup-prod-cartouche {background: #fff; border-bottom: 1px solid #ccc;padding-bottom: 10px;}
.popupimg {float: left; width: 50%; text-align: center; vertical-align:middle;}
.popuptext {float: right; width: 50%;}
.popupboutique {margin-left: 160px; margin-right: 160px;text-align:center;}
.popupgo {float:right;width:150px;text-align:center;padding-top:10px;}
.popupprix {float: left; width: 180px; height:25px; padding:5px; padding-top: 18px;}
.etiquette {background: url("../../images/etiquette.gif") no-repeat scroll 100% 0 transparent; color: #FFFFFF; display: block; float:left; height: 25px; padding: 2px 35px 0 8px;  width: 56px;text-align:center;}
.etiquettebarre { background: url("../../images/prixbarre.gif") no-repeat scroll 100% 0 transparent; display: block; float:right;  height: 25px; padding: 2px 15px 0 8px;width: 56px;text-align:center; font-weight:bold;}
.livraison {background: url("../../images/delivery.png")  no-repeat scroll 0 0 #FFFFFF; line-height: 25px; padding: 2px 0 2px 40px;font-weight:bold;}
.reduction {    background: url("../../images/euro.png") no-repeat scroll 0 0 #FFFFFF;line-height: 25px;padding: 2px 0 2px 30px;font-weight:bold;}
a.popupoffre {text-decoration: none;color: #fff;font-weight: bold;background: #CF4040;  padding: 10px 20px;	-moz-border-radius : 5px;}
a.popupoffre:hover {text-decoration: none;	color: #fff;font-weight: bold;background: #CF8282;  padding: 10px 20px;-moz-border-radius : 5px;}
p.popuptags { color: #999999; padding: 15px 0;}
p.popuptags span.onetag {font-weight: bold;font-size: 0.9em;}
#popup-prod-livraison {background: #fff; border-bottom: 1px solid #ccc; padding: 5px 0;}
#prodclose {height: 25px;}
#close { float:right;}
#popupcoupon {border-bottom: 1px solid #CCCCCC;padding: 5px 0;}
#popupcoupon ul {margin-top:10px;padding-left: 0px;}
#popupcoupon ul li {list-style:none;padding:1px;}
a.rollvoir {background:url('../../images/offre.png') no-repeat;width: 98px;height: 38px;display:block; margin: 0 auto;}
a.rollvoir:hover {background-position: bottom center;}
.codecouponproduit {padding : 0 10px; background :#737373 ; color:#FFFFFF; font-weight:bold;}

/* Codes de reduction */
.titrecoupon {float:left;width:100%; font-weight:bold;margin-bottom: 15px;}
.titrecoupon1 {float: left; width: 128px; padding:10px;background:#dddddd;}
.titrecoupon2 {float: left; width: 830px;}
.titrecoupon2a {float:left; padding:10px; width: 590px; background:#eeeeee;}
.titrecoupon2b {float:right; width:200px; text-align:center; padding:10px;background:#dddddd;}
.contentcoupon {margin: 20px 0;}
.logomarchandcoupon { border: 4px solid #EEEEEE;float: left; min-height: 75px;padding-left: 10px;padding-right: 10px;padding-top: 11px;text-align: center;width: 120px;}
.logomarchandcoupon:hover {border: 4px solid #ccc;}
div.coupon {float: left;background: #dddddd;width: 830px;}
div.coupondescription p {margin: 5px;}
.codecoupon {float:right; text-align:center;width:200px;padding:10px;background:#dddddd;}
.couponcode {font-size: 16px; font-weight:bold; background:#FFFFFF;margin:0 0 20px;padding:5px 0; }
div.coupon span.couponenddate {padding: 5px;font-style:italic;padding-left: 5px;}
.clock {float: left;padding-left: 5px;}
.coupondescription {float:left; width:590px;background:#eeeeee;min-height:75px;padding:10px;}
.coupondescription h2 {margin: 0; padding-left:5px;font-weight:bold;font-size:14px;}
a.rollcode {background:url('../../images/code.png') no-repeat;width: 112px;height: 24px;display:block; margin: 0 auto;}
a.rollcode:hover {background-position: bottom center;}


/* 

original #popupProdClose{font-size:24px;right:6px;top:6px;position:absolute;color:#CF4040;font-weight:bold;display:block;cursor: pointer; border: 1px solid #CF4040; padding:4px;}

#popupProdClose{color:#CF4040;font-weight:bold; border: 1px solid #CF4040;  padding: 2px 5px; cursor:pointer;}
*/

/*** Newsletter ***/
#newsletterhome {border:solid 4px #ccc;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:10px;}
#newsletterhome h3 {margin:0;font-size:1.3em;}
fieldset {border:none;}
form {width:700px; padding:10px 0 0;}
input {border:none;background-color:none;	}
#signup-email {border:1px solid #ccc;	color:#9E9E9E;padding:5px;margin-right:4px;}
#signup-email:focus {border-color:#cf4040;background-color:#eeeeee;background-image:none;color:#333;}
#signup-button {	background-color:#FF9900;color:#FFF;-moz-border-radius:5px;-webkit-border-radius:5px;	border-radius:5px;padding:5px;text-shadow: 1px 1px 1px #CF4040;}
#signup-button:hover {cursor:pointer;background-color:#CF4040;color:#FFFFFF;}
#signup-response {display:inline;margin-left:15px;padding-left:20px;padding-top: 3px;}
.response-waiting {background:url("../../images/loadinng.gif") no-repeat;}
.response-success {background:url("../../images/tick.png") no-repeat;}
.response-error {background:url("../../images/cross.png") no-repeat;}
p.slogannewsletter {font-weight:bold;margin-bottom:10px;color:#CF4040;}

/*** Home ***/

#bloctexthome {border:solid 1px #ccc;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:10px; margin-top:10px;}

