* {margin:0;padding:0;border:0}

body{
	font-family:Verdana,Arial,sans-serif;
	font-size:12px;
	color:#000;
	background-color:#000}

/* ----------------------------------------------   		ZONES  DIV  PAGES
 -----------------------------------------------------------------------------------------------------------------*/
#conteneur{margin:0 auto 20px auto;width:1000px;background:url(../images/mep/fond_conteneur.jpg) repeat-y;}

#colG{float:left;width:165px;background:url(../images/mep/colG.jpg) no-repeat;min-height:879px;_height:879px;}
#colD{float:right;width:165px;background:url(../images/mep/colD.jpg) no-repeat;min-height:879px;_height:879px;}

#bandeau{float:left;width:670px;/*background:url(../images/mep/bandeau.jpg) no-repeat;*/}
#bandeau_flash{height:127px;background-color:#000000;}
#bandeau_flash object,#bandeau_flash embed {background-color:#000000;}
#contenu{background-color:#EBEBEB;width:670px;min-height:713px;_height:713px; clear:left;}

#fond_bandeau{float:left;width:670px;background:url(../images/mep/fond_bandeau.jpg) no-repeat;min-height:38px;height:38px; }

#colD_content{background-color:#000000;margin-top:165px;}
#colD_sous_liste{width:165px;}

#jmcl{width:141px;background:url(../images/mep/jmcl.jpg) no-repeat;height:62px;margin-left:11px;left:0;bottom:0;display:block;}

#searchForm,#colD_liste{margin:0 10px 0 10px;padding-top:10px}

#sousTop{width:670px;height:68px; background-color:#00FFCC;margin-bottom:20px;}

#contentProduit,#contentContact{width:600px; min-height:350px;_height:350px; margin:20px 0 0 30px;border-top:6px solid #CCCCCC;background-color:#FFFFFF;}
#contentProduitAccueil{width:580px; min-height:300px;_height:300px; margin:20px 0 0 45px;background-color:#FFFFFF;}

#contentGamme{margin:20px 0 0 30px;}
#gaucheProduit,#gaucheContact{float:left;width:235px;margin-right:15px;min-height:180px;_height:180px;padding-top:20px; padding-left:20px;}
#droiteProduit,#droiteContact{float:right;width:285px;min-height:180px;_height:180px;text-align:left;padding:20px 30px 0 0;}
#droiteProduitAccueil{float:right;width:260px;min-height:180px;_height:180px;text-align:left;padding:20px 30px 0 0;}


#droiteContact{ text-align:left;}
#marqueProduit{margin:0 0 0 0;min-height:60px;_height:60px;}
#descriptionProduit{min-height:40px;_height:40px;margin:10px 0 0 0;color:#666666; text-align:left}
#produitTitre{font-weight:bold; text-decoration:underline;margin:0 0 5px 0;text-align:left}

#bloc_search{width:650px;margin:10px 10px}

#introIndex{border:1px solid #999999;width:290px; text-align:left;padding:10px;margin:10px 0 0 20px}
#sousIntroIndex{font: bold 1.3em/120% Arial,Helvetica,sans-serif;letter-spacing:0.1em;margin:100px 0 15px 0; background-color:#ccc; width:580px }
#grosSousIntroIndex{font-size:1.4em; text-align:center; background-color:#666666; line-height:40px; color:#FFFFFF;  }




#gamme{/*background:url(../images/mep/gamme.png) no-repeat left center;*/height:34px;width:620px;margin:5px 0 5px 0;padding:0;border:0}
#normalIntro{ font: bold 0.9em/100% Arial,Helvetica,sans-serif;letter-spacing:0; padding:10px;}
#logoLink{top:0;position:absolute;height:180px;width:165px; cursor:pointer}
.prixPromo{z-index:99;color:white;bottom:0; background-color:#FF0000;margin-top:2px;width:103px;padding-bottom:2px}
.prixBprice{z-index:99;color:white;bottom:0; background-color:#009933;margin-top:2px;width:103px;padding-bottom:2px}
#prixPromoProduit{color:#fff; background-color:#FF0000;padding:4px;margin: 0 0 10px 0}
#prixBestPrice{color:#fff; background-color:#009933; padding:4px;margin: 0 0 10px 0}

#decal45{width:580px;margin:0 0 0 45px;padding:0;border:0}

#actuIndex{width:620px;margin:5px 0 0 0;padding:0;border:0}
.actu{ width:580px; background-color:#CCCCCC;margin:5px 0 0 0;min-height:100px;_height:100px;}
.actu h1{width:100%;font-size:12px; background-color:#666666;padding:2px 0}
.imgActu{width:120px;float:left; text-align:center;margin:10px 10px 0 0;padding-left:10px}



#actuOffre{width:620px;margin:0; padding:0;border:0}
.imgOffre{width:580px;float:left; text-align:center;margin:10px 10px 0 0;}
.actuOffre{ width:580px; background-color:#CCCCCC;margin:0;min-height:100px;_height:100px;}

.imgActuTexte, .imgActuSansImage{width:390px;float:right; text-align:center;margin:10px 10px 0 0;padding:0 0;text-align:justify}

.actusuite{background:url(../images/mep/fond_actu.gif) no-repeat right center; padding-right:30px; padding-left:30px;   }

.imgActuSansImage{width:560px;float:left; text-align:center;margin:10px 0 0 0;  padding:0 10px;  text-align:justify}
#print_button{margin:5px 5px 0 0; cursor:pointer;width:16px;height:16px;float:right}

/* ----------------------------------------------   		MENU
 -----------------------------------------------------------------------------------------------------------------*/
#menu{margin:220px 0 0 0;} 
#menuCat li{margin:0;padding:0;text-align:right;width:134px;height:22px;margin-bottom:5px;}
#menuCat li a {cursor:pointer;font-weight:bold;width:134px;height:22px;display:block;padding:0 20px 0 0;}

.fond_menu{background:url(../images/mep/fond_menu_noir.png) no-repeat right center;}
.fond_menu_nouveaute{background:url(../images/mep/fond_menu_nouveaute.png) no-repeat bottom center;} 
.fond_menu_destockage{background:url(../images/mep/fond_menu_destockage.png) no-repeat bottom center;} 
.fond_menu_promotion{background:url(../images/mep/fond_menu_promotions.png) no-repeat bottom center;} 
.fond_menu_practice{background:url(../images/mep/fond_menu_practice.png) no-repeat bottom center;} 
.fond_menu_parcours{background:url(../images/mep/fond_menu_parcours.png) no-repeat bottom center;}
.fond_menu_proshop{background:url(../images/mep/fond_menu_noir.png) no-repeat bottom center;} 
.fond_menu_personnalisation{background:url(../images/mep/fond_menu_noir.png) no-repeat bottom center;}  

/* ----------------------------------------------  		 LISTES  UL, LI
 -------------------------------------------------------------------------------------------------------------------*/
ul {list-style:none;margin:0;padding:0}
#colD_liste li{text-align:center;height:15px;cursor:pointer; padding:5px 0;background-color:#151616;margin-bottom:5px;}
#colD_liste li a{color:#FFFFFF;font-weight:bold}

#liste_produit{list-style:none;width:668px;margin:20px 0;padding:0 0 0 2px;height:400px;}
#liste_produit li{display:inline;float:left;width:326px;height:165px;background:url(../images/mep/fond_liste_produit.gif) repeat-x; background-color:#ffffff;margin:0 2px 10px 2px;padding:0;border:1px solid #666666;cursor:pointer;}
#liste_produit li a, #liste_produit li a img{margin:0;padding:0;border:0}

#liste_produit li a[href^="/"]:after {
  content: " (http://local.jmcl.com" attr(href) ") ";}

#lien {margin:20px 0 0 80px;}
#lien li a {color:#333333}
#lien li a:hover {color:#999999}

#plan_du_site {margin:10px 0 0 20px}
#plan_du_site ul {margin-bottom:20px}
#plan_du_site li,#plan_du_site table{margin-left:10px;}
#plan_du_site  a {color:#333333;padding-left:21px;}
#plan_du_site  a:hover {color:#999999;background:url(../images/mep/pucePlan.gif) no-repeat left center;padding-left:21px;}

#distributeur {margin:10px 0 0 20px}
#distributeur ul {margin-bottom:20px}
#distributeur li,#distributeur table{margin-left:10px;}
#distributeur  a {color:#333333; padding:0}
#distributeur  a:hover {color:#999999;padding:0}

/* ----------------------------------------------   		STYLES DIVERS
 -------------------------------------------------------------------------------------------------------------------*/
.clear{clear:both;padding:10px 0 0 0}
p{margin:0 0 8px 0}
img{border:0}

#partenaire img {border:1px solid #333333}
#menu h1{width:130px;height:26px;font-size:12px;margin: 0 0 5px 10px;text-align:right;padding:0 25px 3px 0; cursor:pointer;}
#menu h1 a{position:relative;}
h1{color:#fff;}

/*
.titreSousCat{background:url(../images/mep/titreSousCat.gif) no-repeat left center;width:488px;height:27px;padding:2px 0 0 75px;font: normal 1.5em/120% Arial,Helvetica,sans-serif;letter-spacing:0.1em;color:#999999}

.titreProduit{background:url(../images/mep/titreSousCat.gif) no-repeat left center;width:400px;height:27px;padding:0 0 0 70px;font: normal 1.1em/110% Arial,Helvetica,sans-serif;letter-spacing:0.1em;color:#333}

*/

.titreSousCat{background:url(../images/mep/fond_gris670.gif) no-repeat left center;width:670px;height:25px;padding:2px 0 0 75px;font: normal 1.5em/120% Arial,Helvetica,sans-serif;letter-spacing:0.1em;color:#fff;}

.titreProduit{background:url(../images/mep/fond_gris670.gif) no-repeat left center;width:670px;height:25px;padding:2px 0 0 75px;font: normal 1.5em/120% Arial,Helvetica,sans-serif;letter-spacing:0.1em;color:#fff;}

.titrePage{background:url(../images/mep/fond_gris.gif) no-repeat left center;width:505px;height:25px;padding:2px 0 0 75px; font: normal 1.5em/120% Arial,Helvetica,sans-serif;letter-spacing:0.1em;color:#fff;}


.offremois{background:url(../images/mep/fond_gris.gif) no-repeat left center;width:505px;height:30px;padding:2px 0 0 75px; font: normal 1.8em/120% Arial,Helvetica,sans-serif;letter-spacing:0.1em;color:#fff; font-weight:bold;}

.titreAccueil{background:url(../images/mep/titreAccueil.gif) no-repeat left center;width:400px;height:27px;padding:38px 0 0 75px;font: normal 1.5em/120% Arial,Helvetica,sans-serif;letter-spacing:0.1em;color:#999999;}

.puceTitre{margin:15px 0 10px 0;height:13px;color:#fff; font-weight:bold;}
.puceTitreProduit{color:#999999; font-size:14px;font-weight:bold;margin:10px 0 20px 0}

.titre{margin-left:5px;min-height:40px;_height:40px;width:200px;}
.titre a{color:#333333}
.titre a:hover{text-decoration:underline}
.imgTableau{width:100px; text-align:center;margin:0;padding:10px 0 0 2px}
.imgTableau img{border:1px solid #999999;}
.marque{text-align:right}
.reference{text-transform:uppercase;}
#retour{text-align:center;margin:30px 0;}
.infobulle{
	position:absolute;  
	top:0; 
	visibility:hidden;
	border:2px solid #333333;
	font-family:Verdana, Arial;
	font-size:10px;
	color:#fff;
	background-color:#333333}

#bulle{position:absolute;visibility:hidden;font-size:12px;top:0}
.info {padding:7px;color:#666666;background-color:#000;font-family:Verdana, Arial}
.photoProduit{padding: 5px; border:1px solid #999;}
/*.jqzoom{margin-left:45px;}*/
.rouge{color:#FF0000}
.zoom{color:#666666;width:200px;}
.haut{color:#666;margin:10px 0 0 0;clear:both;}

#plan_du_site h2{font-size:12px;margin-bottom:5px;text-decoration:underline;}

.png {behavior: url("pngbehavior.htc");}
   
.jquery { 
color:#FFF; 
background-color:green;} 

.prototype { 
color:#FFF; 
background-color:red;}  

.agrandir {clear:both;width:150px; text-align:left; }
.agrandir a {color:#999999; }

#noData{margin:20px 0 0 20px;}
.hilite1 {background-color:yellow;}

.distributeurs{ margin:10px 0;padding:10px 10px 10px 20px;width:560px;border-bottom:dotted 1px #CCC}
.nomDistributeur{ text-transform:uppercase;}
.imgDistri a{padding:0}

/* ----------------------------------------------  		 LIENS
 -----------------------------------------------------------------------------------------------------------------*/
a{text-decoration:none;color:#FFFFFF;}
a:hover{text-decoration:none;}

#bloc_search a,#retour a {color:#000}
#bloc_search a:hover,#retour a:hover {color:#ff0000;}

.marque a,#marqueProduit a {color:#000000;}
.marque a:hover,#marqueProduit a:hover {color:#666666;}
.haut a {color:#666;}

/* ----------------------------------------------  		 FORMULAIRE 
 -------------------------------------------------------------------------------------------------------------------*/
#searchForm label{display:inline;float:left;color:#fff;width:140px;font-weight:bold}
.submit{background-color:#999;color:#fff}

#droiteContact label{display:inline;float:left;font-weight:bold;color:#000;width:180px}
#droiteContact textarea{overflow:auto; background-color:#CCCCCC}
#droiteContact input{color:#000; background-color:#CCCCCC} 
#droiteContact textarea,#droiteContact input{margin-bottom:3px} 

#searchByMarque{margin-left:10px;}
#searchByMarque select{width:140px; background-color:#666666;color:#FFFFFF}
#searchByMarque label{color:#fff;font-weight:bold}

/* ----------------------------------------------  		 MENU ACCORDEON 
 -------------------------------------------------------------------------------------------------------------------*/
 
.accordion_content li{margin:0;padding:0;width:145px;height:17px;margin-bottom:4px;text-align:right;}
.accordion_content li a { background-color:#505052;width:141px;height:17px;display:block;margin-bottom:4px;padding:0 24px 0 0;}
.accordion_content li a:hover{color:#cccccc }
.active{background:url(../images/mep/sousCategorie_hover.png) no-repeat;font-weight:bold;}
 
.accordion_content{
	overflow: hidden;

	color:#999999;
	margin:0;
	padding:0;
	z-index:5;}

.accordion_toggle{
	cursor:pointer;
	display:block;
	margin:0;}

.accordion_toggle_active {
display:block;
height:auto;
/*background-color:#3399CC;*/}


/* ----------------------------------------------   		PAGINATION
 -------------------------------------------------------------------------------------------------------------------*/
.pagination{
	margin:0;}

.pagination a{
	padding:3px;
	margin:0 3px 0 0;
	background-color:#CCCCCC;
	color:#999;
	text-decoration:none}

.current{
	padding:3px;
	margin:0 3px 0 0;
	background-color:#333333;
	color:#FFFD72}
	
/* ----------------------------------------------   		ERREURS / SESSION INFO
-----------------------------------------------------------------------------------------------------------------------*/
#erreur{
	position:absolute;
	width:400px;
	z-index:88;
	top:50%;
	left:50%;
	margin-top:-328px;
	margin-left:-34px;	
	padding:10px;
	overflow:auto;
	color:#fff;
	border:1px #666666 solid;
	background-color:#333333}

.close_err{float:right}
#poignee{color:#999999;font-weight:bold;text-transform:uppercase;margin:8px 0;font-size:12px}

.accueil{ font-size:16px;margin-bottom:5px; font-weight:bold; }