/*------------------------------------------------------------------------
  styles de base 1.0 - septembre 2010  
-------------------------------------------------------------------------*/
html {	height: 100%;}
 
/*------------------------------------------------------------------------
# styles des hyperliens
-------------------------------------------------------------------------*/

a.tdb  {
	font-family: Tahoma;
	font-size: 9px;
	color: #FFFFFF;
	line-height: 8px;
	text-decoration: none;
}
a.tdb:hover  {
	color: #00FF00;
}
a.menu  {
	font-family: Tahoma;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 17px;
	text-decoration: none;
}
a.menu:hover  {
	font-family: Tahoma;
	font-size: 11px;
	color: #00FF00;
	line-height: 17px;
	text-decoration: none;
}

/*------------------------------------------------------------------------
# styles des infobulles generiques du plateau
-------------------------------------------------------------------------*/

span.info_bulle_g{
	font-family: Tahoma;
	font-size: 11px;
	line-height: 10px;
	z-index:24;
	color:#FFFFFF;
	text-decoration:none;
}

span.info_bulle_g:hover{
	z-index:25;
}
span.info_bulle_g span{
	display: none
}
span.info_bulle_g:hover span{
	font-family: Tahoma;
	font-size: 11px;
	line-height: 10px;
	display:block;
	border:1px solid #000000;
	background-color:#FFFFFF;
	color:#000000;
	text-align: justify;
	font-weight:none;
	padding:5px;
}
/*------------------------------------------------------------------------
# styles des infobulles normales
-------------------------------------------------------------------------*/
.info_bulle{
	position:relative;
	z-index:24;
	color:#FFFFFF;
	text-decoration:none
}
.info_bulle:hover{
	z-index:25;
}
.info_bulle span{
	display: none;
}
.info_bulle:hover span{
	display:block;
	position:absolute;
	top:-2em; left:1em; width:25em;
	border:1px solid #000000;
	background-color:#FFFFFF;
	color:#000000;
	text-align: justify;
	font-weight:none;
	padding:5px;
}
/*------------------------------------------------------------------------
# styles des infobulles large  placées sur la ligne à gauche
-------------------------------------------------------------------------*/
.info_bulle_large{
	position:relative;
	z-index:24;
	color:#FFFFFF;
	text-decoration:none
}
.info_bulle_large:hover{
	z-index:25;
}
.info_bulle_large span{
	display: none;
}
.info_bulle_large:hover span{
	display:block;
	position:absolute;
	top:-2em; left:3em; width:40em;
	border:1px solid #000000;
	background-color:#FFFFFF;
	color:#000000;
	text-align: justify;
	font-weight:none;
	padding:5px;
}
/*------------------------------------------------------------------------
# styles des infobulles normales placées sur la ligne à gauche
-------------------------------------------------------------------------*/
.info_bulle_lg{
	position:relative;
	z-index:24;
	color:#FFFFFF;
	text-decoration:none
}
.info_bulle_lg:hover{
	z-index:25;
}
.info_bulle_lg span{
	display: none;
}
.info_bulle_lg:hover span{
	display:block;
	position:absolute;
	top:-2em; left:-20em; width:15em;
	border:1px solid #000000;
	background-color:#FFFFFF;
	color:#000000;
	text-align: justify;
	font-weight:none;
	padding:5px;
}
/*------------------------------------------------------------------------
# styles des infobulles neutres
-------------------------------------------------------------------------*/
span.info_bulle_neutre{
	z-index:24;
	text-decoration:none
}
span.info_bulle_neutre:hover{
	z-index:25;
}
span.info_bulle_neutre span{
	display: none;
}
span.info_bulle_neutre:hover span{
	display:block;
	border:1px solid #000000;
	background-color:#FFFFFF;
	color:#000000;
	padding:5px;
}
/*------------------------------------------------------------------------

/*------------------------------------------------------------------------
# styles des infobulles (cadrage bas)
-------------------------------------------------------------------------*/
.info_bulle_bas{
	position:relative;
	z-index:24;
	color:#FFFFFF;
	text-decoration:none
}
.info_bulle_bas:hover{
	z-index:25;
}
.info_bulle_bas span{
	display: none;
}
.info_bulle_bas:hover span{
	display:block;
	position:absolute;
	top:0em; left:5em; width:20em;
	border:1px solid #000000;
	background-color:#FFFFFF;
	color:#000000;
	text-align: justify;
	font-weight:none;
	padding:5px;
}
/*------------------------------------------------------------------------
# styles des infobulles (cadrage bas gauche)
-------------------------------------------------------------------------*/
.info_bulle_bas_gauche{
	position:relative;
	z-index:24;
	color:#FFFFFF;
	text-decoration:none;
}
.info_bulle_bas_gauche:hover{
	z-index:25;
}
.info_bulle_bas_gauche span{
	display: none;
}
.info_bulle_bas_gauche:hover span{
	display:block;
	position:absolute;
	top:0em; left:-20em; width:20em;
	border:1px solid #000000;
	background-color:#FFFFFF;
	color:#000000;
	text-align: justify;
	font-weight:none;
	padding:5px;
}
/*------------------------------------------------------------------------
# styles des infobulles (cadrage bas et adaptable en largeur)
-------------------------------------------------------------------------*/
.info_bulle_bas_adaptable{
	position:relative;
	z-index:24;
	color:#FFFFFF;
	text-decoration:none;
}
.info_bulle_bas_adaptable:hover{
	z-index:25;
}
.info_bulle_bas_adaptable span{
	display: none;
}
.info_bulle_bas_adaptable:hover span{
	display:block;
	position:absolute;
	top:0em; left:5em;
	border:1px solid #000000;
	background-color:#FFFFFF;
	color:#000000;
	text-align: justify;
	font-weight:none;
	padding:5px;
}
/*------------------------------------------------------------------------
# styles des infobulles (cadrage bas, serré et adaptable en largeur)
-------------------------------------------------------------------------*/
.info_bulle_serre{
	position:relative;
	z-index:24;
	color:#FFFFFF;
	text-decoration:none;
}
.info_bulle_serre:hover{
z-index:25;
}
.info_bulle_serre span{
	display: none
}
.info_bulle_serre:hover span{
	display:block;
	position:absolute;
	top:0em; left:1em;
	border:1px solid #000000;
	background-color:#FFFFFF;
	color:#000000;
	text-align: justify;
	font-weight:none;
	padding:2px;
}
/*------------------------------------------------------------------------
# styles des infobulles (cadrage haut, serré et adaptable en largeur)
-------------------------------------------------------------------------*/
.info_bulle_serre_haut{
	position:relative;
	z-index:24;
	color:#FFFFFF;
	text-decoration:none;
}
.info_bulle_serre_haut:hover{
	z-index:25;
}
.info_bulle_serre_haut span{
	display: none;
}
.info_bulle_serre_haut:hover span{
	display:block;
	position:absolute;
	top:-5em; left:0em;
	border:1px solid #000000;
	background-color:#FFFFFF;
	color:#000000;
	text-align: justify;
	font-weight:none;
	padding:2px;
}
/*------------------------------------------------------------------------
# styles des infobulles (cadrage haut gauche, serré et adaptable en largeur)
-------------------------------------------------------------------------*/
.info_bulle_serre_haut_gauche{
	position:relative;
	z-index:24;
	color:#FFFFFF;
	text-decoration:none;
}
.info_bulle_serre_haut_gauche:hover{
	z-index:25;
}
.info_bulle_serre_haut_gauche span{
	display: none;
}
.info_bulle_serre_haut_gauche:hover span{
	display:block;
	position:absolute;
	top:-5em; left:-5em;
	border:1px solid #000000;
	background-color:#FFFFFF;
	color:#000000;
	text-align: justify;
	font-weight:none;
	padding:2px;
}
/*------------------------------------------------------------------------
# styles des infobulles (cadrage bas et adaptable en largeur)
-------------------------------------------------------------------------*/
.info_bulle_0{
	text-decoration:none;
}
.info_bulle_0:hover{
}
.info_bulle_0 span{
	display: none;
}
.info_bulle_0:hover span{
	display:block;
	position:absolute;
	top:0em; left:5em;
	border:1px solid #000000;
	background-color:#FFFFFF;
	color:#000000;
	text-align: left;
	font-weight:none;
	padding:5px;
}

.info_bulle_1{
	text-decoration:none;
	z-index:20;
}
.info_bulle_1:hover{
}
.info_bulle_1 span{
	z-index:20;
	display: none;
}
.info_bulle_1:hover span{
	display:block;
	position:absolute;
	border:1px solid #000000;
	background-color:#FFFFFF;
	color:#000000;
	text-align: left;
	font-weight:none;
	padding:5px;
}


/*------------------------------------------------------------------------
# ajouter un pointeur
-------------------------------------------------------------------------*/
.pointeur{cursor: pointer;}
/*------------------------------------------------------------------------
# styles des onglets 
-------------------------------------------------------------------------*/
/* onglets par defaut */
.onglet { /* style des onglets inactifs */
	font-family: Tahoma;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 10px;
	border:solid 1px #ABC5E2;
  padding:2px 3px 2px 3px;
  background-color:#ABC5E2;
  text-decoration:none;
 	font-weight: bold;
	cursor: pointer;
}
.onglet:hover { /* style des onglets inactifs */
	font-family: Tahoma;
	font-size: 11px;
	color: #00FF00;
	line-height: 10px;
	border:solid 1px #ABC5E2;
  padding:2px 3px 2px 3px;
  background-color:#ABC5E2;
  text-decoration:none;
 	font-weight: bold;
	cursor: pointer;
}
.onglet_actif { /* style de l'onglet de la page active */
	font-family: Tahoma;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 10px;
  border:solid 1px #ABC5E2;
  border-bottom:0px;
  padding:2px 3px 4px 3px;
  background-color:#163B6B;
  text-decoration:none;
 	font-weight: bold;
	}
.onglet_page {
	padding : 0px; 
	border: 1px solid #ABC5E2;
  background-color:#163B6B; 
}
.onglet_surligne { /* style des onglets inactifs */
	font-family: Tahoma;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 10px;
	border:solid 1px #ABC5E2;
  padding:2px 3px 2px 3px;
  background-color:#ffd700;
  text-decoration:none;
 	font-weight: bold;
	cursor: pointer;
}
.onglet_surligne:hover { /* style des onglets inactifs */
	font-family: Tahoma;
	font-size: 11px;
	color: #00FF00;
	line-height: 10px;
	border:solid 1px #ABC5E2;
  padding:2px 3px 2px 3px;
  background-color:#ffd700;
  text-decoration:none;
 	font-weight: bold;
	cursor: pointer;
}
.onglet_actif_surligne { /* style de l'onglet de la page active */
	font-family: Tahoma;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 10px;
  border:solid 1px #ABC5E2;
  border-bottom:0px;
  padding:2px 3px 4px 3px;
  background-color:#ffff00;
  text-decoration:none;
 	font-weight: bold;
	}


/*------------------------------------------------------------------------
# styles des corps de pages
-------------------------------------------------------------------------*/

body.menuprincipal {
	color: #FFFFFF;
	background: #163B6B;
	font-family: Tahoma;
	padding: 5px  5px 5px  5px;
}
body.tableau_de_bord {
	color: #FFFFFF;
	background: #163B6B;
	font-family: Tahoma;
	padding: 5px  5px 5px  5px;
}
body.sous_menu {
	color: #FFFFFF;
	background: #163B6B;
	font-family: Tahoma;
}
body.workspace {
	color: #FFFFFF;
	background: #163B6B;
	font-family: Tahoma;
}
body.synthese1 {
	color: #FFFFFF;
	background: #163B6B;
	font-family: Tahoma;
	padding: 5px  2px 5px  2px;
	border: 1px solid #ABC5E2;
	margin: 5px;
}
body.log {
	color: #FFFFFF;
	background: #316AAB;
	font-family: Tahoma;
	padding: 5px  5px 5px  5px;
	margin: 5px;
}
body.synthese2 {
	color: #FFFFFF;
	background: #163B6B;
	font-family: Tahoma;
	padding: 5px  5px 5px  5px;
	border: 1px solid #ABC5E2;
	margin: 5px;
}
body.communication {
	color: #FFFFFF;
	background: #163B6B;
	font-family: Tahoma;
	padding: 5px  5px 5px  5px;
	margin: 5px;
	border: 0px;
}
body.afficher_infos {
	color: #FFFFFF;
	background: #316AAB;
	font-family: Tahoma;
	border: 1px solid #ABC5E2;
	padding: 10px  10px 10px  10px;
	margin: 0px;
}


/*------------------------------------------------------------------------
# styles des cadres
-------------------------------------------------------------------------*/
.messagerie {
	color: #FFFFFF;
	background: #316AAB;
	font-family: Tahoma;
	border: 1px solid #ABC5E2;
	padding: 2px  2px 2px  2px;
	margin: 0px;
	font-family: Tahoma;
	font-size: 11px;
}
.infos_gene {
	color: #FFFFFF;
	background: #1D4B8B;
	font-family: Tahoma;
	border: 1px solid #ABC5E2;
	padding: 7px;
	margin: 0px;
	font-family: Tahoma;
	font-size: 11px;
	text-align: center;
}
.infos_sous_cadre {
	color: #FFFFFF;
	background: #1B447C;
	font-family: Tahoma;
	border: 1px solid #ABC5E2;
	padding: 7px;
	margin: 0px;
	font-family: Tahoma;
	font-size: 11px;
	text-align: left;
}
.pied_page  {
	font-family: Arial;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #163B6B;
	text-align: center;
}

/*------------------------------------------------------------------------
# styles des titres 
-------------------------------------------------------------------------*/
.titre_italic {
	font-family: Forte;
	font-size: 48px;
	font-style: italic;
	color: #99CCFF;
	cursor: default;
}
.titre_noir {
	font-family: Tahoma;
	font-size: 15px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #000000;
	text-align: left;
	cursor: default;
}
.soustitre_noir  {
	font-family: Tahoma;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #000000;
	text-align: center;
	cursor: default;
}
.petittitre_blanc  {
	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	cursor: default;
}
.titre_blanc {
	font-family: Tahoma;
	font-size: 15px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	cursor: default;
}
.soustitre_blanc  {
	font-family: Tahoma;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	cursor: default;
}
.soustitre_saumon  {
	font-family: Tahoma;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #FA8072;
	text-align: center;
	cursor: default;
}


.etiquette  {
	text-align: left;
	font-family: arial;
	font-size: 12px;
	font-style: normal;
	color: #99CCFF;
	cursor: default;
}
.pourcentage_barre_progression  {
	text-align: center;
	font-family: arial;
	font-size: 8px;
	font-style: normal;
	color: #99CCFF;
	cursor: default;
}
.libelle_barre_progression  {
	text-align: left;
	font-family: arial;
	font-size: 9px;
	font-style: normal;
	color: #99CCFF;
	cursor: default;
}
.date_barre_progression  {
	text-align: left;
	font-family: arial;
	font-size: 9px;
	font-style: normal;
	color: #99CCFF;
	cursor: default;
}

/*------------------------------------------------------------------------
# styles des textes
-------------------------------------------------------------------------*/
.text_courant {
	font-family: Tahoma;
	font-size: 11px;
	font-style: normal;
	line-height: 17px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: left;
	cursor:default;
}

.text_standard {
	font-family: Tahoma;
	font-size: 11px;
	color: #C0C0F0;
	cursor:default;
}
.text_pub {
	font-family: Tahoma;
	font-size: 10px;
	cursor:default;
	color: #003366;
}
.text_tuto {
	font-family: Tahoma;
	font-size: 12px;
	color: #99CCFF;
	cursor:default;
}
.text_standard_cyan {
	font-family: Tahoma;
	font-size: 11px;
	color: #00F0F8;
	cursor:default;
}
.text_blanc  {
	font-family: Tahoma;
	font-size: 11px;
	color: #FFFFFF;
	cursor:default;
}
.text_blanc_petit  {
	font-family: Tahoma;
	font-size: 10px;
	color: #FFFFFF;
	cursor:default;
}
.text_blanc_gras  {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;	
	color: #FFFFFF;
	cursor:default;
}
.text_courrier_blanc  {
	font-family: Courier New;
	font-size: 11px;
	color: #FFFFFF;
	white-space : pre; 
	cursor:default;
}
.text_courrier_blanc_std  {
	font-family: Courier New;
	font-size: 11px;
	color: #FFFFFF;
	cursor:default;
}
.text_cyan  {
	font-family: Tahoma;
	font-size: 11px;
	color: #07e9ec;
	cursor:default;
}
.text_cyan_italic  {
	font-family: Tahoma;
	font-size: 11px;
	font-style: italic;
	color: #07e9ec;
	cursor:default;
}
.text_cyan_gros  {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;	
	color: #07e9ec;
	cursor:default;
}

.text_vert  {
	font-family: Tahoma;
	font-size: 11px;
	color: #24c900;
	cursor:default;
}
.text_vert_petit  {
	font-family: Tahoma;
	font-size: 10px;
	color: #24c900;
	cursor:default;
}
.text_vert_t_petit  {
	font-family: Tahoma;
	font-size: 8px;
	color: #24c900;
	cursor:default;
}
.text_vert_italic  {
	font-family: Tahoma;
	font-size: 11px;
	font-style: italic;
	color: #24c900;
	cursor:default;
}
.text_vert_gros  {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;	
	color: #24c900;
	cursor:default;
}
.text_vert_fonce_gros  {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;	
	color: #509173;
	cursor:default;
}
.text_orange_petit  {
	font-family: Tahoma;
	font-size: 10px;
	color: #993300;
	cursor:default;
}
.text_orange_t_petit  {
	font-family: Tahoma;
	font-size: 9px;
	color: #993300;
	cursor:default;
}
.text_orange  {
	font-family: Tahoma;
	font-size: 11px;
	color: #993300;
	cursor:default;
}
.text_blanc_actif  {
	font-family: Tahoma;
	font-size: 11px;
	color: #FFFFFF;
	cursor: pointer;
}
.text_blanc_actif:hover  {
	color: #00FF00;
}
.text_rouge_actif{
	font-family: Tahoma;
	font-size: 11px;
	color: #FF0000;
	cursor:pointer;
}
.text_rouge_actif:hover  {
	color: #00FF00;
}


.text_noir_petit {
	font-family: Tahoma;
	font-size: 10px;
	color: #24c900;
	cursor:default;
}

.text_rouge_gros {
	font-family: Tahoma;
	font-size: 12px;
	color: #FF0000;
	cursor:default;
	font-weight: bold;
}
.text_rouge {
	font-family: Tahoma;
	font-size: 11px;
	color: #FF0000;
	cursor:default;
}
.text_rouge_petit {
	font-family: Tahoma;
	font-size: 10px;
	color: #FF0000;
	cursor:default;
}
.text_marron {
	font-family: Tahoma;
	font-size: 11px;
	color: #B67534;
	cursor:default;
}
.text_marron_italic {
	font-family: Tahoma;
	font-style: italic;
	font-size: 11px;
	color: #B67534;
	cursor:default;
}
.text_petit_marron {
	font-family: Tahoma;
	font-style: italic;
	font-size: 8px;
	color: #B67534;
	cursor:default;
}
.text_petit_marron_7 {
	font-family: Tahoma;
	font-style: italic;
	font-size: 7px;
	color: #B67534;
}
.text_standard_bleu  {
	font-family: Tahoma;
	font-size: 11px;
	color: #316AAB;
	cursor:default;
}
.text_bleu_gros  {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;	
	color: #316AAB;
	cursor:default;
}
.text_gris_italic  {
	font-family: Tahoma;
	font-style: italic;
	font-size: 11px;
	color: #506070;
	cursor:default;
}
.text_petit_gris {
	font-family: Tahoma;
	font-size: 10px;
	color: #9ca197;
	cursor:default;
}
.text_gris_t_petit {
	font-family: Tahoma;
	font-size: 8px;
	color: #9ca197;
	cursor:default;
}
.text_petit_gris_7 {
	font-family: Tahoma;
	font-style: italic;
	font-size: 7px;
	color: #9ca197;
}
.text_bleu {
	font-family: Tahoma;
	font-size: 11px;
	color: #0032ff;
	cursor:default;
}
.text_bleu_petit {
	font-family: Tahoma;
	font-size: 10px;
	color: #0032ff;
	cursor:default;
}
.text_gold {
	font-family: Tahoma;
	font-size: 11px;
	color: #ffd700;
	cursor:default;
}
.text_gold_petit {
	font-family: Tahoma;
	font-size: 11px;
	color: #ffd700;
	cursor:default;
}
.text_bordeau  {
	font-family: Tahoma;
	font-size: 11px;
	color: #BB4020;
	cursor:default;
}
.text_bordeau_italic  {
	font-family: Tahoma;
	font-style: italic;
	font-size: 11px;
	color: #BB4020;
	cursor:default;
}
.afficher_small_erreur  {
	font-family: Tahoma;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #FF8800;
	text-align: center;
	cursor:default;
}
.afficher_v_small_erreur  {
	font-family: Tahoma;
	font-size: 8px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #FF8800;
	text-align: center;
	cursor:default;
}
.afficher_v_small_blue  {
	font-family: Tahoma;
	font-size: 8px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #0000FF;
	text-align: center;
	cursor:default;
}
.afficher_v_small_special  {
	font-family: Tahoma;
	font-size: 8px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #316AAB;
	text-align: center;
	cursor:default;
}
.afficher_erreur  {
	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #FF8800;
	text-align: center;
	cursor:default;
}
.afficher_big_erreur  {
	font-family: Tahoma;
	font-size: 16px;
	line-height: normal;
	font-weight: bold;
	color: #AA0000;
	text-align: center;
	cursor:default;
}
.afficher_no_erreur  {
	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #00FF00;
	text-align: center;
	cursor:default;
}

/*------------------------------------------------------------------------
# presentations speciales
-------------------------------------------------------------------------*/
.opacite4 {
	/*  -khtml-opacity:0.5;/*  // SAFARI TRES VIELLE VERSION */
	/* -moz-opacity : 0.5; /* // FIREFOX TRES VIELLE VERSION */
	/* filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);  /* // IE > 4 et <= 8 */
	/* filter : alpha(opacity=50); /* // IE 4 */
	opacity :0.5;
}
/*------------------------------------------------------------------------
# cadres
-------------------------------------------------------------------------*/
div.cadre {
	font-family: Tahoma;
	font-size: 11px;
	border: 1px solid #95BFED;
	background: #316AAB;
	padding: 5px 5px 5px 5px;
	line-height: 12px;
}

.button2 {
	border: 1px solid #192E43;
	padding: 1px 0;
	background: #316aab;
	color: #FFFFFF;
	font-family: Tahoma;
	font-size: 11px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}
.button2:hover {
	border: 1px solid #192E43;
	padding: 1px 0px;
	background: #316aF0;
	color: #00FF00;
	font-family: Tahoma;
	font-size: 11px;
	text-decoration: none;
	cursor: pointer;
}

.button2:disabled {
	border: 1px solid #192E43;
	padding: 1px 0px;
	background: #AAAAAA;
	color: #000000;
	font-family: Tahoma;
	font-size: 11px;
	text-decoration: none;
	cursor: default;
}

.button_index {
	border: 2px solid #192E43;
	padding: 1px 0;
	background:  #ABC5E2;
	color: #FFFFFF;
	font-family: Tahoma;
	font-size: 11px;
	text-align: center;
	text-decoration: none;
	width:100px;
}
.button_index:hover {
	border: 2px solid #192E43;
	padding: 1px 0px;
	background:  #ABC5E2;
	color: #00FF00;
	font-family: Tahoma;
	font-size: 11px;
	text-decoration: none;
	cursor: pointer;
}
.button_index:disabled {
	border: 2px solid #192E43;
	padding: 1px 0px;
	background:  #ABC5E2;
	color: #000000;
	font-family: Tahoma;
	font-size: 11px;
	text-decoration: none;
	cursor: default;
}



.img_button {
	text-decoration: none;
}
.img_button:hover {
	text-decoration: none;
	cursor: pointer;
}

.button_red {
	border: 2px solid #192E43;
	padding: 1px 0;
	background: #FA8072;
	color: #FFFFFF;
	font-family: Tahoma;
	font-size: 11px;
	text-decoration: none;
	width:110px;
}
.button_red:hover {
	border: 2px solid #192E43;
	padding: 1px 0px;
	background: #FA8072;
	color: #00FF00;
	font-family: Tahoma;
	font-size: 11px;
	text-decoration: none;
	cursor: pointer;
}
.button_red:disabled {
	border: 2px solid #192E43;
	padding: 1px 0px;
	background: #ABC5E2;
	color: #000000;
	font-family: Tahoma;
	font-size: 11px;
	text-decoration: none;
	cursor: default;
}


.small_button_red {
	border: 2px solid #192E43;
	padding: 1px 1px;
	background: #FF0000;
	color: #FFFFFF;
	font-family: Tahoma;
	font-size: 11px;
	text-decoration: none;
	text-align:center;
}
.small_button_red:hover {
	border: 2px solid #192E43;
	padding: 1px 1px;
	background: #FF0000;
	color: #00FF00;
	font-family: Tahoma;
	font-size: 11px;
	text-decoration: none;
	cursor: pointer;
}
.small_button_red:disabled {
	border: 2px solid #192E43;
	padding: 1px 1px;
	background: #ABC5E2;
	color: #000000;
	font-family: Tahoma;
	font-size: 11px;
	text-decoration: none;
	cursor: default;
}

.small_button_orange {
	border: 2px solid #192E43;
	padding: 1px 1px;
	background: #ff9100;
	color: #FFFFFF;
	font-family: Tahoma;
	font-size: 11px;
	text-decoration: none;
	text-align:center;
}
.small_button_orange:hover {
	border: 2px solid #192E43;
	padding: 1px 1px;
	background: #ff9100;
	color: #00FF00;
	font-family: Tahoma;
	font-size: 11px;
	text-decoration: none;
	cursor: pointer;
}
.small_button_orange:disabled {
	border: 2px solid #192E43;
	padding: 1px 1px;
	background: #ff9100;
	color: #000000;
	font-family: Tahoma;
	font-size: 11px;
	text-decoration: none;
	cursor: default;
}
.small_button_vert {
	border: 2px solid #192E43;
	padding: 1px 1px;
	background: #00FF00;
	color: #000000;
	font-family: Tahoma;
	font-size: 11px;
	text-decoration: none;
	text-align:center;
}
.small_button_vert:hover {
	border: 2px solid #192E43;
	padding: 1px 1px;
	background: #00FF00;
	color: #999999;
	font-family: Tahoma;
	font-size: 11px;
	text-decoration: none;
	cursor: pointer;
}
.small_button_vert:disabled {
	border: 2px solid #192E43;
	padding: 1px 1px;
	background: #00FF00;
	color: #000000;
	font-family: Tahoma;
	font-size: 11px;
	text-decoration: none;
	cursor: default;
}
.small_button_admin {
	border: 2px solid #192E43;
	padding: 1px 1px;
	background: #ffff00;
	color: #000000;
	font-family: Tahoma;
	font-size: 11px;
	text-decoration: none;
	text-align:center;
}
.small_button_admin:hover {
	border: 2px solid #192E43;
	padding: 1px 1px;
	background: #ffff00;
	color: #999999;
	font-family: Tahoma;
	font-size: 11px;
	text-decoration: none;
	cursor: pointer;
}
.small_button_admin:disabled {
	border: 2px solid #192E43;
	padding: 1px 1px;
	background: #ffff00;
	color: #000000;
	font-family: Tahoma;
	font-size: 11px;
	text-decoration: none;
	cursor: default;
}

/*------------------------------------------------------------------------
# definition des tableaux par defaut (tableaux de mise en page)
-------------------------------------------------------------------------*/

table.center {
	font-family: Tahoma;
	font-size: 11px;
	border: 0px;
	text-align: center;
	border-collapse: collapse;
	margin: auto;
}
table.transparent {
	background: transparent;
	font-family: Tahoma;
	font-size: 11px;
	border: 5px;
	text-align: left;
}

td.transparent {
	background: transparent;
	font-family: Tahoma;
	font-size: 11px;
	border: 5px;
	text-align: left;
	padding: 5px 5px;
	cursor: default;
}

td.preright {
	background: transparent;
	font-family: Tahoma;
	font-size: 10px;
	border: 0px;
	text-align: right;
	padding: 0px 2px;
	cursor: default;
}
td.pre {
	background: transparent;
	font-family: Tahoma;
	font-size: 11px;
	border: 0px;
	text-align: left;
	padding: 0px 2px;
	cursor: default;
}
td.pre_p {
	background: transparent;
	font-family: Tahoma;
	font-size: 8px;
	border: 0px;
	text-align: left;
	padding: 0px 0px;
	cursor: default;
}
td.prepv {
	background: transparent;
	font-family: Tahoma;
	font-size: 10px;
	border: 0px;
	text-align: left;
	padding: 1px 1px;
	cursor: default;
}
td.prepvt {
	background:  #8FB8D3;
	color: #0000FF;
	font-family: Tahoma;
	font-size: 11px;
	border: 0px;
	text-align: left;
	padding: 2px 2px;
	cursor: default;
}
td.prepvc {
	background: transparent;
	font-family: Tahoma;
	font-size: 11px;
	border: 0px;
	text-align: center;
	padding: 2px 2px;
	cursor: default;
}
td.prepv_nowrap {
	background: transparent;
	font-family: Tahoma;
	font-size: 11px;
	border: 0px;
	text-align: left;
	padding: 2px 2px;
	White-Space:nowrap;
	cursor: default;
}
td.prepvc130 {
	background: transparent;
	font-family: Tahoma;
	font-size: 11px;
	border: 0px;
	text-align: center;
	padding: 2px 2px;
  min-width: 130px;
	cursor: default;
}

table.bord_fin {
	background: transparent;
	font-family: Tahoma;
	font-size: 11px;
	border: 1px solid #ABC5E2;
	cursor: default;
}
td.bord_fin_nowrap {
	background: transparent;
	font-family: Tahoma;
	font-size: 11px;
	border: 1px solid #ABC5E2;
	text-align: left;
	padding: 5px 5px;
	White-Space:nowrap;
	cursor: default;
}
td.bord_fin_nowrap_c {
	background: transparent;
	font-family: Tahoma;
	font-size: 11px;
	border: 1px solid #ABC5E2;
	text-align: center;
	padding: 5px 5px;
	White-Space:nowrap;
	cursor: default;
}

td.bord_fin_limite {
	background: transparent;
	font-family: Tahoma;
	font-size: 11px;
	border: 1px solid #ABC5E2;
	text-align: left;
	padding: 5px 5px;
  min-width: 200px;
	cursor: default;
}
td.bord_fin_110 {
	background: transparent;
	font-family: Tahoma;
	font-size: 11px;
	border: 1px solid #ABC5E2;
	text-align: left;
	padding: 5px 5px;
  min-width: 110px;
	cursor: default;
}
td.bord_fin_70_right {
	background: transparent;
	font-family: Tahoma;
	font-size: 11px;
	border: 1px solid #ABC5E2;
	text-align: right;
	padding: 5px 5px;
  min-width: 70px;
	cursor: default;
}
td.bord_fin_normal {
	background: transparent;
	font-family: Tahoma;
	font-size: 11px;
	border: 1px solid #ABC5E2;
	text-align: left;
	padding: 5px 5px;
	cursor: default;
}
td.bord_fin_normal_p9 {
	background: transparent;
	font-family: Tahoma;
	font-size: 9px;
	border: 1px solid #ABC5E2;
	text-align: left;
	padding: 5px 5px;
	cursor: default;
}

td.bord_fin_r {
	background: transparent;
	font-family: Tahoma;
	font-size: 11px;
	border: 1px solid #ABC5E2;
	text-align: right;
	padding: 5px 5px;
	cursor: default;
}
td.bord_fin {
	background: transparent;
	font-family: Tahoma;
	font-size: 11px;
	border: 1px solid #ABC5E2;
	padding: 5px 5px;
	cursor: default;
}

td.bord_fin_no_padd {
	background: transparent;
	font-family: Tahoma;
	font-size: 11px;
	border: 1px solid #ABC5E2;
	padding: 0px 5px;
	cursor: default;
}
/*------------------------------------------------------------------------
# redefinition des tableaux a cadre fin
-------------------------------------------------------------------------*/
td.cadre_fin {
	background: transparent;
	font-family: Tahoma;
	font-size: 11px;
	text-align: left;
	border: 1px solid #ABC5E2;
	padding: 2px 2px;
	cursor: default;
}


/*------------------------------------------------------------------------
# redefinition des tableaux de classement
-------------------------------------------------------------------------*/
td.classement_haut {
	background: #416A8B;
	font-family: Tahoma;
	font-size: 10px;
	border: 1px solid #ABC5E2;
	text-align: left;
	padding: 2px 2px;
	White-Space:nowrap;
	cursor: default;
	color: #BED4EC;
}
td.classement_bas {
	background: #318AAB;
	font-family: Tahoma;
	font-size: 10px;
	border: 1px solid #ABC5E2;
	text-align: left;
	padding: 2px 2px;
	White-Space:nowrap;
	cursor: default;
	color: #FFFFFF;
}
/*------------------------------------------------------------------------
# redefinition des tableaux du tableau de bord
-------------------------------------------------------------------------*/
table.tdb {
	font-family: Tahoma;
	font-size: 10px;
	border: 0px;
	text-align: left;
	border-collapse: collapse;
}
td.tdb {
	font-family: Tahoma;
	font-size: 9px;
	border: 0px;
	background: #316AAB;
	text-align: left;
	padding: 0px 2px;
	cursor: default;
}
td.center {
	font-family: Tahoma;
	font-size: 10px;
	border: 0px;
	background: #316AAB;
	padding: 0px 2px;
	text-align: center;
	cursor: default;
}
td.center_petit {
	font-family: Tahoma;
	font-size: 9px;
	border: 0px;
	background: #316AAB;
	padding: 0px 2px;
	text-align: center;
	cursor: default;
}
td.right {
	font-family: Tahoma;
	font-size: 10px;
	border: 0px;
	background: #316AAB;
	padding: 0px 2px;
	text-align: right;
	White-Space:nowrap;
	cursor: default;
}
td.space {
	font-family: Tahoma;
	font-size: 10px;
	border: 0px;
	background: #316AAB;
	padding: 0px 2px;
	background: #163B6B;
	width:20px;
	cursor: default;
}
/*------------------------------------------------------------------------
# anciens styles conservés pour la compatibilité avec d'anciennes pages d'accueil
-------------------------------------------------------------------------*/
/*------------------------------------------------------------------------
# class du titre des pages
-------------------------------------------------------------------------*/
.contenttitle {
	font-family: Tahoma;
	font-size: 15px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #000000;
	text-align: left;
}
/*------------------------------------------------------------------------
# class du texte courant des pages
-------------------------------------------------------------------------*/
.contenttext {
	font-family: Tahoma;
	font-size: 11px;
	font-style: normal;
	line-height: 17px;
	font-weight: normal;
	color: #163B6B;
	text-align: left;
}
/*------------------------------------------------------------------------
# class de la balise <body> des pages du frame principal(scroll)
-------------------------------------------------------------------------*/
.contentbody {
	font-family: Tahoma;
	background-color: #489FEA;
	margin: 20;
	text-decoration: none;
}
/*------------------------------------------------------------------------
# class de "Solu" du libéllé SoluTech® dans le texte courant
  c'est un peu fastidieux, mais je sais que JL y tien!  le copier/coller s'impose.
-------------------------------------------------------------------------*/
.contentseam {
	font-family: Tahoma;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #DD220B;
}
/*------------------------------------------------------------------------
# class de "Tech" du libéllé SoluTech® dans le texte courant
-------------------------------------------------------------------------*/
.contenttech {
	font-family: Tahoma;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #000066;
}
/*------------------------------------------------------------------------
# class de "Industry" du libéllé SoluTech® dans le texte courant
-------------------------------------------------------------------------*/
.contentindustry {
	font-family: Tahoma;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #000000;
}
/*------------------------------------------------------------------------
# class de "®" du libéllé SoluTech® dans le texte courant
-------------------------------------------------------------------------*/
.contentregistred {
	font-family: Tahoma;
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #000000;
}
/*------------------------------------------------------------------------
# class des annotations sur les Browmsers de la page "mentions.htm"
-------------------------------------------------------------------------*/
.contentbrowmser {
	font-family: Tahoma;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #000000;
}
/*------------------------------------------------------------------------
# class des numéro de Tel dans la page "contact.htm"
  ATTENTION dans cette page il manque le lien sur l'image "button_message.gif"
-------------------------------------------------------------------------*/
.contentnumber {
	font-family: Tahoma;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #FFFFFF;
}

/*------------------------------------------------------------------------
# class des numéro de Tel dans la page "contact.htm"
  ATTENTION dans cette page il manque le lien sur l'image "button_message.gif"
-------------------------------------------------------------------------*/
a.comm2 {
	text-decoration:none;
	font-family: Tahoma;
	font-size: 13px;
	color: #FFFFFF;
}

a.comm2 div {
    	display:none;
}

a.comm2:hover div {
	display:block;
	position: absolute;
	width: 300px;
	text-decoration:none;
	text-align: left;
	border-top: 1px solid gray;
	background: #FFFFC1;
	font-family: Tahoma;
	font-size: 11px;
	color: #000000;
}
/*------------------------------------------------------------------------
# class des menus déroulants
-------------------------------------------------------------------------*/
#menuDeroulant
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}
#menuDeroulant li
{
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	z-index:1;
}
#menuDeroulant li:hover > .sousMenu { display: block; }
#menuDeroulant .sousMenu
{
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
		position:absolute;
	
}
#menuDeroulant .sousMenu li
{
	float: none;
	width: 200px;
	border: 1px  ;
}
#menuDeroulant .sousMenu li span
{
	display: block;
	color: #FFF000;
	text-decoration: none;
	background: #000FFF;
}
#menuDeroulant .sousMenu li span:hover
{
	background-color: #F2462E;
}