BODY {
margin: 0px 0px 0px 0px;
background-color: #1A1A1A;
scrollbar-base-color: #778899;
}

<!--
/* CSS issu des tutoriels css.alsacreations.com */
/* http://www.peutetreunereponse.net/article-5551133.html */
/***********************************/
/*  Méthode des portes coulissantes  */
/**********************************/



/* -------------------------------------------------------------STYLE  DES MENUS ------------------------------ */
#nav {
	list-style: none ;
	margin: 0 ;
	padding-left: 1px;
	overflow: hidden ;
    background: url(images/travail/fond_main_menu.gif) ;

	/* Création du contexte de formatage */
	}


#nav li {
    margin: 0;
    padding: 0;
	display: inline;

}


#nav li a:link, #nav li a:visited {
    display: block;
    float: left;
    height: 23px;
    line-height: 23px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
    text-decoration: none;
    text-align: center;
    background: url(images/travail/main_menu_off.gif)  repeat-x;
    padding: 0 36px;
}

#nav li a:hover, #nav li a:active {
    display: block;
    float: left;
    height: 23px;
    line-height: 23px;
    background: url(images/travail/main_menu_hover.gif) repeat-x;
    padding: 0 36px;
}

#nav li a#current_page1
 {
    display: block;
    float: left;
    height: 23px;
   color: #FFFFFF ;
    line-height: 23px;
    background: url(images/travail/main_menu_on.gif) repeat-x;
    padding: 0 36px;
}





#nav2 {
	list-style: none ;
	margin: 0 ;
	padding-left: 0 ;
	overflow: hidden ;
	/* Création du contexte de formatage */
	}


#nav2 li {
    margin: 0;
    padding: 0;
	display: inline;

}

#nav2 li a:link, #nav2 li a:visited {
    display: block;
    float: left;
    height: 23px;
    line-height: 23px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
    text-decoration: none;
    text-align: center;
    background: url(images/travail/detail_off.gif)  repeat-x;
    padding: 0 27px;
}

#nav2 li a:hover, #nav2 li a:active {
    display: block;
    float: left;
    height: 23px;
    line-height: 23px;
    background: url(images/travail/detail_hover.gif) repeat-x;
    padding: 0 27px;
}

#nav2 li a#current_page1
 {
    display: block;
    float: left;
    height: 23px;
   color: #000000 ;
    line-height: 23px;
    background: url(images/travail/detail_on.gif) repeat-x;
    padding: 0 27px;
}



#nav3 li {
    margin: 0 -15px;
    float: left;
    display: inline;
}

#nav3 li a:link, #nav3 li a:visited {
    display: block;
    float: left;
    height: 23px;
    line-height: 23px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
    color: #4E96CF ;
    text-decoration: none;
    text-align: left;
    background: url(images/immobilier/fond_bouton_off.png) repeat-y;
    padding: 0 27px;
}

#nav3 li a:hover, #nav3 li a:active {
    display: block;
    float: left;
    height: 23px;
    line-height: 23px;
	color: #2A81C6 ;
    background: url(images/immobilier/fond_bouton_roll.png) repeat-y;
    padding: 0 27px;
}

#nav3 li a#current_page3
 {
    display: block;
    float: left;
    height: 23px;
   color: #601830 ;
    line-height: 23px;
    background: url(images/immobilier/fond_bouton_on.png) repeat-y;
    padding: 0 27px;
}



/* -------------------------------------------------------------STYLE  DES TITRES ------------------------------ */

.titre-10-sepia {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #8F2E4D;
}
a.titre-10-sepia:link{ text-decoration:none; color: #8F2E4D}
a.titre-10-sepia:visited{ text-decoration:none; color:#8F2E4D}

.titre-11-sepia {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #8F2E4D;
}
a.titre-11-sepia:link{ text-decoration:none; color: #8F2E4D}
a.titre-11-sepia:visited{ text-decoration:none; color:#8F2E4D}


.titre-12-sepia {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #8F2E4D;
}
a.titre-12-sepia:link{ text-decoration:none; color: #8F2E4D}
a.titre-12-sepia:visited{ text-decoration:none; color:#8F2E4D}

.titre-12-blanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
}
a.titre-12-blanc:link{ text-decoration:none; color: #FFFFFF}
a.titre-12-blanc:visited{ text-decoration:none; color:#FFFFFF}


.titre-12-bleu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #6099C6;
}
a.titre-12-bleu:link{ text-decoration:none; color: #6099C6}
a.titre-12-bleu:visited{ text-decoration:none; color:#6099C6}

.titre-14-sepia {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #8F2E4D;
}
a.titre-14-sepia:link{ text-decoration:none; color: #8F2E4D}
a.titre-14-sepia:visited{ text-decoration:none; color:#8F2E4D}


.titre-home-opp {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #6099C6;
}
a.titre-home-opp:link{ text-decoration:none; color: #6099C6}
a.titre-home-opp:visited{ text-decoration:none; color:#6099C6}

.titre-home-histo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #666666;
}
a.titre-home-histo:link{ text-decoration:none; color: #666666}
a.titre-home-histo:visited{ text-decoration:none; color:#666666}



.titre-souscription-detail-on {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: normal;
	color: #841B3C;
}
a.titre-souscription-detail-on:link{ text-decoration:none; color: #841B3C}
a.titre-souscription-detail-on:visited{ text-decoration:none; color:#841B3C} 
a.titre-souscription-detail-on:hover{ text-decoration:none; color: #8F2E4D} 

.titre-souscription-detail-off {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: normal;
	color: #333333;
}
a.titre-souscription-detail-off:link{ text-decoration:none; color: #333333}
a.titre-souscription-detail-off:visited{ text-decoration:none; color:#333333} 
a.titre-souscription-detail-off:hover{ text-decoration:none; color: #333333} 



/* -------------------------------------------------------------STYLE  DES TEXTES ------------------------------ */

.texte-11-sepia {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: normal;
	color: #841B3C;
}
a.texte-11-sepia:link{ text-decoration:none; color: #841B3C}
a.texte-11-sepia:visited{ text-decoration:none; color:#841B3C} 
a.texte-11-sepia:hover{ text-decoration:none; color: #8F2E4D} 



.texte-11-noir {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	color: #000000;
}
a.texte-11-noir:link{ text-decoration:none; color: #000000}
a.texte-11-noir:visited{ text-decoration:none; color:#000000} 
a.texte-11-noir:hover{ text-decoration:none; color: #000000} 

.texte-11-blanc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: normal;
	color: #FFFFFF;
}
a.texte-11-blanc:link{ text-decoration:none; color: #FFFFFF}
a.texte-11-blanc:visited{ text-decoration:none; color:#FFFFFF} 
a.texte-11-blanc:hover{ text-decoration:none; color: #FFFFFF} 


.texte-10-noir {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	color: #000000;
}
a.texte-10-noir:link{ text-decoration:none; color: #000000}
a.texte-10-noir:visited{ text-decoration:none; color:#000000} 
a.texte-10-noir:hover{ text-decoration:none; color: #000000} 

.texte-10-blanc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: normal;
	color: #EAEAEA;
}
a.texte-10-blanc:link{ text-decoration:none; color: #FFFFFF}
a.texte-10-blanc:visited{ text-decoration:none; color:#FFFFFF} 
a.texte-10-blanc:hover{ text-decoration:none; color: #FFFFFF} 



.texte-12-blanc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: normal;
	color: #EAEAEA;
}
a.texte-12-blanc:link{ text-decoration:none; color: #FFFFFF}
a.texte-12-blanc:visited{ text-decoration:none; color:#FFFFFF} 
a.texte-12-blanc:hover{ text-decoration:none; color: #FFFFFF} 

.texte-12-noir {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	color: #000000;
}
a.texte-12-noir:link{ text-decoration:none; color: #000000}
a.texte-12-noir:visited{ text-decoration:none; color:#000000} 
a.texte-12-noir:hover{ text-decoration:none; color: #000000} 




.petit-texte-courant-noir {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
}
a.petit-texte-courant-noir:link { text-decoration:underline; font-size: 9px;  color: #000000}

.petit-texte-courant-noir-2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 9px;
	color: #333333;
	font-style: normal;
}
a.petit-texte-courant-noir-2:link { text-decoration:none; font-size: 9px;  color: #333333}
a.petit-texte-courant-noir-2:visited{ text-decoration:none; color:#333333} 
a.petit-texte-courant-noir-2:hover{ text-decoration:none; color: #333333} 



.petit-texte-courant-blanc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
}
a.petit-texte-courant-blanc:link { text-decoration:underline; font-size: 9px;  color: #FFFFFF}


/* -------------------------------------------------------------STYLE  DES ZONES ------------------------------ */
li {
 list-style-type:none;  
}
#li_1 {
 display:none;
} 

/* -----------------------------------------------FORMATAGE des TABLEAUX  -------------------------------------*/
.tableau-1 div { width: 390px; height: 135px; overflow: auto;
scrollbar-face-color:#821B3C;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-arrow-color:#FFFFFF;   }

/* -----------------------------------------------FORMATAGE des TABLEAUX  -------------------------------------*/
.tableau-2 div { width: 650px; height: 60px; overflow: auto;
scrollbar-face-color:#821B3C;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-arrow-color:#FFFFFF;   }



/* -----------------------------------------------FORMATAGE des FORMULAIRES  -------------------------------------*/
.input-client { 
width: 100% ; 
height: 16px ; 
font-family : arial, helvetica, sans-serif ; 
font-size: 8pt; 
padding: 1pt; 
padding-left: 2pt; 
background-color: #FFFFFF ;
border-color:#B8B6AA ;
border-width : 0.01em;
}

.input-jour { 
width: 15px ; 
height: 16px ; 
font-family : arial, helvetica, sans-serif ; 
font-size: 8pt; 
padding: 1pt; 
padding-left: 1pt; 
padding-right: 0pt; 
background-color: #FFFFFF ;
border-color:#B8B6AA ;
border-width : 0.01em;
}

.input-mois { 
width: 75px ; 
height: 16px ; 
font-family : arial, helvetica, sans-serif ; 
font-size: 8pt; 
padding: 1pt; 
padding-left: 1pt; 
padding-right: 0pt; 
background-color: #FFFFFF ;
border-color:#B8B6AA ;
border-width : 0.01em;
}

.input-annee { 
width: 30px ; 
height: 16px ; 
font-family : arial, helvetica, sans-serif ; 
font-size: 8pt; 
padding: 1pt; 
padding-left: 1pt; 
padding-right: 0pt; 
background-color: #FFFFFF ;
border-color:#B8B6AA ;
border-width : 0.01em;
}

.input-dep { 
width: 20px ; 
height: 16px ; 
font-family : arial, helvetica, sans-serif ; 
font-size: 8pt; 
padding: 1pt; 
padding-left: 2pt; 
padding-right: 0pt; 
background-color: #FFFFFF ;
border-color:#B8B6AA ;
border-width : 0.01em;
}

.input-pwd { 
width: 70px ; 
height: 16px ; 
font-family : arial, helvetica, sans-serif ; 
font-size: 8pt; 
padding: 1pt; 
padding-left: 2pt; 
padding-right: 0pt; 
background-color: #FFFFFF ;
border-color:#B8B6AA ;
border-width : 0.01em;
}