/***** Styles communs ******/
body {
  margin: 0px; 
  padding: 0px; 
  /*background: #cd9e6a url(hiver.jpg) ;*/
	font-weight: normal;
	font-size: 12px;
	line-height: 12px; /*14px;*/
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
	text-decoration: none;
	color: navy;
  overflow: hidden;
}

#ouverture {
	position: absolute;
	top: 50px;
	left: 0px;
	width: 170px;
	height: 30px;
	visibility: visible;
	display: block;
	background: transparent;
}
	
#ouverture p a    {
	color: white;
	font-weight: bold;
	font-size: 10px;
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	text-align: center;
}

a {
  font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: navy;
}

a:hover {
  color:red;
}


.gauche, .droite {
  /*background: #a0b87a;*/
  /*filter:alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;-khtml-opacity: 0.75;*/
}

.container { /* boite qui entoure les 3 colonnes */
   background-color: transparent; /* couleur de fond */
   margin:0px; /* marges intŽrieures et extŽrieures ˆ 0 */
   padding:0px;
} 



.gaucheBas {
  position: absolute; /* positionnŽ par rapport ˆ la boite parent (ici .container) */
  background-color: #transparent; /* couleur de fonds */
  border-top: 1px solid darkblue; /* style de l'encadrement haut */ 
  /*border-bottom: 3px solid darkgreen;  style de l'encadrement bas */
  width: 100%; /* largeur de la boite */
  height:10px;
  bottom:0px;
    /*left: 10px;  dŽmarre ˆ 10 pixels de la gauche de la boite parent */
  padding: 4px 0px 8px 0px;
    /*background: transparent;*/
}
.gaucheBas
{
	color: navy;
	font-family: Verdana;
	font-size: 9px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

.gaucheBas span
{
	font-weight: normal;
}

.centre { /* boite qui "pousse" vers le bas le reste de la page */
    margin: 50px 160px 0 180px; /* marges gauche et droite, pour la place des 2 autres colonnes */
/*    border-left: 3px solid black;  bordure gauche */
/*    border-right: 3px solid black;  bordure droite */
    padding: 10px; /* marge intŽrieure - indispensable */
    background-color: transparent;  /*couleur du fond */
/*    overflow-y:auto;
    overflow-x:hidden;*/
}

.droite { /* boite droite (avec le commentaire) */
   position: absolute; /* positionnŽ par rapport ˆ la boite parent (ici .container) */
   top:60px;
   right: 10px; /* dŽmarre ˆ 10 pixels de la droite de la boite parent */
   width: 100px; ; /* largeur de la boite */
   /*border:dashed 1px orange; /* encadrement discret de la boite */ 
   height:100px;
   overflow-x:hidden;
   overflow-y:auto;
}

/*******INFO*********/
td {
  padding: 10px 0px 10px 0px;
}
.tabnormal{
  background:tranparent;
  color:white;
  /*filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; -khtml-opacity:0.8;*/
}

.tabover{
  background: #ffcc7f; /*#ffffb1;*/
  /*filter:alpha(opacity=100); -moz-opacity:1; opacity:1; -khtml-opacity:1;*/
  color: navy;
}

.info  {
	/*background-color: white;*/
	font-family: Arial, Verdana, Tahoma, "Trebuchet MS", Helvetica, Geneva, Swiss, SunSans-Regular;
}

.info a
{
	text-decoration: none;
}

.info a:hover {
  color:red;
}

.tabInfo {
  background: #ff9900;
}