.accueil{
	background-color: #FFFFFF;
}

/*
HEADER
*/

#header_background {
	width: 100%;
	height: 80px;
	background-image: url("../images/2008/haut_fond2.gif");
	background-repeat: repeat-x;
}
#logo_classeur{
	background-image: url("../images/2008/logo_classeur.gif");	
	background-repeat: no-repeat;
	height: 100%;
	width: 500px;
	/*margin-left: 30px;*/
	position: absolute;
}
#logo_classeur:hover{
 cursor: pointer;
}

#icones{
	width: 200px;
	position: relative;
	float: right;
	height: 100%;
	margin-top:40px;
}

.header_icones{
	/*padding-top: 50px;*/
	margin: 3px;
	cursor: pointer;
}
/*
TABLEAU

*/
div.div_overflow .tableau,div.div_overflow #tableau {
	width: 99%;

}
.tableau, #tableau, #tableau_fiche {
	width: 100%;
	border-collapse: collapse;
	text-align: left;
	border: 1px #CFD0D1 solid;
	font-family: verdana;
	font-size: 11px;
}
.sortable {
	border-top: none;
	border-left: none;
	border-right: none;
}
.tableau th, .tableau tr td.header, #tableau th, #tableau tr td.header {
	font-size: 11px;
	font-weight: bolder;
	border: 1px solid #CFD0D1;
	background-color: #8FC9F0;
	color: black;
	padding: 0px 6px;
	height: 24px;
}
.tableau td, #tableau td {
	border: 1px solid #CFD0D1;
	padding: 0px 6px;
	height: 22px;
}
.tableau tr.paire td, #tableau tr.paire td {
	background-color: white;
}
.tableau tr.impaire td, #tableau tr.impaire td {
	background-color: #EBEBEB;
}
.tableau tr.paire td.header, #tableau tr.paire td.header {
	background-color: #8FC9F0;
}
.tableau tr.impaire td.header, #tableau tr.impaire td.header {
	background-color: #8FC9F0;
}
.tableau tbody tr:hover td, #tableau tbody tr:hover td,.tabactive {
	background-color: #E9F4FC;
}
.tableau tbody tr:hover td.header, #tableau tbody tr:hover td.header {
	background-color: #8FC9F0;
}

th.icone, td.icone {
	text-align: center;
}
.nostyle tr td, .notstyle tr, .nostyle {
	border: none;
	width: 100%;
}

#onglets {
	list-style-type : none;
	padding-bottom : 24px; /* à modifier suivant la taille de la police ET de la hauteur de l'onglet dans #onglets li */
	border-bottom : 1px solid #CFD0D1;
	margin: 0;
	font-family: verdana;
	font-size: 10px;
	font-weight: bolder;
}
#onglets li, #onglets li.nonactive {
	float: left;
	height: 22px; /* à modifier suivant la taille de la police pour centrer le texte dans l'onglet */
	background-color: #DFDFDF;
	margin: 2px 2px 0 2px !important;  /* Pour les navigateurs autre que IE */
	margin: 4px 2px 0 2px;  /* Pour IE  */
	-margin: 1px 2px 0 2px;  /* Pour IE6  */
	padding: 0 0 0 9px;
	border-bottom: 1px solid #CFD0D1;
	background: url("../images/2008/norm_left.gif") no-repeat left top;
	width: 140px;
	text-align: center;
}
#onglets a, #onglets li.nonactive a  {
	display: block;
	color: black;
	height: 13px;
	text-decoration: none;
	background: url("../images/2008/norm_right.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
}
#onglets a:hover, #onglets li.active a, #onglets li.nonactive a:hover {
	background: url("../images/2008/norm_right_on.gif") no-repeat right top;
	border-bottom: 1px solid white;
}
#onglets li:hover, #onglets li.active, #onglets li.nonactive:hover {
	background: url("../images/2008/norm_left_on.gif") no-repeat left top;
	border-bottom: 1px solid white;
}

#onglets_reverse {
	list-style-type : none;
	border-top : 1px solid #CFD0D1;
	font-family: verdana;
	font-size: 10px;
	margin-top: -1px;
	font-weight: bolder;
}
#onglets_reverse li {
	float: left;
	height: 22px; /* à modifier suivant la taille de la police pour centrer le texte dans l'onglet */
	background-color: #DFDFDF;
	margin: -1px 2px 0 2px !important;  /* Pour les navigateurs autre que IE */
	margin: 4px 2px 0 2px;  /* Pour IE  */
	padding: 0 0 0 9px;
	border-top: 1px solid #CFD0D1;
	background: url("../images/2008/norm_left_on_reverse.gif") no-repeat left bottom;
	width: 120px;
	text-align: center;
}
#onglets_reverse a {
	display: block;
	color: black;
	height: 13px;
	text-decoration: none;
	background: url("../images/2008/norm_right_on_reverse.gif") no-repeat right bottom;
	padding: 5px 15px 4px 6px;
}
#onglets_reverse a:hover, #onglets_reverse li.active a {
	background: url("../images/2008/norm_right_reverse.gif") no-repeat right bottom;
	/*border-bottom: 1px solid white;*/
}
#onglets_reverse li:hover, #onglets_reverse li.active {
	background: url("../images/2008/norm_left_reverse.gif") no-repeat left bottom;
	/*border-bottom: 1px solid white;*/
}
#contents {
	background-color: white;
	border: 1px #CFD0D1 solid;
	border-top: none;
	padding: 10px;
}

/*
FIL D'ARIANE
*/
#fil {
	width: 100%;
	height: 30px;	
	padding: 0px;
	margin-bottom: 10px;
}
#fil_g {
	width: 10px;
	height: 100%;	
	float: left;
	background: url("../images/2008/fil_left.gif") no-repeat top left;
}
#fil_content {
	width: 97%;
	height: 30px;
	position: absolute;
	padding-top: 4px;
	padding-left: 14px;
	margin-left: 0px;
	background: url("../images/2008/fil_bg.gif") repeat-x;
	font-size: 10px;
	font-weight: bolder;
}


#fil_content table{
	width:100%;
}

.fil_content_carte{
	text-align:right;
	padding-right:20px;
}

.fil_content_carte a, #fil_content table tr td{	
	font-size: 10px;
	font-weight: bolder;
}

#toto{	
	font-size: 11px;
	/*font-weight: bolder;*/
}

#info{
	background-color:#E9F4FC;
	width:100%;
	position: absolute;
	left:0px;
	overflow:none;
	height:3000px;
	display:none;
	top:0px;
	
	}

#info_content{
	border:1px solid #CFD0D1;
	background-color:#ebebeb;
	position: absolute;
	top:150px;
	left:25%;
	margin:auto;
	width:500px;
	height:130px;

}


/*
FICHES
*/

#details_entreprise {
	position:absolute; 
	width:350px; 
	height:350px;
	margin-left:35%; 
	margin-top:100px;
	z-index:91;
	border:1px solid black;
	background-color:white;  
	display:none;
}

#details_ligne {
	position:absolute; 
	width:450px; 
	height:400px;
	margin-left:35%; 
	margin-top:100px;
	z-index:91;
	border:1px solid black;
	background-color:white;  
	display:none;
}
/* pas sur de l'utilité de ce code */
select {
	z-index:-5000;
}


/*
TOUTE LES PAGES
classes et réécriture des éléments
*/

.notification {
	width: 400px;
	text-align: center;
	margin: auto;
	margin-top: 20px;
}
.error {
	color: red;
	font-weight: bolder;
}
.validation {
	color: green;
	font-weight: bolder;
}
.confirmation {
	color: blue;
	font-weight: bolder;
}
.div_overflow {
	overflow-x: hidden;
	overflow-y: scroll;
	height: 250px;
	border: 1px #CFD0D1 solid;
}
.bouton {
	border: 1px black solid;
	background-color: white;
}
.para_bouton {
	text-align: right;
	margin-right: 2px;
}
.gras {
	font-weight: bolder;
	width: 180px;
}
.page {
	display: inline;
	border: 1px #CFD0D1 solid;
	width: 20px;
	height: 20px;
	padding: 3px;
	margin-left: 5px;
	margin-right: 5px;
	background-color: white;
}
.page:hover, #page_active {
	background-color: #8FC9F0;
}
.page:hover a, #page_active a {
	text-decoration: none;
	color: white;
}

.img_liste_fiche img{
	float:right;
	z-index:100;
}

img { border: 0px; }

hr {
	border: 1px #CFD0D1 solid;
	margin: 5px;
}

body {
	background-color: #E9F4FC;
	font-family: verdana;
	font-size: 11px;
	padding: 8px;
	margin: 0;
}

fieldset {
	padding: 10px;
	margin-bottom: 15px;
	border: 1px #CFD0D1 solid;
}
fieldset select, .tableau tr td select, fieldset input, .tableau tr td input, fieldset table tr td  {
	font-family: verdana;
	font-size: 11px;
}
fieldset legend {
	font-weight: bolder;
	padding-left: 5px;	
	padding-right: 5px;
	.padding-bottom: 10px;
	color: black;
}
fieldset table td {
	padding: 0px;
	height: 24px;
}

form {
	margin: 0;
}
a, a:visited, #tableau td a, #tableau td a:visited {
	text-decoration: none;
	color: blue;
	outline: none;
}
a:hover, #tableau td a:hover {
	text-decoration: underline;
}
a:active { outline: none; }

p.titre {
	color: black;
	border-bottom: 2px #8FC9F0 solid;
	font-size: 18px;
	font-weight: bolder;
}

.titre a{
	font-size: 10px;
}

table.vignette {
	width: 100%;
}
table.vignette tr td.img {
	text-align: center;
	padding-top: 5px;
	border: 1px #CFD0D1 solid;
}
table.vignette tr td.img:hover {
	border: 1px #8FC9F0 solid;
	padding-top: 5px;
}













/*

Onglets du header (désactivé)

#header_footer {
	font : bold 12px Tahoma, arial, serif;
	background-color: white;
}

#onglets
{
	width: 100%;
    list-style-type: none;
	border-bottom: 1px #ccc solid;
	margin: 0px; 
}

#icones 
{
	float:right;
	width: 100%;
	list-style-type: none;
	border-bottom: 1px #ccc solid;
	margin: 0px;
}

#icones li
{
	width: 10px;
	display: inline;
	height: 20px;
	margin: 0px 0px 2px 6px;
}

#onglets li
{
	width: 120px;
	display: inline;
    height: 20px
}

#onglets a
{
	border: 1px #ccc solid;
	border-left: none;
	border-bottom: none;
    display : block;
    color : black;
	text-align: center;
    text-decoration : none;
	background-color: white;
    padding : 5px;
}

#onglets a:hover
{
	background : #eff2ff;
	background-image: url("../images/2008/fleche.png");
	background-repeat: no-repeat;
	background-position: top center;
}
*/