/* ------------------------------ 
   GÈnÈralitÈs
   ------------------------------*/
*
{
	margin: 0;
	padding: 0;
}

html {
	overflow: scroll;
}

form {
	margin-bottom: 0px;
}

body
{
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	font-family: Arial,serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 0.8em;
	line-height: normal;
}

img
{ /* needed for firefox */
	border: 0px;
	text-decoration:none;
}

a
{
	color: #07519a;
}

/* forces the hand cursor on links in Safari */
a:link, a:hover
{
	cursor: pointer;
}

div .spacer
{
	clear:both;
}

div .spacer_right
{
	clear:right;
}

/* ------------------------------ 
   Modules
   ------------------------------*/
.module
{
	float: left;
	clear: both;
	width: 100%;
	background-color: #FFFFFF;
	border-style: solid;
	border-width: 1px;
	border-color: #CCCCCC;
}

.listing table { 
	clear:both;
	border-collapse: collapse;
	empty-cells: show;
	width: 100%;
}

.listing thead
{
	background-color: #CCCCCC;
}

.listing th
{
	padding-left: 2px;
	font-weight: bold;
	text-align: left;
}

.listing tr
{
	height: 24px;
}

.listing tbody>tr:hover
{
	height: 24px;
	background-color: #D8BFD8;
}

.listing td
{
	padding-left: 2px;
}

.listing tr.lightGray
{
	background-color: #E7E7E7;
}

.listing tr.orange
{
	background-color: #FF9900;
}

.listing tr.bleu
{
	background-color: #9999cc;
}

.module div
{
	/*width: 100%;*/
}

.module div.titre
{
	background-color: #E7E7E7;
	border-style: solid;
	border-width: 0 0 1px 0;
	border-color: #CCCCCC;
	font-weight: bold;
	line-height: 20px;
	font-family: Arial,serif;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	text-indent : 2px;
}

.module div.description
{
	padding-left: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.module div.button
{
	clear:both;
	float:left;
	background-color: #E7E7E7;
	width: 100%;
	text-align: right;
	border-style: solid;
	border-width: 1px 0 0 0;
	border-color: #CCCCCC;
	margin-top: 10px;
	height:24px;
	vertical-align:middle;
}

.module .oneField
{
	clear: both;
	display: block;
	margin-bottom: 2px;
}

/* ------------------------------ 
   Formulaires
   ------------------------------*/
label
{
	width: 30%;
	float: left;
	display: block;
	padding-left: 5px;
}

#global_print label
{
	width: 125px;
	float: left;
	display: block;
	padding-left: 2px;
	text-indent: 3%;
}

/* Champs de formulaires */
input, select, textarea
{
	font-family : Arial, Verdana, Tahoma;
	font-size : 11px;
}

input.formfield,  textarea.formfield, p.formfield 
{
	width: 250px;
}

select.formfield
{
	width: 254px;
	
}

input.fsubmit
{
	font-family : Arial, Verdana, Tahoma;
	font-size : 11px;
	font-weight: bold;
	background-color: #F2F2F2;
	color : #303030;
	margin: 0;
	padding: 0;
}

input.formfield2,  textarea.formfield2, p.formfield2
{

}

/* ------------------------------ 
   Blocks (Positioning)
   ------------------------------*/
#global
{
	position: absolute;
	left: 50%;
	width: 931px;
	margin-left: -457px;
}

#global_print
{
	position: absolute;
	left: 50%;
	width: 690px;
	margin-left: -345px;
}

#index
{
	position: absolute;
	left: 50%;
	width: 700px;
	margin-left: -350px;
}

/* ------------------------------ 
   EntÍte
   ------------------------------*/
#entete
{
	width: 100%;
	background-color:#FFFFFF;
}

#entete .logo_left
{
	float: left;
}

#entete .logo_right
{
	float: right;
}
/* ------------------------------ 
   Menu
   ------------------------------*/	
#tinyMenu
{
	clear: both;
	background-color:#FFFFFF;
	font-size: 85%;
}

#tinyMenu ul
{
	margin: 0 auto 0 auto;
	padding: 0;
	list-style-type: none;
	float: left;
}

#tinyMenu li
{
	text-indent: 0px;
	margin: 1px;
	line-height: 1.8em;
	padding: 0;
	float:left;	
}

#tinyMenu li.accueil
{
	background: url(/images/obrero/accueil.gif) no-repeat;
}

#tinyMenu li.accueil>a
{
	padding-left: 25px;
	text-decoration: none;
	color: #666666;
	vertical-align: text-bottom;
}

#tinyMenu li.deconnexion
{
	background: url(/images/obrero/deconnexion.gif) no-repeat;
}

#tinyMenu li.deconnexion>a
{
	padding-left: 25px;
	text-decoration: none;
	color: #666666;
	vertical-align: text-bottom;
}
/* ------------------------------ 
   Menu
   ------------------------------*/	
#menu
{
	background-color:#FFFFFF;
	font-size: 85%;
}

#menu ul
{
	margin: 0 auto 0 auto;
	padding: 0;
	list-style-type: none;
	float: right;
}

#menu li
{
	text-indent: 0px;
	margin: 1px;
	line-height: 1.8em;
	padding: 0;
	float:left;	
}

#menu li.sub_menu
{
	width:180px;
	border-style: solid;
	border-width: 1px;
	border-color: #CCCCCC;
	padding-left: 2px;
}

#menu a 
{
	text-decoration: none;
	text-align:right;
	color: #666666;
}

#menu a:hover
{
	color: #666666;
}

/* ------------------------------ 
   Alertes
   ------------------------------*/
#zoneMessage
{
  position: absolute;
  display: none;
  top: -1px;
  left: 200px;
  right: 200px;
  z-index: 5000;
  opacity: 0.85;
}

#zoneMessage div
{
  width: 400px;
  margin: 0px auto;
  height: 24px;
  min-height: 24px;
  padding: 8px 10px 8px 46px;
}

#zoneMessage div.notice 
{
  background: url(../images/obrero/info.png) 6px 3px no-repeat;
  background-color: #F7FDCB;
  border: 1px solid #C2D071;
}

#zoneMessage div.error
{
  background: url(../images/obrero/warning.png) 6px 3px no-repeat;
  background-color: #EF9398;
  border: 1px solid #DC5757;
}

#zoneMessage div.confirmation
{
  background: url(../images/obrero/confirm.png) 6px 3px no-repeat;
  background-color: #A6EF7B;
  border: 1px solid #76C83F;
}

#zoneMessage div.loading
{
  background: url(../images/obrero/loading.gif) 6px 3px no-repeat;
  background-color: #EBEBEB;
  border: 1px solid #CCCCCC;
}

/* ------------------------------ 
   Partie principale
   ------------------------------*/
#maincontent
{
	float: left;
	clear: both;
	width: 100%;
	height: 100%;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 10px;
}

#maincontent ul
{
	width: 100%;
	clear: both;
	margin: 0;
	padding: 0;
	list-style-type: none;
	padding-bottom: 6px;
}

#maincontent li{
	width: 230px;
	margin: 0;
	padding: 0;
	float:left;
}

#maincontent .bulle
{
	background-color: #FFFFFF;
	border-style: solid;
	border-width: 1px;
	border-color: #E1E1E1;
	height:80px;
	cursor: pointer;
	margin-right: 0px;
}

#maincontent .marge
{
	margin-right: 1px;
}

#maincontent .bulle:hover
{
	background-color: #FFFFFF;
	border-style: solid;
	border-width: 1px;
	border-color: #CCCCCC;
	height:80px;
	cursor: pointer;
}

#maincontent .bulle .titre
{
	padding-top: 5px;
	padding-left: 5px;
	font-weight: bold;
}

#maincontent .bulle .description
{
	padding-top: 5px;
	padding-left: 5px;
}

#maincontent .bulle .illustration
{
	clear:both;
	float: right;
	padding-top: 5px;
	padding-left: 5px;
}

/* ------------------------------ 
   Pied de page
   ------------------------------*/
#bottom
{
	width: 100%;
	margin:0;
	float: left;
	clear: both;
	background-color: #FFFFFF;
	border-style: solid;
	border-width: 1px;
	border-color: #CCCCCC;
	padding: 2px;
}
	
#bottom ul
{
	margin: 0;
	list-style-type: none;
}

#bottom li
{
	float: left;
	text-indent: 0px;
	margin: 0;
	padding: 0;
	color: #000000;
	width:33%;
}

#Version
{
	width: 100%;
	margin:0;
	float: left;
	clear: both;
	background-color: #FFFFFF;
	padding: 3px;
}
	
#Version ul
{
	margin: 0;
	list-style-type: none;
}

#Version li
{
	float: left;
	text-indent: 0px;
	margin: 0;
	padding: 0;
	color: #000000;
	width:33%;
}

.left
{
	text-align: left;
	padding-left: 2px;
}

.module div.center
{
	clear:both;
	text-align: center;
}

.center
{
	text-align: center;
}

.right
{
	text-align: right;
	padding-right: 2px;
}

.noDatas {
	width: 100%;
	height: 50px;
	padding-top: 22px;
	text-align: center;
}

#statistiques
{
	width: 100%;
	margin:0;
	margin-top:10px;
	padding-top:2px;
	padding-bottom:2px;
	float: left;
	clear: both;
	background-color: #FFFFFF;
	border-style: solid;
	border-width: 1px;
	border-color: #CCCCCC;
	text-align:center;
}

#onglets
{
	width:100%;
	float:left;
	clear:both;
}

#onglets ul 
{
	margin: 0;
	list-style-type: none;
	padding-bottom: 6px;
}

#onglets a, #onglets a:hover, #onglets a:visited
{
 	color: #CC6600;
 	font-family: Arial, Verdana, Tahoma;
	text-decoration: none;
}

#onglets li
{
	height: 20px;
	width:150px;
	text-align:center;
}

#onglets li.seltab
{
	border-left: #666666 1px solid;
	border-top: #666666 1px solid;
	border-bottom: #666666 1px solid;
	font-weight: bold;
	font-size: 11px;
	background: #CCCCCC;
	padding-top: 3px;
	font-family: Arial, Verdana, Tahoma;
	text-decoration: none;
}

#onglets li.tab
{ 
	border-left: #666666 1px solid;
	border-top: #666666 1px solid;
	border-bottom: #666666 1px solid;
	font-weight: normal;
	font-size: 11px;
	background: #999999;
	padding-top: 3px;
	font-family: Arial, Verdana, Tahoma;
	text-decoration: none;
	cursor: pointer;
}
#informations_maj
{
	width: 100%;
	margin:0;
	float: left;
	clear: both;
	background-color: #FFFFFF;
	padding: 2px;
}
	
#informations_maj ul
{
	margin: 0;
	list-style-type: none;
}

#informations_maj li
{
	float: left;
	text-indent: 0px;
	margin: 0;
	padding: 0;
	color: #000000;
	width: 100%;
}

.center{
	text-align:center;
}