/****Formats globaux ****/
body {font-style: normal;font-family: "verdana";font-size: 10pt;}

/*** body {font-style: normal;font-family: "Trebuchet MS";font-size: 10pt;} ***/
a {color:#000;}
a:hover {color:#FF6635;}
a img.ico {border: 0;}
p{padding:10px;}
h1,h2,h3,h4 {font-family: Trebuchet MS;font-weight: normal;margin:5px;color:#363320;}
h1 {font-size: 18pt;}
h2 {font-size: 16pt;}
h3 {font-size: 15pt;}
h4 {font-size: 14pt;}
h2.home {font-size: 16px;border-bottom: 1px solid #d1d2cd;padding: 0 0 5px 0;font-weight:bolder;}


h4 span {color:#777153;font-size: 11pt;line-height: 12px;}
span.formErreur{color:red;}
span.barre{color: #999;text-decoration: line-through;font-size:10pt;}
span.underline{text-decoration: underline;}
span.bolder{font-weight:bolder;}
p.signature{text-align:right;margin-right:15px;}
.clear{clear:left;}
.note{font-size:8pt;}
.dalign{text-align:right;}
.galign{text-align:left;}
.title{font-size:12px;font-weight:bolder;}
.prix{font-size:13px;color:#000;}
.orange{color:#FF6635;}

/**** Haut ****/
#account{padding-right:11px;color:#333;font-size: 12px;float:right;}
#account a {color: #777153;font-size: 12px;text-decoration: none;}
#account a:hover{color:#FF6635;}
#account form{text-align:right;}
#account input[type=text],#account input[type=password], #formdiff input[type=text]{border-style:solid;border-width:1px;border-color:#656565 #a4a4a4 #a4a4a4 #656565;width: 120px;background: #fff;}
#account label {text-align:left;color: #777153;padding-bottom: 1px;font-weight: bold;font-size: 75%;display: block; }
#account div.col {float: left;margin:0px 2px;}
#account input.login{margin-top:15px;}

#menu a {text-decoration: none; padding:0px 0px; font-size:0.9em;}
#menu table {border-style:solid;border-width: 2px 0px 0px 2px;border-color:#000;background-color: #000;}
#menu table tr td{text-align: center;}

#menuHome, #shoppingCart, #menuAccount, #menuNews, #contact-us, #help, #menuLivraison, #menuQualite {border-right:solid 2px #000;background: url(../images/bg-menuhaut.gif) left no-repeat;}

img.accueil{border:0;float:left;width:165px;height:115px;}
img.no-border{border:none;}


/**** Accueil ****/
#intro{color:#000;line-height:1.3em;}
#intro h2{color:#4a341c;font-weight:normal;}


#commentaire{padding:0;margin:0;width:628px;height:196px;background: url(../images/bg-commentaire.gif) 0 0 no-repeat;}

#commentaire div.commentaire-titre{padding:15px 20px 10px; font-size:15pt;}

#commentaires { background:#fff;margin:15px;padding:5px; }

#commentaire p, #commentaires p {padding:5px 25px;margin:0;}



/*Newsletter*/
#formdiff{margin:0;padding:50px 0px 0px 10px;width:180px;height:96px;background:url(../images/bg-newsletter.gif) no-repeat;}


a.tooltip em {display:none;}
a.tooltip:hover {border: 0;position: relative;z-index: 500;text-decoration:none;cursor: help; }
a.tooltip:hover em {font-style: normal;display: block;position: absolute;top: 20px;left: -10px;padding: 5px;color: #000;border: 1px solid #bbb;background: #ffc; width:170px;}
a.tooltip:hover em span {position: absolute;top: -7px;left: 17px;height: 7px; width: 11px;background: transparent url(../images/infobulletop00.gif); margin:0;padding: 0;border: 0;}
a.tooltip{background-position:5% 50%;background-repeat:no-repeat; font-size:10px;}
a.dispo{background-position:5% 50%;background-repeat:no-repeat;}



/**** Menu ****/
div.boxes {padding:5px 0px 5px 5px;background-color:#FFF;}
#sidebar ul {	margin:0;padding:0;padding-left:1.7em;list-style-image: url(../images/puce.gif);}
#sidebar ul li a {text-decoration:none;}
#sidebar form { margin-bottom:0;padding-bottom:0; }



/*** menu gauche ***/
#categoriesBox{margin:0;padding:0; margin-left:5px;}
div.cat-h{margin:0;padding:0;  font-size:14pt;}
div.cat-h h4{padding-top:0; margin-top:0;}
div.cat ul, div.cat ul li { margin:0;padding:0;font-size:0.9em; }
div.cat ul li a { margin-left:0; }
div#box-actu{width: 180px; border:1px solid #E0E4ED; background-color:#fff; margin-top: 5px;}
div#box-actu div.actu-titre{font-size: 18px; background-color:#E0E4ED;padding:2px; margin:5px;}
div#box-actu div.actu-sous-titre{font-size: 14px; text-align:center; margin:10px;}
div#box-actu p{text-align:justify; font-size: 11px;}

/**** Menu déroulant ****/
#nav, #nav ul, #nav2, #nav2 ul {padding: 0;margin: 0;list-style: none;line-height: 1;}
#nav a, #nav2 a {display: block;width: 160px;padding:2px;text-decoration:none;font-size:9pt;}
#nav li, #nav2 li {float: right;width: 160px;}
#nav li ul, #nav2 li ul {position: absolute;background-color:#FFF;width: 160px;left: -999em;}
#nav li:hover ul, #nav li.sfhover ul, #nav2 li:hover ul, #nav2 li.sfhover ul {left: auto;border:solid 1px #CCC;}
#nav li:hover, #nav li.sfhover, #nav2 li:hover, #nav2 li.sfhover {background-color:#FAFAFA;}
li.titre{border:outset 1px #333;background:#FFF url(../images/bg-deroulant.png) no-repeat;margin-right:2px;}



div.tri{padding:10px 10px 0 10px;background-color:#FAFAFA;}

/**** Menu droite ****/
#menudroite{width:270px;}
#menudroite div.boxes{ border-bottom:solid 3px #EFEFEF; border-left:solid 1px #EFEFEF;border-right:solid 3px #EFEFEF;padding:5px;margin:0; }
#menudroite div.boxes div.boxes_title{font-size:18px; margin:5px; font-family: "Trebuchet MS"}
#menudroite div.boxes h1.commande-title{font-size:18px;}
#menudroite ul li{	font: 10px verdana;}



/**** Bas ****/
#menu-bas{text-align:right; font-size: 8pt;}
span.copy{display:block; text-align:center; padding-left:10px; font-size: 8pt;}
#menu-bas a{color:#FFF;text-decoration:none;padding:1px 2px;}
#menu-bas a:hover{color:#000;background-color:#FFF;}
div#footer-text{color:#242424; font-size:10px; text-align:center; padding:10px;}
div#footer-text a {color:#242424;}
div#footer-text a:hover {color:#FF6635;}


/**** Listes ****/
#product-list{width:385px;margin:10px;/*border:solid 1px #000;*/}
dl.margins-removed {margin: 0;padding: 0;}
h2.titre-pdt{padding-left:5px; background-color:#E0E4ED;font-size:12px; font-style:normal; margin:0; font-weight:bolder;}
.margins-removed dt {margin: 0;padding: 0;}
.margins-removed dd {margin: 3px 0px;padding: 0; font-size:0.9em;}
.ref {color:#CCC;font-size:8pt;}
.bouton img{ margin-right:5px; }
.bouton a { text-decoration:none;font-size:11px;}
.ensavoirplus a {text-decoration:none;}
dd.indispo{color:red;font-size:11px;}

/**** Nouveaux produits ****/
div.vignette-news {float:left;width:290px;/*height:auto !important;min-height:186px;*/height:188px;padding:7px;margin:3px;background-image:url(../images/bg-product.png);background-repeat: no-repeat;border:solid 1px #CCC;background-color:#FFF;}
div.vignette-news img.vignette-news {float:left;border:solid 1px #111;cursor : url("../images/cursor-zoom.cur"), pointer;margin-right:10px;}
div.vignette-news dl{width:153px;float:right;margin:0;padding:0;}
div.vignette-news dl dt{background-color:#E0E4ED;padding-left:5px;}
div.vignette-news dl dd a{width:172px;}

#selection div.vignette-news{border-color:#000;}
#selection div.vignette-news dl dt{background-color:#F6DED6;}

/**** habillage hachures ****/
#habillage {background-image: url(../images/bg-rubrique.gif);background-repeat:repeat-y;}



/**** Rubrique ****/
div.navigation{margin-top:1px;background-image: url(../images/bg-categories.png);width:838px;height:18px;padding:6px 2px;border-style:solid;border-width:1px 0px 3px 0px;border-color:#CCC #CCC #FFF;}
#rubrique #dispo{padding:10px;background-color:#EFEFEF;}



/**** Produits Rubriques Pièces****/
#ariane { margin-top:5px; }
#rubrique, #produit{margin:10px;padding:10px;font-size:0.9em;background:#FFF;border:solid 1px #000;}
#rubrique {width:630px;}
div.panier{float:right;width:168px;padding:0;background-color:#FFF;}
div.panier div.panier-titre,#panier div.panier-titre{padding-left:10px;background:#FFF url(../images/ico-panier.gif) right no-repeat; font-size:12pt;}
div.panier ul{margin:0;padding:0 0 0 2px;list-style-type: none;}
div.panier ul li ,div.panier ul li a{font-size:11px;padding:5px;}
li.bg-panier  + li.bg-panier, li.bg-panier  + li.bg-panier  + li.bg-panier + li.bg-panier{background-color:#FFF;}
li.bg-panier, li.bg-panier  + li.bg-panier  + li.bg-panier, li.bg-panier  + li.bg-panier  + li.bg-panier + li.bg-panier  + li.bg-panier{background-color:#FAFAFA;}


img.produit-img {float:left;width:270px;margin-right:20px;margin-bottom:15px;}
#description{width:389px;float:right;}
#description #txtcodepromo { margin-top:20px;width:360px;border:1px dashed orange;color:#000;padding:5px 5px 5px 12px;}
#description #desc-content {min-height:350px;}
#dimensions{background-color:#FAFAF8;padding:10px;width:auto;}

span.frais-ports {font-size:11px;}
	/*Menu */
	#produit-menu{margin-top:20px;}
	#produit-menu-bas{clear:both;padding:0;width:800px;text-align:right;margin:5px 0px;background:#ECF3F9;}
	div.boutons{width:100%;text-align:right;background:#F2F2F2;}
	div.boutons ul {margin:0;padding:0;border: none;}
	div.boutons ul li {margin:3px 0px;padding:0;border:none;list-style: none;}
	#produit-menu-bas span{font-size:20px;font-weight:bolder;padding-right:10px;}
	#produit-menu-bas div{width:790px;background:#FAFAF8;padding:3px 10px 3px 0;clear:both;height:16px;}
	#produit-menu-bas span.pourcentage, #produit-menu-bas span.barre{font-size:18px;}
	#produit-menu-bas span.pourcentage{color:#01AD4E;}

	/*Boutons */
	div.boutons ul.outils{width:120px;padding: 0; list-style: none;}
	div.boutons ul.outils li{margin: 2px 0 6px 7px; padding: 0;font-weight: bold;line-height: 16px;background-repeat: no-repeat;background-position: 0 50%; }
	div.boutons ul.outils li a{padding-left: 21px;color:#333;text-decoration:none;font-size:8pt;}
	#imprimer{background-image: url(../images/printer.png);}
	#bouton-retour, #zoom, #bouton-panier{overflow:hidden;height: 26px;width: 62px;display:block;}
	#bouton-retour{background: url(../images/retour.gif) bottom left no-repeat;}
	#zoom{background: url(../images/zoom.gif) bottom left no-repeat;}
	#bouton-panier{background: url(../images/panier.gif) bottom left no-repeat;width: 127px;margin-left:672px;}
	#bouton-retour:hover, #bouton-panier:hover, #zoom:hover {background-position: top left;text-decoration: none;}
	a.bouton-zoom{display:block;background: url(../images/zoom.gif) bottom no-repeat;}
	a.bouton-zoom:hover{background: url(../images/retour.gif) top no-repeat;}
	a.bouton-retour{display:block;background: url(../images/retour.gif) bottom no-repeat;}
	a.bouton-retour:hover{background: url(../images/zoom.gif) top no-repeat;}


	a.impression{padding-left:20px;background:url(../images/printer.png) left no-repeat;}
	a.envoi-ami{padding-left:20px;margin-right:10px;background:url(../images/mail.png) left no-repeat;}
	#produit a.impression, #produit a.envoi-ami{float:right;}

#accessoires{width:800px; margin-top:10px;}
#accessoires div.titre-cross{background-color:#ECF3F9; color: #363320; margin:0px; padding-left:5px;font-size:20px; padding:5px;}
#accessoires img {border:none;margin:auto;border:solid 1px #ccc; padding: 3px; margin-bottom:5px;}
#accessoires p{text-align:center;float:left;}

img.vignette{margin-top:10px;padding:3px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#BBBBBB #3B3B3B #3B3B3B #BBBBBB;}
#documents{clear:both;padding:10px;}
div.question{margin:10px;}
div.question a{color:#272E78;}

/**** Panier ****/
#total {padding:0px 10px;background-color:#E0E4ED;text-align:right;}
#panier table, #commandes table,  #commande table{	width:100%;	padding:3px;background-color:#FFFFFF;border:solid 1px #000;font: 11px verdana;text-align: left;}
#panier td.center, #commandes td.center{border-style:solid;border-width:0px 1px;	border-color:#EFEFEF;}
#panier th, #commandes th{border-bottom:solid 1px #EFEFEF;}
#panier td, th, #commandes td{padding:3px;}
#panier td.total, #commande td.total{border-top:solid 1px #EFEFEF;text-align:right;font-weight:bolder;font: 12px verdana;}



/**** Transports ****/
p.ports{background:#FFF;padding:10px;margin:10px;border:#333;}


/*** Contenus ***/
div.faq a{color:#FF6635;}


/***Commandes ***/
dl.commande{padding:10px;border:solid 1px #000;background-color:#FFF;}
dl.commande dt{font-weight:bolder;}
dl.commande dd{margin:0;padding-left:5px;}
dd.adr-livraison{background-color:#FAFAFA;padding:10px;}
h1.commande{}
h2.titre-recap {font-size:18px; margin-bottom:5px; margin-left:0; margin-top:15px; padding:0;}
#ariane-commande {list-style:none;padding:0;margin:15px 0 30px 0;}
#ariane-commande li{background:url(../images/bg-encart.png) repeat-x;height:25px;border:outset 1px #BBB;margin:5px;padding:10px 5px 0px 5px;color:#888;}
#ariane-commande li.set{font-size:13px;background:#FFF;border:inset 1px #333;color:#FF6635;}
#ariane-commande li a{font-size:13px;}
#ariane-commande li.noset{font-size:13px;}
#ariane-commande li span{color:#000;}


div.print{text-align:right;width:100%;margin-bottom:5px;}
div.print a{text-decoration:none;padding-left:20px;background:url(../images/printer.png) left no-repeat;}
div.print a:hover{text-decoration:none;}

/***cgv***/
#cgv{width:485px;height:180px;padding:5px;margin:10px 0;background:#F5F5F5;overflow: auto;border:inset 1px #000;font-size:11px;}
#cgv h4{font-size:12px;font-weight:bolder;margin:5px 0;padding:0;}
#cgv p{padding:0;margin:0;}
eft:20px;background:url(../images/printer.png) left no-repeat;}

div.print a:hover{text-decoration:none;}

/***cgv***/

#cgv{width:485px;height:180px;padding:5px;margin:10px 0;background:#F5F5F5;overflow: auto;border:inset 1px #000;font-size:11px;}

#cgv h4{font-size:12px;font-weight:bolder;margin:5px 0;padding:0;}

#cgv p{padding:0;margin:0;}