html, body
{
    height: 100%;
    overflow: hidden;
}
body
{
    padding: 0;
    margin: 0;
    background-color: #96B810;
}
#silverlightControlHost
{
    height: 100%;
}
#EditPage
{
    position: absolute;
    left: 370px;
    top: 260px;
    visibility: hidden;
}

.Style1
{
    font-family: Arial, Helvetica, sans-serif;
    color: #669933;
}
.Style2
{
    font-family: Georgia, "Times New Roman" , Times, serif;
    font-style: italic;
    font-size: 36px;
}
.Style7
{
    color: #CCCC00;
}
.Style8
{
    font-family: Georgia, "Times New Roman" , Times, serif;
    font-style: italic;
    font-size: 24px;
    color: #CCCC00;
}
.Style10
{
    font-family: Georgia, "Times New Roman" , Times, serif;
    font-style: italic;
    font-size: 36px;
    color: #CCCC00;
}
.Style13
{
    font-family: Georgia, "Times New Roman" , Times, serif;
    font-style: italic;
    font-size: 150px;
    color: #CCCC00;
}
.Style15
{
    color: #FFFFFF;
    font-size: 72px;
}
.Style17
{
    font-family: Arial, Helvetica, sans-serif;
    color: #669933;
    font-size: 50px;
}
.Style18
{
    font-size: 20px;
}
/*Lien*/
a:link
{
    font-family: Georgia, "Times New Roman" , Times, serif;
    font-weight: bold;
    color: #336600;
}
a:visited
{
    font-family: Georgia, "Times New Roman" , Times, serif;
    font-weight: bold;
    color: #336600;
}
a:hover
{
    color: #669933;
    cursor: hand;
}


.imgLeft
{
    float: left;
    margin: 5px;
}
.imgRight
{
    float: right;
    margin: 5px;
}
.imgCenter
{
    text-align: center;
    margin: 5px;
}
.Page
{
    background-position: 0px 0px;
    background-repeat: repeat;
    background-attachment: fixed;
    background-image: url('../Images/trans.png');
    padding: 2px;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
}
h1
{
    font-family: Verdana;
    font-weight: bold;
    color: #FFFFFF;
    margin: 2px 2px 10px 2px;
    font-size: 20px;
}
h2
{
    font-family: Verdana;
    font-weight: bold;
    color: #5B6F14;
    margin: 2px 2px 10px 2px;
    font-size: 18px;
}
h3
{
    font-family: Verdana;
    font-weight: normal;
    color: #FFFFFF;
    margin: 2px 2px 10px 2px;
    font-size: 16px;
    font-style: italic;
}
h4
{
    font-family: Verdana;
    font-weight: bold;
    color: #FFFFFF;
    margin: 2px;
    font-size: 14px;
}
p
{
    color: White;
    font-family: Georgia, "Times New Roman" , Times, serif;
}
#installSL
{
    display: block;
    width: 700px;
    height: 500px;
    padding: 15px;
    overflow-x: hidden;
    overflow-y: auto;
    text-align: justify;
}

#installSL h2:hover
{
    cursor: pointer;
    background: #336600;
}
#installSL h1
{
    font-size: 14px;
}
#installSL h2
{
    font-size: 12px;
}
.alogo
{
    padding-left: 275px;
    border-width: 0px;
    text-decoration: none;
    color: #96B810;
}

.highlight
{
    background-color: #CCCC00;
}
.highlight2
{
    background-color: #CCFF33;
}
/*site sans silverlight*/
.bodysanssl
{
    overflow-x: hidden;
    overflow-y: auto;
    text-align: center;
    font-family: Verdana, Georgia, "Times New Roman";
    background-image: url('../Images/lydie-flash-accueilnet.jpg');
    color: #FFFFFF;
    background-color: #96B810;
}
#Logo
{
    height: 150px;
}
#Logo img
{
    height: 150px;
    margin: auto;
}
#connexion
{
    text-align: left;
    padding-left: 100px;
}
/*menu*/
.menu
{
    height: 50px;
    vertical-align: middle;
}

.menu ul
{
}
.menu ul li
{
    display: inline;
    list-style-type: none;
    padding-right: 20px;
}
.menu ul li a
{
    color: #FFFFFF;
    text-decoration: none;
    margin: 20px;
    font-weight: bold;
    font-size: large;
}
/*bandeau*/
.bandeau
{
    background-position: center center;
    border: thin solid #FFFFFF;
    height: 406px;
    width: 100%;
    background-color: #FFFFFF;
    background-image: url('../Images/lydie-flash-bando-web.jpg');
    background-repeat: no-repeat;
}
/*contenu*/
#Contenu
{
    color: #FFFFFF;
    background-color: #96b810;
    border: thin solid #FFFFFF;
    margin: auto;
    width: 960px;
}
.errormessage
{
    color: #FF0000;
}
.okmessage
{
    color: #00FF00;
}
/*boutique*/
#boutique
{
    width: 960px;
    height: 431px;
    background-image: url('../Images/lydie-flash-bandeau-confitures.jpg');
    background-repeat: no-repeat;
}
#Agrume
{
    position: relative;
    top: 0px;
    left: 370px;
    width: 212px;
    height: 105px;
    background-color: #ff0b1a;
    opacity: 0;
}
#Jaune
{
    position: relative;
    top: -45px;
    left: 80px;
    width: 278px;
    height: 100px;
    background-color: #c4bb0a;
    opacity: 0;
}
#Rouge
{
    position: relative;
    top: -38px;
    left: 80px;
    width: 278px;
    height: 105px;
    background-color: #c8141a;
    opacity: 0;
}
#Cadeaux
{
    position: relative;
    top: -15px;
    left: 60px;
    width: 251px;
    height: 98px;
    background-color: #c4bb0a;
    opacity: 0;
}
#Sirops
{
    position: relative;
    top: -113px;
    left: 322px;
    width: 308px;
    height: 136px;
    background-color: #7e3a85;
    opacity: 0;
}
#SansSucre
{
    position: relative;
    top: -249px;
    left: 638px;
    width: 262px;
    height: 98px;
    background-color: #ff3a85;
    opacity: 0;
}
#Verts
{
    position: relative;
    top: -476px;
    left: 592px;
    width: 285px;
    height: 110px;
    background-color: #86a914;
    opacity: 0;
}
#Chutneys
{
    position: relative;
    top: -692px;
    left: 592px;
    width: 285px;
    height: 96px;
    background-color: #cc3c3a;
    opacity: 0;
}
#boutique a
{
    line-height: 100px;
    text-decoration: none;
    color: #FFFFFF;
}
/*produit*/
#FlecheG
{
    width: 60px;
    float: left;
    height: 470px;
    cursor: pointer;
    padding-top: 200px;
}
#FlecheD
{
    width: 60px;
    float: right;
    height: 470px;
    cursor: pointer;
    padding-top: 200px;
}
#Produit
{
    float: left; /*width: 720px;*/
    height: 470px;
    margin: 0 70px;
}
.imageProduit
{
    width: 700px;
}
#DescriptionProduit
{
    margin: 2px 70px;
    text-align: left;
    width: 100%;
}
.Button
{
    margin: 10px;
    background-color: #000000;
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-large;
    cursor: pointer;
}
hr
{
    color: #FFFFFF;
}
#choixformule
{
    border: thin solid #FFFFFF;
    background-color: #1D1D1D;
    position: absolute;
    margin-left: 60px;
    top: 50px;
    z-index: -10;
}
#choixformule2
{
    border: thin solid #FFFFFF;
    background-color: #1D1D1D;
}
#choixformule td, #choixformule2 td
{
    padding: 20px;
}
#choixformule input, #choixformule2 input
{
    max-width: 100px;
    max-height: 100px;
}
/*compte*/
#CreateCompte, #login
{
    margin-left: 300px;
    text-align: left;
}
#login table td
{
    text-align: left;
}
/*panier*/
#panier
{
    margin-right: 300px;
    text-align: right;
}
#panier a
{
    text-decoration: none;
    color: #FFFFFF;
}
/*ma commande*/
#listeformule
{
    width: 300px;
    float: left;
    padding: 5px;
}
.listform
{
    height: 300px;
    background-color: #404F06;
}
#choixproduit1
{
    float: left;
    padding: 5px;
}
#choixproduit2
{
    margin-left: 300px;
    padding: 5px;
}
.prod
{
    font-size: x-small;
}
.prod input
{
    text-align: center;
}
.cat
{
    font-size: small;
    background-color: #A20D31;
}
.error
{
    background-color: #990000;
}
.avert
{
    background-color: #99FF33;
}
.col1
{
    width: 200px;
}
.col2
{
    width: 50px;
}
.col3
{
    width: 50px;
}
/**/
.mesinfos
{
    width: 100%;
    padding: 5px;
}
.colleft
{
    width: 300px;
    float: left;
    padding: 5px;
}
.colright
{
    width: 300px;
    padding: 5px;
}
.tabInfo td
{
    font-size: small;
}
.tabMiniInfo td
{
    font-size: x-small;
}

.clear
{
    clear: both;
}
.accordion h2:hover
{
    background-color: #5B6F14;
    color: #96B810;
    cursor:pointer ;
}