@charset "utf-8";
/************************************************************************************************
mechant-vinyl.com
Stylesheet:  Screen.css
Auteur:   Julians SARL
Version:  15 Février 2007
Type : Structure
Revision: 21 mai 2008
/************************************************************************************************/
/************************************************************************************************/
*{ margin:0; padding:0;	}
body{ font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px; background:url(../images/bg_mv4.gif); }
img, fieldset{ border:none; }
h1{ background: url(../images/h1.gif) no-repeat;display:block; width:395px; height:70px; text-indent:-9999px; font-size:0; }
h2, legend, hr{ display:none; }
h2{ font-size:0em; }
h3{ font-size:1.3em; line-height:100%; }
h4{ font-size:1.2em; }
a:link, a:visited, a:active{ color:#e00c7a; font-weight:bold; text-decoration:none; outline:none; }

textarea{ font-family:Verdana, Arial, Helvetica, sans-serif; }
input:focus, select:focus, textarea:focus{ background:#ffeff8; }
input, select, textarea{ border:#ddd 1px solid; }
label span{ color:#e00c7a; }

.gris{ color:#999999; }
.skip{ display:none; }
.right{ float:right; }
.myhr{ clear:both; visibility:hidden; height:1px; overflow:hidden; }
a.mail{ background:url(../images/picto-mail.gif) no-repeat left center; padding:0 0 0 14px; }
.error{ color:#ff9613}
/************************************************************************************************/
                                       /*BOUTONS*/
/************************************************************************************************/
.btSubmit {float:right; }
a.btSubmit{margin:0 0 10px 0; display:block; width:77px; height:18px;  text-indent:-9999px; }
.btNextEtap a, .btRetourAchat a{ margin-bottom:10px; font-size:0em; text-indent:-9999px; display:block; }
.btNextEtap a{ width:142px; height:16px; color:#f7a02a; }
.btRetourAchat a{ width:141px; height:17px; }
/************************************************************************************************/
/************************************************************************************************/
#global{ width:880px; margin:0 auto; background:#fff; padding:0 10px; }
/************************************************************************************************/
                                       /*HEADER*/
/************************************************************************************************/
#header{ height:75px; padding:24px 0; }
#header h1{ float:left; }
#header ul{ float:right; list-style-type:none; margin:20px 0 0 0; }
#header ul li{ float:left; margin:0 0 0 10px; }
#header ul li a{ display:block; height:30px; width:70px; color:#272624; background:#efefef; border:solid 1px #d1d0d0; text-align:center; line-height:30px; }
#header ul li a:hover{ font-weight:bold; color:#d95194;}
/************************************************************************************************/
/************************************************************************************************/
#wrapper{ margin:0 0 3px 0; }
/************************************************************************************************/
                                       /*BLOCKLEFT*/
/************************************************************************************************/
#blockLeft{ margin:0 3px 0 0; float:left; width:180px; }
#blockLeft ul{ list-style-type:none; }
div#menu, div#block-menuAccordion, div#block-infoComplementaire, div#block-newsletter, div#block-livraison, #block-panier div.footer, #block-promotions{ margin:0 0 3px 0; }

#menu{ background:url(../images/bg_menu.gif); height:173px; }
#menu ul{ padding:12px 0; }
#menu ul li a:link, div#menu ul li a:visited{ display:block; height:29px; text-indent:-9999px; }
#menu ul li a:hover{ background-position:top right; }
	

#block-panier div.header { height:24px; }
#block-panier dl { padding:8px 0 10px 20px; background: url(../images/panier_06.gif) repeat-y; }
#block-panier dd { border-bottom:1px dotted #e00c7a; padding-bottom:5px; margin-bottom:5px; position: relative; }
#block-panier div.footer a{ height:21px; width:180px; display:block; text-indent:-9999px; }
#block-panier .btSuppr{ position:absolute; top:-10px; right:0; }
.btSuppr a{ background:url(/V1/images/bt-suppPanier.gif) no-repeat left top; width:8px; height:8px; display:block; text-indent:-9999px }
/*
#block-promotions{ background:url(../images/bg_promotions.gif) repeat-y left top; }
#block-promotions div.header{ background:url(../images/bg_promotionsHeader.gif) no-repeat left top; height:29px; }
#block-promotions ul{ margin:8px 0px 0px 20px; list-style-type:none; }
#block-promotions li{ margin-bottom:3px; }
#block-promotions div.footer{ background:url(../images/bg_promotionsFooter.gif) no-repeat left top; height:22px; }
*/

#block-promotions h2{ display:block; }
#block-promotions h2 a{ display:block; text-indent:-9999px; height:41px }

#block-newsletter{ background: url(../images/bg_newletter.gif) no-repeat; height:58px; }
#block-newsletter label{ display:none; }
#block-newsletter fieldset{ padding:30px 2px 0 19px; }
#block-newsletter input{ border:0; width:134px; padding:1px; }
#block-newsletter a:hover{ color:#fff; }

#block-infoComplementaire ul{ margin:14px 0; height:49px; }
#block-infoComplementaire ul li{ float:left; }
#block-infoComplementaire ul li a:link, #block-infoComplementaire ul li a:visited{ display:block; height:49px; width:49px; text-indent:-9999px; }
#block-infoComplementaire ul li a:hover{ background-position:bottom left; }
	#li-video a{ background:url(../images/li-menuVideo.gif); }
	#li-notices a{ background:url(../images/li-menuNotices.gif); margin:0 16px; }
	#li-faq a{ background:url(../images/li-menuFaq.gif); }
	
	#li-menuBlog a{ background:url(../images/li-menuBlog.gif); }
	#li-menuCoeur a{ background:url(../images/li-menuCoeur.gif); }
	#li-menuGoodies a{ background:url(../images/li-menuGoodies.gif); margin:0 16px; }

#block-livraison h2{ display:block; background:url(../images/h2-livraison.gif) no-repeat left top; width:167px; height:19px; text-indent:-9999px; }
#block-livraison p{ margin:5px 0 0 0; font-size:0.8em; }
/************************************************************************************************/
                                       /*BLOCKRIGHT*/
/************************************************************************************************/
#blockRight{ float:left; }
div#block-bandeau{ margin: 0 0 3px 0; }
#content { background:#3d3c3f url(../images/bg_blockRight.gif) no-repeat left top; padding:12px; 
width:673px; /*bugIE*/}
#block-filAriane{ color:#fff;}
/************************************************************************************************/
/************************************************************************************************/
									 /*FOOTER*/
/************************************************************************************************/
#footer{ font-size:9px; color:5c5c5c; padding:0 0 10px 0; }
#footer2, #footer2 a { font-size:9px; color:#5c5c5c; padding:0 0 10px 0; font-weight:normal }
#footer2 ul li { list-style-type:none;  }
#footer2 ul li.titre { text-transform:uppercase; display:block; padding:0 0 3px 0}
#footer2 ul li.titre a { font-weight:bold; }
#footer2 ul li.contenu { padding:0 0 5px 0}
/************************************************************************************************/
/************************************************************************************************/
									 /*INTERIEUR PAGE*/
/************************************************************************************************/
.block-item{ background:#fff url(../images/bg_blockItem.gif) no-repeat; margin:12px 0 0 0; padding:3px; min-height:183px}
.block-item h3{ padding:0 0 0 20px; display:block; height:18px; }
.block-item h3 a.collection { color:#000000; color:#000; font-size:0.8em; display:block;}
/*.block-item h3 span{ color:#000; font-size:0.8em; display:block; }*/
.block-item h4{ padding:0 0 0 20px; float:left; }
.block-item form div{ margin-bottom:2px}
.block-item form label{ cursor:pointer; display:block; }
.block-item form input, .block-item form select, .block-item form textarea{ font-size:1em; }

div.block-itemLeft, div.block-right, div.block-all{ float:left; margin:10px 0;  }

div.block-itemLeft{ width:260px; overflow:hidden; margin-right:10px; }
div.block-itemLeft ul{ margin:27px 0 30px 20px; list-style-type:none; }
div.block-itemLeft form{ margin:27px 0 30px 20px; }
div.block-itemLeft form label{ width:90px; float:left; }
div.block-itemLeft form select{ width:157px; }
div.block-itemLeft form input{ width:26px; padding-left:3px; }
div.block-right img{ margin:0 2px 0 0; }

.descriptifDetail{ margin-top:25px; }
.descriptifDetail p{ margin:0 0 10px 0; }
/************************************************************************************************/
/************************************************************************************************/
									 /*BOUTIQUE*/
/************************************************************************************************/
h3.coupDeCoeur{ background:url(../images/picto-h3-rose.gif) no-repeat; }


.selectColor{  border-top:1px dotted #000; padding:10px 0 0 0; width:270px; overflow:hidden; }
.selectColor dt{ background:url(../images/picto-dtSelector.gif) no-repeat left center; padding: 0 0 2px 10px; font-size:0.9em; }
.selectColor dd{ border:1px solid #000; float:left; margin:2px 2px; }
.selectColor dd a{ text-indent:-9999px; display:block; height:17px; width:17px; }
/************************************************************************************************/
/************************************************************************************************/
#itemStickers{ background:url(../images/bg_itemStickers.gif) repeat-y; 
width:667px; /*bugIE*/}
#itemStickers h2{ background:url(../images/h2-stickers.gif) no-repeat; height:162px; }
#itemTshirt{ background:url(../images/bg_itemTshirt.gif)repeat-y; }
#itemTshirt h2{ background:url(../images/h2-tshirt.gif) no-repeat; height:161px; }
#itemDesigners{ background:url(../images/bg_itemDesigners.gif)repeat-y; }
#itemDesigners h2{ background:url(../images/h2-designers.gif) no-repeat; height:135px; }

div#itemStickers div.block-itemLeft, div#itemTshirt div.block-itemLeft, div#itemDesigners div.block-itemLeft{ margin-left:25px; }
div#itemStickers div.block-right, div#itemTshirt div.block-right, div#itemDesigners div.block-right{ margin-right:25px; margin-left:20px; 
display:inline; /*bugIE*/}
div#itemStickers div.block-right img, div#itemTshirt div.block-right img, div#itemDesigners div.block-right img{ margin-bottom:3px; }

.h2Details{ width:21px; display:block; float:left; text-indent:-9999px; }


/*autre produits*/
#otherProduct{ background:url(../images/h3-otherProduct.gif) no-repeat left top; width:387px; height:22px; text-indent:-9999px; margin:12px 0; }
#flashcontent{ color:#FF0000; font-size:1.3em; }
/************************************************************************************************/
/************************************************************************************************/
									 /*CONTACT ET MEMBRE*/
/************************************************************************************************/
#itemContact div.block-itemLeft{ padding-right:25px; }
#itemContact div.block-right{ padding-left:50px; border-left: 1px dotted #000; margin-left:10px}
#itemContact h3{ background:url(../images/picto-h3-mechant.gif) no-repeat; }
#itemContact h4{ float:none; font-size:1.2em; margin:30px 0 10px 20px; }
#itemContact p{ margin-left:20px; color:#979797; }
#itemContact div.block-right form{ width:250px; /*bugIE*/}
#itemContact div.block-right form div{ margin:0 0 12px 0; }
#itemContact div.block-right form input, #itemContact div.block-right form textarea{ width:250px; }
#itemContact div.block-right form input.btSubmit{ width:77px; cursor:pointer; height:18px; border:0; margin:15px 0 1px 5px; color:#FFF; }
#itemContact div.block-right form input#btEnvoyer{ background:url(../images/bt-envoyer.gif); }
#itemContact div.block-right form input#btReset{ background:url(../images/bt-reset.gif); }

/************************************************************************************************/
/************************************************************************************************/
									 /*AJAX FORM*/
/************************************************************************************************/
#itemAjaxform div.block-itemLeft{ padding:0 25px; }
#itemAjaxform div.block-itemLeft form{ margin:0 }
#itemAjaxform div.block-itemLeft form label{ width:auto;}

#itemAjaxform div.block-right{ padding-left:50px; border-left: 1px dotted #000; margin-left:10px; }
#itemAjaxform h3{ background:url(../images/picto-h3-mechant.gif) no-repeat; }
#itemAjaxform h4{ float:none; font-size:1.2em; margin:30px 0 10px 20px; }
#itemAjaxform p{ margin-left:20px; color:#979797; }
/*#itemAjaxform form{ width:250px; /*bugIE //} */
#itemAjaxform form div{ margin:0 0 12px 0; }
#itemAjaxform form input, #itemAjaxform form textarea, #itemAjaxform select{ width:260px; }
#itemAjaxform form input.radio { width:40px; margin-top:10px; border:none; }
#itemAjaxform form input.btSubmit{ width:77px; cursor:pointer; height:18px; border:0; margin:15px 0 1px 5px; color:#FFF; }
#itemAjaxform form input#btEnvoyer{ background:url(../images/bt-envoyer.gif); }
#itemAjaxform form input#btReset{ background:url(../images/bt-reset.gif); }

#itemAjaxform label.error, #formContact label.error, #formulaire-login label.error { display:none; }
#formulaire-adresse{ margin-left:0px}
#affiche-adresse-livraison, #affiche-adresse-facturation{ margin:20px 0 0 0}

.recapAdresse dd{ margin-top:10px; color:#979797; } 
.etp4{ margin:20px 0 0 -20px; }
/************************************************************************************************/
/************************************************************************************************/
									 /*PANIER*/
/************************************************************************************************/
.total{  background:#ffeff8; font-size: 1.2em;}
#filPanier{ margin:10px 0; }
#tabPanier{ border-top: 1px #000 dotted; padding:8px 0; }
#tabPanier td, #tabPanier th{ padding:4px 0; }
#tabPanier input{ text-align:center; border:1px solid #969696; }
#tabPanier hr{ height:1px; border:0; border-bottom:1px #000 dotted; display:block; }

/************************************************************************************************/
/************************************************************************************************/
									 /*POPUP PANIER*/
/************************************************************************************************/
.jqmClose{ position: absolute; top:7px; right:7px; }
.jqmClose a{ text-indent:-9999px; background:url(/V1/JQUERY/plugins/img_plugins/fermer.gif) no-repeat left top; width:53px; height:17px; display:block; }
.img{ float:right; margin-top:10px}
.bt-continuAchat a{ background:url(/V1/JQUERY/plugins/img_plugins/continuerachats.gif) no-repeat left top; width:141px; height:17px; text-indent:-9999px; display: block; }
.bt-paiement a{ background:url(/V1/JQUERY/plugins/img_plugins/paiement.gif) no-repeat left top; height:17px; width:80px; text-indent:-9999px; display: block; }

#popupAchat{ background:#fff url(/V1/JQUERY/plugins/img_plugins/bg_jqmodal.jpg) repeat-y left top; width:600px; position:relative; zoom:1}
#popupAchat dl{ margin:20px 0;  min-height:138px;}
/* bug IE */html #popupAchat dl{height:168px; }
#popupAchat dt{ font-weight:bold; font-size:1.2em; }
#popupAchat ul{ list-style-type:none; margin:20px 0 0 0}

#blockProduit{ background:url(/V1/JQUERY/plugins/img_plugins/bg_blockProduit.jpg) no-repeat; padding:90px 7px 0 36px; }
#blockProduit h3{ font-size:1.2em; font-weight:normal; }
#blockProduit h3 a:hover, #venteCroisee h4 a:hover{ background:#f0f4f5}
/*#blockProduit img, #blockProduit dl { vertical-align:middle; display: inline-block; display:table-cell  }*/

#navigPopup li{ float:left; margin-right: 10px; }
#venteCroisee{ padding-right:7px; margin:0}
#venteCroisee dt{ margin:0 37px; padding:0; }
#venteCroisee ul{ margin-left: 40px}
#venteCroisee li{ float:left; margin:10px 30px; display:inline;width:120px;text-align:center }
#venteCroisee li p{ text-align:center; }
#venteCroisee h4{ font-size:0.9em; text-align:center; }
#venteCroisee a img{ border: 3px #ffffff solid;  }
#venteCroisee a:hover img{ border: 3px #e00c7a solid; }

/************************************************************************************************/
									 /*TINYMCE*/
/************************************************************************************************/
.tinyMCE div.block-item{ padding-top:13px; }
.tinyMCE h3{ background:url(../images/picto-h3-mechant.gif) no-repeat; clear:both; margin:0 0 10px 0; }
.tinyMCE h4, .tinyMCE h5{ margin:0 25px; float:none; }
.tinyMCE h4{ font-size:1.3em; }
.tinyMCE h5{ font-size:1.1em; }
.tinyMCE p, .tinyMCE dl{ margin:0 0 10px 0; }
.tinyMCE img{ margin:0 0 10px 0; }
.tinyMCE ul{ margin:0 25px 10px 45px; list-style-type:none; }
.tinyMCE li{ background:url(../images/picto-li-tinymce.gif) no-repeat left center; padding:0 0 0 12px; }
.tinyMCE dt{ font-weight:bold; }
.tinyMCE .floatLeft{ float:left; }
.tinyMCE .floatRight{ float:right; }
/************************************************************************************************/
									 /*BLOCK ALL*/
/************************************************************************************************/
.descriptifDetail dl{ padding:0 20px; margin-bottom: 20px; }
.descriptifDetail ul { text-indent:20px; }
.indexofnav li a{ font-size:1.1em}
.gros-titre{ font-size:1.5em; margin-top:20px }
.sous-titre{font-size:1.0em; font-weight:bold; margin-top:10px }


#zone-paiement-haut { padding:30px;}
#zone-paiement-haut-gauche { float:left; padding:0 30px 0 0 }
#zone-paiement-haut-droite { float:left; }
#zone-paiement-bas { clear:both; text-align:center; padding:20px 0;}


#formulaire-compte-client label.error { display:none }

#block-bandeau { height:173px; overflow:hidden;}