body{ background:url(images/bg.gif); margin:0px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#3e3e3e; font-size:0.7em; color:#3e3e3e; }
img{ border:none; }
div.myhr{ clear:both; height:0px; overflow:hidden; visibility:hidden; }

a:link, a:visited, a:hover, a:active{ outline:none; }

/*#################################### OVERALL #####################################*/
div#wrap{ background:url(images/bg.jpg) top center no-repeat; text-align:center; }
div#container{ margin:0px auto 0px auto; text-align:left; width:990px; padding:0px 0px 0px 0px; position:relative; }
div#header{ }
div#header div#logo{ background:url(images/flat4parts.png) 0px 0px no-repeat; width:368px; height:80px; padding:0px 0px 0px 0px; }
div#header div#logo h1{ margin:0px; padding:0px; }
div#header div#logo a:link, div#header div#logo a:visited, div#header div#logo a:hover, div#header div#logo a:active{ width:368px; height:80px; display:block; text-decoration:none; font-size:0.1em; text-indent:-9998px; outline:none; }

div#header div#menu{ height:70px; margin:5px 0px 15px 0px; }
div#header div.fr{ background:url(images/menu-fr.png) top left no-repeat; }
div#header div.en{ background:url(images/menu-en.png) top left no-repeat; }

div#header div#menu ul{ margin:0px; padding:0px 0px 0px 1px; list-style:none; }
div#header div#menu ul li{ padding:0px; margin:0px; display:inline; }
div#header div#menu ul li a:link, div#header div#menu ul li a:visited{ display:block; float:left; height:60px; text-decoration:none; }
div#header div.fr ul li a:hover{ background-image:url(images/menu-fr.png); background-repeat:no-repeat; }
div#header div.en ul li a:hover{ background-image:url(images/menu-en.png); background-repeat:no-repeat; }

div#header div#menu ul li#catalogue a:link, div#header div#menu ul li#catalogue a:visited{ width:128px; }
div#header div#menu ul li#etudes a:link, div#header div#menu ul li#etudes a:visited{ width:183px; }
div#header div#menu ul li#developpement a:link, div#header div#menu ul li#developpement a:visited{ width:175px; }
div#header div#menu ul li#newsletter a:link, div#header div#menu ul li#newsletter a:visited{ width:120px; }
div#header div#menu ul li#faq a:link, div#header div#menu ul li#faq a:visited{ width:120px; }

div#header div#menu ul li#catalogue a:hover{ background-position:-1px -83px; }
div#header div.fr ul li#catalogue a.actif{ background:url(images/menu-fr.png) -1px -83px no-repeat; }
div#header div.en ul li#catalogue a.actif{ background:url(images/menu-en.png) -1px -83px no-repeat; }
div#header div#menu ul li#etudes a:hover, div#header div#menu ul li#etudes a.actif{ background-position:-129px -83px; }
div#header div.fr ul li#etudes a.actif{ background:url(images/menu-fr.png) -129px -83px no-repeat; }
div#header div.en ul li#etudes a.actif{ background:url(images/menu-en.png) -129px -83px no-repeat; }
div#header div#menu ul li#developpement a:hover, div#header div#menu ul li#developpement a.actif{ background-position:-312px -83px; }
div#header div.fr ul li#developpement a.actif{ background:url(images/menu-fr.png) -312px -83px no-repeat; }
div#header div.en ul li#developpement a.actif{ background:url(images/menu-en.png) -312px -83px no-repeat; }
div#header div#menu ul li#newsletter a:hover, div#header div#menu ul li#newsletter a.actif{ background-position:-487px -83px; }
div#header div.fr ul li#newsletter a.actif{ background:url(images/menu-fr.png) -487px -83px no-repeat; }
div#header div.en ul li#newsletter a.actif{ background:url(images/menu-en.png) -487px -83px no-repeat; }
div#header div#menu ul li#faq a:hover, div#header div#menu ul li#faq a.actif{ background-position:-607px -83px; }
div#header div.fr ul li#faq a.actif{ background:url(images/menu-fr.png) -607px -83px no-repeat; }
div#header div.en ul li#faq a.actif{ background:url(images/menu-en.png) -607px -83px no-repeat; }

div#header div#menu ul li a:link span, div#header div#menu ul li a:visited span, div#header div#menu ul li a:hover span{ visibility:hidden; font-size:0.1em; }

div#footer{ background:url(images/footer.png) top center no-repeat; height:34px; padding:22px 20px 0px 0px; text-align:right; color:#757575; margin-bottom:20px; font-size:0.9em; margin:20px 0px 0px 0px; }
div#footer a:link, div#footer a:visited{ color:#757575; text-decoration:none; }
div#footer a:hover{ text-decoration:underline; color:#FFF; }

div#vilo{ position:absolute; right:-10px; top:0px; background:url(images/vilo.png) top right no-repeat; width:298px; height:157px; }
div#langues{ background:url(images/langues.gif) top left no-repeat; width:53px; height:20px; position:absolute; right:0px; top:0px; }
div#langues ul{ margin:0px; padding:2px 0px 0px 8px; list-style:none; }
div#langues ul li{ padding:0px 2px 0px 0px; display:inline; margin:0px; }

div#left{ width:225px; float:left; margin:0px 35px 0px 0px; }
div#left ul#categories{ margin:0px; padding:0px; list-style:none; }
div#left ul#categories li{ margin:0px; padding:0px; }
div#left ul#categories li a:link, div#left ul#categories li a:visited{ display:block; background:url(images/li.gif) top left no-repeat; height:25px; color:#FFFFFF; text-decoration:none; padding:6px 0px 0px 30px; font-size:1.1em; }
div#left ul#categories li a:hover, div#left ul#categories li a.actif{ background:url(images/li.gif) 0px -40px no-repeat; }

div#left div#goodies{ margin:85px 0px 0px 0px; }

div#pushNewsletter-fr, div#pushNewsletter-en{ color:#584f43; height:127px; padding:15px 15px 0px 13px; margin-top:10px; line-height:1.2em; }
div#pushNewsletter-fr{ background:url(images/newsletter-fr.gif) top left no-repeat; }
div#pushNewsletter-en{ background:url(images/newsletter-en.gif) top left no-repeat; }
div#pushNewsletter-fr h2, div#pushNewsletter-en h2{ margin:0px; padding:0px; font-size:0.1em; text-indent:-9998px; }
div#pushNewsletter-fr a:link, div#pushNewsletter-fr a:visited, div#pushNewsletter-en a:link, div#pushNewsletter-en a:visited{ color:#584f43; text-decoration:none; }

div#right{ width:193px; float:right; }
div#chapeau{ color:#FFFFFF; background:url(images/panier.png) top left no-repeat; padding:20px 12px 20px 12px; }
div#chapeauBottom{ background:url(images/panier-bottom.png) top left no-repeat; height:18px; margin:0px 0px 0px 0px; }
div#chapeau #h2fr, div#chapeau #h2en{ margin:0px 0px 15px 0px; padding:0px; height:22px; background-position:top left; background-repeat:no-repeat; font-size:0.1em; text-indent:-9998px; }
div#chapeau #h2fr{ background-image:url(images/h2-fr.gif); }
div#chapeau #h2en{ background-image:url(images/h2-en.gif); }
div#logos{ height:86px; padding:12px 0px 0px 9px; background:url(images/logos.gif) top left no-repeat; font-size:0.9em; }
div#logos div{ margin-bottom:8px; }

div#mainColumn{ width:473px; float:left; background:url(images/main.png); padding:5px 10px 7px 15px; color:#e5e5e5; }
div#mainHome{ width:500px; float:left; }

/*---------------------------------------------*/
div#panier{ margin:0px; padding:15px 5px 0px 5px; background:url(images/panier.png) top left no-repeat; color:#FFFFFF; }
div#panierBottom{ background:url(images/panier-bottom.png) top left no-repeat; height:9px; margin-bottom:10px; }

div#panier form{ margin:0px; padding:0px; }

table#panierTable tr.entree, table#recapTable tr.entree{ background:#3f9d27; margin-bottom:12px; }
table#panierTable td{ padding:3px 0px 5px 0px; font-size:0.9em; vertical-align:top; }
table#recapTable td{ padding:3px 0px 5px 0px; font-size:1em; vertical-align:top; }
table#panierTable tr.entree td, table#recapTable tr.entree td{ padding:3px 1px 5px 2px; }
table#panierTable a.remove:link, table#panierTable a.remove:visited, table#recapTable a.remove:link, table#recapTable a.remove:visited{ color:#333; text-decoration:none; padding:0px 2px 0px 2px; margin:0px 3px 0px 2px; background:#3f9d27; }
table#recapTable a.remove:hover{ color:#00CC33; background:#575757; }

table#panierTable, table#recapTable{ width:100%; }
table#panierTable td.qty input, table#recapTable td.qty input{ font-size:0.9em; padding:2px; margin-right:3px; width:15px; background:#346b9c; border:solid 1px #0099CC; color:#00CC00; }
table#recapTable tr.total{ font-size:1.4em; }
table#panierTable td.footer{ border-top:solid 1px #ccc; padding:12px 3px 0px 0px; text-align:right; font-size:1.2em; }
table#panierTable td.footer a:link, table#panierTable td.footer a:visited{ color:#FFFFFF; background:url(images/ma-selection-voir-puce.gif) left no-repeat; padding:0px 0px 0px 20px; }

fieldset#actions{ padding:5px 10px 5px 10px; border:solid 1px #e5e5e5; background:#ccc; margin-bottom:10px; }
fieldset#actions2{ padding:5px 10px 5px 10px; border:solid 1px #e5e5e5; background:#ccc; margin-bottom:10px; }
fieldset#actions2 label{ font-weight:bold; color:#666666; }

input.b_panier{ background:#666666; color:#FFFFFF; font-size:0.9em; font-weight:bold; border:solid 1px #999999; cursor:pointer; padding:3px 7px 3px 7px; }
input.b_panier:hover{ background:#3f9d27; }



/*#################################### INTERIEUR #####################################*/
h1#maintitle{ color:#FFFFFF; font-weight:normal; margin:5px 0px 0px 0px; padding:0px 0px 10px 0px; font-size:2.8em; }
div#mainColumn h2{ color:#3d9826; font-size:1.6em; margin:30px 0px 0px 0px; padding:0px; }
div#mainColumn h3{ color:#30699b; font-size:1.3em; margin:10px 0px 0px 0px; padding:0px; }

/*************** contact ******************/
div.formulaire{ padding:0px 0px 5px 0px; clear:both; }
div.formulaire input, div.formulaire textarea{ background:#f5f5f5; color:#3d9826; border:solid 1px #999; margin-bottom:3px; width:337px; padding:4px; font-size:1.2em; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; }
div.formulaire strong{ display:block; width:120px; float:left; padding:2px 0px 0px 0px; }

div.formulaire input.bouton{ background:#999; color:#fff; border:solid 1px #666; margin-bottom:3px; width:164px; padding:2px; font-size:1.1em; font-weight:bold;
	border-bottom:solid 1px #444; border-right:solid 1px #444;  }

div#monCallback{ visibility:hidden; }
div#reponse{ display:none; }

div#erreur{ border:solid 1px #cc0000; padding:20px; color:#cc0000; background-color:#FFFFFF; }

/*************** listings catalogue et etudes ******************/
div#produits, div#etudes{ background:url(images/main.png); padding:5px 0px 7px 15px; margin-bottom:14px; }
div#produits h2, div#etudes h2{ margin:0px; padding:0px 0px 3px 0px; font-weight:normal; font-size:1.6em; color:#8f8880; }
div.produit{ background:url(images/produit.png) top left no-repeat; padding:10px 10px 12px 11px; position:relative; float:left; width:135px; height:180px; }
div.image{ width:134px; height:100px; overflow:hidden; }
div#mainHome div.produit h3, div#mainColumn div.produit h3{ color:#30699b; margin:0px; padding:0px; font-size:1em; font-weight:normal; line-height:1.2em; }
div.produit h3 a:link, div.produit h3 a:visited{ text-decoration:none; color:#30699b;} 
div.produit h3 a:hover{color:#3d9826; }
div.produit div.prix{ position:absolute; bottom:17px; color:#3d9826; font-weight:bold; font-size:1.6em; width:134px; }
div.produit div.prix sup{ color:#b8b8b8; font-size:0.8em; }
.ajouter-selection{ border:none; cursor:pointer; float:right; }

div.etude{ background:url(images/produit.png) bottom left no-repeat; padding:10px 10px 12px 11px; position:relative; float:left; width:135px; height:110px; position: relative; overflow:hidden; }
div.etude div.image{ overflow:hidden; }
div#mainHome div.etude div.cover h3, div#mainColumn div.etude div.cover h3{ margin:0px; padding:10px; font-size:1em; line-height:1.2em; }
div.etude div.cover h3 a:link, div.etude div.cover h3 a:visited{ color:#FFFFFF; text-decoration:none; }
div.etude div.cover h3 a:hover{ text-decoration:underline; }
.boxcaption{ float: left; position: absolute; background:url(images/main.png); height: 100px; width:134px; 	}
.captionfull .boxcaption { top:150px; left: 11px; }



/*************** catalogue détail ******************/
div#mainColumnDetail{ width:500px; float:left; color:#e5e5e5; }
div#mainColumnDetail div#detail, div#mainColumnDetail div#ajoutPanier, div#mainColumnDetail div#extras{ background:url(images/main.png); padding:5px 10px 7px 15px; margin-bottom:10px; }
div#mainColumnDetail div#detail h1{ font-size:1.7em; color:#8f8880; }
div#vignettes{ float:right; padding:12px 0px 25px 30px; }
div#vignettes div.vignette{ padding:0px 0px 10px 0px; }
div#vignettes div.vignette img{ border:solid 6px #FFFFFF; }

div#ajoutPanier{ height:57px; }
div#ajoutPanier div#addCart{ float:right; background:url(images/addpanier.jpg); width:125px; height:69px; margin:-5px -10px -7px 0px; }
div#ajoutPanier div#addCart a:link, div#ajoutPanier div#addCart a:visited, div#ajoutPanier div#addCart a:active{ outline:none; display:block; padding:40px 0px 5px 0px; text-align:center; color:#30699b; font-size:1.2em; font-weight:bold; text-decoration:none; }
div#ajoutPanier div#prix{ color:#30699b; font-size:1.4em; padding-top:10px; }
div#ajoutPanier div#prix strong{ color:#3d9826; font-size:2.1em; }
div#ajoutPanier div#prix sup{ color:#b8b8b8; font-size:1.4em; }

	
/****** top et print ***/
div#top-print{ margin:0px 0px 0px 0px; padding:0px 3px 0px 0px; font-size:0.9em; text-align:right; }
div#top-print a:link, div#top-print a:visited{ padding:1px 0px 0px 12px; color:#7b7b7c; margin-left:20px; } 
div#top-print a:hover{ color:#fff;  } 
div#top-print a.top:link, div#top-print a.top:visited{ background:url(images/top.gif) left no-repeat; }
div#top-print a.print:link, div#top-print a.print:visited{ background:url(images/print.gif) left no-repeat; }

/*#################################### styles #####################################*/
.bleu{ color:#30699b; }
.vert{ color:#3d9826; }
.gris{ color:#8f8880; }