/* GENERAL */
body, p, li, td, span, input, textarea, select, button { 
	font-family: arial, verdana, helvetica, san-serif;
	font-size: 12px;
	}
body {
	background: #F5F5F5;
	}	
/* LIEN HYPERTEXTE PAR DEFAUT */	
a, a:link, a:visited,a:active {
	color: #000080;	
	}      		
a:hover{        
        color:#000000;
        font-weight: bold;
        text-decoration: none;        
        }	
         
/* AUTRES LIENS HYPERTEXTE */
.nolink {
	color: #000000;
	}
a.nolink , a.nolink:link, a.nolink:active, a.nolink:visited,a.nolink:hover  {
	background: none;
	text-decoration: none;
	color: #000000;
	}
.form_link {
	color: #000000;
	}
a.form_link , a.form_link:link, a.form_link:active, a.form_link:visited {
	background: none;
	text-decoration: none;
	color: #000000;
	}
a.form_link:hover {
    color: #AF1723;
    text-decoration: none;
	}
.legalText {
	color: #999;
	}
a.legalText, a.legalText:link, a.legalText:active, a.legalText:visited {
	background: none;
	text-decoration: none;
	color: #999;
	}
a.legalText:hover {
	background: none;
	text-decoration: none;
	color: #CC6600;
	}	
	
.menu_link	{
	font-size: 14px;
	color: #5075B4;;	
	text-decoration: none;
	}
a.menu_link, a.menu_link:link, a.menu_link:active, a.menu_link:visited {
	color: #5075B4;	
	}      
a.menu_link:hover{    	            
        text-decoration: underline;
        }	
/* BORDURES */
.border {
	border: 1px solid #999;
	}
.border_left {
	border-left: 1px solid #999;
	}	
.border_right {
	border-right: 1px solid #999;
	}
.border_top {
     	border-top: 1px solid #999;
	}
.border_bottom {
     	border-bottom: 1px solid #999;
	}	
.border_left_right {
     	border-left: 1px solid #999;
     	border-right: 1px solid #999;     	
	}	
.border_top_right {
	border-right: 1px solid #999;
 	border-top: 1px solid #999;
	}
.border_top_left {
     	border-top: 1px solid #999;
     	border-left: 1px solid #999;
	}		
.border_bottom_left {
     	border-bottom: 1px solid #999;     	
     	border-left: 1px solid #999;
	}	
.border_bottom_right {
     	border-bottom: 1px solid #999;
     	border-right: 1px solid #999;     	
	}
.border_top_bottom {
     	border-bottom: 1px solid #999;
     	border-top: 1px solid #999;
	}	
.border_top_left_right {
     	border-top: 1px solid #999;
     	border-right: 1px solid #999;
     	border-left: 1px solid #999;
	}	
.border_bottom_left_right {
     	border-bottom: 1px solid #999;
     	border-right: 1px solid #999;
     	border-left: 1px solid #999;
	}
	
/* TITRE ET ELEMENT GRAS*/
.petit_titre {
	font-family: arial, verdana, helvetica, san-serif;
   	font-weight: bold;
   	font-size: 9pt;
	}
.titre_rouge{
	color: #EF4500 ;
	font-weight: bold;   
        font-size: 8pt;    
	}
.librouge {     
        color: #FF3333 ;  
          
       	}
.titreroche {     
        color:#CC6600;
        font-weight: bold;   
        font-size: 8pt;
        }
.texte_gras {	
   	font-weight: bold;   	
	}
.main_title { color:#555555; font-size:12px; font-family:Arial; font-weight:bold;} 
.sub_title { color:#000000; font-size:12px; font-family:Arial; font-weight:bold;} 
.main_Text { color:#222222; font-size:12px; font-family:Arial; font-weight:normal;} 

/* ELEMENTS DE FORMULAIRE */
 .zonedetexte {
     font-family: arial, verdana, helvetica, san-serif;
     font-size: 10pt; 
     background-color: #F4F4F4;
     border-bottom: 1px solid #999;
     border-left: 1px solid #999;
     border-right: 1px solid #999;
     border-top: 1px solid #999;
     }
.zonedetexte_grandepolice {
     font-family: arial, verdana, helvetica, san-serif;
     font-size: 12pt;
     font-weight: bold; 
     background-color: #F4F4F4;
     border-bottom: 1px solid #999;
     border-left: 1px solid #999;
     border-right: 1px solid #999;
     border-top: 1px solid #999;
     }     
.bouton {
        font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 8pt;
        font-weight: Bold;
        background-color: #999;
        border-width: 1px;
	border-color: #8FAABA;
        cursor:hand
        }
.grandBouton {
        font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	width:189px;
        font-weight: Bold;
        background-color: #999;
        border-width: 1px;
	border-color: #8FAABA;
        cursor:hand
        }
.bouton_connexion {
     	border-left: 1px solid whitesmoke;
     	border-top: 1px solid whitesmoke;
     	border-right: 1px solid gray;
     	border-bottom: 1px solid gray;
	background-color: #B5BED6;
	}
.bouton_connexion_down {
     	border-left: 1px solid gray;
     	border-top: 1px solid gray;
     	border-right: 1px solid whitesmoke;
     	border-bottom: 1px solid whitesmoke;
	background-color: white;
	}
.bouton_validation {
     	border-left: 1px solid whitesmoke;
     	border-top: 1px solid whitesmoke;
     	border-right: 1px solid gray;
     	border-bottom: 1px solid gray;
	background-color: #CCCCCC;
	}
        
.zonedeliste {
     font-family: arial, verdana, helvetica, san-serif;
     font-size: 8pt; 
     background-color: #F4F4F4;
     border-width: 1px;
     width: 250px;
     }       
/* ONGLETS */
.tab_selected {
    font-size: 11px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    /* background-image: url(../images/tile_sub.gif); */
    font-weight: bold;
    color:#FFFFFF; 
    border-top: 1px solid #a1a1a1;
    border-left: 1px solid #a1a1a1;
    border-right: 1px solid #a1a1a1;
    border-bottom: none;
    padding-left:5px;
    padding-right:5px;   
    padding-top:2px;
    padding-bottom:2px; 
    cursor:hand
}

.tab_default {
    font-size: 11px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-weight: none;
    border: 1px solid #a1a1a1;
    padding-left:5px;
    padding-right:5px; 
    padding-top:2px;
    padding-bottom:2px;
    cursor:hand
}
.tab_default_hover {
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: none;
    border-top: 1px solid white;
    border-bottom: 1px solid black;
    background: #f4f4f4;
    padding-left:5px;
    padding-right:5px; 
    cursor:hand
}
.tab_spacer {
    border-bottom: 1px solid #a1a1a1;
}
.tab_barre {
    font-size: 11px;
    font-family: Arial, Verdana, Helvetica, sans-serif; 
    border-left: 1px solid #a1a1a1;
    border-right: 1px solid #a1a1a1;
    border-bottom: 1px solid #a1a1a1;
    font-weight: bold;
    padding-bottom:2px;
    }
    
.sub_tab_selected {
    font-size: 11px;
    font-weight: bold;
    color:#FFFFFF;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    border-right: 1px solid #a1a1a1;
    padding-left:5px;
    padding-right:5px;   
    padding-top:2px;
    padding-bottom:2px; 
    cursor:hand
}

.sub_tab_default {
    font-size: 11px;
    font-weight: bold;
    font-family: Arial, Verdana, Helvetica, sans-serif;   
    border-right: 1px solid #a1a1a1;
    padding-left:5px;
    padding-right:5px; 
    padding-top:2px;
    padding-bottom:2px;
    cursor:hand
}
.tab_barre {
}
.border_corps_ss_dossier {
} 
/* BARRE D'OUTILS*/
.toolbar{
      font-family: Arial, Verdana, Helvetica, sans-serif;
      font-size: 8pt;
      color: black;
      background: #cccccc;
      text-align: left;
      white-space: nowrap;
      height: 20px;
      vertical-align: middle;
      border-top:1px solid white;
      border-bottom: 1px solid white;
      padding-left: 3px;
      padding-right: 3px;
    }
.toolbar_hover {
      font-family: Arial, Verdana, Helvetica, sans-serif;
      font-size: 8pt;
      color: black;
      background: #cccccc;
      text-align: left;
      white-space: nowrap;
      height: 20px;
      vertical-align: middle;
      border-left:1px solid white;
      border-top:1px solid white;
      border-right:1px solid gray;
      border-bottom: 1px solid gray;
      padding-left: 2px;
      padding-right: 2px;
}
.toolbar_clicked {
      font-family: Arial, Verdana, Helvetica, sans-serif;
      font-size: 8pt;
      color: black;
      background: #cccccc;
      text-align: left;
      white-space: nowrap;
      height: 20px;     
      vertical-align: middle;
      border-left:1px solid gray;
      border-top:1px solid gray;
      border-right:1px solid white;
      border-bottom: 1px solid white;
      padding-left: 2px;
      padding-right: 2px;
}

/* ENTETE DE COLONNES */
.column_header {
      font-family: Arial, Verdana, Helvetica, sans-serif;
      font-size: 8pt;
      color: black;
      background: #cccccc;
      text-align: left;
      white-space: nowrap;
      height: 20px;
      vertical-align: middle;
      border-left:1px solid white;
      border-top:1px solid white;
      border-right:1px solid gray;
      border-bottom: 1px solid gray;
      padding-left: 3px;
      padding-right: 3px;
}
.column_header_hover {
      font-family: Arial, Verdana, Helvetica, sans-serif;
      font-size: 8pt;
      color: black;
      background: #dcdcdc;
      text-align: left;
      white-space: nowrap;
      height: 20px;
      vertical-align: middle;
      border-left:1px solid white;
      border-top:1px solid white;
      border-right:1px solid gray;
      border-bottom: 1px solid gray;
      padding-left: 3px;
      padding-right: 3px;
}
.column_header_hover_user {
      font-family: Arial, Verdana, Helvetica, sans-serif;
      font-size: 10pt;
      color: black;
      background: #F0F0F0;
      white-space: nowrap;
      height: 20px;
      vertical-align: middle;
      border-left:1px solid white;
      border-top:1px solid white;
      border-right:1px solid gray;
      border-bottom: 1px solid gray;
      padding-left: 3px;
      padding-right: 3px;
}
.column_header_clicked {
      font-family: Arial, Verdana, Helvetica, sans-serif;
      font-size: 8pt;
      color: black;
      background: #dddddd;
      text-align: left;
      white-space: nowrap;
      height: 20px;
      vertical-align: middle;
      border-left:1px solid gray;
      border-top:1px solid gray;
      border-right:1px solid white;
      border-bottom: 1px solid white;
      padding-left: 4px;
      padding-top: 1px;
      padding-right: 3px;
}
/* Liste des programmes */
.titre_niveau1 {
      font-family: Arial, Verdana, Helvetica, sans-serif;
      font-size: 10pt;
      font-weight: bold;
      color: black;
      background: #F5F5F58;
      text-align: center;
      vertical-align: middle;
      border-left:1px solid gray;
      border-top:1px solid gray;
      border-right:1px solid gray;
      border-bottom: 1px solid gray;
}
.titre_niveau2 {
      font-family: Arial, Verdana, Helvetica, sans-serif;
      font-size: 14pt;
      font-weight: bold;
      color: black;
      background: #F5F5F5;
      text-align: left;
      vertical-align: middle;
}
.titre_niveau2_entete {
      font-family: Arial, Verdana, Helvetica, sans-serif;
      font-size: 10pt;
      font-weight: bold;
      color: black;
      background: #F5F5F5;
//      text-align: left;
      vertical-align: middle;
      background-image:	url("../images/barre_titre_details.png");
      background-repeat: no-repeat;  
      background-position: left;
      width: 100%;
      height: 100%;
}
.titre_niveau2_entete_details {
      font-family: Arial, Verdana, Helvetica, sans-serif;
      font-size: 8pt;
      font-weight: bold;
      color: black;
      background: #F5F5F5;
      text-align: left;
      vertical-align: middle;
      background-image:	url("../images/barre_titre.gif");
      background-repeat: no-repeat;
      background-position: left;
      width: 100%;
      height: 100%;
}
.titre_niveau3_entete_details {
      font-family: Arial, Verdana, Helvetica, sans-serif;
      font-size: 8pt;
      font-weight: bold;
      color: black;
      background: #F5F5F5;
      text-align: left;
      vertical-align: middle;
      background-image:	url("../images/barre_titre_agenda_1.gif");
      background-repeat: no-repeat;
      background-position: left;
      width: 100%;
      height: 100%;
}
.titre_niveau2_content {
      font-family: Arial, Verdana, Helvetica, sans-serif;
      font-size: 10pt;
      color: black;
      background: #F5F5F5;
      text-align: left;
      vertical-align: middle;
      border-left:1px solid gray;
      border-top:1px solid gray;
      border-right:1px solid gray;
      border-bottom: 1px solid gray;
}
.libelle_retour_niveau1 {
      font-family: Arial, Verdana, Helvetica, sans-serif;
      font-size: 8pt;
      color: #000080;
      background: white;
      text-align: right;
      vertical-align: middle;
      border-left:1px solid #F5F5F5;
      border-top:1px solid #F5F5F5;
      border-right:1px solid #F5F5F5;
      border-bottom: 1px solid #F5F5F5;
}
.libelle_retour_niveau1_hover {
      font-family: Arial, Verdana, Helvetica, sans-serif;
      font-size: 8pt;
      color: #000080;
      background: #F5F5F5;
      text-align: right;
      vertical-align: middle;
      border-left:1px solid gray;
      border-top:1px solid gray;
      border-right:1px solid gray;
      border-bottom: 1px solid gray;
}
.libelle_retour_niveau2 {
      font-family: Arial, Verdana, Helvetica, sans-serif;
      font-size: 8pt;
      color: blue;
      background: white;
      text-align: right;
      vertical-align: middle;
      border-left:1px solid #A6A6A6;
      border-top:1px solid #A6A6A6;
      border-right:1px solid #A6A6A6;
      border-bottom: 1px solid #A6A6A6;
}
.libelle_retour_niveau2_hover {
      font-family: Arial, Verdana, Helvetica, sans-serif;
      font-size: 8pt;
      color: blue;
      background: #F5F5F5;
      text-align: right;
      vertical-align: middle;
      border-left:1px solid gray;
      border-top:1px solid gray;
      border-right:1px solid gray;
      border-bottom: 1px solid gray;
}
.libelle_retour_niveau3 {
      font-family: Arial, Verdana, Helvetica, sans-serif;
      font-size: 9pt;
      color: black;
      background: #F5F5F5;
      text-align: left;
      vertical-align: middle;
      border-left:0px solid #F5F5F5;
      border-top:0px solid #F5F5F5;
      border-right:0px solid #F5F5F5;
      border-bottom: 0px solid #F5F5F5;
}
.libelle_retour_niveau3_hover {
      font-family: Arial, Verdana, Helvetica, sans-serif;
      font-size: 9pt;
      color: blue;
      background: #F5F5F5;
      text-align: left;
      vertical-align: middle;
      background-image:	url("../images/barre_titre_details.png");
      background-repeat: no-repeat;
      background-position: left;
      width: 100%;
      height: 100%;
      border-left:0px solid gray;
      border-top:0px solid gray;
      border-right:0px solid gray;
      border-bottom: 0px solid gray;
}
.libelle_retour_niveau3_down {
      font-family: Arial, Verdana, Helvetica, sans-serif;
      font-size: 9pt;
      color: #000080;
      background: white;
      text-align: left;
      vertical-align: middle;
      border-left:1px solid #F5F5F5;
      border-top:1px solid #F5F5F5;
      border-right:1px solid #F5F5F5;
      border-bottom: 1px solid #F5F5F5;
}
.libelle_retour_niveau4	 {
      font-family: Arial, Verdana, Helvetica, sans-serif;
      font-size: 8pt;
      color: #000080;
      background: #F5F5F5;
      text-align: right;
      vertical-align: middle;
      border-left:1px solid #F5F5F5;
      border-top:1px solid #F5F5F5;
      border-right:1px solid #F5F5F5;
      border-bottom: 1px solid #F5F5F5;
}
.libelle_retour_niveau4_hover {
      font-family: Arial, Verdana, Helvetica, sans-serif;
      font-size: 8pt;
      color: #000080;
      background: white;
      text-align: right;
      vertical-align: middle;
      border-left:1px solid gray;
      border-top:1px solid gray;
      border-right:1px solid gray;
      border-bottom: 1px solid gray;
}
.donnees_niveau1 {
      font-family: Arial, Verdana, Helvetica, sans-serif;
      font-size: 9pt;
      color: black;
      background: white;
      text-align: left;
      vertical-align: middle;
      border-left:1px solid #F5F5F5;
      border-top:1px solid #F5F5F5;
      border-right:1px solid #F5F5F5;
      border-bottom: 1px solid #F5F5F5;
}
.donnees_niveau1_hover {
      font-family: Arial, Verdana, Helvetica, sans-serif;
      font-size: 9pt;
      color: black;
      background: #dcdcdc;
      text-align: left;
      vertical-align: middle;
      border-left:1px solid black;
      border-top:1px solid black;
      border-right:1px solid black;
      border-bottom: 1px solid black;
}
.donnees_niveau2 {
      font-family: Arial, Verdana, Helvetica, sans-serif;
      font-size: 8pt;
      font-weight: bold;
      color: black;
      text-align: center;
      vertical-align: middle;
      border-left:1px solid #F5F5F5;
      border-top:1px solid #F5F5F5;
      border-right:1px solid #F5F5F5;
      border-bottom: 1px solid #F5F5F5;
}
.donnees_niveau2_hover {
      font-family: Arial, Verdana, Helvetica, sans-serif;
      font-size: 8pt;
      font-weight: bold;
      color: blue;
      background: white;
      text-align: center;
      vertical-align: middle;
      border-left:1px solid black;
      border-top:1px solid black;
      border-right:1px solid black;
      border-bottom: 1px solid black;
}
.donnees_niveau2_down {
      font-family: Arial, Verdana, Helvetica, sans-serif;
      font-size: 8pt;
      font-weight: bold;
      color: blue;
      background: white;
      text-align: center;
      vertical-align: middle;
      border-left:1px solid #000080;
      border-top:1px solid #000080;
      border-right:1px solid #000080;
      border-bottom: 1px solid #000080;
}
/* */
.libchampsimple {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	align: left;
	}
.donneeschampsimple {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	align: left;
	}
.grandtitre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	align: center;
	vertical-align: middle;
	}
.titreecrangdp {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	}
.moyennezonedeliste {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt; 
	background-color: #F4F4F4;
	border-width: 1px;
	width: 175px;
	vertical-align: middle;
	}
.petitezonedeliste {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt; 
	background-color: #F4F4F4;
	border-width: 1px;
	width: 120px;
	vertical-align: middle;
	}
.toutepetitezonedeliste {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt; 
	background-color: #F4F4F4;
	border-width: 1px;
	width: 40px;
	vertical-align: middle;
	}
.groupeoption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	align: center;
	vertical-align: middle;
	background-color: #FFFFFF;
	border-color: #FFFFFF;
	}
.optionhover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	align: left;
	vertical-align: middle;
	border-color: #000000;
	border-width: 1px;
	border-bottom: 1px solid;
	border-left: 1px solid;
	border-right: 1px solid;
	border-top: 1px solid;
	}
.colbouton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: Bold;
	background-color: #F4F4F4;
	border-width: 1px;
	border-bottom: 1px solid whitesmoke;
	border-left: 1px solid gray;
	border-right: 1px solid whitesmoke;
	border-top: 1px solid gray;
	cursor:hand
	}
.colboutonhover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: Bold;
	background-color: #F4F4F4;
	border-width: 1px;
	border-bottom: 1px solid gray;
	border-left: 1px solid whitesmoke;
	border-right: 1px solid gray;
	border-top: 1px solid whitesmoke;
	cursor:hand
	}
.ligneparamhover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: Bold;
	background-color: #F4F4F4;
	border-width: 1px;
	border-bottom: 1px solid #B5BED6;
	border-left: 1px solid #B5BED6;
	border-right: 1px solid #B5BED6;
	border-top: 1px solid #B5BED6;
	border-color: #B5BED6;
	cursor:hand
	}