body
{
  background:#606060 url(bgbody.png) repeat-x;
  color:#333333;
  font-family: Times New Roman, Trebuchet MS, Arial, Verdana, sans-serif;
  margin:0px;
  text-align:center;
}

body, td, th { font-size:85%; }
td, th { padding:0px; }
tr { vertical-align:middle; }
img { border:0px; }
a { color:#ff0890; }
a:hover { color:#5a299c; }

/*
#container { width:775px; background-image:url(bgcont775.png); }
#page { width:755px; }
h1#logo { width:340px; }
div#panier { width:220px; }
#menu { background-image:url(bgmenu755.png); }
body.sm #menu { background-image:url(bgmenu755-150.png); }
#menu li a { width:95px; }
#menu li a.m01 { width:80px; }
#menu li a.m06 { width:110px; }
#menu li a.m07 { width:105px; }
#menu li a.m08 { width:80px; }
#text { width:710px; }
body.sm #text { width:580px; }
#actu { width:225px; }
#smenu { width:150px; }
#liens { width:580px; }
#foot { width:560px; }
#bottom { background-image:url(bgbottom775.png); }
#text h1 { width:560px; }
#text #articles { width:575px; }
#text #articles form { width:570px; }
#text #articles table { width:550px; }
#vdpanier table { width:560px; }
#coordonnees .adresse { width:250px; }
#cmd #fac, #cmd #liv { width:270px; }
#cmd table.lignes { width:560px; }
*/

#container { width:1000px; background-image:url(bgcont1000.png); }
#page { width:980px; }
h1#logo { width:340px; }
div#panier { width:445px; }
#menu { background-image:url(bgmenu980.png); }
body.sm #menu { background-image:url(bgmenu980-150.png); }
#menu li a { width:108px; }
#menu li a.m01 { width:100px; }
#menu li a.m02 { width:100px; }
#menu li a.m03 { width:140px; }
#menu li a.m09 { width:100px; }
#text { width:935px; }
body.sm #text { width:805px; }
#actu { width:450px; }
#smenu { width:150px; }
#liens { width:805px; }
#foot { width:785px; }
#bottom { background-image:url(bgbottom1000.png); }
#text h1 { width:785px; }
#text #articles { width:800px; }
#text #articles form { width:795px; }
#text #articles table { width:775px; }
#vdpanier table { width:785px; }
#coordonnees .adresse { width:360px; }
#cmd #fac, #cmd #liv { width:380px; }
#cmd table.lignes { width:785px; }

#container
{
  background-color:#ffffff;
  background-repeat:repeat-y;
  margin:0px auto;
  text-align:center;
}

#page
{
  margin:0px auto;
  text-align:left;
  background:#ffffff url(dragees.jpg) left bottom no-repeat;
}

body.sm #page
{
  background:#ffffff url(bgpage150.png) left repeat-y;
}

#top
{
  height:90px;
  overflow:hidden;
}

h1#logo
{
  background:#ffffff url(logo-var-dragees.png) 10px center no-repeat;
  height:90px;
  overflow:hidden;
  float:left;
  font-size:150%;
  line-height:45px;
  margin:0px;
  text-align:center;
  text-indent:-1000px;
}

p#intro
{
  width:10px;
  height:80px;
  overflow:hidden;
  float:left;
  line-height:80px;
  margin:5px 0px 0px 0px;
  text-align:left;
  text-indent:-1000px;
  font-size:50%;
}

div#panier
{
  height:80px;
  overflow:hidden;
  float:left;
  margin:5px 10px 0px 0px;
  text-align:center;
}

div#panier a { display:block; text-decoration:none; margin-top:7px; }
div#panier a.vide { margin-top:30px; }
div#panier a img { width:23px; height:20px; vertical-align:middle; }

h2#dragee
{
  width:160px;
  height:80px;
  float:right;
  line-height:80px;
  margin:5px 0px 0px 0px;
  overflow:hidden;
  text-align:left;
  text-indent:-1000px;
  font-size:7pt;
}

#head_org
{
  width:100%;
  height:130px;
  overflow:hidden;
  clear:both;
  background:#ffffff url(dragees.jpg) no-repeat;
  background-position:top right;
  border-top:5px solid #ff0890;
}

#head
{
  width:100%;
  height:5px;
  overflow:hidden;
  clear:both;
  background-color:#ff0890;
  border-bottom:1px solid #ffffff;
}

#menu
{
  width:100%;
  height:52px;
  overflow:hidden;
  clear:both;
  background-color:#ffffff;
  background-position:bottom;
  background-repeat:no-repeat;
  list-style:none;
  margin:0px;
  padding:0px;
}

body.sm #menu
{
  background-color:#ffffff;
  background-position:bottom
  background-repeat:no-repeat;
}

#menu li
{
  float:left;
  margin:0px;
}

#menu li a
{
  display:block;
  height:40px;
  line-height:40px;
  overflow:hidden;
  background-position:center;
  background-repeat:no-repeat;
  color:#ff0890;
  font-family:Verdana,Arial,Georgia,Trebuchet MS,sans-serif;
  font-size:90%;
  font-weight:bold;
  text-align:center;
  text-decoration:none;
  text-transform:uppercase;
  word-spacing:2px;
}

#menu li a:hover
{
  color:#5a299c;
}

#menu li a.m01 { background:#ffffff url(dragees01.jpg) center -10px no-repeat; }
#menu li a.m02 { background:#ffffff url(dragees02.jpg) center -10px no-repeat; }
#menu li a.m03 { background:#ffffff url(dragees06.jpg) center -10px no-repeat; }
#menu li a.m04 { background:#ffffff url(dragees03.jpg) center -10px no-repeat; }
#menu li a.m05 { background:#ffffff url(dragees04.jpg) center -10px no-repeat; }
#menu li a.m06 { background:#ffffff url(dragees05.jpg) center -10px no-repeat; }
#menu li a.m07 { background:#ffffff url(dragees02.jpg) center -10px no-repeat; }
#menu li a.m08 { background:#ffffff url(dragees03.jpg) center -10px no-repeat; }
#menu li a.m09 { background:#ffffff url(dragees04.jpg) center -10px no-repeat; }

#menu li a:hover { background-position:center -73px; }

#text
{
  margin:0px 20px;
}

body.sm #text
{
  float:right;
  margin:0px 5px;
}

#actu
{
  float:right;
  margin:0px 30px 10px 0px;
  background-color:#ffeeff;
  color:#5a299c;
  font-size:14pt;
  border:2px solid #ff0890;
  text-align:center;
}
#actu p { margin:5px 10px; }
#actu b { color:#ff0890; }

#smenu
{
  float:right;
  margin-right:10px;
}

#smenu ul
{
  list-style:none;
  margin:0px;
  padding:0px;
}

#smenu ul li
{
  background:url(bgpuce.png) no-repeat;
  background-position:1px 3px;
  margin:10px 0px 10px 5px;
}

#smenu ul li a
{
  color:#ff0890;
  font-weight:bold;
  margin-left:11px;
  text-decoration:none;
  display:block;
}

#smenu ul li a:hover
{
  color:#5a299c;
  text-decoration:underline;
}

#smenu #contacts { margin:30px 10px; text-align:center; }
#smenu #contacts h3 { color:#6699cc; font-size:100%; margin:8px 0px; text-transform:uppercase; }
#smenu #contacts .nom { display:block; font-size:90%; font-weight:bold; margin-top:8px; }
#smenu #contacts .tel { display:block; font-size:90%; font-style:italic; }

#liens
{
  height:140px;
  clear:right;
  float:right;
  text-align:center;
}

#liens img
{
  margin:30px 12px;
}

#foot
{
  border-top:1px solid #e3e3e3;
  clear:right;
  color:#666666;
  float:right;
  font-family:Arial,Verdana,sans-serif;
  font-size:75%;
  margin:15px 5px 0px 5px;
  padding:5px 0px;
  text-align:left;
}

#foot a
{
  color:#666666;
  text-decoration:none;
}

div.clear
{
  clear:both;
  height:1px;
  overflow:hidden;
}

#bottom
{
  background-position:top;
  background-repeat:no-repeat;
  height:8px;
}

#text h1
{
  height:25px;
  background-image:url(h1.png);
  background-position:0px 25px;
  background-repeat:no-repeat;
  border:1px;
  color:#5a299c;
  font-size:150%;
  margin:10px 0px 15px 0px;
  overflow:hidden;
  text-indent:-1000px;
}

/*
h1#accueil { background-image:url(h1/var-dragees.png); }
h1#dragees { background-image:url(h1/dragees.png); }
h1#vente_de_dragees { background-image:url(h1/vente-de-dragees.png); }
h1#mariage { background-image:url(h1/mariage.png); }
h1#bapteme { background-image:url(h1/bapteme.png); }
h1#communion { background-image:url(h1/communion.png); }
h1#anniversaire { background-image:url(h1/anniversaire.png); }
h1#accessoires { background-image:url(h1/accessoires.png); }
h1#contact { background-image:url(h1/nous-contacter.png); }
h1#plan { background-image:url(h1/boutique-magasin-de-dragees-a-la-garde-var.png); }
h1#panier { background-image:url(h1/panier.png); }
h1#commande { background-image:url(h1/commande.png); }
*/

#text h2 { color:#ff0890; font-size:135%; margin:20px 0px 10px 0px; border-bottom:1px solid #5a299c; display:inline; }
#text p { margin:15px 0px; line-height:150%; }
#text ul { margin:8px 0px 8px 30px; }

#text ul.liens li { font-size:90%; margin-bottom:5px; }
#text ul.liens li a { color:#333333; text-decoration:none; }
#text ul.liens li a:hover { color:#cc0000; }
#text ul.liens li a .large { background-color:#ddddff; border-top:1px solid #6699cc; border-bottom:1px solid #6699cc; padding:0px 4px; }
#text ul.liens li a:hover .large { background-color:#ffdddd; border-color:#cc0000; }

.small { color:#888888; font-size:75%; }

#coordonnees { font-size:90%; margin:10px 0px 0px 5px; }
#plan_d_acces { font-size:100%; margin:10px 0px 0px 5px; text-align:center; }
#plan_d_acces img { margin-top:10px; border:1px solid #ff0890; }

#contact, form { margin:0px auto; }
#contact tr { vertical-align:middle; }
#contact tr th { font-weight:normal; padding:1px 3px; text-align:right; }
#contact tr td { padding:1px 3px; }
#contact input.text, #contact input.button,
#contact textarea { background:#ffffff url(bginput.png) repeat-x; background-position:top; border:1px solid #999999; }
#contact button { background:none; border:0px; margin:0px; }
#contact tr.req th { font-weight:bold; }
#contact tr.req th span { color:#cc0000; font-weight:bold; }
#contact tr.req td input { background:#ffffff url(bginputreq.png) repeat-x; }

img.ico16 { width:16px; height:16px; margin-right:5px; vertical-align:middle; }



body { cursor:url("curseur-defaut.ani"); }
a { cursor:url("curseur-lien.ani"); }

#slogan { font-size:150%; line-height:200%; }
.info { font-size:150%; line-height:200%; color:#5a299c; }
.info b { color:#ff0890; }
#video { float:left; margin:10px 20px 20px 0px; }

.LesClassiquesMedicis { width:100%; border-collapse:collapse; }
.LesClassiquesMedicis tr { vertical-align:middle; }
.LesClassiquesMedicis tr td { width:33%; text-align:center; padding:0px; font-size:80%; }
.LesClassiquesMedicis tr td .prix { position:absolute; color:#5a299c; }
.LesClassiquesMedicis tr td img { width:180px; height:100px; }

.LesNouvellesDragees { width:100%; border-collapse:collapse; }
.LesNouvellesDragees tr { vertical-align:middle; }
.LesNouvellesDragees tr td { width:33%; text-align:center; padding:0px; font-size:80%; }
.LesNouvellesDragees tr td .prix { position:absolute; color:#5a299c; }
.LesNouvellesDragees tr td img { width:180px; height:90px; margin-top:15px; }

.prix { color:#5a299c; }

#text h2.SousCategorie { clear:both; margin:20px 0px 10px 0px; }
#text #articles { margin:0px; padding:0px; }
#text #articles form { display:block; margin:0px; padding:0px; }
#text #articles table { margin:10px 0px; border:1px solid #ffffff; }
#text #articles table tr { vertical-align:middle; }
#text #articles table td { padding:5px; }
#text #articles h3 { color:#5a299c; font-size:12pt; margin:0px 0px 5px 0px; }
#text #articles p { line-height:120%; margin:0px 0px 5px 0px; }
#text #articles .photo { margin:10px 0px; text-align:center; }
#text #articles .prix { color:#ff0890; font-size:12pt; font-weight:bold; }
#text #articles .ancien_prix { color:#5a299c; font-size:11pt; font-weight:normal; font-style:italic; }
#text #articles .dispo { color:#cc0000; font-size:12pt; font-weight:bold; }
#text #articles .delai { color:#5a299c; font-size:11pt; font-style:italic; }
#text #articles p.right { text-align:right; } /* display:none; */
#text #articles .Left td { text-align:left; }
#text #articles .Right td { text-align:right; }
#text #articles .Left img { float:left; margin:0px 20px 0px 0px; }
#text #articles .Right img { float:right; margin:0px 0px 0px 20px; }
#text #articles .Over { background-color:#ffeeff; border-top:1px dotted #5a299c; border-bottom:1px dotted #5a299c; }

#text #articles input.quantite,
#text #articles select.modele,
#text #articles input.ajouter { margin:1px 2px; font:bold 9pt Trebuchet MS,Arial,Verdana,Sans-serif; vertical-align:middle; }
#text #articles input.quantite { width:40px; text-align:center; }
#text #articles select.modele { zzzwidth:160px; }
#text #articles input.ajouter { width:140px; background:transparent url(panier.png) 1px 1px no-repeat; border:0px solid #ff0890; color:#ff0890; padding:1px 10px 3px 1px; text-align:right; }
#text #articles div.message { height:55px; margin:5px 0px 0px 0px; }

.erreur { text-align:center; }
.erreur p { width:400px; border:2px solid; font-weight:bold; line-height:16px; margin:20px auto; padding:10px; }
.erreur p { background-color:#ffeeee; border-color:#c00000; color:#c00000; }

#vdpanier { margin:0px; padding:0px; }
#vdpanier table { border-collapse:collapse; margin:0px auto; }
#vdpanier table colgroup col.ref { width:50px; text-align:center; }
#vdpanier table colgroup col.des { text-align:left; }
#vdpanier table colgroup col.prx { width:60px; text-align:right; }
#vdpanier table colgroup col.qtt { width:60px; text-align:right; }
#vdpanier table colgroup col.ttl { width:70px; text-align:right; }
#vdpanier table colgroup col.sup { width:30px; text-align:center; }
#vdpanier table td:first-child { text-align:left; }
#vdpanier table td:first-child+td { text-align:right; }
#vdpanier table td:first-child+td+td { text-align:right; }
#vdpanier table td:first-child+td+td+td { text-align:right; }
#vdpanier table td:first-child+td+td+td+td { text-align:center; }
#vdpanier table tr { vertical-align:middle; }
#vdpanier table tr.r0 { background-color:#ffffff; }
#vdpanier table tr.r1 { background-color:#eeeeee; }
#vdpanier table th, #vdpanier table td { border:1px solid #aaaaaa; }
#vdpanier table th { padding:2px 2px; text-align:center; background-color:#cccccc; }
#vdpanier table td { padding:1px 2px; }
#vdpanier table tr.vide td { padding:10px 2px; text-align:center; }
#vdpanier table tr.port td { padding:3px 2px; }
#vdpanier table tr.total td { padding:3px 2px; background-color:#bbbbbb; font-weight:bold; }
#vdpanier table td img { width:20px; height:20px; }
#vdpanier #panier_btn { text-align:right; }
#vdpanier #panier_btn input { display:block; float:right; clear:right; width:150px; margin:10px 30px 0px 0px; font-weight:bold; }

#info_livraison { font-size:10pt; width:350px; margin:10px 0px; text-align:justify; }
#info_livraison_recap { font-size:10pt; margin:10px 10px; text-align:justify; }

#coordonnees .facturation { float:left; }
#coordonnees .livraison { float:right; margin-right:10px; }
#coordonnees .valider { clear:both; margin:20px 0px; margin:0px; text-align:center; }

#cmd { text-align:center; }
#cmd p.num { color:#5a299c; font-weight:bold; }
#cmd #fac, #cmd #liv { border:1px solid #5a299c; text-align:left; }
#cmd #fac { float:left; margin-left:5px; }
#cmd #liv { float:right; margin-right:5px; }
#cmd #fac h3, #cmd #liv h3 { color:#5a299c; font-size:12pt; font-weight:bold; margin:5px; }
#cmd #fac p, #cmd #liv p { margin:5px; }
#cmd div p.tel { font-style:italic; }
#cmd table.lignes { border-collapse:collapse; margin:0px auto; }
#cmd table.lignes tr.r0 { background-color:#ffffff; }
#cmd table.lignes tr.r1 { background-color:#eeeeee; }
#cmd table.lignes th,
#cmd table.lignes td { border:1px solid #aaaaaa; padding:2px 5px; }
#cmd table.lignes th { background-color:#bbbbbb; text-align:center; }
#cmd table.lignes colgroup col.des { text-align:left; }
#cmd table.lignes colgroup col.prx { width:60px; text-align:right; }
#cmd table.lignes colgroup col.qtt { width:60px; text-align:right; }
#cmd table.lignes colgroup col.ttl { width:70px; text-align:right; }
#cmd table.lignes td:first-child { text-align:left; }
#cmd table.lignes td:first-child+td { text-align:right; }
#cmd table.lignes td:first-child+td+td { text-align:right; }
#cmd table.lignes td:first-child+td+td+td { text-align:right; }
#cmd table.lignes tr.port td { }
#cmd table.lignes tr.total td { background-color:#bbbbbb; font-weight:bold; text-align:right; }
#cmd .msg_ok, #cmd .msg_ko { width:400px; border:2px solid; font-weight:bold; line-height:16px; margin:20px auto; padding:10px; }
#cmd .msg_ok { background-color:#eeffee; border-color:#00c000; color:#00c000; }
#cmd .msg_ko { background-color:#ffeeee; border-color:#c00000; color:#c00000; }

#reglement { margin:20px 0px 0px 0px; }

#etat { text-align:center; }
#etat input { background-image:url(menubg.gif); border:1px solid  #315a00; color:#ffffff; }

#paiement { }
.paiement { float:left; width:270px; height:150px; margin:10px 5px; padding:0px 0px 5px 0px; border:1px solid #5a299c; text-align:center; font-size:10pt; font-weight:normal; line-height:120%; }
.paiement h3 { font-size:12pt; font-weight:bold; border-bottom:1px dotted #5a299c; margin:0px; padding:5px; }
.paiement h4 { font-size:10pt; font-weight:normal; margin:0px; padding:5px 5px 10px 5px; }
.paiement .img { margin:5px; }
.paiement div { margin:2px 0px; }