/* CSS Document */

html, body { width: 100%; height: 100%; margin: 0px; padding: 0px; text-align: center; background-color: #014284; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #333333; line-height: 12pt; text-decoration: none; }

/* Titres */
h1 { font-size: 1.8em; line-height: 18pt; color: #014284; margin: 5pt; font-family: Geneva, Arial, Helvetica, sans-serif; }
h2 { font-size: 1.4em; line-height: 15pt; color: #014284; font-family: Geneva, Arial, Helvetica, sans-serif; }


/* Page d'accueil */
#home div.productresume { float: left; width: 210px; font-size: 1em; margin: 5px; padding: 0; }
#home div.productresume h2 { background-color: #0066FF; color: #FFFFFF; margin: 0; height: 3em; font-size: 1.8em; line-height: 2.5em;
}
#home div.productresume img { width: 206px; height: 173px; border: solid 2px #0066FF; }
#home p.description { text-align: justify; font-size: 1em; padding: 0 .5em 0 .5em; }
#home p.cost { text-align: justify; font-size: 2.2em; text-align: center; color: #0066FF; font-weight: bold; }

/* Paragraphe */
.error { color: #CC0000; font-weight: bold; font-size: .8em; }
.simpleborder { border: 1px solid #666666; margin: 5px; padding: 5px; }
.capital { text-transform: uppercase; }

/* Liens */
a { font-weight: bold; color: #000099; }
a:hover { font-weight: bold; color: #000099; text-decoration: underline; }
p { font-size: 9pt; }

/* Formulaires */
form { margin: 0; padding: 0; }
input, select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; line-height: 9pt; color: #333333; text-decoration: none; }
table.tbforms {  margin: 10pt; padding-bottom: 10pt; font-size: 8pt; }
table.tbforms h2 { text-indent: 10pt; margin: 10pt; padding: 3pt; color: #014284; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #014284; }
table.tbforms td { margin: 0pt; padding: 3pt; }
table.tbforms .tbFieldsName { font-weight: bold; text-align: right; }
table.tbforms .trlign1 { background-color: #F9FDFF; }
table.tbforms .trlign2 { background-color: #F2FCFF; }
table.tbforms p { text-indent: 15pt; color: #666666; font-size: 9pt; line-height: 16pt; text-align: justify; }
table.tbforms p.error { color: #CC0000; font-weight: bold; font-size: 10pt; }

#maincontainer { position: relative; width: 960px; height: 100%; margin: auto; text-align: left; background-color: #014284; }
#mainpage { height: 100%; background-color: #014284; margin: 0px; padding: 0px; font-size: 8pt; }

/* Entete de page */
#mainpage #header { width: 960px; height: 165px; background-image: url(/imgs/global/header.png); }

/* Menu principal */
#mainpage #mainmnu img { border: 0px; }

/* Corps de page */
#mainpage #bdleft { width: 40px; background-image: url(/imgs/global/leftborder.jpg); }
#mainpage #bdcenter { width: 880px; padding-bottom: 20px; background-color: #FFFFFF; background-image:url(/imgs/global/bgcontent-880x5.png); }
#mainpage #bdright { width: 40px; background-image: url(/imgs/global/rightborder.jpg); }

/* Menu produit */
#mainpage #prdmnu img { border: 0px; }
#mainpage #prdmnu #prdmnuleft { width: 199px; height: 28px; background-image: url(/imgs/global/mnuorange/left.jpg); background-repeat: no-repeat; }
#mainpage #prdmnu #prdmnuright { width: 320px; height: 28px; background-image: url(/imgs/global/mnuorange/right.jpg); background-repeat: no-repeat; }
/* Menu flotant produit */
#mainpage #prdmnu div#fmnuprd { background-color:#FBA500; width:275px; position:absolute; visibility:hidden; top: 215px; left: 480px; padding: 0px; margin: 0px; }
#mainpage #prdmnu div#fmnuprd td { text-indent: 10px; border-top-width: 1px; border-top-style: solid; border-top-color: #FFFFFF; height: 20px; }
#mainpage #prdmnu div#fmnuprd td a { color: #FFFFFF; font-weight: bold; font-size: 7pt; text-decoration: none; width: 100%; }
#mainpage #prdmnu div#fmnuprd td a:hover { text-decoration: underline; }	
#mainpage #prdmnu div#fmnuprd td:hover { background-color: #FFB833; }

/* Menu divers */
#mainpage #miscmnu { height: 78px; }
#mainpage #miscmnu img { border: 0px; }

/* Pied de page */
#mainpage #topfooter { width: 960px; height: 32px; background-image: url(/imgs/global/footer.jpg); }
#mainpage #bottomfooter { width: 960px; background-image: url(/imgs/global/footerfont.jpg);  }
#mainpage #bottomfooter p { font-size: 8pt; font-style: italic; line-height: 10pt; color: #CCCC00; margin: 2pt 50pt 2pt 50pt; display: inline; }
#mainpage #bottomfooter a { color: #CCCC00; }

/* style du nombre de produits dans le catalogue */
#tbprodsearcher { width: 650px; text-align: left; margin: 1em 1em 0 1em; padding: 0; }
#tbprodsearcher td { padding: .3em .3em .3em 1.5em; }
#tbprodsearcher td.cataloguecount { color: #014284; width: 13em; font-weight: bold; padding: 1em 0 0 0; border-right: solid 1px #014284; text-align: left; }
#tbprodsearcher td.cataloguecount span.big { font-size: 3.5em; }
#tbprodsearcher td.cataloguecount span.resultcount { font-size: 1em;  }

/* Tableau de listing Produits */
table.tblist { font-size: 8pt; }
/* Barre de recherche produits */
table.tblist td#tdprodsearcher { border-bottom: solid 1px #014284; font-size: .9em; }
table.tblist td#tdprodsearcher input, table.tblist td#tdprodsearcher select { font-size: .9em; }
table.tblist td.tdheaderprodlist { text-align: center; font-size: 12px; font-weight: bold; color: #999999; }
table.tblist td.tdcatname { font-size: 1.3em; font-weight: bold; color: #FFFFFF; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #014284; background-color: #014284; line-height: 1.5em; vertical-align: middle; padding-left: .5em; font-family: Geneva, Arial, Helvetica, sans-serif; }
table.tblist td.tdspacer { border-top: solid 1px #014284; height: 0; font-size: 0; line-height: 0; margin: 0; padding: 0;}
table.tblist td.tdthumbail { text-align: center; width: 120px; font-size: 11px; padding: 1em; }
table.tblist td.tdthumbail img { border: 1px solid #666666; }
table.tblist td.tddescription .nameprod { border-bottom: solid 1px #EBEEF1; line-height: 15pt; font-size: .8em; margin-right: .5em; }
table.tblist td.tddescription .nameprod a { color: #014284; }
table.tblist td.tddescription .nameprod span { font-style: italic; font-size: .9em; line-height: 15pt; margin: 10px; font-weight: bold; }
table.tblist td.tddescription p { font-size: 11px; text-align: justify; margin: .5em; }
table.tblist td.tdstock { text-align: center; font-size: 1em; font-weight: bold; width: 30px; border-right: solid 1px #EBEEF1; border-left: solid 1px #EBEEF1;
}
table.tblist tr.trlign1 { background-color: #F9FDFF; }
table.tblist tr.trlign2 { background-color: #F2FCFF; }
table.tblist td.tdprice { text-align: center; width: 120px;}
table.tblist td.tdprice p { font-size: 1.1em; font-weight: bold; margin: 2pt; text-align: center; }
table.tblist td.tdprice p.promoprice { color: #FF0000; }

table.tblist td.tdprice p.oldprice { text-decoration: line-through; color: #0099FF; margin-top:10pt; margin-bottom:10pt; }
table.tblist td.tdprice p.price { color: #0099FF; margin-top:10pt; margin-bottom:10pt; }
table.tblist td.tdprice p span.HT { font-size: .8em; color: #333333; }
table.tblist td.tdprice input, table.tblist td.tdprice select { font-size: .8em; }

/* Styles spcifiques au caddie */
table#caddie td#tdsumfield { font-weight: bold; color: #CC0000; font-size: 13px; border: 2px solid #CC0000; text-align: center; }
table#caddie td.tdref { width: 75px; text-align: center; }
table#caddie td.tdname { width: 450px; }
table#caddie td.tdqt { width: 60px; text-align: center; }
table#caddie td.tdttc { width: 75px; text-align: center; }
table#caddie td.tdsum { width: 75px; text-align: center; }
table#caddie td.tdprice { font-size: 8pt; font-weight: bold; text-align: center; color: #0099FF; }
table#caddie td.tdprice span.HT { font-size: 6.5pt; font-weight: bold; text-align: center; color: #000000; }
table#caddie td.tdprice span.promo { font-size: 6.5pt; font-weight: bold; text-align: center; color:#FF0000; }
table#caddie td.tdact { width: 35px; text-align: center; }

/* Styles commandes / factures */
table.tborder { color: #000000; background-color: #FFFFFF; margin: 10px; padding: 10px; width: 98%; font-family: "Courier New", Courier, monospace; font-size: 9pt; border: 1px solid #000000; }
table.tborder tr.header { font-weight: bold; }


/* Styles de prsentation des produits */
ul.quadlist { font-size: 10pt; color: #003399; }
a.quadlist { font-size: 11pt; margin-left: 30pt; }
#prdpresent { width: 670px; margin-top: 10pt; margin-right: 0; margin-bottom: 0; margin-left: 10px; }
#prdpresent div { width: 300px; height: 400px; float:left; margin: 18px 0 0 18px; border: 1px solid #014284; padding: 0; }
#prdpresent div h3 { color: #FFFFFF; background-color: #014284; padding: .3em; margin: 0; font-size: 1.3em; }
#prdpresent div img { width:100px; float:left; margin: 5pt; height: 100px; border: 1px solid #666666; }
#prdpresent div p.desc { text-align: justify; font-size: 1em; margin-top: 10pt; margin-right: 5pt; margin-bottom: 10pt; margin-left: 5pt; padding-top: 10pt; padding-bottom: 10pt; border-top-width: 1px; border-top-style: dotted; border-top-color: #999999; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999999; }
#prdpresent div span.links { clear:both; margin: 5pt; text-align: center; width: 100%; font-size: 9pt; }
#prdpresent div p.promoprice { color: #FF0000; font-weight: bold; text-align:center; font-size: 11pt; margin: 5pt; }
#prdpresent div p.oldprice { text-decoration: line-through; color: #0099FF; margin-top:5pt; margin-bottom:5pt; font-weight: bold; text-align:center; }
#prdpresent div p.price { color: #0099FF; margin-top:10pt; margin-bottom:5pt; font-weight: bold; font-size: 11pt; text-align:center; }
#prdpresent div p span.HT { font-size: 7pt; color: #333333; font-weight: bold; text-align:center; margin-bottom: 15pt; }

/* Styles propres  la barre de statut de connexion situe en haut des pages */
div#accountbar { font-size: 1em; width: 100%; margin: 0; border-bottom: solid 1px #CCCCCC; color: #666666; padding: .4em 0 .4em .4em; background-color: #FFFFFF; }
div#accountbar input, div#accountbar select { font-size: .9em; line-height: 1em; }
div#accountbar p.error { margin: 0; padding: 0; }

/* Conditions de ventes */
div#sellrules h1 {  }
div#sellrules h2 { margin-top: 30pt; margin-right: 10pt; margin-bottom: 10pt; margin-left: 10pt; }
div#sellrules h3 { margin:10pt; font-size: 10pt; text-indent: 15pt; }
div#sellrules p { text-align: justify; text-indent: 30pt; margin-top: 7pt; margin-right: 30pt; margin-bottom: 7pt; margin-left: 30pt; }
div#sellrules ul { margin-left: 75pt; margin-right: 75pt; }
div#sellrules ul li { font-size: 10pt; }

/* Comment acheter */
div.intromenu { width: 300pt; margin: 30pt auto 20pt auto; }
div.intromenu ol { color:#000066;  }
div.intromenu ol li a { text-decoration: none; font-size: 1em; }
div.intromenu ol li a:hover { color: #CC3300; text-decoration: underline; }
div.explain { border-top: dashed 1px #000066; margin: 30pt 10pt 10pt 10pt; }
div.explain h2 { margin-top: 5pt; }
div.explain p.classic { text-align: justify; text-indent: 30pt; margin: 7pt 30pt 7pt 30pt; font-size: 9pt; line-height: 13pt; }
div.explain p.comment { text-align: justify; text-indent: 15pt; margin: 5pt 5pt 5pt 5pt; font-size: 8pt; line-height: 12pt; }
div.explain ul.comment { margin: 5pt 5pt 5pt 5pt; font-size: 8pt; line-height: 12pt; text-align:justify; }
div.explain p.cleared { clear: both; }
div.explain img.illustration { margin: 7pt 10pt 5pt 10pt; border: 1px solid #333333; }
div.explain span.quotation { font-style: italic; color: #A54E50; }


/* Menu gauche */
#mnu-categories { float:left; width: 190px; margin: 0; padding: 0; font-family: Geneva, Arial, Helvetica, sans-serif;  }
#mnu-categories ul { list-style: none; margin: 0; padding: 0; font-size: .8em; text-transform: capitalize; border: 0; border-bottom: solid 1px #AAAAAA; }
#mnu-categories ul li { background-color: #F0F8FF; font-size: 1.3em; font-weight: bold; }
#mnu-categories ul li ul { border: 0; }
#mnu-categories ul li ul li { border: 0; background-color: #FFFFFF; margin: 0;  font-size: 1.1em; }
#mnu-categories ul li a { text-decoration: none; color: #014284; display: block; border-top: solid 1px #AAAAAA; border-bottom: solid 1px #F0F8FF; width: 190px; }
#mnu-categories ul li ul li a { padding-left: 15px; text-decoration: none; color: #014284; display: block; border-top: solid 1px #EEEEEE; border-bottom: solid 1px #FFFFFF; height: 1.3em; line-height: 1.3em; background-image: url(/imgs/global/list-arrow.png); background-repeat: no-repeat; background-position: 2px center; width: 175px; font-weight: normal; }
#mnu-categories ul li a:hover { background-color: #D7ECFF; border-top: solid 1px #014284; border-bottom: solid 1px #014284; }
#mnu-categories ul li ul li a:hover { background-color: #D7ECFF; border-top: solid 1px #014284; border-bottom: solid 1px #014284; background-image: url(/imgs/global/list-arrow-blue.png);}



div.content-right { float: left; width: 680px; padding: 0; margin: 0; overflow: auto; padding-left: 10px; }
p.cleaner { clear: both; }