body{
color: #000000;
margin: 0;
padding: 0;
text-align: left;
background: #FFFFFF;
font-family: Trebuchet MS, Verdana, Arial, sans-serif;
}
a{
color: #8B0FA5;
text-decoration: none;
border:none;
}
a:hover{
text-decoration: underline;
color: #FFC400;
}
a:active {
  outline: none;
}

ul, li, ol{
margin: 0; 
padding: 0;
list-style-type: none; 
}
img {
vertical-align: middle;
margin: 0; 
padding: 0;
}
img a{
border:none;
}
#ombre_D{
margin:0 auto 0 auto;
width: 1013px;
background: url(_images/page_fond_ombres.png) repeat-y;
z-index:-20;
}
#page{
margin:0 18px 0 17px;
padding:10px 0 0 0;
width: 976px;
min-height: 680px;
background: #FFFEEE url(_images/fond_site.png) repeat-x;
z-index:-20;
}
#entete{
height: 200px;
margin: 0 auto 0;
width: 975px;
z-index:-20;
}

#adresse{
float:right;
width: 374px;
height: 19px;
background:url(_images/entete_adresse.png) no-repeat;
margin: 0 20px 0 0;
text-align: center;
padding: 2px 0 0 0;
}
.win.ie7 #adresse{
line-height:12px;
}
.win.gecko #adresse {
padding: 0 0 1px 0;
}
#adresse a{
color: white;
font-size: 12px;
}
#logo_site{
position: absolute;
display: block;
width: 296px;
height: 84px;
background:url(_images/entete_logo.png) no-repeat;
margin: 10px 0 0 90px;
z-index:20;
}
#flash{
position: absolute;
width : 550px;
height: 140px;
margin: 20px 0 0 425px;
z-index:50;
}
#contenu{
width: 975px;
margin: 30px auto 0 auto;
}
#centre{
width: 535px;
min-height: 680px;
margin: 0 0 0 190px;
padding: 0 0 0 10px;
}
#centre h2{
    font-size: 16px;
    text-align: center;
    margin: 20px 0 0 0;
    color:#8F0061;
}
#titre{
width: 500px;
height: 18px;
margin: 0 0 30px 180px;
padding: 4px 0 15px 0;
background: url(_images/titre_centre.png) repeat-x bottom left;
}
#chemin{
margin: 0;
font-size: 11px;
font-weight: bold;
display:inline;
}
.win.gecko #chemin {
margin: 3px 0 0 0;
display:inline;
}
.titre{
display: inline;
margin: 0 0 0 0;
padding: 0;
font-size: 15px;
}
#fin_titre{
background: url(_images/titre_droit.png) no-repeat bottom right;
float: left;
display: block;
width: 60px;
height: 16px;
margin: 0 0 0 440px;
}
.mac.gecko #fin_titre {
margin: -2px 0 0 440px;
}
.win.gecko #fin_titre {
margin: -3px 0 0 440px;
}
.win.ie7 #fin_titre{
margin: -3px 0 0 440px;
}
#texte_defilant{
background: url(_images/defilant_centre.png) repeat-x;
height: 34px;
width: 500px;
text-align: left;
margin: 30px 0 20px 10px;
padding: 0;
}
#texte_defilant_G{
float:left;
background: url(_images/defilant_gauche.png) no-repeat;
height: 34px;
width: 14px;
display: block;
margin: 0;
}
#texte_defilant_D{
background: url(_images/defilant_droite.png) no-repeat;
height: 34px;
width: 13px;
display: block;
float:right;
margin: 0;
}
#defilant{
position: absolute;
margin: -5px 0 0 10px;
padding: 0;
font-size: 14px;
width: 480px;
}
.win.ie7 #defilant{
margin: 10px 0 0 0;
}
.precedent_suivant{
font-size: 12px;
}
.suivant{
float:right;
}
#produit_photo h2 {font-size:13px; margin: 0; text-align:left;}
#produit_photo h2 a{font-size:13px; margin: 0; text-align:left;}
#listing strong a{font-size:12px; text-align:left;}
#listing h3 a{font-size:11px; text-align:left;}
.produit_accueil h1  {font-size:13px; margin: 0; text-align:left;}
.produit_accueil h2 {font-size:14px; margin: 0; text-align:left;}
.produit_accueil strong {font-size:13px; margin: 0; text-align:left;}


#prod_associe{
background: url(_images/produits_comp_centre.png) repeat-x;
height: 71px;
width: 500px;
text-align: center;
margin: 10px 0 0 15px;
}
#prod_associe li{
float: left;
}
#prod_associe_G{
position: absolute;
background: url(_images/produits_comp_G.png) no-repeat;
height: 71px;
width: 19px;
display: block;
margin: 0;
}
#prod_associe_D{
background: url(_images/produits_comp_D.png) no-repeat;
height: 71px;
width: 21px;
display: inline;
position: absolute;
margin: 0 0 0 494px;
}
#prod_associe_defil{
margin: 6px 0 0 18px;
width:480px;
height:58px;
}
#prod_associe_defil a{
    display: block;
    width: 50px;
    height: 55px;
    border: 1px solid #FFFDE9;
}
#prod_associe_defil a:hover{
    border: 1px solid #8F1BB0;
    background:#8F1BB0;
}
#produit, .produit{
background:#ffffff url(_images/produit_centre_centre.png) repeat-y;
width: 535px;
margin: 20px 0 0 0;
}
#produit_top, .produit_top{
background: url(_images/produit_centre_top.png) no-repeat;
width: 535px;
height: 15px;
margin: 0;
}
#produit_bas, .produit_bas{
background: url(_images/produit_centre_bas.png) no-repeat;
width: 535px;
height: 16px;
margin: 0;
}

#produit_photo{
width: 145px;
margin: 5px 0 0 13px;
float: left;
}
#produit_texte{
width: 235px;
min-height: 310px;
margin: 5px 0 0 152px;
}
#produit_1col{
width: 485px;
min-height: 310px;
margin: 5px 0 0 20px;
}
#produit_1pack{
width: 485px;
min-height: 200px;
margin: 5px 0 0 20px;
}
.produit_accueil{
width: 485px;
min-height: 100px;
margin: 5px 0 0 20px;
}
.plan1{
margin: 20px 0 10px 20px;
}
.plan1 a{
font-weight: bold;
font-size: 18px;
color: black;
}
.plan2{
margin: 0 0 0 30px;
}
.plan2 li{
margin: 0 0 0 15px;
list-style-type: disc; 
}
.plan2 li a{
font-weight: bold;
font-size: 15px;
}
.plan2 li ul li{
margin: 0 0 0 15px;
list-style-type: circle; 
}
.plan2 li ul li a{
font-weight: normal;
font-size: 12px;
}
#reference{
font-size: 15px;
color: #8F1BB0;
margin: 0;
}
#descriptif{
font-size: 14px;
color:#8F0061;
}
#texte{
font-size: 12px;
text-align: justify;
}
#produit_divers{
float: right;
width: 130px;
margin: 5px 5px 0 0;
}
#prix{
font-size: 18px;
color: #8F1BB0;
margin: 0;
line-height: 15px;
height: 60px;
}
#ttc{
color: black;
font-size: 13px;
margin: 0;
}
#ajout_panier{
display: block;
width: 49px;
height: 42px;
float:right;
}
.cadre{
background: white url(_images/produit_cadre_centre.png) repeat-y;
width: 122px;
margin: 0 auto 0 auto;
padding: 0;
font-size: 10px;
color: #8F1BB0;
font-weight: bold;
}
.cadre a{}
.cadre a:hover{
text-decoration: none;
}
.cadre small{
font-size: 9px;
padding: 0 3px 0 0;
color: black;
font-weight:normal;
text-align:center;
margin: 0 0 5px 0;
display: block;
width: 120px;
}
.cadre ul{
padding: 0 3px 3px 6px;
margin : 0;
}
.cadre_top{
background: url(_images/produit_cadre_top.png) no-repeat;
width: 122px;
height: 6px;
margin: 5px auto 0 auto;
}
.cadre_bas{
background: url(_images/produit_cadre_bas.png) no-repeat;
width: 122px;
height: 5px;
margin: 0 auto 0 auto;
}
#menu_G{
position: absolute;
width: 172px;
margin: 20px 0 0 10px;
padding : 0 15px 0 0;
background: url(_images/menu_G_fond.png) repeat-y;
}
#menu_G a{
text-decoration: none;
}
#menu_G a:hover{
text-decoration: none;
}
#menu_G_entete{
margin: 0;
width: 172px;
height: 62px;
background:url(_images/menu_G_entete.png) no-repeat;
}
#menu_G_bas{
margin: 0;
width: 172px;
height: 63px;
background: url(_images/menu_G_bas.png) no-repeat;
}
.rub_g li{
margin: 0 0 0 5px;
}
.rub_g a{
background: url(_images/menu_G_hp_ferme.png) no-repeat;
padding: 0 0 0 15px;
font-size: 13px;
font-weight: bold;
margin: 0 0 0 5px;
}
.rub_g a:hover{
background: url(_images/menu_G_hp_ouvert.png) no-repeat;
}
.rub_gon li{
margin: 0 0 0 5px;
width: 145px;
display: block;
}
.rub_gon a{
background: url(_images/menu_G_hp_ouvert.png) no-repeat;
font-weight: bold;
padding: 0 0 0 15px;
font-size: 14px;
margin: 0 0 0 5px;
color:red;
}

/* sous rubriques */
.niveau2{
display: none;
}
ol{
display: inline;
}
.sous_rub a{
margin: 0 0 0 0;
padding: 1px 0 1px 25px;
font-size:11px;
font-weight: bold;
color:#8F1BB0;
background:none;
}
.sous_rub a:hover{
background: url(_images/menu_G_lien.png) no-repeat;
color: red;
}
.sous_rub a:active{
background: url(_images/menu_G_over.png) no-repeat;
color: red;
}
.sous_rubon{
display: inline;
}
.sous_rubon a{
margin: 0 0 0 0;
padding: 0 0 0 25px;

display: inline;
font-size:12px;
font-weight: bold;
color:red;
background: url(_images/menu_G_over.png) no-repeat;
}
.sous_rubon a:hover{
text-decoration: underline;
}

.niveau3 {
display: none;
width: 145px;
padding: 0;
margin: 0;
}
.art{
width: 140px;
}
.art a{
margin: 0 0 0 -15px;
font-weight: normal;
font-size:9px;
color:#8F1BB0;
display: block;
background: none;
}
.art a:hover{
background: none;
color: red;
}
.arton {
width: 140px;
}
.arton a{
display: inline;
margin: 0 0 0 -15px;
font-weight: bold;
font-size:10px;
color: red;
background: none;
}
.arton a:hover{
color: red;
font-weight: bold;
text-decoration: underline;
}
#menu_D{
float:right;
margin: 3px 10px 0 5px;
width: 220px;
}
.menu_d_titre{
font-size:12px;
font-weight:bold;
}
/* zone devis */
#menu_D_devis{
width: 189px;
height: 60px;
margin: 0 0 0 31px;
padding : 5px 0 0 0;
font-size: 11px;
font-weight: bold;
background: url(_images/menu_D_fond_devis.png) no-repeat;
}
#menu_D_devis_entete{
margin: 0;
padding: 0;
width: 189px;
height: 10px;
background: url(_images/menu_D_top_devis.png) no-repeat;
}
#menu_D_devis_bas{
margin: -15px 0 0 0;
width: 189px;
height: 32px;
background: url(_images/menu_D_bas.png) no-repeat;
}
#contenu_devis img{
float: left;
margin : 4px 0 0 15px;
}
#contenu_devis ul{
float: right;
margin : 4px 30px 0 0;
padding: 0;
}
/* zone recherche */
#menu_D_recherche{
width: 220px;
margin: 0;
background: url(_images/menu_D_centre.png) repeat-y 100% 100%;
}
#menu_D_recherche_entete{
margin: 0;
width: 220px;
height: 50px;
background: url(_images/menu_D_entete.png) no-repeat;
}
#menu_D_recherche_bas{
margin: 0 0 0 31px;
width: 189px;
height: 42px;
background: url(_images/menu_D_bas_centre.png) no-repeat;
}
#contenu_recherche {
display: block;
margin: -25px 0 0 45px;
font-size: 12px;
}

/* zone nouveautes */
#menu_D_news{
width: 189px;
margin: 0 0 0 31px;
background: url(_images/menu_D_centre.png) repeat-y 100% 100%;
}
#menu_D_news_entete{
margin: 0;
width: 189px;
height: 9px;
background: url(_images/menu_D_top.png) no-repeat;
}
#menu_D_news_bas{
margin: 0 0 0 0;
width: 189px;
height: 42px;
background: url(_images/menu_D_bas_centre.png) no-repeat;
}
#contenu_news {
display: block;
margin: 0 7px 0 10px;
font-size: 11px;
}

/* zone lettre info */
#menu_D_info{
width: 189px;
margin: 0 0 0 31px;
background: url(_images/menu_D_centre.png) repeat-y 100% 100%;
}
#menu_D_info_entete{
margin: 0;
width: 189px;
height: 9px;
background: url(_images/menu_D_top.png) no-repeat;
}
#menu_D_info_bas{
margin: -20px 0 0 0;
width: 189px;
height: 42px;
background: url(_images/menu_D_bas_centre.png) no-repeat;
}
#icone_info{
display: block;
width: 27px;
height:32px;
background: url(_images/menu_D_hp_news.png) no-repeat;
}
#contenu_info {
display: block;
margin: 0 0 0 12px;
text-align:center;
font-size:11px;
}

/* zone liens */
#menu_D_liens{
width: 189px;
margin: 0 0 0 31px;
background: url(_images/menu_D_centre.png) repeat-y 100% 100%;
}
#menu_D_liens_entete{
margin: 0;
width: 189px;
height: 9px;
background: url(_images/menu_D_top.png) no-repeat;
}
#menu_D_liens_bas{
margin: -5px 0 0 0;
width: 189px;
height: 32px;
background: url(_images/menu_D_bas.png) no-repeat;
}
#contenu_liens {
display: block;
margin: -3px 0 0 0;
text-align:center;
font-size:11px;
}
#contenu_liens li{
text-align: left;
list-style: circle;
margin: 5px 0 0 40px;
}

#sorter {
background:url(_images/tableau_entete.png) no-repeat;
}
th.sortable, th.sortable-text, th.sortable-date, th.sortable-keep, th.sortable-date-dmy, th.sortable-numeric, th.sortable-currency, th.sortable-sortByTwelveHourTimestamp, th.sortable-sortIPAddress, th.sortable-sortEnglishLonghandDateFormat, th.sortable-sortScientificNotation, th.sortable-sortImage, th.sortable-sortFileSize, th.sortable-sortAlphaNumeric, th.sortable-sortEnglishDateTime{
        background: url(_images/sort.gif) 6px center no-repeat;
        cursor:pointer; 
        padding-left:18px;
}
th.forwardSort{
       background: url(_images/desc.gif) 6px center no-repeat; cursor:pointer; padding-left:18px;
}
th.reverseSort{
       background: url(_images/asc.gif) 6px  center no-repeat; cursor:pointer; padding-left:18px;
}
.sortable {width:520px; color:#000000; font-size:11px; margin: 0 0 0 15px; }
.sortable th {padding:6px 6px 6px;  text-align:center; color:#ffffff; font-size:11px;}
.sortable td {padding:2px 4px 4px; border-left:1px solid #8F1BB0;border-right:1px solid #8F1BB0;}
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover {color:red;}
.sortable .even td {height: 42px;}
.sortable .odd td {height: 42px;}
#tableau_entete a{color:white;}
.ttc_rub{
color: #8F1BB0;
font-size: 10px;
margin: 0;
}
.ajout_panier_rub{
display: block;
width: 35px;
height: 30px;
}
.menu_rubriques a{
}
.menu_rubriques a:hover{
text-decoration: none;
}

#pied{
margin: 0 auto 0 auto;
padding: 0;
width: 1013px;
height: 30px;
text-align: left;
font-size: 11px;
background: #FFFEEE url(_images/page_pied.png) no-repeat bottom left;
}
#pied span {
position: absolute;
margin: 0 0 0 250px;
text-align:center;
}