#contents {
    		width: 780px;
    		height: 730px;
    		padding: 0;
    		margin: 0px;
        background: transparent url(../images/bg_centre.jpg) no-repeat;
}

#contents #zone-image {
            z-index: 2;
            position: absolute;
            height: 169px;
            width: 176px;
            left: 300px;
            top: 35px;
}

#retour li a {
            font-size: 11px; color: white;
            background: transparent url(../images/tit_retour.gif) no-repeat 0 0;
            position: absolute;
            top: 145px; left: 655px;
            width: 75px; height: 30px;
            padding-left: 20px;
            }

/* ---------------------------------- titre --------------------------- */
h3#titre {
            background: url(../images/tit_puce.gif) no-repeat 0 1px;
            width: 240px;
            position: relative; top: 5px; left: 65px;
            padding: 0 0 0 20px;
            font-size: 14px; font-family: Verdana, sans-serif; font-weight: normal; letter-spacing: 3px;
            color: black
            }

h3#titreB {
            width: 250px; height: 20px;
            position: relative; top: 10px; left: 480px;
            text-align: right;
            padding: 0 55px 0 0;
            font-size: 13px; font-family: Verdana, sans-serif; font-weight: normal; letter-spacing: 1px;
            color: #9999CC;
            }


h3#titreB a{
            color: #9999CC;
            }

span {
            display: none;
    }

/* ---------------------------------- MenuGamme --------------------------- */
.menuSecondaire {
            font-size: 12px;
            font-weight: bold;
            width: 200px;
            position: absolute; top: 190px; left: 60px;
            }

#menuGamme #ms1, #menuGamme #ms2, #menuGamme #ms3, #menuGamme #ms4, #menuGamme #ms5 {
            text-align: right;
            position: relative;
            padding: 0 20px 10px 0;
            background: transparent url(../images/puce_nav.gif) no-repeat 0 0;
            }

#menuGamme li a{color: #999;}
#menuGamme li a:hover{color: #999;}
#menuGamme #ms1 {left: -15px;}
#menuGamme #ms2 {left: 25px;}
#menuGamme #ms3 {left: 65px;}
#menuGamme #ms4 {left: 107px;}
#menuGamme #ms5 {left: 155px;}

.menuSecondaireB {
            font-size: 12px;
            font-weight: bold;
            width: 200px;
            position: absolute; top: 210px; left: 520px;
            }

#menuGammeB #ms6, #menuGammeB #ms7, #menuGammeB #ms8, #menuGammeB #ms9 {
            text-align: left;
            position: relative;
            padding: 0 0 10px 20px;
            background: transparent url(../images/puce_navB.gif) no-repeat 0 0;
            }

#menuGammeB li a{color: #999;}
#menuGammeB li a:hover{color: #999 ; }
#menuGammeB #ms6 {top: 65px; left: -65px;}
#menuGammeB #ms7 {top: 15px; left: -38px;}
#menuGammeB #ms8 {top: -35px; left: -20px;}
#menuGammeB #ms9 {top: -85px; left: -5px;}
       
.break {clear: both;}

/* ---------------------------------- produits --------------------------- */
#blocA {
            position: absolute; top: 330px; left: 70px; width: 210px; height:400px;
            }

#blocB {
            position: absolute; top: 330px; left: 295px; width: 210px; height:400px;
            }

#blocC {
            position: absolute; top: 330px; left: 515px; width: 210px; height:400px;
            }

#produitGamme h4 {
            font-size: 11px; color:white; background: #AFBEF0 url(../images/bg_h4.gif) no-repeat top;
            padding: 3px;

            }

#produitGammeB h4 {
            font-size: 11px; color:white; background: #AFBEF0 url(../images/bg_h4.gif) no-repeat top;
            padding: 3px;
            }

#produitGammeC h4 {
            font-size: 11px; color:white; background: #AFBEF0 url(../images/bg_h4.gif) no-repeat top;
            padding: 3px;
            }        

#produitGamme {
            width: 200px; background: #AFBEF0 url(../images/bg_dl.gif) no-repeat bottom;
            font-size: 11px;
            }

#produitGammeB {
            width: 200px; background: #AFBEF0 url(../images/bg_dl.gif) no-repeat bottom;
            font-size: 11px;
            }

#produitGammeC {
            width: 200px; background: #AFBEF0 url(../images/bg_dl.gif) no-repeat bottom;
            font-size: 11px;
            }

#produitGamme dt a {
            width: 190px;
            color: black;
            background: transparent url(../images/puce_claire_o.gif) no-repeat 0 2px;
            font-size: 11px;
            padding: 0 0 0 15px;
            margin-left: 5px;
            font-weight: bold;
            }

#produitGamme dt a:hover{
            color: white;
            background: transparent url(../images/puce_claire.gif) no-repeat 0 2px;
            font-weight: bold;
            }

#produitGamme dd {
            margin: 0 10px 10px 20px;
            color: #4B68DB ;
            }

#produitGammeB dt a {
            width: 190px;
            color: black;
            background: transparent url(../images/puce_claire_o.gif) no-repeat 0 2px;
            font-size: 11px;
            padding: 0 0 0 15px;
            margin-left: 5px;
            font-weight: bold;
            }

#produitGammeB dt a:hover{
            color: white;
            background: transparent url(../images/puce_claire.gif) no-repeat 0 2px;
            font-weight: bold;
            }

#produitGammeB dd {
            margin: 0 10px 10px 20px;
            color: #4B68DB ;
            }

#produitGammeC dt a {
            width: 190px;
            color: black;
            background: transparent url(../images/puce_claire_o.gif) no-repeat 0 2px;
            font-size: 11px;
            padding: 0 0 0 15px;
            margin-left: 5px;
            font-weight: bold;
            }

#produitGammeC dt a:hover{
            color: white;
            background: transparent url(../images/puce_claire.gif) no-repeat 0 2px;
            font-weight: bold;
            }

#produitGammeC dd {
            margin: 0 10px 10px 20px;
            color: #4B68DB ;
            }