body { font-family:Georgia,Trebuchet MS,Arial,Helvetica,Verdana,Sans-Serif; font-size:10pt; margin:0px; }
#container, #filter, #text, #webshop, #copyright { position:absolute; left:50%; top:50%; overflow:hidden; z-index:100; }
#container, #filter { width:800px; height:300px; margin-left:-400px; margin-top:-165px; }
#text { width:780px; height:280px; margin-left:-390px; margin-top:-140px; }
#webshop { width:800px; height:30px; margin-left:-400px; margin-top:135px; }
#copyright { width:800px; height:30px; margin-left:-400px; margin-top:175px; }

body { background-color:#181818; color:#888888; }
#container { background-color:#000000; border:1px solid #505050; }

#webshop { background-color:#404040; border:1px solid #505050; border-top:0px; color:#000000; font-size:8pt; }
#webshop p { display:block; line-height:22px; margin:1px 0px; padding:2px 5px; }
#webshop a { display:block; line-height:22px; margin:1px 0px; padding:2px 5px; color:#aaaaaa; text-decoration:none; }
#webshop a:hover { color:#ffffff; }
#webshop a.inscription { float:left; margin-right:10px; }
#webshop a.deconnexion { float:right; margin-right:10px; }
#webshop form { display:block; margin:2px 0px; padding:2px 5px; }
#webshop input { font-family:Georgia,Trebuchet MS,Arial,Helvetica,Verdana,Sans-Serif; font-size:8pt; vertical-align:middle; border:1px solid #000000; margin-right:3px; background-position:3px center; background-repeat:no-repeat; }
#webshop input.email { width:115px; background-image:url(bg-email.png); }
#webshop input.password { width:85px; background-image:url(bg-password.png); }
#webshop input.login { width:55px; }

#copyright { color:#888888; font-size:8pt; line-height:15px; text-align:center; }
#copyright a { color:#888888; text-decoration:none; }
#copyright a:hover { color:#aaaaaa; text-decoration:underline; }
#copyright span { color:#444444; font-size:7pt; }
#copyright span a { color:#444444; }
#copyright span a:hover { color:#666666; }
#copyright img.flag { width:15px; height:10px; border:0px; vertical-align:middle; }

#index { width:800px; height:300px; background:#000000 url(etoiles.png) top center no-repeat; overflow:hidden; }
#index img { border:0px; vertical-align:bottom; }
#index img.logo { width:300px; height:145px; margin:15px 50px 15px 20px; }
#index img.rose { width:339px; height:300px; margin:0px 40px 0px 45px; }

#home { width:800px; height:300px; background:#000000 url(collection-diadema.jpg) right center no-repeat; }
#home ul, #home ul li { margin:0px; padding:0px; color:#444444; }
#home ul { list-style:none; padding-top:1px; }
#home ul li { display:block; margin-top:5px; }
#home ul li a { color:#888888; display:block; width:160px; margin-left:30px; text-align:left; text-decoration:none; }
#home ul li a:hover { color:#ffffff; text-decoration:underline; }
#diamant { position:absolute; right:40px; top:20px; width:140px; height:20px; border:0px;}

#ltext, #rtext { width:370px; height:280px; }
#ltext.w500, #rtext.w500 { width:470px; }
#ltext { float:left; margin:10px 0px 0px 10px; }
#rtext { float:right; margin:10px 10px 0px 0px; }

#lphoto, #rphoto { width:400px; height:300px; border:0px; }
#lphoto.w300, #rphoto.w300 { width:300px; }
#lphoto { float:left; margin:0px; }
#rphoto { float:right; margin:0px -5px 0px 0px; }
#zoom { position:absolute; right:10px; bottom:10px; width:55px; height:10px; border:0px; }
#zoom_photo { position:absolute; right:100px; bottom:15px; width:55px; height:10px; border:0px; }

.tovf { width:370px; height:200px; overflow:auto; padding:5px; }
.w500 .tovf { width:470px; }
.tovf a { color:#ffffff; text-decoration:none; }
.tovf a:hover { text-decoration:underline; }

.webshop { background:#000000 url(etoiles2.png) top center no-repeat; }
.webshop .tovf { width:770px; height:200px; overflow:auto; padding:5px; }

.ft span { color:#444444; font-style:italic; }

#text h1, #ltext h1, #rtext h1 { color:#ffffff; font-size:20pt; font-weight:normal; margin:0px 0px 10px 0px; }
#text h1 i, #ltext h1 i, #rtext h1 i { color:#aaaaaa; font-size:16pt; font-weight:normal; margin:0px 0px 10px 0px; margin-left:10px; font-style:normal; }
#text p, #ltext p, #rtext p { margin:5px 0px; line-height:150%; }
b.w { color:#ffffff; }

#retour, #suivant { color:#ffffff; display:block; margin-top:15px; text-decoration:none; }
#retour:hover, #suivant:hover { text-decoration:underline; }
#retour { width:100px; float:left; text-align:left; }
#suivant { width:270px; float:left; text-align:right; }

#photo { text-align:center; }
#photo a img { border:0px; }
#photo #prec, #photo #suiv { display:block; width:50px; height:300px; overflow:hidden; }
#photo #prec { float:left; background:#000000 url(photo-precedente.png) 9px 10px no-repeat; }
#photo #suiv { float:right; background:#000000 url(photo-suivante.png) 9px 265px no-repeat; }
#photo #prec img, #photo #suiv img { width:50px; height:300px; }

#erreur { position:absolute; top:0px; right:0px; width:200px; height:120px; padding:0px; overflow:auto; }
#erreur { background-color:#440000; border:2px solid #cc0000; color:#cc0000; font-weight:bold; }
#erreur p { font-size:8pt; line-height:14px; margin:10px; }

#inscription { margin:0px; text-align:left; }
#inscription table { border-collapse:collapse; font-size:9pt; margin:0px; }
#inscription table .th1 { text-align:right; width:60px; }
#inscription table .td1 { text-align:left; width:175px; }
#inscription table .th2 { text-align:right; width:100px; }
#inscription table .td2 { text-align:left; width:130px; }
#inscription table .td2b { text-align:left; width:70px; }
#inscription table .th3 { text-align:right; width:100px; }
#inscription table .td3 { text-align:left; width:130px; }
#inscription table .sep { text-align:center; }
#inscription tr { vertical-align:middle; }
#inscription th, #inscription td { padding:2px 3px; border:0px solid #808080; }
#inscription th { text-align:right; font-weight:normal; white-space:nowrap; }
#inscription td { text-align:left; }
#inscription tr.sep td { height:20px; }
#inscription input, #inscription textarea { font:9pt Georgia,Trebuchet MS,Arial,Helvetica,Verdana,Sans-Serif; }
#inscription .valider { text-align:center; }
#inscription .valider input { font-weight:bold; width:120px; }
#inscription .erreur { background-color:#ffcccc; border:2px solid #cc0000; color:#cc0000; }

#activation { margin:10px 0px; text-align:left; }
#activation table { border-collapse:collapse; font-size:9pt; margin:0px; }
#activation table col.th1 { text-align:right; }
#activation table col.td1 { text-align:left; }
#activation table col.sep { width:80px; }
#activation tr { vertical-align:middle; }
#activation th, #activation td { padding:1px 4px; }
#activation th { font-weight:normal; }
#activation input, #inscription textarea { font:9pt Georgia,Trebuchet MS,Arial,Helvetica,Verdana,Sans-Serif; }
#activation .valider { font-weight:bold; width:120px; margin-top:10px; }
#activation .erreur { background-color:#ffcccc; border:2px solid #cc0000; color:#cc0000; margin-bottom:5px; padding:5px; text-align:center; }

body.order #container, body.order #text, body.order #webshop, body.order #copyright { position:relative; top:auto; height:auto; margin-top:0px; overflow:visible; }
body.order #container { margin-top:10px; }
body.order #copyright { padding:10px 0px; }
body.order .tovf { width:auto; height:auto; overflow:visible; }
body.order #text h1 { font-size:14pt; font-weight:bold; margin:5px 0px 10px 0px; }
body.order #retour { clear:both; float:none; margin:0px; padding:10px 5px; }

#commande { margin:0px; text-align:center; }
#commande form { margin:0px; }
#commande table { border-collapse:collapse; border:2px solid #666666; font-size:9pt; margin:0px auto; text-align:left; }
#commande col.photo { width:90px; text-align:center; }
#commande col.code { width:90px; text-align:center; }
#commande col.designation { width:250px; text-align:left; }
#commande col.pu { width:90px; text-align:right; }
#commande col.quantite { width:70px; text-align:right; }
#commande col.montant { width:120px; text-align:right; }
#commande td:first-child { text-align:center; }
#commande td:first-child+td { text-align:center; }
#commande td:first-child+td+td { text-align:left; }
#commande td:first-child+td+td+td { text-align:right; }
#commande td:first-child+td+td+td+td { text-align:right; }
#commande td:first-child+td+td+td+td+td { text-align:right; }
#commande tr { vertical-align:middle; }
#commande th { background:#333333 url(bg-commande.png) center repeat-x; font-weight:bold; padding:3px 4px; text-align:center; }
#commande td { padding:1px 3px; }
#commande tr.r0 { background-color:#111111; }
#commande tr.r1 { background-color:#222222; }
#commande td img { width:80px; height:60px; border:0px; }
#commande tr.article .stock { color:#cc0000; font-weight:bold; }
#commande tr.article input { width:60px; background-color:#dddddd; border:1px solid #888888; font-size:9pt; margin:1px; padding:0px 3px; text-align:right; }
#commande tr.over { background-color:#888888; color:#000000; }
#commande tr.over input { background:#ffffff; border:2px solid #0088cc; margin:0px; }
#commande tr.over input.focus, #commande tr.article input.focus { background:#ffffff; border:2px solid #cc0000; margin:0px; }
#commande tr.port td { padding:3px 3px; }
#commande tr.port td b { color:#00cc00; }
#commande tr.total td { background-color:#333333; font-size:10pt; font-weight:bold; padding:3px 3px; text-align:right; }
#commande .logos { width:500px; float:left; padding:10px 0px 0px 0px; text-align:center; }
#commande .logos img { vertical-align:middle; margin-left:10px; }
#commande .boutons { width:250px; float:left; padding:10px 0px 0px 0px; text-align:center; }
#commande .boutons input { display:block; width:200px; margin-bottom:10px; padding:3px; }
#commande .boutons input { background-color:#444444; border:1px solid #666666; color:#aaaaaa; font-weight:bold; }
#commande div.erreur { background-color:#ffcccc; border:2px solid #cc0000; color:#cc0000; margin-bottom:5px; padding:5px; text-align:center; }

.infos b { color:#ffffff; }

#coordonnees { margin:0px; }
#coordonnees form { margin:0px; }
#coordonnees #facturation { float:left; }
#coordonnees #livraison { float:right; }
#coordonnees fieldset { margin:5px 5px; padding:10px; }
#coordonnees legend { color:#cccccc; }
#coordonnees tr { vertical-align:middle; }
#coordonnees th, #coordonnees td { padding:1px 4px; }
#coordonnees th { font-weight:normal; text-align:right; }
#coordonnees input, #coordonnees textarea { font:9pt Georgia,Trebuchet MS,Arial,Helvetica,Verdana,Sans-Serif; }
#coordonnees input.erreur { background-color:#ffcccc; border:2px solid #cc0000; color:#cc0000; }
#coordonnees .boutons { clear:both; padding:10px 0px 0px 0px; text-align:center; }
#coordonnees .boutons input { display:block; width:200px; margin:0px auto 10px auto; padding:3px; }
#coordonnees .boutons input { background-color:#444444; border:1px solid #666666; color:#aaaaaa; font-weight:bold; }
#coordonnees div.error { background-color:#ffcccc; border:2px solid #cc0000; color:#cc0000; margin-bottom:5px; padding:5px; text-align:center; }

#recapcmd { text-align:center; }
#recapcmd .numero { font-weight:bold; margin:5px 0px 20px 0px; }
#recapcmd .numero b { color:#ffffff; font-size:120%; }
#recapcmd .adresse { width:300px; padding:10px 20px; border:1px solid #aaaaaa; text-align:left; }
#recapcmd #facturation { float:left; margin-left:20px; }
#recapcmd #livraison { float:right; margin-right:20px; }
#recapcmd .adresse h1 { font-size:10pt; font-weight:bold; margin:0px 0px 5px 0px; }
#recapcmd .adresse p { margin:0px 0px 5px 0px; }
#recapcmd .adresse .tel { font-style:italic; }
#recapcmd .lignes { border-collapse:collapse; margin:0px auto; font-size:9pt; }
#recapcmd .lignes th, #recapcmd .lignes td { border:1px solid #aaaaaa; padding:2px 5px; }
#recapcmd .lignes th { background:#333333 url(bg-commande.png) center repeat-x; font-weight:bold; padding:3px 4px; text-align:center; }
#recapcmd .lignes col.code { width:90px; text-align:center; }
#recapcmd .lignes col.designation { width:380px; text-align:left; }
#recapcmd .lignes col.pu { width:90px; text-align:right; }
#recapcmd .lignes col.quantite { width:80px; text-align:right; }
#recapcmd .lignes col.montant { width:100px; text-align:right; }
#recapcmd .lignes td:first-child { text-align:center; }
#recapcmd .lignes td:first-child+td { text-align:left; }
#recapcmd .lignes td:first-child+td+td { text-align:right; }
#recapcmd .lignes td:first-child+td+td+td { text-align:right; }
#recapcmd .lignes td:first-child+td+td+td+td { text-align:right; }
#recapcmd .lignes tr.port td b { color:#00cc00; }
#recapcmd .lignes tr.total td { background-color:#333333; font-size:10pt; font-weight:bold; padding:3px 3px; text-align:right; }
#recapcmd .msg_ok, #recapcmd .msg_wg, #recapcmd .msg_ko { width:400px; border:2px solid; font-weight:bold; line-height:16px; margin:20px auto; padding:10px; }
#recapcmd .msg_ok { background-color:#eeffee; border-color:#00c000; color:#00c000; }
#recapcmd .msg_wg { background-color:#ffffee; border-color:#e08000; color:#e08000; }
#recapcmd .msg_ko { background-color:#ffeeee; border-color:#c00000; color:#c00000; }
#recapcmd .paiement { width:300px; margin:10px 0px; padding:0px 0px 20px 0px; border:1px solid #aaaaaa; text-align:center; font-size:10pt; font-weight:normal; line-height:120%; }
#recapcmd #cb { float:left; margin-left:20px; }
#recapcmd #ch { float:right; margin-right:20px; }
#recapcmd .paiement h3 { font-size:12pt; font-weight:bold; border-bottom:1px dotted #aaaaaa; margin:0px; padding:5px; }
#recapcmd .paiement h4 { font-size:10pt; font-weight:normal; margin:0px; padding:5px 5px 10px 5px; }
#recapcmd .paiement .img { margin:5px; }
#recapcmd .paiement div { margin:2px 0px; }

#ordre { text-align:center; }
#ordre table { width:600px; margin:0px auto; text-align:center; }