body {
	font-family: arial, "lucida console", sans-serif; 
	font-size: 10pt; 
	background-image: url(../images/fond_gris.gif); 
	background-attachment: fixed; 
	color:black; 
	}
/* #336699 */

table.messagebox {  
	background-position: center center; 
	background-color: #608BCD; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	}

/* all regular links */
A:link { color: FFFFFF; }
A:visited { color: FFFFFF; }
A:active { color: #CCCC00; }
A:hover { color: #CCCC00; }

.erreur { color: red }

.bouton {
	position: relative;
	border: 1px solid #337;
	padding:2px 9px 1px 9px;
	background-color: #999999;
	color:#333;
	z-index: 0;
	-Moz-Border-Radius: 6px;
}

.t_table { border: 1px dotted #000000; border-collapse: collapse; background-color: #000000; color: white; }
.t_titre {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF; background-color: #000000; text-align: center; vertical-align: middle; font-weight: bold}
.t_ligne_paire, td.t_ligne_paire {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: white; background-color: #777777; text-align: left; padding-left: 15px 15px 15px 15px;}
.t_ligne_impaire, td.t_ligne_impaire {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: white; background-color: #888888; text-align: left; padding: 15px 15px 15px 15px;}
.t_ligne_rouge{ background-color: red; }
caption { border-color: #000000; border-width: thin thin thin thin; background-color: #000000; color:#FFFFFF;vertical-align: middle; font-weight: bold; font-size: 12pt;}

/*               LEGEND               
    | .content    -- the content div             |
    | #tabs       -- the div that holds all tabs |
    | .tab        -- an inactive tab             |
    | .tabActive  -- an active tab               |
    | .tabHover   -- an inactive tab onMouseOver |
    |___________________________________________*/

 
 .content{ 
	background-color: #cc9;
	position: relative;
	
	line-height: 1.1em;
	padding: 12px;
	top: 12px;
	
	margin-left: 10px;
	border-width: 2px;
	border-style: groove;
	border-color: black;
	width:96%;
	z-index:5;
	visibility: visible;
}

/* Le style suivant n'est pas vu par IE6, il corrigera l'affichage dans Mozilla */
.content[id] { 
	margin-top: -12px;
}


 #tabs, .tabs{
     //position: absolute;
     position: relative;
    // top: 12px;	
     left:0;

	margin-top: 15px;
	height: 15px;
	margin-left: 12px;
	white-space: nowrap;
	cursor: default !important;
	font-size: 12px;
	line-height: 13px;

	font-weight: 700 !important;
	white-space: nowrap;
	z-index:10;
	}

.tab{
	border:1px solid black;
	background-color: #ccc;
	color: black;
	position: relative;
	border-bottom-width:0;
	padding:2px 7px 1px 7px;
	z-index: 1;
	white-space: nowrap;
}
.tabActive{
	border:1px solid black;
	border-bottom-width:0px;
	padding: 2px 7px 1px 7px;
	background-color: #cc9 !important;
	color:black;
	top: 3px;
	z-index:3;
	white-space:nowrap;
}

.tabHover{
	border-bottom-width:0;
	padding:2px 7px 1px 7px;
	z-index: 2;
	cursor: pointer; 
	cursor: hand; 
	
	border:1px solid black;
	background-color: #cc9;
	color: black;
}

div.bloc {
	width: 650px; 
	background-color: #cc9; 
	border: 1px dotted #333; 
	padding: 5px; 
	margin: 0px auto;
	text-align: left;
	}


span.left {
  float: left;
  text-align: left;
}

span.right{
  float: right;
  text-align: right;
}