﻿body {
}
.haut
{
    font-family: Arial;
    font-size: xx-small;
    color: #808080;
}
.titre
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
    font-weight: normal;
    color: #FFFFFF;
    text-transform: uppercase;
    letter-spacing: 10px;
}
.haut_colonne
{
    background-color: #EACC3A;
    width: 150px;
    height: 18px;
}
.haut_milieu
{
    background-color: #DDA421;
    color: #FFFFFF;
    font-family: Arial;
    font-size: medium;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 15px;
    text-align:center;
    width:710px;
    height:18px;
}
.navigation_fleche
{
    color:#DAA420;
    font-family: Arial;
    font-size: small;
    font-weight:bold;
}
.milieu_milieu
{
    color: #354C76;
    font-family: Arial;
    font-size: medium;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 15px;
    text-align:center;
    width:724px;
    height:18px;
}
.nouveautes_milieu
{
    border-style: none solid none solid;
    border-width: 1px;
    border-right-color: #DDA421;
    border-left-color: #DDA421;
}
.nouveautes_bas
{
    border-style: none solid solid solid;
    border-width: 1px;
    border-right-color: #DDA421;
    border-left-color: #DDA421;
    border-bottom-color: #DDA421;
    background-color: #FDFDDB;
}
.produits_ligne
{
    border-style: solid none none none;
    border-width: 1px;
    border-top-color: #DDA421;
}
.produits_cadre
{
    border-style: solid solid solid solid;
    border-width: 1px;
    border-top-color: #DF7332;
    border-right-color: #DF7332;
    border-left-color: #DF7332;
    border-bottom-color: #DF7332;
}
.ligne_orange
{
    border-style: solid none none none;
    border-width: 1px;
    border-top-color: #DF7332;
}
.orange
{
    padding: 4px;
    margin: 4px;
    background-color: #DF7332;
    font-family: Arial;
    font-size: small;
    color: #FFFFFF;
    font-weight: bold;
}
.jaune
{
    padding: 4px;
    margin: 4px;
    background-color: #f9f355;
    font-family: Arial;
    font-size: small;
    color: #354C76;
    font-weight: bold;
}
.jaune:link
{
    padding: 4px;
    margin: 4px;
    background-color: #f9f355;
    font-family: Arial;
    font-size: small;
    color: #354C76;
    font-weight: bold;
}
.jaune:visited
{
    padding: 4px;
    margin: 4px;
    background-color: #f9f355;
    font-family: Arial;
    font-size: small;
    color: #354C76;
    font-weight: bold;
}
.jaune:hover
{
    padding: 4px;
    margin: 4px;
    background-color: #f9f355;
    font-family: Arial;
    font-size: small;
    color: #354C76;
    font-weight: bold;
}
.bleu
{
    padding: 4px;
    margin: 4px;
    background-color: #3a3988;
    font-family: Arial;
    font-size: small;
    color: #f9f355;
    font-weight: bold;
}
.bleu:link
{
    padding: 4px;
    margin: 4px;
    background-color: #3a3988;
    font-family: Arial;
    font-size: small;
    color: #f9f355;
    font-weight: bold;
}
.bleu:visited
{
    padding: 4px;
    margin: 4px;
    background-color: #3a3988;
    font-family: Arial;
    font-size: small;
    color: #f9f355;
    font-weight: bold;
}
.bleu:hover
{
    padding: 4px;
    margin: 4px;
    background-color: #3a3988;
    font-family: Arial;
    font-size: small;
    color: #f9f355;
    font-weight: bold;
}
.menu_titre
{
    padding: 2px;
    background-color: #3A3987;
    font-family: Arial;
    font-size: small;
    color: #F7F256;
    font-weight: bold;
    height: 18px;
    text-indent: 5px;
}
.menu_titre:link
{
    padding: 2px;
    background-color: #3A3987;
    font-family: Arial;
    font-size: small;
    color: #F7F256;
    font-weight: bold;
    height: 18px;
    text-indent: 5px;
}
.menu_titre:visited
{
    padding: 2px;
    background-color: #3A3987;
    font-family: Arial;
    font-size: small;
    color: #F7F256;
    font-weight: bold;
    height: 18px;
    text-indent: 5px;
}
.menu_titre:hover
{
    padding: 2px;
    background-color: #3A3987;
    font-family: Arial;
    font-size: small;
    color: #F7F256;
    font-weight: bold;
    height: 18px;
    text-indent: 5px;
}
.menu_titre_bas
{
    padding: 2px;
    background-color: #3A3987;
    font-family: Arial;
    font-size: small;
    color: #ffffff;
    height: 18px;
    text-indent: 5px;
}
.menu_sstitre
{
    margin: 2px;
    padding: 2px;
    background-color: #FBF8A7;
    font-family: Arial;
    font-size: small;
    color: #354C76;
    height: 22px;
}

.sstitre
{
    font-family: Arial;
    font-size: medium;
    color: #354C76;
}
.description
{
    font-family: Arial;
    font-size: small;
    color: #000000;
}
.prix
{
    font-family: Arial;
    font-size: small;
    color: #000000;
}
.normal
{
    font-family: Arial;
    font-size: small;
    color: #354C76;
}
.normal:link
{
    font-family: Arial;
    font-size: small;
    color: #354C76;
}
.normal:visited
{
    font-family: Arial;
    font-size: small;
    color: #354C76;
}
.normal:hover
{
    font-family: Arial;
    font-size: small;
    color: #354C76;
}

.TopItem
{
  color:#212356;
  font-family: verdana;
  font-size: 11px;
  border-bottom:1px solid #dddddd; 
  padding-top: 4px;
  padding-bottom: 2px;
}

.TopItemHover
{
  color:#212356;
  font-family: tahoma, verdana;
  font-size: 11px;
  font-weight: bold;
  border-bottom:1px solid #cccccc; 
  padding-top: 4px;
  padding-bottom: 2px;
  cursor:hand;
}

.NavTopItem
{
  background-image: url(images/topitem.gif); 
  background-color: #212356; 
  border-bottom: 1px solid #212356; 
  border-top: 1px solid #212356; 
  border-left: 1px solid #212356; 
  border-right: 1px solid #212356; 
  height: 28px;
  padding-left: 3px;
  cursor: default; 
  color: #ffffff;  
  font-family: verdana; 
  font-size: 12px;
  font-weight: bold;
  vertical-align: middle;
}

.NavTopItemHover
{
  background-image: url(images/topitemhover.gif); 
  background-color: #212356; 
  border-bottom: 1px solid #212356; 
  border-top: 1px solid #212356; 
  border-left: 1px solid #212356; 
  border-right: 1px solid #212356; 
  height: 28px;
  padding-left: 3px;
  cursor: default; 
  color: #ffffff;  
  font-family: verdana; 
  font-size: 12px;
  font-weight: bold;
  vertical-align: middle;
}

.NavBar
{
  background-color: #FFFFFF; 
  border: 1px solid #212356; 
  padding: 2px;
  padding-bottom: 1px;
  cursor: default; 
} 

.TopGroup
{
  background-color: #FFFFFF; 
  border: 1px solid #212356; 
  padding: 2px;
  padding-bottom: 1px;
  cursor: default;
}

.MenuGroup
{
  background-color:#ffffff;
  border:1px #212356 solid; 
  border-style:solid;
  cursor:default; 
  padding: 2px;
  padding-bottom: 1px;
}

.TopMenuItem
{
  color:white; 
  font-family:verdana; 
  font-size:12px; 
  font-weight: bold;
  padding:20px;
  cursor:default; 
}

.TopMenuItemHover 
{
  color:white; 
  background-image: url(images/topitemhover.gif);   
  background-color:#212356; 
  font-family:verdana; 
  font-size:12px; 
  font-weight: bold;
  cursor:default; 
}

.MenuItem
{
  background-color:#cdd9f4;   
  background-image: url(images/topitem.gif); 
  border-right-color: #212356; 
  border-left-color: #212356;
  color:#ffffff;
  font-family:verdana; 
  font-size:11px; 
  cursor:default; 
}

.MenuItemHover 
{
  background-color:#212356;   
  background-image: url(images/topitemhover.gif);   
  border-right-color: #212356; 
  border-left-color: #212356;
  color:#ffffff;  
  font-family:verdana; 
  font-size:11px; 
  cursor:hand; 
}

.MenuItemExpanded
{
  background-color:#eff09a; 
  color: #212356;
  font-family:verdana; 
  font-size:11px; 
  cursor:default; 
}

.MenuBreak
{
  background-color: silver; 
  width:100%;
  height:2px;
}

.MenuDans
{
  color:#212356;
  font-family: verdana;
  font-size: 11px;
  border-bottom:1px solid #dddddd; 
  padding-top: 4px;
  padding-bottom: 2px;
}

.MenuDansHover
{
  color:#212356;
  font-family: tahoma, verdana;
  font-size: 11px;
  font-weight: bold;
  border-bottom:1px solid #cccccc; 
  padding-top: 4px;
  padding-bottom: 2px;
  cursor:hand;
}
.ligne_devis
{ 
    height:5px;
    font-size:xx-small;
    border-bottom: 1px solid #DF7332; 
} 

