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:#ffffff url(bgcont.png) repeat-y;
  margin:0px auto;
  text-align:center;
}

#page
{
  width:755px;
  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) center no-repeat;
  width:340px;
  height:90px;
  overflow:hidden;
  float:left;
  font-size:150%;
  line-height:45px;
  margin:0px;
  text-align:center;
  text-indent:-1000px;
}

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

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:#ffffff url(bgmenu.png) bottom no-repeat;
  list-style:none;
  margin:0px;
  padding:0px;
}

body.sm #menu
{
  background:#ffffff url(bgmenu150.png) bottom no-repeat;
}

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

#menu li a
{
  display:block;
  width:95px;
  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-image:url(dragees01.jpg); width:80px; }
#menu li a.m02 { background-image:url(dragees02.jpg); }
#menu li a.m03 { background-image:url(dragees03.jpg); }
#menu li a.m04 { background-image:url(dragees04.jpg); }
#menu li a.m05 { background-image:url(dragees05.jpg); }
#menu li a.m06 { background-image:url(dragees01.jpg); width:110px; }
#menu li a.m07 { background-image:url(dragees02.jpg); width:105px; }
#menu li a.m08 { background-image:url(dragees03.jpg); width:80px; }

#menu li a.m01:hover { background-image:url(dragees01o.jpg); }
#menu li a.m02:hover { background-image:url(dragees02o.jpg); }
#menu li a.m03:hover { background-image:url(dragees03o.jpg); }
#menu li a.m04:hover { background-image:url(dragees04o.jpg); }
#menu li a.m05:hover { background-image:url(dragees05o.jpg); }
#menu li a.m06:hover { background-image:url(dragees01o.jpg); }
#menu li a.m07:hover { background-image:url(dragees02o.jpg); }
#menu li a.m08:hover { background-image:url(dragees03o.jpg); }

#text
{
  width:710px;
  margin:0px 20px;
}

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

#smenu
{
  width:150px;
  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
{
  width:580px;
  height:140px;
  clear:right;
  float:right;
  text-align:center;
}

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

#foot
{
  width:560px;
  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:url(bgbottom.png) top no-repeat;
  height:8px;
}

#text h1
{
  width:560px;
  height: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#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); }

#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 table { margin:10px 0px; border:1px solid #ffffff; width:100%; }
#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 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; }

/*
.prix { visibility:hidden; }
*/