/* ----------------------------------------- */
/*               G E N E R I Q U E           */
/* ----------------------------------------- */

* {
  padding: 0px;
  margin : 0px;
}

body {
  font-size        : 12px;
  font-family      : helvetica, "trebuchet ms", sans-serif;
  color            : black; /*#8C8C73;*/
  line-height      : 18px;
  background       : url('images/main_bg.png') center 0px repeat-y;  
}

img {
  border : 0;
}

a {
  color: #000000;
  text-decoration: underline;
  font-weight : bold;
}

a:hover {
  text-decoration: none;
}

font.capitale {
  text-transform: capitalize;

}

.justifie {text-align:justify;}
.center {text-align:center;}
.left {text-align:left;}
.curseur_main {cursor:pointer;}
.bg_white {background-color: white;}

.made-in_text, a.made-in{
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #aaaaaa;
	padding-left:3px;
	padding-bottom:15px;
	text-align: center;
}

/* ------------------------------------ */
/*             MISE EN PAGE             */
/* ------------------------------------ */
div#conteneur {
  position  : relative;
  width     : 850px;
  margin    : 0 auto;
  min-height: 650px;
  /*background: transparent url('images/fond_main.png') center 0px repeat-y;*/
  padding   : 0 5px 0 5px;
  background: #f8f8f8;
}

div#entete {
  border    : 0;
}

div#contenu {
  width : 100%;
  height: 100%
}

div#lang {
  width : 100%;
  text-align : right;
}

div#lang img {
   display: inline;
}

div#acc_table {
  background: transparent url('images/accueil/banderole.png') no-repeat;  
  width     : 850px; 
  height    : 180px;

  color     : white; 
}

div#hide {
  display : none;
  width   : 900px;
  position: relative;
  margin  : 0 auto;
  text-align: center;
}

/* ------------------------------------ */
/*               M E N U                */
/* ------------------------------------ */
table.menuTable{
    width   : 100%;
    height  : auto;
}

table.menuTable td{
    width      : 20%;
    height     : auto;
    text-align : center;
}

table.menuTable tr.image td img{
    width      : 100px;
    height     : 7px;
}

table.menuTable a {
    display        : block;
    text-decoration: none;
    text-transform : uppercase;
}

.accueil:hover,    
.accueil_selected    {background-color: #468EB0;color: white;font-weight: bold;}
.produit:hover,    
.produit_selected    {background-color: #880018;color: white;font-weight: bold;}
.demo:hover,       
.demo_selected       {background-color: #72A70E;color: white;font-weight: bold;}
.partenaire:hover, 
.partenaire_selected {background-color: #CC6600;color: white;font-weight: bold;}
.reference:hover,    
.reference_selected  {background-color: #DA0000;color: white;font-weight: bold;}
.contact:hover,    
.contact_selected    {background-color: #787878;color: white;font-weight: bold;}
.documentation:hover,
.documentation_selected    {background-color: #468EB0;color: white;font-weight: bold;}