BODY, P, DIV, TD, TH, TR, FORM, OL, UL, LI, INPUT, TEXTAREA, SELECT, A, PRE {font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;font-size:10px;}


A                           { color: #000000; text-decoration : none; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold;}
A:visited                   { color: #000000; text-decoration : none;}
A:active                    { color: lime; text-decoration : none;}
A:hover                     { color: #FF9933; text-decoration: underline;}

A.panel                     { color: #000000; text-decoration : none; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold;}
A.panel:visited             { color: #000000; text-decoration : none;}
A.panel:active              { color: #000000; text-decoration : none;}
A.panel:hover               { color: #000000; text-decoration : none;}

a.RELIQUAT                  { color: #000000; text-decoration : none; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold;}
a.RELIQUAT:visited          { color: #000000; text-decoration : none;}
a.RELIQUAT:active           { color: lime; text-decoration : none;}
a.RELIQUAT:hover            { color: #FF9933;}

a.RELIQUAT_1                { color: #1E90FF; text-decoration : none; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold;}
a.RELIQUAT_1:visited        { color: #1E90FF; text-decoration : none;}
a.RELIQUAT_1:active         { color: lime; text-decoration : none;}
a.RELIQUAT_1:hover          { color: #FF9933;}

a.RELIQUAT_2                { color: #FF0000; text-decoration : none; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold;}
a.RELIQUAT_2:visited        { color: #FF0000; text-decoration : none;}
a.RELIQUAT_2:active         { color: lime; text-decoration : none;}
a.RELIQUAT_2:hover          { color: #FF9933;}

a.close { text-decoration:none; font-size:14px; font-weight: bold; color: red;}
a.close:hover { background-color: #ffa500; text-decoration: none; color: red;}

body.IMAGE_FOND             { background-image: url(../images/fond_FCS.gif);}    /*permet d'afficher une image en fond (ex dans la 2ème partie d'une frame)*/
body.GRILLE		    { background-image: url(../images/fond_FCS.gif);}
body.TEXTE		    { font-size: 10px; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #FCFF00;}

table.ALTERNE_1			    { background-color : #EBEBEB;}
table.ALTERNE_2			    { background-color : #FAF9F6;}
table.BANDEAU			    { background-color : #FFFFFF;}
table.BOITE_DIALOGUE        { background-color : #990033;}                /*couleur des boîtes de dialogue*/
table.COLLAPSE              {border-collapse:collapse;}
table.DETAIL_CRITERE	    { background-color : #000000;}
table.ERREUR                { background-color : #990033;}                /*couleur des boîtes de message d'erreur*/
table.FILTRE_DETAIL         { background-color : #000000;}                /*couleur noire qui permet de faire apparaitre les bordures*/
table.GENERAL_GRILLE        { background-color : #FFFFFF;}                /*tableau de couleur blanche*/
table.GRILLE_DETAIL         { background-color : #000000;}                /*couleur noire qui permet de faire apparaitre les bordures*/
table.GENERAL_CRITERE	    { background-color : #FFFFFF;}
table.GENERAL_FILTRE        { background-color : #FFFFFF;}                /*tableau de couleur blanche*/
table.GENERAL_GRILLE	    { background-color : #FFFFFF;}
table.GRILLE_DETAIL		    { background-color : #000000;}
table.INFORMATION           { background-color : navy;}                    /*couleur des boîtes de message d'information*/
table.SUIVANT_PRECEDENT	    { background-color : #FFFFFF;}
table.TITRE_CRITERE		    { background-color : #000000;}
table.TRACING_DETAIL        { background-color : #000000; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 10px;}

table.FONT_REAUTHENTIFICATION { font-size :12px;font-family: Arial,Verdana, Tahoma;}

tr.ALTERNE_1			    { background-color : #EBEBEB;}
tr.ALTERNE_2			    { background-color : #FAF9F6;}
tr.GRILLE_DONNEE_SPECIALE1          { background-color : rgb(245,141,141); }
tr.GRILLE_DONNEE_SPECIALE2          { background-color : rgb(152,185,132); }
tr.TRACING_DETAIL_DONNEE    { background-color : #FAF9F6; font-weight: bold;}
tr.TRACING_DETAIL_TITRE     { background-color : #DFE0D0;}

td.BANDEAU_DONNEE		    { background-color : #000000;}
td.BANDEAU_TITRE		    { background-color : #000000;}
td.BOITE_DIALOGUE_TITRE     { background-color : #990033;}                /*titre de la boîte de dialogue*/
td.BOITE_DIALOGUE_MESSAGE   { background-color : #FFFFFF;}                /*message de la boîte de dialogue*/
td.COLONNE_G		        { background-color : #1D45A1; font-size: 10px; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF;}
td.DETAIL_LIBELLE_CRITERE   { background-color : #1D45A1;}
td.DETAIL_SAISIE_CRITERE    { background-color : #DFE0D0;}
td.DONNEES_1				{ background-color : #FAF9F6; }
td.DONNEES_2				{ background-color : #EBEBEB; }
td.entete_tableau	        { background-color:	#1D45A1; font-size:	10; font-weight: bold; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; color: white;}
td.ERREUR_TITRE             { background-color : #990033;}                /*couleur des boîtes de message d'erreur (titre)*/
td.ERREUR_MESSAGE           { background-color : #FFFFFF;}                /*couleur des boîtes de message d'erreur (message)*/
td.ETA_FND_ALERTE		    { background-color : #FF0000;}
td.FILTRE_TITRE             { background-color : #1D45A1; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#FFFFFF    ;font-size:10px    ;font-weight:bold    ;}            /*titre principal d'un filtre*/
td.FILTRE_TITRE_CRITERE     { background-color : #1D45A1; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#FFFFFF    ;font-size:10px    ;font-weight:bold    ;}            /*titre d'un critère de filtre*/
td.FILTRE_SAISIE            { background-color : #DFE0D0;}            /*saisie d'un critère dans un filtre*/
td.FILTRE_LANCE_RECH        { background-color : #DFE0D0; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#FFFFFF    ;font-size:10px    ;font-weight:bold    ;}            /*contiendra l'image lançant la recherche*/
TD.FTC { vertical-align: middle; border: 1px solid; border-color: #fff #666 #666; border-left: none; background-color : #1D45A1; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:10px; font-weight:bold; }
TD.GDD { vertical-align: middle; border-left: none; font-family: verdana, arial, sans-serif; font-size: 10px; line-height: 14px; padding-left: 4px; }
TD.GDN { border-style: solid; border-width: 1px; border-color: black; background-color: #FAF9F6;  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #000000; font-size: 10px; }
TD.GDSBN { border-style: solid; border-width: 1px; border-color: black;font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;font-size: 10px;color: #000000; }
TD.GDSBR { border-style: solid; border-width: 1px; border-color: red; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; }
TD.GDT { vertical-align: middle; border: 1px solid; border-color: #fff #666 #666; border-left: none; font-family: verdana, arial, sans-serif; color: #1D45A1; font-size: 10px; font-weight: bold; line-height: 14px; padding-left: 4px; background-color : #DFE0D0; }
td.GENERAL_CRITERE		    { background-color : #000000;}
td.GENERAL_GRILLE		    { background-color : #DFE0D0;}
TD.GTCN { border-style: solid; border-width: 1px; border-color: black; background-color: #DFE0D0; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color:  #1D45A1; text-align: center; }
td.GRILLE_AUCUNE_DONNEE     { background-color : #FFFFFF; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#000000    ;font-size:10px    ;font-weight:bold    ;}                /*lorsqu'une grille ne contient pas de données*/
td.GRILLE_DETAIL_TITRE	    { background-color : #DFE0D0;white-space: nowrap;}
td.GRILLE_DETAIL_DONNEE	    { background-color : #FAF9F6; font-weight: bold;}
td.GRILLE_TITRE             { background-color : #1D45A1; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#FFFFFF    ;font-size:10px    ;font-weight:bold    ;}            /*titre principal d'une grille*/    
td.GRILLE_TITRE_CHAMP       { background-color : #DFE0D0; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#1D45A1    ;font-size:10px    ;font-weight:bold    ;text-align: center;}            /*titre des colonnes d'une grille*/
td.GRILLE_SOUS_TITRE_CHAMP          { background-color : #EBEBEB; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#000000    ;font-size:10px    ;font-weight:bold    ;text-align: left;}            /*sous-titre de colonne*/
td.GRILLE_DONNEE                    { background-color : #FAF9F6; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#000000    ;font-size:10px    ;}            /*données de la grille*/
td.GRILLE_DONNEE_SS_BG              { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#000000    ;font-size:10px    ;} /* cellule de données dans la grille sans background */           /*données de la grille*/
td.GRILLE_DONNEE_ALTERNE            { background-color : #EBEBEB; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#000000    ;font-size:10px    ;}            /*2eme couleur de donnée, permettant d'alterner avec la première*/
td.GRILLE_NB			    { background-color : #DFE0D0;}
td.GRILLE_NBRE_ENREG                { background-color : #DFE0D0; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#1D45A1    ;font-size:10px    ;font-weight:bold    ;}            /*label indiquant le nbre de lignes d'une grille*/
td.INFORMATION_TITRE                { background-color : navy;}                    /*couleur des boîtes de message d'information (titre)*/
td.INFORMATION_MESSAGE              { background-color : #FFFFFF;}                /*couleur des boîtes de message d'information (message)*/
td.LD { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; }
td.LIGNE_GF_PO		        { font-size: 10px; font-weight: bold; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; color: black;}
td.LIGNE_GRIS_BOUT	        { background-color:	#DFDFDF}
td.LIGNETOTAL               { background-color : #e6e6ff;}
td.LISTE_DATA               { background-color : #FAF9F6;}
td.LISTE_TITRE              { background-color : #DFE0D0;}
td.LT { background-color : #DFE0D0; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #1D45A1; font-size: 10px; font-weight: bold; }
td.STATUS_1			    { background-color : #FAF9F6;}
td.STATUS_2			    { background-color : #1E90FF;}
td.STATUS_3			    { background-color : #FF0000;}
td.STATUS_4			    { background-color : #00CC00;}
td.STATUS_5			        { background-color : yellow;} /* pour les lignes en reliquat*/
td.SUIVANT_PRECEDENT	    { background-color : #DFE0D0;}
td.TITRE_CRITERE		    { background-color : #1D45A1;}
td.TITRE_ALERT		        { background-color : rgb(235, 10, 10);}
td.TITRE_DETAIL_CRITERE	    { background-color : #DFE0D0;}
td.TRACING_DETAIL_DONNEE    { background-color : #FAF9F6; font-weight: bold;}
td.TRACING_DETAIL_STATUS_1  { background-color : #FAF9F6; font-weight: bold;}
td.TRACING_DETAIL_STATUS_2  { background-color : #1E90FF; font-weight: bold;}
td.TRACING_DETAIL_STATUS_3  { background-color : #FF0000; font-weight: bold;}
td.TRACING_DETAIL_STATUS_4  { background-color : #FF0000; font-weight: bold;}
td.TRACING_DETAIL_TITRE     { background-color : #DFE0D0;}
td.TRACING_LIGNE_DONNEE     { font-weight      : bold;}




font.BANDEAU_DONNEE			{ font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;color:#000000	;font-size:10px	;}
font.BANDEAU_TITRE			{ font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;color:#FFFFFF	;font-size:10px	;font-weight:bold	;}
font.BOITE_DIALOGUE_TITRE           { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#FFFFFF;font-size:10px    ;font-weight:bold    ;}    /*titre d'une boîte de dialogue*/
font.BOITE_DIALOGUE_MESSAGE         { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#000000;font-size:10px    ;}    /*message d'une boîte de dialogue*/
font.DETAIL_LIBELLE_CRITERE	{ font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;color:#FFFFFF	;font-size:10px	;font-weight:bold	;}
font.DETAIL_SAISIE_CRITERE	{ font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;color:#FFA500	;font-size:10px	;}
font.DONNEES_1				{font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;color:#000000	;font-size:10px	;}
font.FILTRE_TITRE                   { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#FFFFFF    ;font-size:10px    ;font-weight:bold    ;}    /*titre principal d'un filtre*/
font.FILTRE_TITRE_CRITERE           { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#FFFFFF    ;font-size:10px    ;font-weight:bold    ;}    /*titre d'un critère de filtre*/
font.FILTRE_TITRE_LANCE_RECH        { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#FFFFFF    ;font-size:10px    ;font-weight:bold    ;}    /*titre au-dessus de l'image de lancement de recherche dans un filtre*/
font.GENERAL_CRITERE		{ font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;color:#000000	;font-size:10px	;font-weight:bold	;}
font.GENERAL_GRILLE			{ font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;color:#000000	;font-size:10px	;font-weight:bold	;}
font.GRILLE_SOUS_TITRE_CHAMP        { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#000000    ;font-size:10px    ;font-weight:bold    ;}    /*sous-titre de colonne*/
font.GRILLE_TITRE_CHAMP             { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#1D45A1    ;font-size:10px    ;font-weight:bold    ;}    /*titre des colonnes d'une grille*/
font.GRILLE_AUCUNE_DONNEE	{ font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;color:#000000	;font-size:10px	;font-weight:bold	;}
font.GRILLE_DETAIL_DONNEE	{ font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;color:#000000	;font-size:10px	;}
font.GRILLE_DETAIL_TITRE	{ font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;color:#1D45A1	;font-size:10px	;font-weight:bold	;}
font.GRILLE_DONNEE                  { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#000000    ;font-size:10px    ;}    /*données de la grille*/
font.GRILLE_INDICATION_SPECIFIQUE   { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; color: red;font-size: 10px; }    /*données spécifique. Ex: indication qu'il y a des messages*/
font.GRILLE_NB				{ font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;color:#1D45A1	;font-size:10px	;font-weight:bold	;}
font.GRILLE_NBRE_ENREG              { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#1D45A1    ;font-size:10px    ;font-weight:bold    ;}    /*label indiquant le nbre de lignes d'une grille*/
font.INFORMATION_TITRE              { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#FFFFFF;font-size:10px    ;font-weight:bold    ;}    /*titre d'une boîte d'information*/
font.INFORMATION_MESSAGE            { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#000000;font-size:10px    ;}    /*message d'une boîte d'information*/
font.LISTE_DATA             { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;color:#000000	;font-size:10px	;font-weight:bold	;}
font.LISTE_TITRE            { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;color:#1D45A1	;font-size:10px	;font-weight:bold	;}
font.ERREUR_TITRE                   { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#FFFFFF;font-size:10px    ;font-weight:bold    ;}    /*titre d'une boîte d'erreur*/
font.ERREUR_MESSAGE                 { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#000000;font-size:10px    ;}    /*message d'une boîte d'erreur*/
font.RELIQUAT_1			    { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;color:#1E90FF	;font-size:10px	;font-weight:bold	;}
font.RELIQUAT_2			    { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;color:#FF0000	;font-size:10px	;font-weight:bold	;}
font.STATUS_1			            {}
font.STATUS_2			            { color: #1E90FF;}
font.STATUS_3			            { color: #FF0000;}
font.STATUS_4			            { color: #00CC00;}
font.SUIVANT_PRECEDENT		{ font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;color:#1D45A1	;font-size:10px	;}
font.TITRE_CRITERE			{ font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;color:#FFFFFF	;font-size:10px	;font-weight:bold	;}
font.TITRE_CRITERE_1		{ font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;color:#CCCCCC	;font-size:16px	;font-weight:bold	;}
font.TITRE_CRITERE_2		{ font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;color:#CCCCCC	;font-size:10px	;font-weight:bold	;}
font.TITRE_CRITERE_3		{ font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;color: white	;font-size:10px	;}
font.TRACING_DETAIL_DONNEE  { background-color : #DFE0D0;}
font.TRACING_DETAIL_TITRE   { background-color : #DFE0D0;}
font.POP_UP_DETAIL {font-size:11px	;font-weight:bold	;}

input { background-color: #dcdcdc;}
input:focus { background-color: #fffFFF;}

input.FILTRE                        { border: solid 1px black; background-color : #FFFFFF; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size:10px; color: #000000;}
input.SAISIE                        { border: solid 1px black; padding-left: 2px; background-color : #FFFFFF; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size:10px; color: #000000;}

input.SAISIE_NEW_UO  { border: solid 1px black; padding-left: 2px; background-color : #FFFFFF; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size:10px; color: #000000; font-style: italic;}


input.PETIT_BOUTON                  { background-color : #DFE0D0; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size:10px; font-weight: bold; color: #1D45A1;}    /* bouton pouvant se trouver par ex dans une grille*/
input.GROS_BOUTON                   { background-color : #DFE0D0; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size:10px; color: #1D45A1;font-weight: bold;}    /* bouton style OK ou Cancel */

option.SAISIE                       { border: solid 1px black; background-color : #FFFFFF; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size:10px;}
option.FILTRE                       { background-color : #FFFFFF; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size:10px; font-weight: bold;}

.select { border: 1px solid black;font: 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-weight: normal; background-color: #fff;}
select.SAISIE                       { border: solid 1px black; background-color : #FFFFFF; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size:10px;}
select.FILTRE                       { border: solid 1px; background-color : #FFFFFF; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size:10px; font-weight: bold;}

textarea.SAISIE                     { border: solid 1px black; padding-left: 2px; background-color : #FFFFFF; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size:10px;}
textarea.FILTRE             { background-color : #FFFFFF; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size:10px; font-weight: bold;}

div.FILTRE_TITRE             { background-color : #1D45A1; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#FFFFFF    ;font-size:10px    ;font-weight:bold    ;}            /*titre principal d'un filtre*/


.button { background-color: #dcdcdc;}

.button:hover { background-color: #eee;}

.button:focus { background-color: #fff;}

.black_10px{ font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#000000    ;font-size:10px    ;font-weight:normal    ;}
.black_12px{ font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#000000    ;font-size:12px    ;font-weight:normal    ;}
.black_12px_bold{ font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#000000    ;font-size:12px    ;font-weight:bold    ;}

.ELEMENT_TITRE             { background-color : #1D45A1; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#FFFFFF    ;font-size:10px    ;font-weight:bold    ;}            /*titre principal d'un filtre*/

/* style du bloc ul */  
.ul_loop_name{  
  width: 250px;  
  list-style: none; /* supprime les puces de liste */  
  padding: 4px; /* on fait un peu de place autour des liens */  
  margin: 0; /* on annule les marges */  
  background: #F2F2F2; 
  
}  
   
/* styles des liens et éléments de liste */  
.li_loop_name,  
. li_loop_name a {  
  /* les liens et item deviennent des blocs */  
  /* suffit théoriquement à virer les puces de liste */  
  display: block;
 
}  
   
/* styles des liens */  
.li_loop_name a {  
  margin: 2px 0; /* espace les liens d'1 px */  
  padding:2px 20px; /* marges internes pour aérer */   
  color: black;/*#666;  
  background: #FFF; */ 
  text-decoration: none; /* on vire le soulignement */ 
  list-style-position:outside;
  /* on définit la transition pour les navigateurs */  
  -webkit-transition: all .3s; /* Chrome/Safari */  
  -moz-transition: all .3s; /* Firefox (plus trop nécessaire) */  
  transition: all .3s; /* syntaxe officielle */  
}  
   
/* styles changeants au survol et focus */  
.li_loop_name a:hover,  
.li_loop_name a:focus {  
  background:  #5FB404; /*#1d45a1;/*#1ABC9C;*/  
  color: #FFF;  
  padding-left: 30px; /* décalage du contenu de 10px vers la droite (30-20 = 10) */   
}  
