/* ================ Styles pour le memento ================ */

table.tablesorter {
	font-family: arial;
	background-color: #CDCDCD;  /* Couleur des bordures/quadrillages du memento */
	margin: 10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}

table.tablesorter thead tr th,table.tablesorter tfoot tr th {
	background-color:  #74B0BB; /* Couleur de la ligne d'entête du memento */
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}

table.tablesorter thead tr .header {
	background-image: url(img_annuaire/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

table.tablesorter tbody td {
	color: #3D3D3D; /* Couleur du texte du memento */
	padding: 4px;
	vertical-align: top;
        background-color : #FFF;
}

table.tablesorter tbody tr.odd td {
	background-color: #F0F0F6; /* Couleur de l'alternance - 1 ligne sur 2 avec cette couleur */
        padding : 4px;
}

table.tablesorter tbody tr.odd td a {
        background-color : #F0F0F6;
}

table.tablesorter thead tr .headerSortUp {
	background-image: url(img_annuaire/asc.gif);
}

table.tablesorter thead tr .headerSortDown {
	background-image: url(img_annuaire/desc.gif);
}

table.tablesorter thead tr .headerSortDown,table.tablesorter thead tr .headerSortUp {
	/* background-color: #8dbdd8; */ /* Couleur de l'entête de colonne sélectionné */
}

table.tablesorter tbody tr.voir td {
	background-color: #BFDBDF; /* Couleur de la ligne de défilement avec la souris */
}

table.tablesorter tbody tr.voir td a {
        background-color: #BFDBDF; /* Couleur de la ligne de défilement avec la souris */
}

#divIndexMemento {
}

#divIndexMemento a {
	padding : 2px;
}


/* ================ Styles pour la recherche par nom ================ */
#divListeAgents {
	
}

#divListeAgents .hidden {
	display: none;
}

#divListeAgents .visible {
	display: inline;
}

#divListeAgents .detailAgentNomPrenom {
	margin-left: 10px;
	font-weight: bold;
}

#divListeAgents .detailAgentEmail {
	margin-left: 10px;
}

#divListeAgents .detailAgentSite {
	font-weight: normal;
	margin-top: 5px;
	margin-left: 10px;
}

#divListeAgents .detailAgentAffectation {
	background: url(img_annuaire/puce_annuaire2.png) no-repeat top left;
	margin-top: 3px;
	margin-left: 10px;
}

#divListeAgents .detailAgentDivision {
	cursor: pointer;
	margin-left: 16px;	
}

#divListeAgents .detailAgentDepartement {
	/* margin-left: 20px; */
}

#divListeAgents .detailAgentFonction {
	font-style: italic;
	margin-left: 16px;
}

#divListeAgents .detailAgentRole {
	font-style: italic;
	margin-left: 16px;
	
}

#divListeAgents .detailAgentTelephone {
	/* margin-left: 10px; */
	margin-left: 16px;
	
}

#divListeAgents .detailAgent {
	margin-left: 40px;
	background: transparent url(img_annuaire/trait_degrade.png) no-repeat
		scroll 0pt top;
}

/* ================ Styles pour l'organigramme ================ */
@media screen {
	#divDetailDivision .email {
		font-size: 10px;
	}
	#divDetailDivision .porte {
		font-size: 10px;
	}
}

@media print , screen {
	p.titre_division {
                color:#2080AC;
		padding-left: 20px;
		margin: 5px;
		cursor: pointer;
		font-style: normal;
		font-family: Arial, sans-serif;
		background: transparent url(img_annuaire/expand.jpg) no-repeat;
	}
	p.titre_division:hover {
		text-decoration : underline;
                font-weight: bold;
		margin-left: 8px;
		padding-left: 18px;
		background: transparent url(img_annuaire/expand.jpg) no-repeat;
	}


	p.titre_division_detaillee {
		color: #2080AC; 
                cursor: pointer;
		font-style: normal;
		font-family: Arial, sans-serif;
                font-size: 14px;
		/* background: #D8E9EC url(img_annuaire/collapse.jpg) no-repeat; */
                 background: transparent url(img_annuaire/expand.jpg) no-repeat;
		font-weight: bold;
		margin: 10px 0px 1px 5px;
		padding: 0px 0px 5px 20px;
	}

        p.titre_division_detaillee:hover {
                text-decoration : underline;
                color : #2080AC;
                margin-left: 8px;
                padding-left: 18px;
       }


	
	
	#divDetailDivision {
		padding: 0px 0px 24px 24px;
		margin: 0px 0px 0px 8px;
		/* background: #D8E9EC; */
	}
	#divDetailDivision .adresse {
		margin-top: 0px;
		font-weight: bold;
		font-size: 12px;
		font-style: normal;
		font-family: Arial, sans-serif;
	}
	#divDetailDivision .debuttel {
		font-size: 12px;
		font-weight: normal;
		font-style: normal;
		font-family: Arial, sans-serif;
	}
	#divDetailDivision .email {
		margin-top: 0px;
		font-weight: normal;
		font-size: 9px;
		color: black;
		font-style: normal;
		font-family: verdana, arial, sans-serif;
		margin-bottom: 2px;
		/* background: #D8E9EC; */
	}
	#divDetailDivision .emailstruc {
		font-weight: normal;
		font-size: 10px;
		font-style: normal;
		font-family: Arial, Helvetica, sans-serif;
		text-align: left;
	}
	#divDetailDivision .item {
		margin-top: 6px;
	}
	#divDetailDivision .faxstruc {
		font-weight: normal;
		font-size: 10px;
		font-style: normal;
		font-family: Arial, sans-serif;
		text-align: left;
	}
	#divDetailDivision .telstruc {
		font-weight: bold;
		font-size: 10px;
		font-style: normal;
		font-family: Arial, sans-serif;
		text-align: left;
	}
	#divDetailDivision .fonction {
		display: block;
		font-weight: normal;
		font-size: 10px;
		margin-bottom: 0px;
		margin-left: 15px;
		margin-right: 15%;
		font-family: Arial, sans-serif;
		text-align: left;
	}
	#divDetailDivision .nomprenom {
		font-weight: normal;
		font-size: 12px;
		font-style: normal;
		font-family: Arial, sans-serif;
	}
	#divDetailDivision .nomstruc1 {
		margin-top: 7px;
		margin-left: -19px;
		font-weight: bold;
		font-size: 14px;
		margin-bottom: 0px;
		font-style: normal;
		font-family: Arial, sans-serif;
	}
	#divDetailDivision .nomstruc2 {
		margin-top: 24px;
		font-weight: bold;
		font-size: 14px;
		margin-bottom: 0px;
		font-style: normal;
		font-family: Arial, sans-serif;
	}
	#divDetailDivision .nomstruc3 {
		margin-top: 18px;
		font-weight: bold;
		font-size: 12px;
		margin-bottom: 0px;
		font-style: normal;
		font-family: Arial, sans-serif;
	}
	#divDetailDivision .nomstruc4 {
		margin-top: 12px;
		font-weight: bold;
		font-size: 10px;
		margin-bottom: 0px;
		font-style: normal;
		font-family: Arial, sans-serif;
	}
	#divDetailDivision .niveau1chef {
		margin-top: 24px;
		font-weight: bold;
		font-size: 16px;
		margin-bottom: 0px;
		font-style: normal;
		font-family: Arial, sans-serif
	}
	#divDetailDivision .porte {
		font-weight: normal;
		font-style: normal;
		font-family: Arial, sans-serif;
	}
	#divDetailDivision .poste {
		font-weight: normal;
		font-size: 12px;
		font-style: normal;
		font-family: Arial, sans-serif;
		text-align: right;
	}
	#divDetailDivision .role {
		margin-top: 12px;
		font-weight: normal;
		font-size: 11px;
		font-style: normal;
		font-family: arial, helvetica, sans-serif;
		font-stretch: ultra-expanded;
	}
	#divDetailDivision .sitestruc {
		font-weight: bold;
		font-size: 12px;
		font-style: normal;
		font-family: Arial, sans-serif;
	}
	#divDetailDivision a {
		font-size: 12px;
		font-family: Arial, sans-serif;
		text-decoration: underline;
		color: inherit;
	}
	#divDetailDivision a:hover {
		color: red;
		text-decoration: none;
	}
	#divDetailDivision a.nonsouligne {
		font-size: 10px;
		color: blue;
		font-family: Arial, sans-serif;
	}
	#divDetailDivision body {
		margin: 5px;
		color: #000000;
	}
	#divDetailDivision h1 {
		font-weight: bold;
		font-size: 16px;
		color: #444444;
		font-family: Arial, sans-serif;
		text-align: center;
		text-decoration: none;
	}
	#divDetailDivision h2 {
		font-weight: bold;
		font-size: 14px;
		color: #444444;
		font-family: Arial, sans-serif;
		text-decoration: underline;
	}
	#divDetailDivision h3 {
		margin-top: 12px;
		font-weight: bold;
		font-size: 12px;
		margin-bottom: 0px;
		color: #444444;
		font-family: Arial, sans-serif;
		text-decoration: underline;
	}
	#divDetailDivision h4 {
		font-weight: bold;
		font-size: 16px;
		color: #000000;
		font-family: Arial, sans-serif;
		text-align: center;
		text-decoration: none;
	}
	#divDetailDivision h5 {
		margin-top: 12px;
		font-weight: bold;
		font-size: 12px;
		margin-bottom: 0px;
		color: #000000;
		font-family: Arial, sans-serif;
		text-decoration: underline;
	}
	#divDetailDivision p {
		padding: 0px;
		margin: 0px;
	}
	/* #divDetailDivision p.nomstruc1:first-letter { font-size: 36px;} */
	#divDetailDivision span.persodroit {
		float: right;
	}
	#divDetailDivision table {
		table-layout: auto;
	}
}

@media Print {
	#divDetailDivision .email {
		font-size: 8px;
		text-decoration: none;
	}
	#divDetailDivision .item {
		page-break-inside: avoid;
	}
	#divDetailDivision .porte {
		font-size: 8px;
	}
	#divDetailDivision .role {
		page-break-after: avoid;
	}
	#divDetailDivision a {
		text-decoration: none;
	}
}




#busyMessage {
	background: transparent url(img_annuaire/busy.gif) no-repeat scroll 0;
	margin : 15px;
	padding: 5px 0px 5px 45px;
	text-align: left;
	font-weight: bold;
}

#containerListeSites {
   margin-top : 20px;
}