body
{
    margin: 0px ;
    padding: 0px ;
    text-align: center ;
    font-family: Arial, Helvetica, sans-serif ;
    color: rgb(0,17,21) ;
    font-size: 12px ;
    line-height: 1.7em ;
    background-color: rgb(255,255,255) ;
}

div#container
{
    width: 770px ;
    margin-left: auto ;
    margin-right: auto ;
    text-align: left ;
}

div#container-left
{
    width: 170px ;
    text-align: left ;
    float: left ;
}

div#menu-container
{
    width: 170px ;
    padding-top: 10px ;
}

div#ad-container
{
    width: 170px ;
}

div#container-right
{
    width: 600px ;
    float: left ;
    text-align: center ;
}

div#container-right-content
{
    width: 562px ;
    clear: both ;
    text-align: center ;
    margin-left: 38px ;
}

div#page-title
{
    width: 100% ;
    font-size: 18px ;
    font-weight: 900 ;
    padding-bottom: 3px ;
    text-align: left ;
}

/*      Styles de liens

        Les styles de lien sont acceptés dans la feuille de style
        car c'est l'endroit où ils consomment le moins de place et
        où il est le plus pratique de les déclarer                      */

a#email-address:link, a#email-address:visited
{
    text-decoration: none ;
    color: rgb(97,97,97) ;
    padding-top: 10px ;
    padding-left: 10px ;
    float: left ;
}

a#email-address:active, a#email-address:hover
{
    text-decoration: underline ;
    color: rgb(97,97,97) ;
    padding-top: 10px ;
    padding-left: 10px ;
    float: left ;
}

a.rgb-68-80-83:link, a.rgb-68-80-83:visited
{
    text-decoration: none ;
    color: rgb(97,97,97) ;
}

a.rgb-68-80-83:active, a.rgb-68-80-83:hover
{
    text-decoration: underline ;
    color: rgb(97,97,97) ;
}

a.menu-item:link, a.menu-item:visited
{
    text-decoration: none ;
    color: rgb(255,255,255) ;
    font-weight: 900 ;
}

a.menu-item:active, a.menu-item:hover
{
    text-decoration: underline ;
    color: rgb(255,255,255) ;
    font-weight: 900 ;
}

a.link-to-cart:link, a.link-to-cart:visited
{
    text-decoration: none ;
    color: rgb(97,97,97) ;
}

a.link-to-cart:active, a.link-to-cart:hover
{
    text-decoration: underline ;
    color: rgb(97,97,97) ;
}

a.modify-quantity:link, a.modify-quantity:visited
{
    text-decoration: none ;
    color: rgb(97,97,97) ;
    font-weight: 900 ;
}

a.modify-quantity:active, a.modify-quantity:hover
{
    text-decoration: underline ;
    color: rgb(97,97,97) ;
    font-weight: 900 ;
}

a.linking-menu-item:link, a.linking-menu-item:visited
{
    text-decoration: none ;
    color: rgb(97,97,97) ;
    font-weight: 900 ;
}

a.linking-menu-item:active, a.linking-menu-item:hover
{
    text-decoration: underline ;
    color: rgb(97,97,97) ;
    font-weight: 900 ;
}

/*      Styles d'alignement horizontale

        Compte tenu de la présence d'un attribut width fixé
        à 100%, et présumant que cet attribut width a donc été
        nécessaire, les styles d'alignement horizontale restent
        dans la feuille de style                                        */

div.align-center
{
    width: 100% ;
    text-align: center ;
}

div.align-right
{
    width: 100% ;
    text-align: right ;
}

div.align-left
{
    width: 100% ;
    text-align: left ;
}

div.align-justify
{
    width: 100% ;
    text-align: justify ;
}

/*      Styles utilisés dans des hacks pour ie                          */

div.ad-rapid-catalogues /* Used in hack for ie */
{
    width: 150px ;
    margin-left: 10px ;
    background-color: rgb(255,255,255) ;
}

img#logo-top
{
    float: left ;
    /* used in hack for ie */
}

img.product-on-logo-page /* inclure un élément "style" dans les remplacements à effectuer dans les templates des produits (cf appel de ce style dans le fichier html/standard/template/product/logopage.inc.tpl) */
{
    float: left ;
}

img.product-on-category-picture /* idem product-on-logo-page */
{
    margin-top: 4px ;
    float: left ;
}

img.product-left-thumbnail /* idem product-on-logo-page */
{
    margin-right: 20px ;
    margin-top: 5px ;
}

img.product-right-thumbnail /* idem product-on-logo-page */
{
    margin-top: 5px ;
}