body {
 font-size: 11px;
 color:#000000;
 background-color:#ffffff;
 margin:0px;
}

body, p, h1, h2, h3, table, td, th, ul, ol, textarea, input, select {
        font-family: Arial,Verdana,arial,helvetica,sans-serif;
}
.h1 {font-size:160%;}
.h2 {font-size:120%;}
.h3 {font-size:110%;}
.h4 {font-size:100%;}
.h5 {font-size:90%;}
.h6 {font-size:80%;}

/* Pour les formulaires */
input,                          textarea,
select {color:#000066; font-size: 11px;}
input.alerte,           textarea.alerte,                select.alerte {background-color:#DCACAD;}
input.inactif,  textarea.inactif,       select.inactif {background-color:#E1E1E1;}
input.rempli,   textarea.rempli,        select.rempli {background-color:#FFCC33;}

/* Pour les tables */
table {
        color:#000000;
        font-size: 100%;
}
tr.nocolor{background-color:transparent;}
tr.lightblue{background-color: #E5F3FE}
tr.deepblue{background-color: #609DF0}

table.paie {
        color:#000000;
        background-color:#f1f1f1;
}
th.paie {
        color:#ffffff;
        background-color:#666666;
}
td.paie {
        color:#000000;
        background-color:#f1f1f1;
}

table.listing {
        margin: 5px 0 4px 10px;
        border-color: #888;
        border-style: solid;
        border-width: thin;
        font-size: 11px;
        border-spacing:0px;
        padding: 2px;
        width: 98%;
        text-align:left;
}
table.listing th {
        margin: 5px 0 0 0;
        padding-top: 4px;
        background-color:#eee;
        font-weight:bold;
        border-width:0px;
        color:#333333;
}
table.listing th.negatif {
        color:#990000;
}
table.listing td.negatif {
        color:#990000;
}
table.listing td.taille90 {
		font-size: 90%;
}
table.login {
        width:300px;
        padding:5px;
        background-color: #ffffff;
        border-color: #111170;
        border-style: double;
        border-width: medium;
        color: #000000;
        font-size: 100%;
}
table.login th {
        background-color: lightblue;
        font-size:110%;
        font-weight:bold;
}

a:link, a:visited, a:active,    a:hover  {
        text-decoration:none;
        color:#900B09;
        background-color:transparent
}

#contener {
	width: 955px;
	margin-top: 0px;
	margin-left: -477px;
	left: 50%;
	position: absolute;
}
#logo_gauche {
	height: 115px;
	width: 119px;
	top: 10px;
	background-image: url(images/logo_gauche.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
}
#logo_droite {
	background-image: url(images/eliot.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 79px;
	width: 598px;
	position: absolute;
	left: 119px;
	top: 10px;
}
#bloc_menu {
	height: 21px;
	width: 836px;
	position: absolute;
	left: 119px;
	top: 89px;
	background-image: url(images/fond_bouton_off.jpg);
	background-repeat: repeat-x;
}
ul#menu {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: Verdana;
	font-size: 10px;
	color: #000066;
}
#menu li {
	display: inline;
	float: left;
}
#menu_gauche {
	# float: left;
}
#menu_droite {
	float: right;
}
#menu a {
	text-decoration: none;
	color: #093B6E;
	background-image: url(images/fond_bouton_on_off.jpg);
	background-repeat: repeat-x;
	display: block;
	height: 21px;
	line-height: 21px;
	text-align: center;
	padding-right: 8px;
	padding-left: 8px;
	background-position: 0px 0px;
}
#menu li#active a {
	text-decoration: none;
	background-image: url(images/fond_bouton_on_off.jpg);
	background-repeat: repeat-x;
	display: block;
	height: 21px;
	line-height: 21px;
	text-align: center;
	padding-right: 8px;
	padding-left: 8px;
	background-position: 0px -21px;
	color: #FFFFFF;
}
#menu a:hover {
	background-position: 0px -21px;
	color: #FFFFFF;
}
#angle {
	float: left;
	height: 21px;
	width: 10px;
	background-image: url(images/arondi_gauche.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#angle_droite {
	float: right;
	height: 21px;
	width: 10px;
	background-image: url(images/arondi_droite.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#angle_droite_gauche {
	float: left;
	height: 21px;
	width: 10px;
	background-image: url(images/arondi_droite.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.bloc_menu_dossier {
	height: 21px;
	width: 836px;
	position: absolute;
	left: 125px;
	top: 110px;
}
.bloc_menu_outils {
	height: 21px;
	width: 836px;
	position: absolute;
	left: 200px;
	top: 110px;
}
.bloc_menu_suivi {
	height: 21px;
	width: 836px;
	position: absolute;
	left: 300px;
	top: 110px;
}

.bloc_menu_compte {
	height: 21px;
	width: 836px;
	position: absolute;
	left: 380px;
	top: 110px;
}