/* ------------------------------ Wrapper ----------------------------------- */
.cktl_container_principal, .logo {
	width: 95%;
	min-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

.cktl_container_principal {
	color: black;
	background-color: #FFFFFF;
	text-align: center;
	font-size: 11px;
	float: inherit;
	border: 1px solid #4E80C0; /* Wrapper horizontal bleu */
	height: auto;
}

.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;
	background-color: white;
	color: #4E80C0;
}

.cktl_copyright_wrapper_horizontal {
	height: 15px;
	position: relative;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	display: block;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #6699CC;
}

.cktl_copyright_wrapper_horizontal a {
	text-decoration: none;
}

.cktl_accueil_wrapper_horizontal {
	height: auto;
	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;
}

.assistantEtapes {
	width: 150px;
	height: auto;
	margin-top: 50px;
}

.assistantEtapes table {
	height: auto;
	min-height:450px;
	text-align: center;
	width: 100%;
}

.assistantEtapes table tbody tr td {
	margin: 0px 10px;;
}

.assistantContent {
	height: auto;
	padding: 0px;
	background-color: #E4F1FF;
	position: relative;
	flex-grow : 1;
}

.assistantMenu {
	top: inherit;
	height: 38px;
	background-color: white;
	position: relative;
}

.assistantEtapes .etape {
	height: auto; /*height: 30px;*/
	line-height: 30px;
	vertical-align: middle;
	text-align: left;
	padding-left: 20px;
	width: 130px;
}

.assistantEtapes .selected {
	background:url("images/gradient-glossy.png") repeat-x scroll 0 0 transparent;
	color: white;
	background-color: #6699CC;
	font-weight: bold;
}

.assistantEtapes .passed {
	font-weight: bold;
}

.assitantModuleContainer {
	min-height:450px;
	padding:5px;
}

#AssistantFournisseurContainer,
#AssistantPersonneContainer,
#AssistantHebergeContainer,
#AssistantContactsContainer {
	display: flex;
}

#groupeTree .selected {
	font-weight: bold;
	background-color: white;
}

#MultSrchGroupeTree .selected {
	font-weight: bold;
    background-color: white;
}

/* ------------------------- Page d'accueil---------------------------------- */
.logo {
	margin-top: 40px;
	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;
}

.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;
	padding-right: 20px;
}

.recherche div, form {
	display: inline;
}

.col1 {
	flex:1;
	padding: 20px;
}

.col2 {
	flex:1;
	padding: 20px;
}

.col3 {
	flex:1;
	padding: 20px;
/*	min-width:330px;*/
}

.col4 {
	flex:2;
	padding: 2px;
}

.col5 {
	flex:1;
	padding: 2px;
}

.menu li {
	list-style-type: none;
	display: block;
	padding: 5px;
	margin-top: 10px;
	background-color: #6699CC;
	color: white;
	font-weight: bold;
	width: calc(100% - 50px);
}

.menu a {
	color: white;
	display: block;
}

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

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

h3.menuIndividu {
	color : orange;
	border-bottom: 1px solid orange;
}

.menu li.menuCreationIndividu {
	background-color: darkorange;
}

h3.menuCreationIndividu {
	color : darkorange;
	border-bottom: 1px solid darkorange;
}

.menu li.menuAssociation {
	background-color: #FF6347;
}

h3.menuAssociation {
	color : #FF6347;
	border-bottom: 1px solid #FF6347;
}

.menu li.menuNomenclatures {
	background-color: #A52A2A;
}

h3.menuNomenclatures {
	color : #A52A2A;
	border-bottom: 1px solid #A52A2A;
}

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

h3.menuParametres {
	color : #339933;
	border-bottom: 1px solid #339933;
}

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

h3.menuExports {
	color : #20B2AA;
	border-bottom: 1px solid #20B2AA;
}

.menu li.menuGestionDroits {
	background-color: #600C7A;
}

h3.menuGestionDroits {
	color : #600C7A;
	border-bottom: 1px solid #600C7A;
}

.menu li.menuOutils {
	background-color: #2A32A2;
}

h3.menuOutils {
	color : #2A32A2;
	border-bottom: 1px solid #2A32A2;
}

/* -------------------------Page gestion des groupes------------------------- */
#groupeContainer {
	min-height: auto;
}

.messages {
	background-color: #B5EB8D;
	position: absolute;
	left: 400px;
	top: 300px;
	padding: 20px;
}

#groupeContainer h3 {
	margin-bottom: 2px;
}

/* --------------------------------- Tabs ------------------------------------*/
.ajaxTabbedPanel {
	width: auto;
	padding: 10px 0 0 20px;
	margin: 0;
}

.ajaxTabbedPanelTab-selected {
	display: inline;
	padding: 3px 7px 1px 7px;
	background: #ffffff;
	border: 1px solid #c0c0c0;
	border-bottom: 1px solid white;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
}

.ajaxTabbedPanelTab-unselected {
	display: inline;
	padding: 2px 7px 0 7px;
	background: #ffffff;
	border: 1px solid #c0c0c0;
	border-bottom: 0;
	color: #c0c0c0;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
}

.ajaxTabbedPanelTab-selected a {
	font-weight: bold;
	font-size: 12px;
	padding: 6px;
}

.ajaxTabbedPanelTab-unselected a {
	padding: 6px;
	font-size: 12px;
	color: #6699cc;
}

.ajaxTabbedPanelPanes {
	padding-left: 0px;
	margin: 0;
	min-height: 400px;
	overflow: auto;
	border: 1px solid #c0c0c0;
	background-color: white;
}

.ajaxTabbedPanelPane-selected {
	list-style-type: none;
	display: block;
	padding: 10px;
}

.ajaxTabbedPanelPane-unselected {
	list-style-type: none;
	display: none;
}

.tabBox {
	border: 1px solid #c0c0c0;
	height: 400px;
	width: 600px;
	overflow: auto;
}

.ajaxTabbedPanelPanes#TabbedPanelDetailConvention_panecontrol {
  height: 495px;
  overflow: hidden;
  border: none;
}

.ajaxTabbedPanelPanes#TabbedPanelDetailAvenant_panecontrol {
  height: 495px;
  overflow: hidden;
  border: none;
}

.ajaxTabbedPanelPanes#TabbedPanelPartenairesEtContacts_panecontrol {
  height: 475px;
}

.ajaxTabbedPanelPanes#TabbedPanelDetailPartenaire_panecontrol {
  height: 260px;
  min-height: 260px;
}

/* --------------------------------- Pages -----------------------------------*/
#AjoutGroupeModalW_win_content {
	background-color: white;
}

.confirmation {
	text-align: center;
	font-size: smaller;
}

.info {
	font-weight: bold;
	background: #E6EFC2;
	color: #264409;
	border-color: #C6D880;
}

.info a {
	color: #264409;
}

.warning{
	background-color : #FFEAEA;
    background-image : url(img/warning.gif);
    background-position : 10px 10px;
    border : 1px solid rgb(255,0,0);
    font-weight: bold;
}

.warn {
	background: #FFF6BF;
	color: #514721;
	border-color: #FFD324;
}

.warn a {
	color: #514721;
}

.required {
	font-weight: bold;
}

td.label {
	text-align: right;
}

td {
     font-size: 11px;
     position: relative;
}

th {
     font-size: 11px;
     text-align: left;
     font-weight: bold;
}

.obligatoire {
    color: red;
}

.boxTitre {
    color: #4E80C0;
}

.tree .selected {
    background-color: white;
    font-weight: bold;
}

input, select, textarea {
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: normal;
 border: 1px solid;
 border-color: black;
  margin: 2px;
}

/* -------------------------Pages gestion des droits ------------------------- */


.conjonction {
    border: 1px solid white;
    font-weight: bold;
}

.regleComplexe {
    background-color: #E4F1FF;
}

.regleSimple {
    background-color: white;
    padding:5px;
    border-bottom: 1px dotted #ccc;
}

.regleSelected {
    background-color: #4E80C0;
    border:1px solid black; 
}

.labelRegleSelectedLabel {
    color: #4E80C0;
    font-weight: bold;      
}

table.regleSelected {
    color:white;
}

.cktlajaxtableview > div.cktlAjaxTableView_DivHeaderAndBody table.droits tbody tr td {
  border: 0;
}

.droitsWrapper {
    overflow: inherit !important;   
}

.cktlajaxtableview > div.cktlAjaxTableView_DivHeaderAndBody table.droits tbody tr.dernier td {
    border-bottom: 1px dotted #4E80C0;  
}

.cktlajaxtableview>div.cktlAjaxTableView_DivHeaderAndBody table.droits tbody tr:hover {
    color: inherit;
    text-shadow: inherit;
    background-color: none;
}

.newDroit tr td {
    border-top: 1px dotted #4E80C0;    
    background-color: white;    
}

/*-------------------- Page Recherche avancée -------------------*/

fieldset {
    padding: 0 1em 1em;
    border: 1px solid;    
    margin: 1em;
}

fieldset legend {
    padding: 0px 2em 0px 2em;
    font-weight: bold;  
    text-align: left;
    border: 1px solid;
}

/*
/* Mis dans le CktlCommon.css */
.libelleChamp {
	display: block;
	float: left;
	width: 120px;
	text-align: right;
	margin : 4px 5px 0 0;
}
*/

.libelleRadioButton {
	display:block;
	float:left;
	width: 115px;
	margin : 1px 10px 0 5px;
}

.libelleCheckBox {
	display: block;
	float: left;
	width: 120px;
	height: 17px;
	margin : 4px 0 0 5px;
}

.clear {
	clear: both;
}

.centrer {
	display: block;
	text-align: center;
}

.formAligner label {
	text-align: left;
}

hr {
	margin: 5px 0;
}

/*--------------- partie pour les RNE ----------------------------------*/
.etablissement_auto {
	width: 290px;
}

.select2-container .select2-choice {
	height: 18px !important;
	line-height: 18px !important;
}

.select2-container .select2-choice div b, .select2-search-choice-close {
	background-position-y: -4px !important;
}

.cktlAjaxTableView_DivHeaderAndBody input[type="text"] {
	width: 100%;
	position: relative;
	left: -4px;
}

/* --------------------------------------------------------------------------- */
/* Surcharge pour mettre en trait noir les CktlAjaxSelect2Remote */

/*.select2-default, .select2-container .select2-choice {*/
.select2-container .select2-choice {
    color: black !important;
    border: 1px solid black !important;
}

@media print {
  body * {
    visibility: hidden;
  }
  #section-to-print, #section-to-print * {
    visibility: visible;
  }
  
  #section-to-print br,  #section-to-print div, #section-to-print #busyLocal, #section-to-print span, #section-to-print strong {
    visibility: hidden;
  }
  
  #section-to-print {
    position: static;
    left: 0px;
    top: 0px;
  }
  
  h2 {
  	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
  	font-size : 36px;
  }
  
  td {
    font-size: 24px;
  }
  
  th {
    font-size: 24px;
}
}

.tableFlex.wrapper {
  display: flex;  
  flex-flow: row wrap;  
}

.tableFlex > .header {
  flex: 0 0 100%;
  align: center;
  padding-bottom:10px;
  font-size : 20px;
}

.tableFlex > .cell {
  flex: 0 0 15%;
}

.tableDiv {
  display: flex;  
  flex-flow: row wrap;
  text-align:left;
}

.tableDiv > .cellGauche {
  flex: 0 0 35%;
}

.tableDiv > .cellDroite {
  flex: 0 0 65%;	
}


input:disabled {
  cursor: not-allowed;
}