﻿html, body 
{
    width: 100%;
    height: 100%;
    padding: 0 !important; 
    margin: 0 !important; 
    background-color: #DDDEE0;
    color: #000000;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 0.9em;
    behavior:url("/_css/csshover.htc");
}

div.topRouge { height: 4px; line-height: 2px !important; background-color: #ED1C24; padding:0; margin: 0;}

div.copyrights { font-family: Arial, Sans-Serif; color: #DEDEDE; font-size: 9px; padding-top: 7px; padding-bottom: 7px; background-color: #7B7B7C;  }
div.copyrights a {color: #DEDEDE; }

div.browser { font-size: 8px; color:#7B7B7C; padding: 7px 0 8px 0; }

a.btn, a.btn:visited, a.btn:active { color: #FFFFFF; background-image: url(/images/icones/btn.gif); width: 78px; height: 23px; line-height: 23px; display: block; text-decoration: none; vertical-align: middle; font-size: 11px; } 
a.btn:hover { color: #222222; }
a.btn2, a.btn2:visited, a.btn2:active { color: #FFFFFF; background-image: url(/images/icones/btn2.gif); width: 150px; height: 23px; line-height: 23px; display: block; text-decoration:none; vertical-align: middle; }
a.btn2:hover { color: #222222; }

div.back { background-color: #F6F7F9; }
div.main { width: 800px; margin: 0 auto 0 auto !important; /*border: 1px solid black;*/ }

div.contenu {padding: 8px;}

h3.addToCart 
{
    line-height:25px !important; 
    height: 25px !important; 
    display:inline-block !important;
    width: auto; 
    background-image: url(/images/icones/cart.gif);
    background-position: left top;
    background-repeat: no-repeat;
    padding: 0 0 0 30px;
    margin: 0;
    color: #FFFFFF;
}

div.bulle_haut 
{
    background-image: url(/images/design/bulle_haut.gif);
    background-repeat: no-repeat;
    background-position: left top;
    padding: 10px 5px 5px 32px;
    text-align: center;
    width: 170px;
    height: 58px;
    color: #FFFFFF;
    font-weight: bold;
}

div.bulle_bas
{
    background-image: url(/images/design/bulle_bas.gif);
    background-repeat: no-repeat;
    background-position: left top;
    padding: 10px 5px 5px 30px;
    width: 170px;
    height: 58px;
    color: #FFFFFF;
    font-weight: bold;
}

table.grid 
{
    border: 0;
    width: 100%;
}

table.shoppingCart 
{
    width: 100%;
}

table.shoppingCart th
{
    text-align: left;
    white-space: nowrap;
}

table.catalogue 
{
    border: 0;
    width: 98%;
    table-layout: auto;
}

table.catalogue td 
{
    background-color: #EEEEEF;
}
table.catalogue td a { color: #000000; font-weight: bold;}

table.search { width: 800px; margin: 0 0 0 -8px; }
table.search td.searchItem
{
    width: 400px !important;
    height: 267px;
    padding: 4px;
    background-image: url(/images/design/produit.jpg);
    background-position: left top;
    background-repeat: no-repeat;
}
table.search td.searchItem table.searchItem 
{
    width: 100%;
    height: 210px;
}

img.float {position:absolute; margin: -19px 0 0 -60px;}

div.produit_image 
{
    width: 396px;
    height: 263px;
    text-align: center;
    padding: 5px 0 0 0;
    
    background-image:url(/images/design/produit_image.jpg);
    background-position: left top;
    background-repeat: no-repeat;
}

div.produit_acheter 
{
    width: 396px;
    height: 81px;
    text-align: center;
    padding: 10px 0 0 0;
    background-image:url(/images/design/produit_acheter.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    color: #FFFFFF;
}

div.en_vedette 
{
    width: 370px;
    height: 122px;
    padding: 5px 8px 5px 8px;
    margin: 0 5px 8px 3px;
    background-image:url(/images/design/en_vedette.jpg);
    background-position: left top;
    background-repeat: no-repeat; 
}

div.panier 
{
    width: 214px;
    margin-right: 5px;
}

div.panier_top 
{
    background-image: url(/images/design/panier_top.gif);
    background-position: left top;
    background-repeat: no-repeat;
    width: 214px;
    height: 28px;
}

div.panier_contenu 
{
    background-color: #E5E5E5;
    padding: 5px;
    margin-right: 5px;
}
div.panier_contenuO 
{
    text-align: right;
    display:none;
}
div.panier_contenuO a
{
    width:auto;
    background-color: #E5E5E5;
    
}

/* Zoom image */
div#imgPop {
    position: absolute;
    left: 30%;
    top: 180px;
    border: 3px solid black;
    background-color: #FFFFFF;
    padding: 9px;
    opacity:0;
    display: none;
}

img#imgThumb, img#imgZomm {
    cursor: pointer;
}


/* MFAccueil */
div.home1 
{
    background-image: url(/images/design/home1.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    width: 100%;
    height: 311px;
    padding: 0;
    margin: 0;
}
div.home1 div.nav 
{
    display: block; 
    margin: 225px 0 0 8px;
}
div.home1 div.nav a 
{
    display: inline-block;
    color: #C90B00;
    padding: 0 5px 0 6px;
    font-size: 12px;
    font-weight: bold;
}
div.home2 
{
    background-image: url(/images/design/home2.jpg);
    background-position: left top;
    background-repeat: repeat-y;
    width: 100%;
    min-height: 50px;
}
div.home3 
{
    background-image: url(/images/design/home3.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    width: 100%;
    height: 25px;
}

/* MFTemplate */
div.sections 
{
    background-image: url(/images/design/sections.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    width: 100%;
    height: 180px;
}

div.blanc 
{
    background-color: #FFFFFF;
}

/* Ligne */
.ligne0 { background-color: #B2B2B2; }
.ligne1 { background-color: #F6F7F9; }

/* Pager */
.pager { font-size: 14px; }
.pager span { font-size: 19px;  }
.pager a { }