
* { padding: 0; margin: 0; }

body {
	color: white;
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
#wrapper {
	color: black;
	width: 90%;
	background-color: white;
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	border : 1px dashed Gray;
}

/* BANDEAU */
#bandeau {
	position: relative;
	color: black;
	background-color: #FF9C31;
	background-image: url(../images/fond_banner.jpg);
	background-repeat: repeat-y;
	background-position: top left;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 70px;
	padding-left: 5px;
}
#bandeau h1 {
	position:absolute;
	top: 5px;
	left:0px;
	font-weight: bold;
}


/* ZONE DE TEXTE  Login & interne*/    
#zone_de_texte_login {
	padding-top: 20px ;
	padding-right: 0px;
	padding-bottom: 50px;
	padding-left: 20px;
	margin-left: 150px;
	border-left : 1px solid Gray;
	border-top : 1px solid Gray;
	background-image: url(../images/fond_logo.jpg);
	background-repeat: no-repeat;
}

#zone_de_texte {
	padding-top: 20px ;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 20px;
	margin-left: 150px;
	border-left : 1px solid Gray;
	border-top : 1px solid Gray;
}

/* ZONE DE NAVIGATION */
	#zone_de_navigation{
	float: left;
	width: 150px;
	padding-left: 0px;
	padding-top: 5px;
	border-right : 1px solid Gray;	
} 
	#zone_de_navigation ul {
    color: black;
    width: 140px; 
    padding-left: 5px;
    margin-left: 0;
}
    #zone_de_navigation li {
	list-style: none; 
    border-left: 1px solid #d90000;       
    border-bottom: 1px solid #d90000;
	border-top: 1px solid #d90000; 
	border-right: 1px solid #d90000;
	margin: 1px;
}
    #zone_de_navigation a {
	display: block;
	text-decoration: none;
	color: Black;
	background-color: White;
	padding: 4px;
	border-left: 3px solid white;
}
    #zone_de_navigation a:hover ,
    #accueil #navi00 a , 
	#gestion_tm #navi01 a,
	#gestion_oc #navi02 a,
	#documents_type #navi05 a
    {
	color: black;
	background-color: #FFCE9C;
	border-left: 3px solid #d90000;
}


/* PIED DE PAGE */
#pied_de_page {
  clear: both;
  background-color: white; 
  padding: 10px; 
  border-top: 1px solid #8c8c8c; 
}

/*Mise en format*/
h1 { 
font-size: 140%; 
  margin-bottom: 1em; 
  }
h2 { 
  font-size: 135%;  
  margin-bottom: 1em; 
}
h3 { 
  font-size: 110%;  
  margin-bottom: 1em; 
}
h4 { 
  font-size: 90%; 
}
strong {
  color: #4e9b88;
}
address {
  text-align: center; 
  font-size: 80%;
  font-style: normal;
  letter-spacing: 2px;
  line-height: 1.5em; 
}
/*Style des liens*/

a { text-decoration: none; }
a:link { color: #d90000; }
a:visited { color: #d90000; }
a:hover, a:focus { text-decoration: underline; }
a:active { color: #d90000; background-color: #ffffff; }
.skiplink { display: none; }

p, ul { 
  margin-top: 0 ;
  margin-right: 0 ;
  margin-bottom: 1em ; 
  margin-left: 0; }  
ul ul { 
  margin: 0; 
} 
li { 
  margin-top: 0 ; 
  margin-right: 0; 
  margin-bottom: 0; 
  margin-left: 1em; 
} 

#input:focus
{
  background-color: #d9d9d9; 
}
.confirmer
{
	font-weight : bold;
	color: Green;
}

/* ============================
   	Les formulaires
	============================ */


/* 	Le formulaire de login*/
#formulaire_login{
  background-color: #eee;
  width: 600px;
  padding: 20px;
  border: 1px solid #8c8c8c;
}
label {
	display: block;
} 

/*------------------------------
Les tableaux
--------------------------------*/
#table_donnees_tm {
	border : 2px solid #9CCEFF;
}
#table_donnees_tm td{
	padding: 5px;
}
#table_choix_tm {
	border : 2px solid Gray;
}
#table_choix_tm td{
	padding: 5px;
	vertical-align : middle;
}
#table_choix_partenaire {
	border : 2px solid Gray;
	width: 80%;
}
#table_choix_partenaire td{
	padding: 5px;
	vertical-align : middle;
}
#table_description_tm {
	border : 2px solid Gray;
}
#table_description_tm td{
	padding: 2px;
	vertical-align : middle;
	}
#table_description_tm th{
	vertical-align : middle;
	background-color : #D5D5D5;
	text-align : left;
}
#table_donnees_OC {
	border : 2px solid #9CCEFF;
}
#table_donnees_OC td{
	padding: 5px;
}
#table_choix_OC {
	border : 2px solid #FFCE00;
}
#table_choix_OC td{
	padding: 5px;
	vertical-align : middle;
}
	