BODY
{

    margin-left:0px;
    margin-right:0px;
    margin-top:0px;
    margin-bottom:0px;
    margin-width:0px;
    margin-height:0px;

    FONT-SIZE: 12px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
   COLOR: #000000;
   xBACKGROUND-COLOR: #FFFFFF;
   BACKGROUND-COLOR: #B9CDE1;


scrollbar-arrow-color:#4A6F92;
scrollbar-face-color:#A6C1DD;

scrollbar-3dlight-color:#859BB1;
scrollbar-highlight-color:#D9E7F6;

scrollbar-shadow-color:#859BB1;
scrollbar-darkshadow-color:#D9E7F6;

scrollbar-base-color:#000000;
scrollbar-track-color:#D3DFEC;
/* 
#C6D6E6 #D3DFEC #A6C1DD #93ABC3 #D9E7F6 #B9CDE1  #859BB1 #7191B0 #4A6F92 */
}

/* scrollbar-arrow-color : Couleur des flèches
scrollbar-face-color : Couleur de la barre 

scrollbar-3dlight-color : contour haut et gauche extérieur de la barre
scrollbar-highlight-color : Couleur du contour haut et gauche intérieur de la barre 

scrollbar-shadow-color : Couleur du contour bas et droite intérieur de la barre 
scrollbar-darkshadow-color : Couleur du contour bas et droite extérieur de la barre 

scrollbar-base-color : sorte de couleur globale
scrollbar-track-color : Couleur de l arrière plan de la barre 
*/

DIV.cssMessage {
    border: 1px solid #D45757;
    color: #D45757;
    xmargin-left:10px;
    xmargin-right:10px;
    xmargin-top:10px;
    xmargin-bottom:10px;
    padding-left:10px;
    padding-right:10px;
    padding-top:10px;
    padding-bottom:10px;
    FONT-WEIGHT: bold;
}


FORM,HTML,LI,SPAN,DIV,TABLE,TR,TD,P,CENTER,UL
{
    FONT-SIZE: 12px;
   FONT-FAMILY: Arial, Helvetica, sans-serif;
}

INPUT,SELECT,OPTION,TEXTAREA
{
    FONT-SIZE: 11px;
    COLOR: #003366;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}

/*
A
{
    COLOR: #0033CC;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}

A:hover
{
    xCOLOR: #526BBD;
   COLOR: #FFFF00;
}
*/

A
{
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 12px;
    COLOR: #724E53;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none;
}

A:hover
{
    FONT-SIZE: 12px;
    COLOR: #526BBD;
    FONT-WEIGHT: bold;
}

.AideTitre
{
    FONT-WEIGHT: bold;
}

.AideN
{
    FONT-WEIGHT: bold;
}

/* ---------------- FONDS -------------------------*/
.FondGris01
{  /* Fond gris */
   BACKGROUND-COLOR: #F0F0F0;
}

.FondGris02
{  /* Fond gris */
   BACKGROUND-COLOR: #7191B0;
}

.FondGris03
{  /* Fond gris */
   BACKGROUND-COLOR: #4A6F92;
}

.FondGris04
{  /* Fond gris */
   BACKGROUND-COLOR: #93ABC3;
}

.FondGris05
{  /* Fond gris */
   BACKGROUND-COLOR: #7191B0;
}

.FondGris06
{  /* Fond gris */
   BACKGROUND-COLOR: #ADC9E6;
}

.FondGris07
{  /* Fond gris */
   BACKGROUND-COLOR: #A0BAD5;
}

.FondGris08
{  /* Fond gris */
   BACKGROUND-COLOR: #4A6F92;
}

.FondBleu01
{  /* Bleu 01 */
   BACKGROUND-COLOR: #B9CDE1;
}

.FondBleu02
{  /* Bleu 02 */
   BACKGROUND-COLOR: #A6C1DD;
   oBACKGROUND-COLOR: #a0bad5;
}

.FondBleu03
{  /* Bleu 03 */
   BACKGROUND-COLOR: #859BB1;
   COLOR: #FFFFFF;
}


.FondBleu04
{  /* Bleu 04 */
   BACKGROUND-COLOR: #3C76AF;
   COLOR: #FFFF00;
    FONT-SIZE: 12px;
}

.FondSupprimer
{
   BACKGROUND-COLOR: #FFCC00;
}

.FondIci
{
   BACKGROUND-COLOR: #724E53;
}

.FondBlanc
{
   BACKGROUND-COLOR: #FFFFFF;
}

/* ---------------- LIENS HREF -------------------------*/
A.Lien01
{  /* Menu Nv01 */
    COLOR: #333333;  
    FONT-SIZE: 12px;
    xFONT-WEIGHT: bold;
    TEXT-DECORATION: none;
   HEIGHT: 24px;
   WIDTH: 70px;
   PADDING-TOP: 4px;
}

A.Lien01:hover
{
    COLOR: #526BBD;
    xTEXT-DECORATION:underline;
   BACKGROUND-COLOR: #C9D9E5; 
   BORDER-TOP: #181B1E 1px solid;
    BORDER-BOTTOM: #EAF0F6 1px solid;
   PADDING-TOP: 3px;
}

/*--------------------------------------------------------*/
A.icontext {
    FONT-SIZE: 10px;
    xCOLOR: #724E53;
    COLOR: #029BFF;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none;
}

A.icontext:hover {
    FONT-SIZE: 10px;
    xCOLOR: #029BFF;
    COLOR: #724E53;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none;
}

A.icontexthover {
    FONT-SIZE: 10px;
    COLOR: #724E53;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none;
}

A.icontexthover:hover {
    FONT-SIZE: 10px;
    COLOR: #724E53;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none;
}

/*--------------------------------------------------------*/



A.Lien02
{  /* Menu Commande */
    FONT-SIZE: 12px;
    xCOLOR: #003399;
    COLOR: #724E53;
    TEXT-DECORATION: none;
   HEIGHT: 12px;
   WIDTH: 184px;
   BORDER-TOP: #A6C1DD 1px solid;
   BORDER-BOTTOM: #A6C1DD 1px solid;
   oBORDER-TOP: #a0bad5 1px solid;
   oBORDER-BOTTOM: #a0bad5 1px solid;
   PADDING-LEFT: 6px;
}

A.Lien02:hover
{
    FONT-SIZE: 12px;
    COLOR: #526BBD;
    xTEXT-DECORATION:underline;
   xBACKGROUND-COLOR: #C9D9E5;   
   BACKGROUND-COLOR: #B9CDE1; 
   BORDER-TOP: #859BB1 1px solid;
    BORDER-BOTTOM: #EAF0F6 1px solid;
}

A.Lien03
{  /* Lien produit */
    FONT-SIZE: 12px;
    xCOLOR: #003399;
    xCOLOR: #FFCC00;/* Orange */
    COLOR: #724E53;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none;
}

A.Lien03:hover
{
    FONT-SIZE: 12px;
    xCOLOR: #660000;/*3366CC;*/
    xCOLOR: #003399;/* Bleu */
    COLOR: #526BBD;
    FONT-WEIGHT: bold;
    /*TEXT-DECORATION:underline;*/
}

A.Menu {  /* Lien produit ou categorie dans les menus javascript */
    FONT-SIZE: 10px;
    COLOR: #724E53;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none;
}

A.Menu:hover {
    FONT-SIZE: 10px;
    COLOR: #526BBD;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none;
}

A.Lien04
{  /* Onglet Accessoires - caractéristiques - PLUS */
    FONT-SIZE: 13px;
    COLOR: #724E53;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none;
}

A.Lien04:hover
{
    COLOR: #526BBD;
}

A.Lien05
{  /* Onglet Commande - CADDIE */
    FONT-SIZE: 13px;
    xCOLOR: #FFCC00;
    COLOR: #724E53;/* Rouge doux */
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none;
}

A.Lien05:hover
{
    xCOLOR: #660000; /*B3D0EE;*/
    COLOR: #526BBD;/* Bleu doux */

    FONT-SIZE: 13px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none;

}

A.Lien05i
{  /* mailto */
    FONT-SIZE: 12px;
    COLOR: #660000;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none;
}

A.Lien05i:hover
{
   COLOR: #FFCC00;
}

A.Lien05j
{
    FONT-SIZE: 12px;
    xCOLOR: #4A5662;
    COLOR: #724E53;/* Rouge doux */
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none;
}

A.Lien05j:hover
{
    xCOLOR: #660000;
    COLOR: #526BBD;/* Bleu doux */
}

/* ---------------- STYLES TEXTE -------------------------*/
.AdminTitre
{
    FONT-SIZE: 12px;
    COLOR: #000000;
    xFONT-WEIGHT: bold;
}

.Style00b
{
    FONT-SIZE: 12px;
    COLOR: #FF0000;
    /*FONT-WEIGHT: bold;*/
}

.Style01
{  /* Zone Recherche et commande - intitulé champs : texte bleu clair */
    FONT-SIZE: 12px;
   COLOR: #3366CC;
   PADDING-LEFT: 4px;
   PADDING-RIGHT: 4px;
   PADDING-TOP: 4px;
   PADDING-BOTTOM: 4px;
}

.Style02
{  /* texte bleu foncé */
    FONT-SIZE: 12px;
    COLOR: #003399;
    FONT-WEIGHT: bold;
}

.Style03
{  /* texte jaune - Prix EUR dans les listes */
    FONT-SIZE: 13px;
    COLOR: #FFFF33;
    xFONT-WEIGHT: bold;
}

.Style03b
{
    FONT-SIZE: 12px;
    COLOR: #003399;
    /*FONT-WEIGHT: bold;*/
}

.Promotion_lite {
    FONT-SIZE: 13px;
    COLOR: #666666;
    FONT-WEIGHT: normal;
}

.Promotion_t {
    FONT-SIZE: 13px;
    COLOR: #c4192d;
    oFONT-WEIGHT: bold;
}

.Promotion_v {
    FONT-SIZE: 13px;
    COLOR: #c4192d;
    FONT-WEIGHT: normal;
}

.Style04c
{  /* texte blanc CLASSEMENT FIANET POINT RETRAIT A TOULOUSE */
    FONT-SIZE: 12px;
    COLOR: #FFFFFF;
   TEXT-TRANSFORM: uppercase;
}

.Style04
{  /* texte blanc */
    FONT-SIZE: 12px;
    COLOR: #FFFFFF;
}

.Style04b
{  /* texte blanc */
    FONT-SIZE: 12px;
    COLOR: #FFFFFF;
    FONT-WEIGHT: bold;
}

.StyleSupprimer
{  /* texte rouge */
    FONT-SIZE: 13px;
    xCOLOR: #660000;
    COLOR: #FFFFFF;
    xFONT-WEIGHT: bold;
}

H1
{
    FONT-SIZE: 15px;
   oCOLOR: #FFCC00;
   COLOR: #ffffff;
   FONT-WEIGHT: normal;
   TEXT-TRANSFORM: uppercase;
   MARGIN-LEFT: 1px;
   MARGIN-RIGHT: 1px;
   MARGIN-TOP: 3px;
   MARGIN-BOTTOM: 3px;
   xFONT-STYLE: italic;
}

.Style05
{  /* texte orange - Titre - Categorie */
    FONT-SIZE: 14px;
   oCOLOR: #FFCC00;
   COLOR: #ffffff;
   oCOLOR: #fbd84a;
    /*FONT-WEIGHT: bold;*/
   TEXT-TRANSFORM: uppercase;
}

.Style05Selection
{  /* texte orange - Titre - Notre Sélection */
    FONT-SIZE: 12px;
   oCOLOR: #FFCC00;
   oCOLOR: #fbd84a;
   COLOR: #ffffff;
    FONT-WEIGHT: normal;
   TEXT-TRANSFORM: uppercase;
   PADDING-TOP: 3px;
   PADDING-BOTTOM: 3px;
}

.Style05Moyen
{  /* texte orange - Titre - Assuré à 100% */
    FONT-SIZE: 12px;
   oCOLOR: #FFCC00;
   oCOLOR: #fbd84a;
   COLOR: #ffffff;
    FONT-WEIGHT: normal;
   TEXT-TRANSFORM: uppercase;
}

.Style05i
{  /* texte orange - Titre - Categorie */
    FONT-SIZE: 12px;
   COLOR: #660000;
    /*FONT-WEIGHT: bold;
   TEXT-TRANSFORM: uppercase;
   xFONT-STYLE: italic;
}

.Style06
{  /* texte rouge - Soutitre - Marque */
    FONT-SIZE: 13px;
   COLOR: #660000;
    FONT-WEIGHT: bold;
   TEXT-TRANSFORM: uppercase;
}

SPAN.Style06
{  /* titre SAV à supprimer car il faut pas que cela ressemble à un lien il faut modofoer voir avec Annega et ajouter des petites ancres pour serveir de repère comme sav là par contre et mettre un span titre normal*/
    xFONT-SIZE: 13px;
    xCOLOR: #660000;
    xFONT-WEIGHT: bold;
    xTEXT-TRANSFORM: uppercase;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 12px;
    COLOR: #724E53;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none;
}

.Style08
{  /* texte gris - Description - Prix FRF dans les listes */
    FONT-SIZE: 13px;
   COLOR: #4A5662;
   FONT-WEIGHT: normal;
}

.Style08b
{  /* texte noir - Description */
    FONT-SIZE: 12px;
   COLOR: #333333;
    FONT-WEIGHT: bold;
}

.Style09
{  /* Prix - Description */
    FONT-SIZE: 15px;
   FONT-WEIGHT: normal;
}

.Style10
{  /* texte orange - Description */
    FONT-SIZE: 13px;
   COLOR: #FFCC00;
}


/* ---------------- VISUELS ------------------------*/
.CadreVisuel
{
   /*
   BORDER-RIGHT:  #FFFFFF 1px solid;
    BORDER-LEFT:  #FFFFFF 1px solid;
   BORDER-TOP:    #FFFFFF 1px solid;
    BORDER-BOTTOM:   #FFFFFF 1px solid;

   PADDING-LEFT:  2px;
   PADDING-RIGHT: 2px;
   PADDING-TOP:   2px;
   PADDING-BOTTOM:   2px;

   margin-top:    5px; 
   margin-right:  5px; 
   margin-bottom: 5px; 
   margin-left:   5px;  
   */
   BACKGROUND-COLOR: #FFCC00; 

}

.CadreVisuel02
{
   BACKGROUND-COLOR: #B1B3B6;
}


/* ---------------- DIVERS -------------------------*/
.Copyright
{  /* Copyright */
   COLOR: #b0b0b0;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
}

/* ---------------- Menu -------------------------*/
.menu-selected { font-size:11px; font-weight:normal; background-color:#724E53; color:white; height:16px; border-bottom:1px solid #d9e7f6; }
.menu-item { font-size:11px; font-weight:normal; background-color:#a6c1dd; color:#724E53; height:16px; border-bottom:1px solid #d9e7f6; }
.menu-item-hover { font-size:11px; font-weight:normal; color:#FFFFFF; background-color:#526BBD; height:16px; cursor:pointer; border-bottom:1px solid #d9e7f6; }
A.menu-anchor { text-decoration:none; }