body {
	font-family: Helvetica;
}

table.arborescence {
      background-color: #003A6C;
      font-family: Helvetica, Arial, sans-serif;
      font-size: 10pt;
      color: #FFFFFF;
      fond-titre: #002E55;
}

table.consultation {
      background-color: #72afe4;
      font-family: Helvetica, Arial, sans-serif;
      font-size: 10pt;
      color: #FFFFFF;
      fond-titre: #67a1d5;
}

table.catalogue {
      background-color: #2265B1;
      font-family: Helvetica, Arial, sans-serif;
      font-size: 10pt;
      color: #FFFFFF;
      fond-titre: #14559F;
}

table.contact {
      background-color: #605CA8;
      font-family: Helvetica, Arial, sans-serif;
      font-size: 10pt;
      color: #FFFFFF;
      fond-titre: #4F4B97;
}

table.administration {
      background-color: #3C72A8;
      font-family: Helvetica, Arial, sans-serif;
      font-size: 10pt;
      color: #FFFFFF;
      fond-titre: #2F6499;
}

table.groupe {
      background-color: #205A90;
      font-family: Helvetica, Arial, sans-serif;
      font-size: 10pt;
      color: #FFFFFF;
      fond-titre: #184D7E;
}

table.metaAdmin {
      background-color: #578EC1;
      font-family: Helvetica, Arial, sans-serif;
      font-size: 10pt;
      color: #FFFFFF;
      fond-titre: #447FB6;
}

table.bienvenue {
      background-color: #2973BC;
      font-family: Helvetica, Arial, sans-serif;
      font-size: 10pt;
      color: #FFFFFF;
      fond-titre: #1D64A9;
}
   

.Style2 {
	font-family: Helvetica;
	font-weight: bold;
	font-size: 18px;
}
.Style16 {font-family: Helvetica; font-size: 12px; font-weight: bold; }
.Style19 {
	font-size: 13px;
	font-style: italic;	
}
.Style22 { font-family: Helvetica; font-size: 13px; font-weight: bold; }
.Style23 {
	font-family: Helvetica;
	font-weight: bold;
	font-size: 14px;
}








<!-- BANDEAU-->
#hp1000		{text-align: left; width: 100%; }
#topbar {position: absolute; top: 90; left: 0; font: 14px Arial, Helvetica, sans-serif;}
#topbar a, #topbar a:visited{ text-decoration: none; font: 14px Arial, Helvetica, sans-serif; color: #ffffff; font-weight: bold; }
#topbar a:hover{text-decoration: none; color: orange;}
#topbar .topbar_top {width: 2000px; background-color: #000000; height: 25px; }
#topbar .topbar_middle {width: 2000px; background-color: #7E71B4; height: 20px; text-align: center;}
#topbar_links {display: hidden;}
#topbar_links a {color: white; }

table.tabs { height: 24px; cursor: pointer;}
td.tab { height: 24px; width: 140px; text-align: center; font: 14px Arial, Helvetica, sans-serif; background-image: url(../img/onglet.png); text-transform: uppercase; }
td.intertab { width: 2px;}
td.belowtab {height: 2px; width: 120px; background-color: #FFFFFF}
a:hover{text-decoration: none; color: orange;}

td.underTab { cursor: pointer; text-decoration: none; font: 12px Arial, Helvetica, sans-serif; color: #ffffff; font-weight: normal; }

 .boutonOff {
      cursor: pointer;            
      font-size: 10px;
   }
            
            .TabCommon {CURSOR: pointer; FONT: 8.5pt Helvetica; COLOR: #14314d; TEXT-ALIGN: center; HEIGHT: 24px; }
            .TabOff {CURSOR: pointer; BACKGROUND-image: url('../img/ongletb_off.png'); background-repeat: repeat-x;}
            .TabOn {CURSOR: pointer; BACKGROUND-image: url('../img/ongletb_on.png'); background-repeat: repeat-x;}
            
            .titre {FONT:14px Helvetica; BORDER-LEFT: 1px outset #a1bfdf; BORDER-TOP: 1px outset #a1bfdf; BORDER-BOTTOM: 1px inset #a1bfdf; COLOR: #a1bfdf; background-color: #ffffff; PADDING: 5px; TEXT-ALIGN: left;}
            .titre2 {FONT:14px Helvetica; BORDER-TOP: 1px outset #a1bfdf; BORDER-BOTTOM: 1px inset #a1bfdf; COLOR: #2c588c; background-color: #ffffff; PADDING: 5px; FONT-WEIGHT: bold; TEXT-ALIGN: left; }
            .libelle {FONT:14px Helvetica; COLOR: #2c588c; background-color: #ffffff; PADDING: 5px; FONT-WEIGHT: bold; TEXT-ALIGN: left; }
            .reference {FONT:10px Helvetica; COLOR: #a1bfdf; background-color: #ffffff; PADDING: 5px; TEXT-ALIGN: left; cursor:pointer; }
            .caracteristiques {FONT:10px Helvetica; BORDER-TOP: 1px outset #a1bfdf; BORDER-BOTTOM: 1px inset #a1bfdf; COLOR: #2c588c; background-color: #ffffff; PADDING: 5px; TEXT-ALIGN: left;}
            .prix {FONT:12px Helvetica; BORDER-TOP: 1px outset #a1bfdf; BORDER-BOTTOM: 1px inset #a1bfdf; BORDER-RIGHT: 1px inset #a1bfdf; COLOR: #fba919; background-color: #ffffff; PADDING: 5px; FONT-WEIGHT: bold; }
            .caddie {FONT:10px Helvetica; BORDER-TOP: 1px outset #a1bfdf; BORDER-BOTTOM: 1px inset #a1bfdf; BORDER-RIGHT: 1px inset #a1bfdf; COLOR: #2c588c; background-color: #ffffff; PADDING: 5px; TEXT-ALIGN: left;}
            .titreprincipal {FONT:18px Helvetica; BORDER-BOTTOM: 2px inset #000000; COLOR: #ffffff; background-color: #a1bfdf; PADDING: 5px;  FONT-WEIGHT: bold; TEXT-ALIGN: left;}


.selectOff {
    	visibility: 'hidden';
	display: 'none';
    }
    
    .selectOn {
    	visibility: 'visible';
	display: '';
    }

.tableauAttente {
    background: #72afe4;
    border-top: 3px solid #578EC1;
    border-left: 3px solid #578EC1;
    border-right: 3px solid #578EC1;
    border-bottom: 3px solid #578EC1;
    FONT: 16px Helvetica;
    FONT-WEIGHT: bold;
    color: white;
}

.navigation {
      list-style:none;
      margin: 5px;
      padding: 0;
      background-color: #003A6C;
      color: #fff;
      width: 180px;
     font-size: .8em;

}
   .navigation a, .navigation span {
      display: block;
      padding: 10px 0px 0px 20px;
      color: #fff;
      text-decoration: none;
      background-color: #003A6C;
}
   .navigation .toggleSubMenu a, .navigation .toggleSubMenu span {
       height: 30px;
       border-width: 0.5px;
       border-color:"#2c588c";
       border-style:outset;
       background: url("../img/Catalogues/1/menu_ferme.gif");
      
}
   .navigation .open a, .navigation .open span {
       height: 35px;
        background: url("../img/Catalogues/1/menu_ouvert.gif");
       border-bottom:0;
}
   .navigation a:hover, .navigation a:focus, .navigation a:active {
       text-decoration: underline;
      
}
 .navigation .subMenu a:hover,.navigation .subMenu a:focus,.navigation .subMenu a:active {
 	background-color:#FBA919;
 	color: #FFFFFF;
}
   .navigation .subMenu {
       list-style:none;
       border-width: 0.5px;
       border-color:"#2c588c";
       border-left:0;
       border-right:0;
       border-style:outset;
       background-color: #578EC1;
     
       margin: 0;
       padding: 0;
}
   .navigation ul.subMenu a {
      background: none;
	   
      
     
}

couleur-selection: orange;
bandeau: bandeau_complet;
bienvenue: bienvenue1;
attente: bienvenuelight;