/*html*/
.text16 {
	font-size: 16px !important;
}

/*Javascript off*/

.info {
	position: relative;
	left: -7px;
	float: left;
	width: 76.5em;
	margin: 0 0 1.3em 1.3em;
}

.info_top {
	float: left;
	position: relative;
	left: 0.5%;
	float: left;
	width: 99%;
	height: 5px;
	background: #c4e9ff;
}

.info_tl {
	position: absolute;
	left: -0.5%;
	display: block;
	width: 15px;
	height: 5px;
	background: url('../images/info_tl.png') repeat-x top left;
}

.info_tr {
	position: absolute;
	right: -0.5%;
	display: block;
	width: 15px;
	height: 5px;
	background: url('../images/info_tr.png') repeat-x top right;
}

.info_bot {
	float: left;
	position: relative;
	left: 0.5%;
	float: left;
	width: 99%;
	height: 5px;
	background: #c4e9ff;
}

.info_bl {
	position: absolute;
	left: -0.5%;
	display: block;
	width: 15px;
	height: 5px;
	background: url('../images/info_bl.png') repeat-x top left;
}

.info_br {
	position: absolute;
	right: -0.5%;
	display: block;
	width: 15px;
	height: 5px;
	background: url('../images/info_br.png') repeat-x top right;
}

.infobox,.infocollapse {
	float: left;
	width: 70em;
	padding: 1em 1em 0 5.5em;
	background: #c4e9ff;
	color: #333;
}

.i_error .infobox {
	background: #c4e9ff url('../images/i_error.gif') no-repeat 12px 7px;
}

.i_info .infobox {
	background: #c4e9ff url('../images/i_info.gif') no-repeat 12px 7px;
}

/*Login: message d'erreur*/

.u-form div.u-form-send-error {
  display: block !important;
  position: absolute !important;
  bottom: -125px !important;
  left: 0px !important;
  width: 100% !important;
  text-align: center !important;
  color: #fff !important;
  background-color: #F95D51 !important;
  padding: 10px 0px 10px 0px !important;
  border: none !important;
}

.u-form div.u-form-send-success {
  display: block !important;
  position: absolute !important;
  bottom: -125px !important;
  left: 0px !important;
  width: 100% !important;
  text-align: center !important;
  color: #fff !important;
  background-color: #62C584 !important;
  padding: 10px 0px 10px 0px !important;
  border: none !important;
}

.u-success {
  color: #fff;
  background-color: #62C584;
  text-align: center;
  padding: 10px 0px 10px 0px;
  border: none;
  transition-duration: 6s;
  transition-property: margin-right;
}

.u-error {
  color: #fff;
  background-color: #F95D51;
  text-align: center;
  padding: 10px 0px 10px 0px;
  border: none;
  transition-duration: 6s;
  transition-property: margin-right;
}


/*Message: information*/

.u-message-success {
  color: #fff;
  background-color: #62C584;
  text-align: left;
  padding: 10px 10px 10px 10px;
  border: none;
}

.u-message-defilement {
  color: #fff;
  background-color: #FFA500;
  text-align: left;
  padding: 10px 10px 10px 10px;
  border: none;
}

.u-message-error {
  color: #fff;
  background-color: #F95D51;
  text-align: left;
  padding: 10px 10px 10px 10px;
  border: none;
}

/*Menu administration*/

.menu_admin {
	margin-top: 0px;
	color: #ffffff !important;
}

.menu_admin ul:not(.u-unstyled){
	color: #ffffff !important;
	margin-top: 0px !important;
}

.menu_admin a{
	text-decoration: none;
	overflow: hidden;
	color : #ffffff !important;
}

.menu_admin a:hover{
	font-weight: 900;
/*	color: #36b1e1;*/
	color: #c6956c;
}

.menu_page {
	font-size: 1.0em;
	font-weight: 900;
	line-height: 0.0em;
/*	padding: 0 0 0 10px;*/
}

.list_page {
	font-size: 1.0em;
	font-weight: 600;
	line-height: 1.0em;
	margin-left: 0px !important;
}

/*Menu ai*/

.ai-dark {
	color: #333333 !important;
}

.u-section-8 {
  background-image: none;
  min-height: fit-content !important;
}

.u-section-8 .u-layout-cell-1 {
  min-height: fit-content !important;
}

.u-section-8 .u-layout-cell-3 {
  min-height: fit-content !important;
  background-image: none;
}

/*Bouton bleu foncé*/

.bouton_submit {
	color: #ffffff !important;
	background-color: #2544b8 !important;
	font-weight: normal;
	text-transform: none;
	border-color: transparent !important;
	margin-top: 1px;
	margin-bottom: 1px;
	position: relative;
	border-radius: 50px;
	border-top-style: none;
	border-left-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-width: 0 !important;
	display: inline-block;
	transition-property: background-color, color, border-color;
	cursor: pointer;
	padding: 10px 30px;
}

.bouton_submit:hover {
	background-color: #c6956c !important;
}

.bouton_submit[disabled] {
	background-color: #F95D51 !important;
	cursor: not-allowed;
}

/* image */
.image_texte {
	margin: 30px 10px 10px 0;
}

/*Formulaire*/

.editpage-form {
	padding: 10px;
}

@media (min-width: 2400px) {
  .editpage-form {
    width: calc(2400px - 600px);
  }
}

@media (min-width: 2200px) and (max-width: 2399px) {
  .editpage-form {
    width: calc(2200px - 500px);
  }
}

@media (min-width: 1900px) and (max-width: 2199px) {
  .editpage-form {
    width: calc(1900px - 450px);
  }
}

@media (min-width: 1450px) and (max-width: 1899px) {
  .editpage-form {
    width: calc(1450px - 350px);
  }
}

@media (min-width: 1200px) and (max-width: 1449px) {
  .editpage-form {
    width: calc(1200px - 300px);
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .editpage-form {
    width: calc(992px - 250px);
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .editpage-form {
    width: calc(768px - 190px);
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .editpage-form {
    width: 540px;
  }
}

@media (max-width: 575px) {
  .editpage-form {
    width: 340px;
  }
}


.editpage-form>div>input {
	display: block;
}

.editpage-form>input[type="submit"] {
	display: block;
	padding: 10px;
	margin-bottom: 10px;
}

.editpage-form label.advanced {
	background-color: #FFEEEE;
}

.editpage-form-help {
	font-size: 0.9em;
	color: #808080;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 13px;
}

@media (min-width: 2400px) {
  .editpage-form-element {
    width: calc(2350px - 600px);
  }
}

@media (min-width: 2200px) and (max-width: 2399px) {
  .editpage-form-element {
    width: calc(2150px - 500px);
  }
}

@media (min-width: 1900px) and (max-width: 2199px) {
  .editpage-form-element {
    width: calc(1850px - 450px);
  }
}

@media (min-width: 1450px) and (max-width: 1899px) {
  .editpage-form-element {
    width: calc(1400px - 350px);
  }
}

@media (min-width: 1200px) and (max-width: 1449px) {
  .editpage-form-element {
    width: calc(1150px - 300px);
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .editpage-form-element {
    width: calc(942px - 250px);
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .editpage-form-element {
    width: calc(718px - 190px);
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .editpage-form-element {
    width: 490px;
  }
}

@media (max-width: 575px) {
  .editpage-form-element {
    width: 290px;
  }
}

@media (min-width: 2400px) {
  .editpage-form-element-court {
    width: calc(2320px - 600px);
  }
}

@media (min-width: 2200px) and (max-width: 2399px) {
  .editpage-form-element-court {
    width: calc(2120px - 500px);
  }
}

@media (min-width: 1900px) and (max-width: 2199px) {
  .editpage-form-element-court {
    width: calc(1820px - 450px);
  }
}

@media (min-width: 1450px) and (max-width: 1899px) {
  .editpage-form-element-court {
    width: calc(1370px - 350px);
  }
}

@media (min-width: 1200px) and (max-width: 1449px) {
  .editpage-form-element-court {
    width: calc(1120px - 300px);
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .editpage-form-element-court {
    width: calc(912px - 250px);
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .editpage-form-element-court {
    width: calc(688px - 190px);
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .editpage-form-element-court {
    width: 460px;
  }
}

@media (max-width: 575px) {
  .editpage-form-element-court {
    width: 260px;
  }
}

.editpage-form-element-ajoutemail {
  width: 260px;
}

.editpage {
	color: #111111 !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.edit-modif {
}

.edit-modif:hover {
	color: #51bdec;
}

.editpage-form-p {
	line-height: 2em;
	font-weight: bold;
	font-size: 1em;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 13px;
}

.headerpage-form {
	display: block;
	border: 1px solid #D0D0D0;
	padding: 10px;
	width: 700px;
}

.headerpage-form>div {
	display: block;
	padding: 4px;
	border: 1px dotted #F0F0F0;
	background-color: #F8F8F8;
	margin-bottom: 10px;
}

.headerpage-form {
	display: block;
	vertical-align: middle;
}

.headerpage-form>div>input {
	display: block;
}

.headerpage-form>input[type="submit"] {
	display: block;
	padding: 10px;
	margin-bottom: 10px;
}

.headerpage-form label.advanced {
	background-color: #FFEEEE;
}

.headerpage-form-help {
	font-size: 0.9em;
	color: #808080;
}

.list-group-item {
	line-height: 1.5em;
	margin-bottom: 20px;
}

.list-group-item:hover {
	z-index: 0;
}

.tinted {
	background-color: #fff6b2;
}

.grisfonce {
	background-color: #DDDDDD;
}

.textred {
    border: dotted red;
}


/*sitemap*/

#sitemap p{
	background: url(../images/treeview-red-line.gif) 0 0 no-repeat;
	padding: 0 0 0 19px;
	background-color: #fff6b2;
}

/*show password*/
.toggle-password-eye {
    float: right;
    top: -35px;
    right: 20px;
    position: relative;
    cursor: pointer;
    color: #808080;
}

/*codemirror -> className: "highlightcodemirror" */
.highlightcodemirror {
  background-color: yellow;
}

/*cartouche*/

/* CSS pour le conteneur des mots-clés */
.keywords-container {
  display: flex; /* Pour que les éléments se suivent sur une même ligne */
  flex-wrap: wrap; /* Pour permettre à la ligne de se casser si nécessaire */
  gap: 10px; /* Espacement entre les cartouches */
  padding-left: 10px;
}

/* CSS pour les cartouches (mots-clés) */
.keyword {
  background-color: #f0f0f0; /* Couleur de fond claire */
  border: 1px solid #ccc; /* Bordure fine et grise */
  border-radius: 20px; /* Coins arrondis */
  padding: 5px 15px; /* Espace interne (padding) */
  font-size: 14px; /* Taille du texte */
  color: blue; /* Couleur du texte */
  display: inline-block; /* Pour maintenir les cartouches en ligne */
  white-space: nowrap; /* Empêche les mots de se couper en plusieurs lignes */
}

/*AG Grid*/

.ag-theme-quartz {
    --ag-header-background-color: #2544B8 !important;
    --ag-header-foreground-color: #181D1F !important;
    --ag-header-font-size: 14px !important;
    --ag-header-cell-moving-background-color: #616be8 !important;
    --ag-header-column-resize-handle-color: #FFFFFF !important;
    --ag-header-row-color: #FFFFFF !important;
    --ag-header-cell-border-bottom: 10px solid #DADADA !important;

    --ag-row-border-color: #DADADA !important;
    --ag-row-hover-color: #80e3ec !important;
    --ag-row-border-bottom: 10px solid #DADADA !important;
    
    --ag-font-family: "Roboto", sans-serif !important;
    
    --ag-accent-color: #2544B8 !important;
    
    --ag-icon-font-color-filter: #FFFFFF;
    --ag-icon-font-color-asc: #FFFFFF;
    --ag-icon-font-color-desc: #FFFFFF;
}

.ag-theme-quartz .ag-header-row {
    color: #FFFFFF !important;
}

/*.ag-theme-quartz .ag-header-cell {
    border-bottom: 10px solid #DADADA !important;
}

.ag-theme-quartz .ag-row {
    border-bottom: 10px solid #DADADA !important;
}

*/

.ag-theme-quartz .grid-cell-centered {
  text-align: center !important;
}