/* ------------------------------ Wrapper ----------------------------------- */
.cktl_container_principal {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	color: black;
	background-color: #FFFFFF;
	text-align: center;
	font-size: 11px;
	float: inherit;
  border: 2px solid orange;
}

.cktl_entete_wrapper_horizontal {
	height: 30px;
	position: relative;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 2em;
	display: block;
	font-weight: bold;
	color: #4E80C0;
	background-color: cornsilk;	
}

.cktl_accueil_wrapper_horizontal {
	width: 800px;
	height: 450px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 0 auto 0 auto;
	padding: 0;
	font-size: 12px;
}

.cktl_accueil_wrapper_horizontal h3 {
	color: #4E80C0;
	text-align: left;
	padding-left: 5px;
	padding-bottom: 2px;
	margin: 0px;
	margin-top: 1px;
	font-size: large;
	border-bottom: 1px solid #4E80C0;
}

.cktl_copyright_wrapper_horizontal {
	height: 15px;
	position: relative;
	font-size: 8pt;
	display: block;
	color: #000;
	font-weight: normal;
  background-color: #F7D793;
  border-top: 2px solid sandybrown;
  font-weight: bold;
}


/* ------------------------- Page d'accueil---------------------------------- */
.logo {
	margin-left: auto;
	margin-right: auto;
	/*margin-top: 40px;*/
	width: 980px;
	z-index: 1;
	font-size: 12px;
}

.logo h1 {
	font: bold 42px "Lucida Grande";
	position: relative;
	color: #4E80C0;
	margin: 0;
	padding: 0;
}

.logo h1 .gloss {
	background: url(images/gradient-glossy.png) repeat-x;
	position: absolute;
	display: block;
	width: 100%;
	height: 31px;
}

.logo h1 .orange {
	color: orange;
}

.signature {
	font-size: 12px;
	color: #4E80C0;
}

.logolink {
	
}

.barrehaut {
	padding-left: 10px;
	padding-top: 2px;
	font-size: 14px;
	z-index: 2;
	border-bottom: 1px solid #4E80C0;
}

.barrehaut h2 {
	margin: 0;
	padding: 0;
}

.recherche {
	color: #4E80C0;
	text-align: right;
	/*display: inline; */
}

.recherche div, form {
	margin: 15px 0 15px 0;
	display: inline;
}

.col1 {
	float: left;
	width: 390px;
	margin-right: 20px;
	margin-top: 20px;
}

.col2 {
	float: left;
	width: 390px;
	margin-top: 20px;
}


.menu a {
	color: blue;
	display: block;
	font-size: 11px;
}

.menu .disabled {
	background-color: #e1e1e1;
}

.menu li.menuIndividu {
	background-color: orange;
}

.menu li.menuParametres {
	background-color: #339933;
}

.menu li.menuExports {
	background-color: #20B2AA;
}

.menu ul a {
	color: blue;
	display: block;
	border-collapse: collapse;
}

.menu li {
	background-color: cornsilk;
	border: 1px solid #000;
	display: block;
	font-weight: bold;
	font-size: 12px;
	float: left;
	list-style-type: none;
	padding: 3px;
	width: 9%;
}

/* ------------------------- Dossier Agent---------------------------------- */

#ContainerDossierAgent {
	margin-top: 15px;
}

#FormMenuAgent .tabs {
    display: flex;
    margin-top: 15px;
}

#FormMenuAgent .tabs .tab {
	display: flex;
    width: 100%;
}

#FormMenuAgent .tabs .tab label {
    width: 100%;
}

#FormMenuAgent .tabs .tab input {
    display: none;
}

#FormMenuAgent .tabs .tab label {
    white-space: nowrap;
}

#FormMenuAgent .tabs .tab input:hover + label {
    background: #a1cbdf;
}

#FormMenuAgent .tabs .tab input + label {
    display: inline-block;
    border: 1px solid #999;
    background: #EEE;
    padding: 4px 12px;
    border-radius: 4px 4px 0 0;
    position: relative;
    top: 1px;
}

#FormMenuAgent .tabs .tab input:checked + label {
    background-color: white;
    border-bottom: transparent;
}

#FormDemandeEtatValidation {
	display: flex;
	justify-content: center;
}

/* --------------------------------------------------------------------------- */
/* Réduction de la taille des fontes dans les table views */

.cktlajaxtableview td {
	font-size: 11px;
}

/* tmp gestion des droits */
.agent {
	background-image: url("../images/16x16/001_55_16x16.png");
}

.groupe {
	background-image: url("images/16x16/001_57_16x16.png");
}


/* --------------------------------------------------------------------------- */
/* TMP : rappatrier les quelques classes utilisées dans assa.css */


/* "Boites" des formulaires */
.boxTitle {
	background-color: #708FBE;
	background: #708FBE;
}
.boxBorder {
	background-color: #CFD9E5;
	background: #CFD9E5;
	border: #CFD9E5;
}
.boxContents {
	background-color: #F1F6FC;
	background: #F1F6FC;
}
/* Listes */
.listboxBorder {
	background-color: #708FBE;
	background: #708FBE;
	/*color: #708FBE;*/
	border: #708FBE;
}
.listboxHeader {
	background-color: #D0DEEC;
	background: #D0DEEC;
}
.listboxLine, .listboxLineEven {
	background-color: #F1F6FC;
	background: #F1F6FC;
}
.listboxLineOdd {
	background-color: #FCFCF1;
	background: #FCFCF1;
}
/* Boites de text, messages normales */
.textBox {
	background: #FCFCF1;
	border-style: solid;
	border-width: 1px;
	border-color: #FCFCF1;
	border: 1px solid #FCFCF1;
	background-color: #FCFCF1;
}
.textBoxBorder {
	background-color: #CFD9E5;
	background: #CFD9E5;
	border: #CFD9E5;
}
.textBoxContent {
	background-color: #FCFCF1;
	background: #FCFCF1;
}
/* "Boites" des remarques/resumes */
.noteBox {
	background: #F8F8F8;
	border-style: solid;
	border-width: 1px;
	border-color: Gray;
	border: 1px solid Gray;
	background-color: #F8F8F8;
	padding: 1px 1px 1px;
}
.noteBoxBorder {
	background-color: Gray;
	background: Gray;
	border: Gray;
}
.noteBoxContents {
	background-color: #F8F8F8;
	background: #F8F8F8;
}

.gras {
	font-weight: bold;
}

/***********/
/* ACCUEIL */
/***********/

.ulAccueil {
	font-size: 12px;
	font-weight: bold;
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

.ulAccueil li {
	margin-bottom: 10;
}

.ulAccueil li ul li {
	font-size: 12px;
	font-weight: normal;
	margin-left: -15;
	padding-left: 0;
	margin-bottom: 0;
	list-style: circle;
}


/***************************/
/* DETAIL D'UNE OCCUPATION */
/***************************/


.ulDetailOcc {
    font-size: 12px;
    font-weight: bold;
    list-style: none outside none;
    margin-left: 0;
    padding-left: 0;
}
.ulDetailOcc li {
    margin-bottom: 10px;
    margin-left: 5px;
}
.ulDetailOcc li ul li {
    font-size: 12px;
    font-weight: normal;
    list-style: circle outside none;
    margin-bottom: 0;
    margin-left: -15px;
    padding-left: 0;
}

/**************************************************/
/* Classes pour la liste déroulante des individus */
/**************************************************/
.individusAuto {
	width: 300px;
}

.individusAuto180 {
	width: 180px;
}

/**************************************************/
/* Accréditations */
/**************************************************/
#FormFiltres label {
	display: flex;
	align-items: center;
}
#FormFiltres b {
	display: flex;
	align-items: center;
}
#TableViewGestionDroit_table tr{
	margin-top: 20px !important;
}
.filterLineTitulaire, .filterLineCible {
	display: flex;
}
.filterLineTitulaire{
	height: 34px;
}
.filterLineServicesFermes label{
	font-style: italic;
	font-size: 9px;
	
}
.cibleLigne{
	display: flex;
	align-items : center;
}
.strDateFermeture {
	font-style: italic;
    font-weight: bold;
	
}

/**************************************************/
/* Teletravail */
/**************************************************/

.enTeteTableTeletravail{
	display: flex;
    justify-content: end;
    margin-top: 15px;
} 


.enTeteTableTeletravail .cktl_button_base_content{
	display: flex;
	align-items: center;
}

/**************************************************/
/* Préférences utilisateur */
/**************************************************/

.prefUtilisateurs ul  {
	list-style-type: none;
	margin-top: 50px;
}

.suiviNavigation {
	display: flex;
	flex-direction: column;
	justify-content : center;
}

.suiviNavigation h3, .suiviNavigation p{
	display: flex;
	justify-content : center;
}

.suiviNavigation p{
	margin-top: 0;
	margin-bottom: 20px;
}

.suiviNavigation h3{
	margin-top: 50px;
	margin-bottom: 10px;
}