/* +--------------------------------------------------------------------------+
// � 2002-2007 PMB Services / www.sigb.net pmb@sigb.net et contributeurs (voir www.sigb.net)
// +-------------------------------------------------+
// $Id: layout.css,v 1.75 2020/06/22 07:28:31 dgoron Exp $
*/


body {
	/* position: relative;*/
	background: #AFBFDF ;	
	margin:0;
	padding:0;
	color:#000;
	font:x-small/1.5em Verdana,Georgia,Sans Serif;
	voice-family: "\"}\""; voice-family:inherit;
	font-size:small;
	} 

input, select{
	font-family:Verdana,Georgia,Sans Serif;
}	
	
html>body {
	font-size:small;
	}

#navbar {
	position: absolute;
	top: 0;
	float:left;
	width:100%;
	background:#dae0d2 repeat-x bottom url("BG.gif");
	font-size:93%;
	line-height:normal;
	z-index:10;
	}

#navbar h3 {
	display: none;
	}


#navbar ul {
	margin:0;
	padding:10px 10px 0;
	list-style:none;
	}
	
#navbar li {
	float:left;
	background:url("left_both.gif") no-repeat left top;
	margin:0;
	padding:0px 0px 0 14px;
	border-bottom:1px solid #765;
	}
	
#navbar a {
	float:left;
	display:block;
	width:.1em;
	background:url("right_both.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
	text-decoration:none;
	font-weight:semibold;
	color: #000;
	}
	
#navbar > ul a {
	width:auto;
	}
    
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navbar a {
	float:none;
	}
	/* End IE5-Mac hack */

#navbar a:hover {
	color:#FFFF;
	}

#home #nav-home, #news #nav-news,
#products #nav-products, #about #nav-about,
#contact #nav-contact {
	background-position:0 -150px;
	border-width:0;
	}

#home #nav-home a, #news #nav-news a,
#products #nav-products a, #about #nav-about a,
#contact #nav-contact a, #catalogue #nav-catalogue a {
	background-position:100% -150px;
	padding-bottom:5px;
	color:#000;
	}

#navbar .current {
	background-position:0 -150px;
	border-width:0;
	}

#navbar .current a {
	background-position:100% -150px;
	padding-bottom:5px;
	color: #000;
	}

#navbar li:hover, #header li:hover a {
	background-position:0% -150px;
	color:#000;
	}

#navbar li:hover a {
	background-position:100% -150px;
	}


/* Menu *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- */
#menu {
	position: absolute;
	top: 10;
	left: 0;
	width: 12.5em;
	text-align: left;
	margin-left: 7px;
	padding: 0em;
	}

#menu ul {
	background: #AFBFDF no-repeat bottom left /* url(books_ul.gif) */ ;
	margin-top: -8px;
	margin-bottom: 10px;
	margin-left: -12px;
	margin-right: 0px;
	padding: 0px;
	}

#menu li {
	text-transform: lowercase;
	list-style-type: none;
	font-family: Verdana,Helvetica, Georgia,Sans Serif;
	/* font-weight:bold; */
	background: transparent url(books_li.gif) no-repeat center left;
	margin: 0px 0 0 10px;
	display: block;
	padding-bottom: 1px;
	padding-left: 15px;
	color :#000;
	}

#menu ul li a {
	font-size: 8pt;
	text-decoration: none;
	}

#menu ul li a:hover,visited {
	text-decoration: underline;
	}

#menu h3 {
	padding: 0 0 0 0;
	margin : 1px 0px 6px -1px ;
	font-family: Verdana,Helvetica, Georgia,Sans Serif;
	font-size:10pt;
	letter-spacing:0em;
	}
/* /Menu *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- */

/*    MENU : #menu_horizontal    */
	.hmenu span{
		padding:0 5px;
   	}

/*    MENU : #menu_vertical    */
	.vmenu span{
		display:block;
   	}
	/* General. setpref sert lors de l'enregistrement des preferences de disposition du menu. */
	#menu h3.setpref{background:#bbdd99;}

/* Contenu	*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- */
#contenu {
	position: absolute;
	top: 50;
	right: 20px;
	left: 12em;
	/*width: 79%;*/
	}

#contenu a {
	text-decoration: underline;
	font-size: 10pt;
	color: #486a05;
	}

		#contenu .hidelink a:link		{ text-decoration: none; }
		#contenu .hidelink a:visited	{ text-decoration: none; }
/*
		#contenu .hidelink a:hover		{ text-decoration: underline; }
*/
		/* utilis� pour les paniers : c'est un tag img avec un javascript onmousedown (pas un tag a) */
		#contenu .hidelink img			{ cursor: pointer; }
     

#contenu a:visited {
	text-decoration: underline;
	color: #486a05;
	}

#contenu a:hover {
	text-decoration: underline;
	color: #A84a65;
	}

#contenu label {
	font-family: Verdana,Helvetica, Georgia,Sans Serif;
	font-size: 10pt;
	font-weight: bold;
	}

/* /Contenu *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- */

/* Contenu-frame *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- */
#contenu-frame {
	position: absolute;
	top: 0;
	right: 0;
	left: 0em;
	width: 99%;
	}

#contenu-frame a {
	text-decoration: underline;
	font-size: 10pt;
	color: #486a05;	
	}

#contenu-frame a:visited {
	text-decoration: underline;
	color: #486a05;
	}

#contenu-frame a:hover {
	text-decoration: underline;
	color: #A84a65;
	font-size: 10pt;
	}

#contenu-frame h1 {
	color : #452;
	padding-top: .5em;
	font-family: Verdana,Helvetica, Georgia,Sans Serif;
	font-size: 13pt;
	/*border-bottom: 1px dotted #684;*/
	}

#contenu-frame h2 {
	color : #452;
	font-family: Verdana,Helvetica, Georgia,Sans Serif;
	font-size: 12pt;
	/*border-bottom: 1px dotted #b8da75;*/
	}
	
#contenu_frame TABLE {
	border:none;
}

#contenu_frame TD {
	border:none;
}

#contenu_frame .notice-child {
	border:none;
}
/* /Contenu-frame *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- */

/* D�connexion *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- */
#deconnexion a {
	color: #f00;
	}

#extra {
	position: absolute;
	top: 0;
	right: 0;
	color: #000;
	text-transform: lowercase;
	z-index: 100;
	}

#extra a {
	color: #000;
	}

#extra a:hover {
	text-decoration: none;
	}
/* /D�connexion *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- */



/* Forms *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- */
form {
	background-color: #BD9;
	width: 98%;
	padding: 5px;
	margin: 0px auto;
	}

.form-contenu {
	/*background-color: #684;*/
	border-top: 3px solid #684;
	border-bottom: 3px solid #684;
	border-left: 0px dotted #684;
	border-right: 0px dotted #684;
	padding: 2.5em;
	margin-bottom: 1em;
	padding-bottom: 1em;
	padding-top: 1em;
	}

form a {
	color: #000;
	font-style: italic;
	text-decoration: none;
	}

form a:hover {
	text-decoration: underline;
	}

/* formulaire de retour de document */
.form-retour-expl {
background: #990000;
color: #AFBFDF;
}
.form-retour-expl h3 {
color: #AFBFDF;
}

select option,
select {
	text-transform: lowercase;
	font-weight: bold;
	}

/* /forms *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- */

/*------------------------------------
/*	tableaux
/------------------------------------*/
table {
	width: 100%;
	/* background: #AFBFDF; */
	border-collapse: collapse;
	border-left: 3px solid #7792C9;
	border-top: 3px solid #7792C9;
	border-right: 1px solid #7792C9;
	border-bottom: 1px solid #7792C9;
	}

tr {
	font-style: normal;
}

td {
	}

tr.even {
	background: #E0E5EE;
	}

tr.odd {
	}

tr.surbrillance {
	background: #CCFFCC;
}
	
tr.justmodified {
	background-color: #486A05;
	color: #ffffff;
	font-weight: bold;
}
	
	
/* /tableaux *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- */

.expl-list {
	width: 90%;
	align: left;
	}
hr {
	width:96%;
	height: 0;
	color: #AFBFDF;
	margin: 0;
	padding: 0;
	/*border-bottom: 1px solid #000;*/
	}


#contenu h1 {
	color : #452;
	padding-top: .5em;
	font-family: Verdana,Helvetica, Georgia,Sans Serif;
	font-size: 13pt;
	/*border-bottom: 1px dotted #684;*/
	}

#contenu h2 {
	color : #452;
	font-family: Verdana,Helvetica, Georgia,Sans Serif;
	font-size: 12pt;
	/*border-bottom: 1px dotted #684;*/
	}

#image_recherche {
	position: absolute;
	top: 23px;
	left:14em;
	/*background: url("loupe.gif") repeat left bottom;*/
	padding: 5px;
	margin: 0px auto;
	width: 60px;
	height:70px;
	z-index:25;
	}


#footer {
	display: none;
	float: right;
	padding: 0;
	margin: 0;
	z-index: 0;
	}

#footer span,
#footer span a {
	font-family: Verdana,Helvetica, Georgia,Sans Serif;
	color:#684;
	font-size:10pt;
	padding : 10px 0 0 5px;
	margin: 0 0 0 10px;
	}
	
#footer a {
	text-decoration: none;
	}

#logo {
	position: absolute;
	bottom: 0;
	left: -60px;
	/*background: transparent no-repeat bottom right url("books_small.gif");*/
	padding: 5px;
	margin: 0px auto;
	width: 200px;
	height:150px;
	z-index: 0;
	}

#logo span {
	display:none;
	}

#conteneur {
	position: absolute;
	top: 3em;
	width: 100%;
	z-index:10;
	}
	
#conteneur a {
	text-decoration: underline;
	font-size: 10pt;
	color: #486a05;
	/* padding-left: 10px; */
	}

#conteneur a:visited {
	color: #486a05;
	}

#conteneur a:hover {
	color: #A84a65;
	}

img {
	border: 0;
	vertical-align: middle;
}

/***********************
 *	Classes g�n�riques
 ***********************/
.col {
	float: left;
	width: 100%;
	padding: 1em;
	margin: 1em;
	}

.erreur {
	color: #f00;
	font-weight: bold;
	font-size: 16px;
}

.erreur-child
{
	display:block;
	margin-left: 12%;
    padding:0;
    color:#000;
    font-weight:normal;
}	

.hide {
	display: none;
	}

.aide {
	cursor: help;
	}

.astuce {
	font-family: Verdana,Helvetica, Georgia,Sans Serif;
	font-size: 10pt;
	margin-top: 1em;
	}

.bool {
	font-family: fixed;
	font-weight: bold;
	}

.row {
	clear: both; 
	}

.row a {
	text-decoration: underline;
	color: #486a05;
	}

.row a:visited {
	text-decoration: underline;
	color: #486a05;
	}

.row a:hover {
	text-decoration: underline;
	color: #A84a65;
	}

.row img {
	display: inline;
	}

/* pour les champs en readonly, avec bouton parcourir */
.saisie-5emr,
.saisie-10emr,
.saisie-15emr,
.saisie-20emr,
.saisie-30emr,
.saisie-50emr,
.saisie-80emr
{
	background-color: #DFB;
	border: 1px solid #684;
	}

/* pour les champs non modifiables */
.saisie-5emd,
.saisie-10emd,
.saisie-15emd,
.saisie-20emd,
.saisie-30emd,
.saisie-50emd,
.saisie-80emd
{	background-color:transparent;
	border-color:transparent;
	border-width:0;
}

.spacer
{
	clear: both;
	visibility: hidden;
	display: none;
	margin-bottom: -10px;
	margin-top: -10px;
}

.saisie-contenu
{
	padding-left: 12px;
	padding-top: .3em;
	margin-top: .2em;
}

input.bouton {
	color: #fff;
	font-weight: bold;
	border: 2px outset #fff;
	background-color: #685;
	cursor:pointer;
	}

input.bouton:hover {
	border-width: 2px;
	border-style: inset;
	background-color: #98ba55;
	}

#login-box
{
	margin: 3em;
	padding-right: 0;
	margin-right: 0;
	padding-left: 15%;
	width: 50%;
}


h3
{
	clear: both;
	display: block;
	margin-bottom: 1px;
	margin-top: 1px;
	padding-bottom: 1px;
	padding-top: 1px;
}

.notice-perio
{
	border-top: 1px solid #684;
	border-bottom: 1px solid #684;
	border-left: 1px solid #684;
	border-right: 1px solid #684;
	padding: 1em;
	margin-bottom: 1em;
	margin-top: 1em;
}

.bulletins-perio, .elts-list-tabs
{
	border-top: 1px solid #684;
	border-bottom: 1px solid #684;
	border-left: 1px solid #684;
	border-right: 1px solid #684;
	padding: 1em;
	margin-bottom: 1em;
	margin-top: 1em;
}

.bulletins-perio h2 blockquote {
		font-size:0.8em;
		font-weight: normal;
}	

.exemplaires-perio
{
	border-top: 1px solid #684;
	border-bottom: 1px solid #684;
	border-left: 1px solid #684;
	border-right: 1px solid #684;
	padding: 1em;
	margin-bottom: 1em;
	margin-top: 1em;
}
.depouillements-perio
{
	border-top: 1px solid #684;
	border-bottom: 1px solid #684;
	border-left: 1px solid #684;
	border-right: 1px solid #684;
	padding: 1em;
	margin-bottom: 1em;
	margin-top: 1em;
}
.msg-perio {
	font-size: 150%;
	font-weight: bold;
	color: #f00;	
}
/* barre fl�ch�e en p�rio */
.perio-barre {
	font-size: 120%;
	font-weight: bold;
}

/* classes pour l'affichage de liste d�pliantes en r�sultat de recherche */
.notice-heada {
	font-family: Verdana,Helvetica, Georgia,Sans Serif;
	text-decoration: none;
	font-size: 10pt;
	font-weight: bold;
	}
.notice-parent {
	font-family: Verdana,Helvetica, Georgia,Sans Serif;
	color: #000000;
	margin-left: 0px;
	font-size: 8pt;
	text-decoration: none
	}
.notice-child {
	font-family: Verdana,Helvetica, Georgia,Sans Serif;
	font-size: 9pt;
	margin-left: 10px;
	margin-bottom: 10px;
	width: 98%;
	padding-left: 4px;
	padding-right: 4px;
	text-align: justify;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #c0c0c0;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #c0c0c0;
	border-right-style: none;
	border-top-style: none;
	}
	
.notice-child table td img.img_notice {
    max-width: 140px;
	max-height: 200px;
	width: expression(this.width > 140 ? "140px" : true);
	height: expression(this.height > 200 ? "200px" : true);
}

table td .img_notice {
    max-width: 140px;
	max-height: 200px;
	width: expression(this.width > 140 ? "140px" : true);
	height: expression(this.height > 200 ? "200px" : true);
}

.notice-bu {
	margin-top: 0px;
	background-color: transparent;
	border-style: none;
}

/* classes pour l'affichage de liste d�pliantes en formulaire de saisie de notice */
.heada {
		font-size: 10pt;
		font-weight: bold;
		}
.parent {
	color: #000000;
	margin-left: 0px;
	font-size: 8pt;
	text-decoration: none
	}
.child {
	margin-left: 30px;
	}
.bu {
	margin-top: 15px;
	}

#el0Parent h3, 
#el1Parent h3,
#el2Parent h3,
#el3Parent h3,
#el230Parent h3,
#el4Parent h3,
#el5Parent h3,
#el6Parent h3,
#el7Parent h3,
#el8Parent h3,
#el9Parent h3,
#el10Parent h3,
#el11Parent h3,
#el30Parent h3,
#el41Parent h3,
#elbulParent h3,
#el14Parent h3  {
	font-size: 11pt;
	margin-bottom: 0px;
	margin-top: -1px;
	}

.titre-panier
{
	border-top: 1px solid #684;
	border-bottom: 1px solid #684;
	border-left: 1px solid #684;
	border-right: 1px solid #684;
	padding: 1em;
	margin-bottom: 1em;
	margin-top: 1em;
}

.table-no-border {
	border: none;
	}

table.docnum
{
	background: none;
	border-collapse: collapse;
	border-right: 0px ;
	border-left: 0px ;
	border-top: 0px ;
	border-bottom: 0px ;
	width: 98%;
}

td.docnum
{
	border-bottom: 0px solid #5450FF;
	border-top: 0px solid #5450FF;
	text-align: center;
}


.fond-mere {
	background-color: #4f72ff;
	}

.fond-article {
	background-color: #68df00;
	}


@media screen {
iframe#alerte
	{
	visibility:visible;position:absolute;left:0;top:600px;width:150px;border-style:none;border-width:0px;border-color:#000000;background:#EEEEEE;
	}
}


/* pour l'impression, des styles sont masqu�s*/
@media print {
  #conteneur 	{
		position: relative;
		clear:both;
		}

  #navbar
	{ display: none; }
  #menu
	{ display: none;}
  #contenu
	{
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	width: 100%;
		}
  /*	Contenu	frame*/
  #contenu-frame {
	position: absolute;
	top: 0;
	right: 0;
	left: 0em;
	width: 100%;
	}


  /*	Menu	*/
  #deconnexion 
	{ display: none; }
  #extra
	{ display: none; }
  .bouton
	{ display:none; }

  iframe#alerte
	{ visibility:hidden;	}
}

iframe#history {
	width:40%;
	height:97%;
	position:fixed; 
	top:1%; 
	left:1%;
	z-index:1000;
	}
	
* HTML iframe#history {
	height:580px;
	}

/* pour affichage de pav�s de couleur pour disinction des statuts de notices */
.statutnot1 {
	}
.statutnot2 {
	background-color: #BB0000;
	}
.statutnot3 {
	background-color: #00BB00;
	}
.statutnot4 {
	background-color: #0000BB;
	}
.statutnot5 {
	background-color: #D0686F;
	}
.statutnot6 {
	background-color: #A6DCDC;
	}
.statutnot7 {
	background-color: #816492;
	}
.statutnot8 {
	background-color: #BCB964;
	}
.statutnot9 {
	background-color: #6C75AC;
	}
.statutnot10 {
	background-color: #FFC587;
	}
.statutnot11 {
	background-color: #70C173;
	}
.statutnot12 {
	background-color: #660000;
	}
.statutnot13 {
	background-color: #006600;
	}
.statutnot14 {
	background-color: #000066;
	}
.statutnot15 {
	background-color: #80181F;
	}
.statutnot16 {
	background-color: #668C8C;
	}
.statutnot17 {
	background-color: #311442;
	}
.statutnot18 {
	background-color: #7C7914;
	}
.statutnot19 {
	background-color: #2C356C;
	}
.statutnot20 {
	background-color: #BF8547;
	}

.gris {
	color: grey;
}

.message_important {
	color: #f00;
	font-weight: bold;
	font-size: 1.5em;
	padding:5px;
	margin:5px;
	}
	
ul.sel_navbar {
      margin:5px;
      padding:0;
      list-style:none;
      clear:right;
      height:23px;
      float:left;
      margin-bottom:-1px;
	  border-bottom:1px solid #666666;  
}

ul.sel_navbar li {
	float:left;
	padding:3px 6px 0px 6px;
    border:1px solid #666666;  
    margin-right:4px;
	margin-bottom:5px;
    height:19px;
	background:#999999;
	color:#000000;
}

ul.sel_navbar li a {
	text-decoration:none;
	font-weight:normal;
	color:#000000;
}
      
ul.sel_navbar li.sel_navbar_current {
  	float:left;
  	padding:3px 6px 0px 6px;
  	background:#AFBFDF;
	border :1px solid #666666;  
	border-bottom:1px solid #AFBFDF;
	margin-bottom:4px;
    height:19px;
}
	

#frame_notice_preview {
 border:2px solid #777799;
 border-radius:5px 5px; 
 -moz-border-radius:10px;
 padding:10px;
 z-Index:1000;
 position:absolute;
 background: #F4EC92;
 display:none;
 width:680px;
 height:500px;
}
	
.edit #contenu tr.group_title {
	background: #bec0ce;
	}

#frame_periodique {
 border:2px solid #777799;
border-radius:5px 5px;
 -moz-border-radius:10px;
 padding:10px;
 z-Index:1000;
 position:absolute;
 background: #FFF0A7;
 display:none;
 width:190px;
 height:210px;
}

#expl-form select {
	width: 200px;
}

#frame_abts {
 border:2px solid #777799;
 border-radius:5px 5px;
 -moz-border-radius:10px;
 padding:10px;
 z-Index:1000;
 position:absolute;
 background: #FFF0A7;
 display:none;
 width:190px;
 height:250px;
}

#frame_trans_expls {
 border:2px solid #777799;
 border-radius:5px 5px;
 -moz-border-radius:10px;
 padding:10px;
 z-Index:1000;
 position:absolute;
 background: #ddf0a7;;
 display:none;
 width:500px;
 height:250px;
}

#a_recevoirChild .colonne_suite input {
	margin-right:20px;
}

.form-acquisition>.form-contenu #tot_ht, #tot_tva, #tot_ttc, #adr_fou, #adr_liv, #adr_fac, #tot_expl, #devise[class=saisie-5emd]{	
	border: 1px solid #aaa;
}

.req_cell {
	table-layout:fixed;
}
.req_cell th,
.req_cell td {
	border:1px solid #000000;
	border-collapse:collapse;
	padding-right:4px;	
}
.req_cell .col_ali {
	width:10%;
}
.req_cell .col_get,
.req_cell .col_vis,
.req_cell .col_grp,
.req_cell .col_tri {
	width:20px;
	padding-right:0px;
}
.req_cell .col_act,
.req_cell .col_obl {
	width:50px;
	padding-right:0px;
}
.req_cell .up_bt {
	vertical-align:top;
	cursor:pointer;	
}
.req_cell .down_bt {
	vertical-align:bottom;
	margin-left:-16px;
	cursor:pointer;	
}
.req_cell .stop_bt,
.req_cell .cross_bt {
	vertical-align:middle;
	width:16px;
	cursor:pointer;	
}
.in_cell,
.in_cell_nb,
.in_cell_ro,
.in_cell_nb_ro {
	width:99%;
	border:1px solid;
}
.form-acquisition .in_cell, 
.form-acquisition .in_cell_nb, 
.form-acquisition .in_cell_ro, 
.form-acquisition .in_cell_nb_ro {
    width: 70%;
}
.in_cell_nb,
.in_cell_nb_ro {
	text-align:right;
}
.in_cell_ro,
.in_cell_nb_ro {	
	background-color: #DFB;
	border: 1px solid #684;
}

.in_cell_text {
	width:95%;
	border:1px solid;
}
.in_cell_rd,
.in_cell_ld {
	width:100%;	
	background-color:transparent;
	border-color:transparent;
	border-width:0;
}
.in_cell_rd {
	text-align:right;	
}
.in_cell_ld {
	text-align:left;
}

.req_ajax_div {
	border:1px #000 solid;
	left:0px;
	top:0px;
	position:absolute;
	background-color:#FFFFFF;
	z-Index:1000;
	height:200px;
	overflow:auto;
	display:none;
}

.req_row_handler {
	margin-left:5px;
	top:0px;
	cursor:pointer;	
}

#req_frame {
	border:2px solid #777799;
	border-radius:5px 5px;
	-moz-border-radius:10px;
	padding:5px;
	z-Index:1000;
	position:absolute;
	background: #FFF0A7;
	display:none;
 }

 .req_cell .bt_cross_elt {
 	vertical-align:bottom;
 	width:8px;
	cursor:pointer;
 }
 .act_cell {
	table-layout:fixed;
}
.act_cell th,
.act_cell td {
	border:1px solid #000000;
	border-collapse:collapse;
	padding-left:2px;
	padding-right:2px;
	vertical-align:top;	
	overflow:hidden;
}
.act_cell_chkbox {
	width:25px;
} 
.img_plus{background:#8cc6ff;}

.act_cell_img_plus {
	background:#8cc6ff;
	margin-left:-20px;
}
.act_cell_chkbox2 {
	margin-right:-20px;
}
.act_cell_comments table,
.act_cell_reminders table
{
	margin-top:0px;
	margin-bottom:0px;
}

.act_cell_comments tr,
.act_cell_reminders tr {
	background : #BBDD99;
}
.act_cell_comments td,
.act_cell_reminders td
{
	margin-top:0px;
	margin-bottom:0px;
	border:none;
}
/**
 *  Couleur de fond et de liens du calendrier
 *
 **/
#calendrier_tab td.lien_date a{
	color:white;
}
#calendrier_tab td.lien_date {
	background:green;
}
#calendrier_tab td.lien_date_hs {
	background:red;
}
#calendrier_tab td.lien_date_hs_p {
	background:orange;
}
#up_frame{
	display:none;
	border:2px solid #777799;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	padding:10px;
	z-Index:1000;
	position:absolute;
	background: #eee;
}
.recorded {
	color: #cc0000;
	font-weight: bold;
}
.pbar {
	width:710px;
	text-align:center;
}
.pbar_frame {
	border:#000000 1px solid;
	padding:4px;
}
.pbar_gauge {
	text-align:left;
}
#pbar_img {
	height: 16px;
	width:0px;
}
.dom_div {
	overflow:auto;
}
.dom_tab {
	table-layout:fixed;	
}
.dom_col {
	overflow:hidden;
	width:200px;
}
.dom_cell_tab {
	border:#000000 1px solid;
	overflow:hidden;
}

/*Suggestions multiples */
.tab_sug{
	table-layout: fixed;
}

table{
	border-collapse:collapse;
	margin: 10px 0;
	width:100%;
}
.tab_sug th, .tab_sug td{
	border:1px solid #CCCCCC;	
	/*vertical-align:center;*/
	text-align: center;
	overflow:scroll;
	width:100%;
}

.tab_sug  input, .tab_sug textarea{
   width:95%;
   height:100%;
   background:#F3F3F3;
}
.tab_sug select{
	width:95%;
}

.erreur_saisie {
	background-color: #ff0000;
}

table.sortable tr td {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;	
}

#recept_frame {
	border:2px solid #777799;
	border-radius:5px 5px;
	-moz-border-radius:10px;
	padding:5px;
	z-Index:1000;
	position:absolute;
	background: #AFBFDF;
	display:none;
}
	
#f_ex_note, #f_ex_comment {
	width: 90%;
}

body.alter h2 .bdd_version {
	font-size: 20px;
}

.notice-parent .left {
	margin-left: 5px;
    float: none;
}

.notice-parent .right {
	margin-top: -15px;
    text-align: right;
    float: none;
}

/***************************
* CATALOGUE - SEGMENTATION *
***************************/

body.catalog #conteneur #contenu form #speech_timeline #speech_timeline_edit_menu ul {
	background-color: #BBDD99;
    box-shadow: -1px 0 3px #999999 inset;
    border-radius: 5px;
    color: #486A05;
    font-size: 8pt;
    text-transform: lowercase;
    padding: 1px 3px;
    margin-left: -14.7em;
    margin-top: calc(-1.84em - 15pt);
}

body.catalog #conteneur #contenu form #speech_timeline #speech_timeline_edit_menu ul li {
	background: url("books_li.gif") no-repeat scroll left center rgba(0, 0, 0, 0);
	background-color: #AFBFDF;
    box-shadow: -1px 0 3px #999999 inset;
    padding: 3px 10px 3px 15px;
    margin-bottom: 2px;
    margin-top: 2px;
    cursor: pointer;
    list-style-type: none;
}

body.catalog #conteneur #contenu form #speech_timeline #speech_timeline_edit_menu ul li:hover {
    color: #A84A65;
    text-decoration: underline;
}

/* Correction d'un bug Drag & Drop dojo dans Firefox
https://github.com/dojo/dijit/issues/161 */
.dijitTree {
    -moz-user-select: none;
}

/* --------------------------------------------------------------------------
   Programme GPE Cameroun - custom production overrides
   Base GPE: blue + green. Cameroon accent: green, yellow, red.
   -------------------------------------------------------------------------- */
:root {
	--gpe-blue: #123b7a;
	--gpe-blue-dark: #082955;
	--gpe-green: #39a935;
	--gpe-green-dark: #006b3f;
	--cmr-yellow: #fcd116;
	--cmr-red: #ce1126;
	--gpe-ink: #1f2937;
	--gpe-muted: #5f6f82;
	--gpe-line: #d9e2ec;
	--gpe-bg: #f5f8fb;
	--gpe-panel: #ffffff;
	--gpe-soft-blue: #eaf2fb;
	--gpe-soft-green: #edf8ee;
	--gpe-focus: rgba(57, 169, 53, 0.35);
	--gpe-brand-logo: url("images/gpe-logo.png");
	--gpe-brand-maquette: url("images/gpe-maquette.png");
	--gpe-brand-background: url("images/gpe-background.png");
}

body {
	background:
		linear-gradient(180deg, rgba(245, 248, 251, 0.92), rgba(245, 248, 251, 0.96) 340px, var(--gpe-bg) 760px),
		var(--gpe-brand-background) center top / cover fixed no-repeat,
		var(--gpe-bg);
	color: var(--gpe-ink);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.45;
}

input,
select,
textarea,
button {
	font-family: Arial, Helvetica, sans-serif;
}

a,
#contenu a,
#contenu a:visited,
#contenu-frame a,
#contenu-frame a:visited,
form a {
	color: var(--gpe-blue);
}

a:hover,
#contenu a:hover,
#contenu-frame a:hover,
form a:hover {
	color: var(--gpe-green-dark);
}

#navbar {
	background: var(--gpe-blue-dark);
	border-bottom: 4px solid var(--gpe-green);
	box-shadow: 0 2px 10px rgba(8, 41, 85, 0.22);
	min-height: 42px;
	padding-left: 58px;
	position: relative;
}
#navbar:before {
	background: #ffffff var(--gpe-brand-logo) center / contain no-repeat;
	border-radius: 4px;
	content: "";
	height: 34px;
	left: 10px;
	position: absolute;
	top: 6px;
	width: 38px;
}


#navbar ul {
	padding: 8px 10px 0;
}

#navbar li,
#navbar .current,
#navbar li:hover {
	background: transparent;
	border: 0;
	margin-right: 4px;
	padding-left: 0;
}

#navbar a,
#navbar .current a,
#navbar li:hover a {
	background: transparent;
	border-radius: 4px 4px 0 0;
	color: #ffffff;
	font-weight: 700;
	letter-spacing: 0;
	padding: 8px 13px 9px;
	text-decoration: none;
}

#navbar .current a,
#navbar a:hover,
#navbar li:hover a {
	background: var(--gpe-green);
	color: #ffffff;
}

#menu {
	background: var(--gpe-panel);
	border: 1px solid var(--gpe-line);
	border-left: 4px solid var(--gpe-green);
	border-radius: 0 6px 6px 0;
	box-shadow: 0 6px 18px rgba(18, 59, 122, 0.12);
	margin-left: 0;
	padding: 8px 8px 10px;
	top: 54px;
	width: 13.5em;
}

#menu h3,
#extra h3 {
	background: var(--gpe-blue);
	border-left: 4px solid var(--cmr-yellow);
	color: #ffffff;
	font-size: 10pt;
	font-weight: 700;
	margin: 6px 0;
	padding: 7px 8px;
	text-transform: none;
}

#menu ul {
	background: transparent;
	margin: 0 0 10px;
	padding: 0;
}

#menu li {
	background: none;
	border-bottom: 1px solid #edf2f7;
	color: var(--gpe-ink);
	margin: 0;
	padding: 5px 4px 5px 12px;
	position: relative;
	text-transform: none;
}

#menu li:before {
	background: var(--gpe-green);
	border-radius: 50%;
	content: "";
	height: 5px;
	left: 1px;
	position: absolute;
	top: 12px;
	width: 5px;
}

#menu ul li a {
	color: var(--gpe-blue-dark);
	font-size: 8.5pt;
	text-decoration: none;
}

#menu ul li a:hover {
	color: var(--gpe-green-dark);
	text-decoration: underline;
}

#contenu {
	left: 15em;
	right: 18px;
	top: 62px;
}

#contenu-frame {
	background: var(--gpe-panel);
	border: 1px solid var(--gpe-line);
	border-radius: 6px;
	box-shadow: 0 8px 24px rgba(18, 59, 122, 0.12);
	padding: 14px;
}

#contenu h1,
#contenu-frame h1 {
	background: linear-gradient(90deg, var(--gpe-blue), var(--gpe-green-dark));
	border-left: 6px solid var(--cmr-yellow);
	border-radius: 4px;
	color: #ffffff;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.25;
	margin: 0 0 14px;
	padding: 10px 12px;
}

#contenu h2,
#contenu-frame h2 {
	border-bottom: 2px solid var(--gpe-green);
	color: var(--gpe-blue-dark);
	font-size: 15px;
	font-weight: 700;
	margin: 14px 0 10px;
	padding-bottom: 5px;
}

#contenu label {
	color: var(--gpe-blue-dark);
	font-size: 9.5pt;
}

form,
.form-contenu,
.row {
	background: var(--gpe-panel);
	border-color: var(--gpe-line);
}

.form-contenu {
	border-left: 4px solid var(--gpe-green);
	border-radius: 5px;
	box-shadow: 0 2px 8px rgba(18, 59, 122, 0.08);
}

input[type="text"],
input[type="password"],
input[type="search"],
input[type="email"],
input[type="number"],
select,
textarea {
	background: #ffffff;
	border: 1px solid #b9c7d6;
	border-radius: 4px;
	color: var(--gpe-ink);
	padding: 5px 7px;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
select:focus,
textarea:focus {
	border-color: var(--gpe-green);
	box-shadow: 0 0 0 3px var(--gpe-focus);
	outline: 0;
}

input.bouton,
input[type="button"],
input[type="submit"],
button,
.bouton {
	background: var(--gpe-blue);
	border: 1px solid var(--gpe-blue-dark);
	border-radius: 4px;
	color: #ffffff;
	cursor: pointer;
	font-weight: 700;
	padding: 6px 12px;
}

input.bouton:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
button:hover,
.bouton:hover {
	background: var(--gpe-green-dark);
	border-color: var(--gpe-green-dark);
	color: #ffffff;
}

table {
	background: var(--gpe-panel);
	border: 1px solid var(--gpe-line);
	border-collapse: collapse;
}

th,
table th,
.colonneth {
	background: var(--gpe-blue);
	border-color: var(--gpe-blue-dark);
	color: #ffffff;
	font-weight: 700;
}

td,
table td,
.colonnetd {
	border-color: var(--gpe-line);
}

tr.even {
	background: #ffffff;
}

tr.odd {
	background: var(--gpe-soft-blue);
}

tr.even:hover,
tr.odd:hover,
table.sortable tr:hover {
	background: var(--gpe-soft-green);
}

.row {
	border-left: 4px solid transparent;
	border-radius: 4px;
	margin-bottom: 6px;
	padding: 7px 9px;
}

.row:hover {
	border-left-color: var(--gpe-green);
	box-shadow: 0 2px 8px rgba(18, 59, 122, 0.08);
}

.erreur_saisie,
.recorded {
	color: var(--cmr-red);
	font-weight: 700;
}

#calendrier_tab td.lien_date {
	background: var(--gpe-green-dark);
}

#calendrier_tab td.lien_date_hs {
	background: var(--cmr-red);
}

#calendrier_tab td.lien_date_hs_p {
	background: #d88400;
}

#footer {
	background: var(--gpe-blue-dark);
	border-top: 4px solid var(--cmr-yellow);
	color: #ffffff;
}

#footer a,
#footer span,
#footer span a {
	color: #ffffff;
}

#login-box {
	background: var(--gpe-panel);
	border: 1px solid var(--gpe-line);
	border-top: 5px solid var(--gpe-green);
	border-radius: 6px;
	box-shadow: 0 16px 38px rgba(8, 41, 85, 0.16);
	box-sizing: border-box;
	margin: 96px auto 0;
	max-width: 520px;
	padding: 28px 44px 34px;
	width: calc(100% - 48px);
}

#login-box:before {
	background: var(--gpe-brand-logo) center / contain no-repeat;
	content: "";
	display: block;
	height: 92px;
	margin: 0 auto 18px;
	width: 96px;
}

#login-box h1 {
	color: var(--gpe-blue-dark);
	font-size: 25px;
	line-height: 1.2;
	margin: 0 0 26px;
	padding-top: 0;
	text-align: center;
}
body.index {
	background:
		linear-gradient(90deg, rgba(8, 41, 85, 0.90), rgba(18, 59, 122, 0.70) 42%, rgba(245, 248, 251, 0.94) 42%),
		var(--gpe-brand-maquette) left center / cover fixed no-repeat,
		var(--gpe-bg);
	min-height: 100vh;
}


#login-box .login_page,
#login-box .login_form,
#login-box form,
#login-box .row {
	background: transparent;
	border: 0;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
	max-width: 360px;
	padding-left: 0;
	padding-right: 0;
	width: 100%;
}

#login-box .row {
	margin-bottom: 10px;
}

#login-box label {
	color: var(--gpe-blue-dark);
	display: block;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 6px;
	text-align: left;
}

#login-box input.saisie-20em,
#login-box select.saisie-20em {
	border-radius: 5px;
	box-sizing: border-box;
	font-size: 15px;
	height: 42px;
	width: 100%;
}

#login-box input.bouton {
	border-radius: 5px;
	display: block;
	font-size: 17px;
	margin: 22px auto 0;
	min-width: 180px;
	padding: 10px 22px;
}

@media screen and (max-width: 900px) {
	#menu {
		position: static;
		width: auto;
		margin: 54px 8px 8px;
	}

	#contenu {
		left: 8px;
		right: 8px;
		top: auto;
		position: relative;
	}

	#login-box {
		margin-top: 36px;
		padding: 24px 18px 30px;
		width: calc(100% - 24px);
	}

	#login-box h1 {
		font-size: 22px;
	}
}

/* --------------------------------------------------------------------------
   GPE Cameroun - interface refinements
   -------------------------------------------------------------------------- */
* {
	box-sizing: border-box;
}

body.gpe-enhanced #navbar {
	position: sticky;
	top: 0;
}

body.gpe-enhanced #extra {
	background: rgba(255, 255, 255, 0.94);
	border: 1px solid var(--gpe-line);
	border-radius: 0 0 0 6px;
	box-shadow: 0 2px 10px rgba(8, 41, 85, 0.12);
	color: var(--gpe-blue-dark);
	padding: 6px 10px;
	text-transform: none;
}

#navbar a:focus,
#menu a:focus,
#contenu a:focus,
#contenu-frame a:focus,
input:focus,
select:focus,
textarea:focus,
button:focus,
.bouton:focus {
	outline: 2px solid var(--cmr-yellow);
	outline-offset: 2px;
}

#menu h3 {
	cursor: default;
}

#menu ul li a {
	display: block;
	line-height: 1.25;
	padding: 2px 0;
}

#menu li:hover {
	background: var(--gpe-soft-green);
}

#contenu,
#contenu-frame {
	max-width: none;
}

#contenu form,
#contenu-frame form {
	border: 1px solid var(--gpe-line);
	border-radius: 6px;
	box-shadow: 0 4px 14px rgba(18, 59, 122, 0.08);
	padding: 12px;
}

#contenu form table,
#contenu-frame form table {
	box-shadow: none;
}

.form-contenu label,
.row label {
	color: var(--gpe-blue-dark);
	font-weight: 700;
}

input[class*="saisie-"],
textarea[class*="saisie-"],
select[class*="saisie-"] {
	max-width: 100%;
}

input[type="text"],
input[type="password"],
input[type="search"],
input[type="email"],
input[type="number"],
select,
textarea {
	min-height: 30px;
	transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}

input[type="checkbox"],
input[type="radio"] {
	accent-color: var(--gpe-green);
}

input.bouton,
input[type="button"],
input[type="submit"],
button,
.bouton {
	box-shadow: 0 2px 4px rgba(8, 41, 85, 0.12);
	line-height: 1.2;
	transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

input.bouton:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
button:hover,
.bouton:hover {
	box-shadow: 0 4px 10px rgba(8, 41, 85, 0.18);
	transform: translateY(-1px);
}

input.bouton:active,
input[type="button"]:active,
input[type="submit"]:active,
button:active,
.bouton:active {
	box-shadow: 0 1px 3px rgba(8, 41, 85, 0.20);
	transform: translateY(0);
}

table {
	border-radius: 5px;
	overflow: hidden;
}

th,
table th,
.colonneth {
	padding: 7px 8px;
	text-align: left;
}

td,
table td,
.colonnetd {
	padding: 6px 8px;
	vertical-align: top;
}

.notice-parent,
.notice-child,
.parent,
.child,
.form-contenu,
.listedescription,
.row {
	transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.notice-parent,
.parent {
	background: var(--gpe-panel);
	border-left: 4px solid var(--gpe-green);
	border-radius: 4px;
	padding: 7px 9px;
}

.notice-child,
.child {
	background: #ffffff;
	border: 1px solid var(--gpe-line);
	border-left: 4px solid var(--gpe-soft-blue);
	border-radius: 4px;
	margin-top: 4px;
	padding: 10px;
}

.erreur,
.erreur-child,
.erreur_saisie {
	color: var(--cmr-red);
}

.message_important,
.recorded {
	background: #fff5f5;
	border-left: 4px solid var(--cmr-red);
	border-radius: 4px;
	color: var(--cmr-red);
	padding: 8px 10px;
}

.gpe-table-wrap {
	max-width: 100%;
	overflow-x: auto;
}

@media screen and (max-width: 700px) {
	#navbar {
		position: static;
	}

	
#navbar ul {
		display: flex;
		flex-wrap: wrap;
		gap: 4px;
		padding: 8px;
	}

	#navbar li,
	#navbar a {
		float: none;
	}

	body.gpe-enhanced #extra {
		position: static;
		border-radius: 0;
		margin-top: 0;
	}

	#contenu form,
	#contenu-frame form,
	.form-contenu {
		padding: 10px;
	}

	td,
	table td,
	th,
	table th {
		padding: 6px;
	}
}

/* ==========================================================================
   GPE Cameroun – Compléments v2
   ========================================================================== */

/* Ajustement de l'espacement principal pour la navbar sticky */
#conteneur {
	top: 48px;
}

/* Barre utilisateur / déconnexion */
#extra {
	background: rgba(255, 255, 255, 0.96);
	border: 1px solid var(--gpe-line);
	border-radius: 0 0 0 6px;
	border-top: 0;
	box-shadow: 0 2px 8px rgba(8, 41, 85, 0.10);
	color: var(--gpe-blue-dark);
	font-size: 11px;
	padding: 5px 12px;
	text-transform: none;
}

#extra a {
	color: var(--gpe-blue-dark);
	font-weight: 700;
}

#extra a:hover {
	color: var(--cmr-red);
	text-decoration: underline;
}

/* Formulaire de retour d'exemplaire */
.form-retour-expl {
	background: var(--cmr-red);
	border-left: 6px solid var(--cmr-yellow);
	border-radius: 5px;
	box-shadow: 0 4px 12px rgba(206, 17, 38, 0.18);
	color: #ffffff;
	padding: 12px 16px;
}

.form-retour-expl h3 {
	color: #ffffff;
	font-size: 16px;
}

/* Masquer les vieilles bordures sur la page de login */
body.index #conteneur table,
body.index #conteneur td {
	border: 0;
	background: transparent;
}

/* Messages d'information / succès / erreur */
.notice-info,
div.notice_info {
	background: var(--gpe-soft-blue);
	border-left: 4px solid var(--gpe-blue);
	border-radius: 4px;
	color: var(--gpe-blue-dark);
	margin: 8px 0;
	padding: 10px 14px;
}

div.notice_ok,
.notice-success {
	background: var(--gpe-soft-green);
	border-left: 4px solid var(--gpe-green);
	border-radius: 4px;
	color: var(--gpe-green-dark);
	margin: 8px 0;
	padding: 10px 14px;
}

div.notice_error,
.notice-error {
	background: #fff5f5;
	border-left: 4px solid var(--cmr-red);
	border-radius: 4px;
	color: var(--cmr-red);
	margin: 8px 0;
	padding: 10px 14px;
}

/* Lien d'accessibilité skip-to-content */
.skip-to-content {
	background: var(--gpe-blue);
	border-radius: 0 0 6px 6px;
	color: #ffffff;
	display: inline-block;
	font-weight: 700;
	left: 50%;
	padding: 8px 16px;
	position: fixed;
	top: -100px;
	transform: translateX(-50%);
	transition: top 0.15s ease;
	z-index: 9999;
}

.skip-to-content:focus {
	top: 0;
}

/* Menus de navigation secondaires (onglets de sous-section) */
ul.sel_navbar {
	border-bottom-color: var(--gpe-line);
}

ul.sel_navbar li {
	background: var(--gpe-blue);
	border-color: var(--gpe-blue-dark);
	color: #ffffff;
}

ul.sel_navbar li a {
	color: #ffffff;
}

ul.sel_navbar li.sel_navbar_current {
	background: var(--gpe-panel);
	border-bottom-color: var(--gpe-panel);
	color: var(--gpe-blue-dark);
	font-weight: 700;
}

ul.sel_navbar li.sel_navbar_current a {
	color: var(--gpe-blue-dark);
}

/* Résultats de recherche – compteur */
.result-count,
.nb_result {
	background: var(--gpe-soft-blue);
	border: 1px solid var(--gpe-line);
	border-radius: 5px;
	color: var(--gpe-blue-dark);
	font-weight: 700;
	padding: 6px 10px;
	margin: 8px 0;
}

/* Champ de recherche rapide dans la barre */
#image_recherche {
	top: 10px;
}

/* Pagination générique */
.paginator,
.pager {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	list-style: none;
	margin: 14px 0;
	padding: 0;
}

.paginator a,
.pager a,
.paginator span,
.pager span {
	background: var(--gpe-panel);
	border: 1px solid var(--gpe-line);
	border-radius: 4px;
	color: var(--gpe-blue-dark);
	display: inline-block;
	font-weight: 700;
	padding: 5px 9px;
	text-decoration: none;
}

.paginator a:hover,
.pager a:hover {
	background: var(--gpe-blue);
	border-color: var(--gpe-blue-dark);
	color: #ffffff;
}

.paginator .current,
.pager .current {
	background: var(--gpe-blue);
	border-color: var(--gpe-blue-dark);
	color: #ffffff;
}

/* Panneau étagère / panier numérique */
.titre-panier {
	background: var(--gpe-soft-blue);
	border: 1px solid var(--gpe-line);
	border-left: 4px solid var(--gpe-green);
	border-radius: 5px;
}

/* Indicateur de statut des notices */
.statutnot2  { background-color: var(--cmr-red); }
.statutnot3  { background-color: var(--gpe-green); }
.statutnot4  { background-color: var(--gpe-blue); }

/* Indicateur chargement (spinner léger) */
.gpe-loading {
	animation: gpe-spin 0.8s linear infinite;
	border: 3px solid var(--gpe-line);
	border-radius: 50%;
	border-top-color: var(--gpe-green);
	display: inline-block;
	height: 20px;
	width: 20px;
}

@keyframes gpe-spin {
	to { transform: rotate(360deg); }
}

/* Carte de module dashboard */
.gpe-card {
	background: var(--gpe-panel);
	border: 1px solid var(--gpe-line);
	border-radius: 6px;
	box-shadow: 0 4px 12px rgba(18, 59, 122, 0.08);
	padding: 16px;
}

.gpe-card-header {
	background: linear-gradient(90deg, var(--gpe-blue), var(--gpe-green-dark));
	border-bottom: 3px solid var(--cmr-yellow);
	border-radius: 5px 5px 0 0;
	color: #ffffff;
	font-weight: 700;
	margin: -16px -16px 14px;
	padding: 10px 14px;
}

/* Séparateur GPE */
.gpe-divider {
	border: 0;
	border-top: 2px solid var(--gpe-green);
	margin: 16px 0;
}

/* ==========================================================================
   Impression – GPE Cameroun gestion
   ========================================================================== */
@media print {
	.skip-to-content,
	#extra,
	#deconnexion,
	.gpe-table-wrap {
		display: none;
	}

	body {
		background: #ffffff;
		color: #000000;
	}

	#navbar,
	#menu {
		display: none;
	}

	#contenu,
	#contenu-frame {
		border: 0;
		box-shadow: none;
		left: 0;
		position: static;
		top: 0;
		width: 100%;
	}
}

/* ========================================================================== 
   GPE Cameroun - compact forms and responsive screens
   ========================================================================== */
html,
body {
	max-width: 100%;
	overflow-x: hidden;
}

img,
iframe,
object,
embed {
	max-width: 100%;
}

#contenu,
#contenu-frame,
#conteneur {
	box-sizing: border-box;
}

#contenu form,
#contenu-frame form,
.form-contenu {
	box-sizing: border-box;
	padding: 8px 10px;
}

.row {
	box-sizing: border-box;
	margin-bottom: 3px;
	padding: 4px 6px;
}

.row:hover {
	box-shadow: 0 1px 4px rgba(18, 59, 122, 0.06);
}

.form-contenu label,
.row label,
#contenu label,
#login-box label {
	line-height: 1.25;
	margin-bottom: 3px;
}

input[type="text"],
input[type="password"],
input[type="search"],
input[type="email"],
input[type="number"],
input[class*="saisie-"],
select,
textarea {
	box-sizing: border-box;
	max-width: 100%;
	min-height: 30px;
	padding: 4px 6px;
}

textarea {
	min-height: 72px;
}

input.bouton,
input[type="button"],
input[type="submit"],
button,
.bouton {
	line-height: 1.25;
	padding: 5px 10px;
}

table {
	max-width: 100%;
}

#login-box {
	margin-top: 56px;
	max-width: 460px;
	padding: 22px 34px 26px;
}

#login-box:before {
	height: 70px;
	margin-bottom: 12px;
	width: 78px;
}

#login-box h1 {
	font-size: 22px;
	margin-bottom: 16px;
}

#login-box .row {
	margin-bottom: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
}

#login-box input.saisie-20em,
#login-box select.saisie-20em {
	height: 36px;
	font-size: 14px;
}

#login-box input.bouton {
	font-size: 15px;
	margin-top: 12px;
	min-width: 150px;
	padding: 8px 18px;
}

@media screen and (max-width: 1100px) {
	#menu {
		width: 12.5em;
	}

	#contenu {
		left: 14em;
		right: 12px;
	}
}

@media screen and (max-width: 900px) {
	body {
		background-attachment: scroll;
	}

	#navbar {
		position: relative;
		padding-left: 54px;
	}

	#navbar ul {
		display: flex;
		flex-wrap: wrap;
		gap: 4px;
		padding: 8px 8px 4px;
	}

	#navbar li,
	#navbar a {
		float: none;
	}

	#conteneur {
		position: static;
		top: auto;
		width: auto;
	}

	#menu {
		box-sizing: border-box;
		margin: 10px 8px;
		max-width: none;
		position: static;
		width: auto;
	}

	#contenu,
	#contenu-frame {
		box-sizing: border-box;
		left: auto;
		margin: 8px;
		position: static;
		right: auto;
		top: auto;
		width: auto;
	}

	#contenu-frame {
		padding: 10px;
	}

	#extra {
		position: static;
		border-radius: 0;
		margin: 0;
	}
}

@media screen and (max-width: 700px) {
	body.index {
		background:
			linear-gradient(180deg, rgba(245, 248, 251, 0.92), rgba(245, 248, 251, 0.98)),
			var(--gpe-brand-maquette) center top / cover no-repeat,
			var(--gpe-bg);
	}

	#navbar {
		padding-left: 48px;
	}

	#navbar:before {
		height: 30px;
		left: 8px;
		top: 8px;
		width: 34px;
	}

	#navbar a,
	#navbar .current a,
	#navbar li:hover a {
		font-size: 12px;
		padding: 6px 8px;
	}

	#menu h3,
	#extra h3 {
		font-size: 13px;
		padding: 6px 8px;
	}

	#contenu,
	#contenu-frame {
		margin: 6px;
	}

	#contenu h1,
	#contenu-frame h1 {
		font-size: 16px;
		margin-bottom: 10px;
		padding: 8px 10px;
	}

	#contenu form,
	#contenu-frame form,
	.form-contenu {
		padding: 6px;
	}

	.row {
		margin-bottom: 2px;
		padding: 3px 4px;
	}

	table {
		display: block;
		overflow-x: auto;
		width: 100%;
	}

	td,
	table td,
	th,
	table th {
		padding: 4px 5px;
	}

	#login-box {
		margin: 20px auto 0;
		padding: 18px 14px 22px;
		width: calc(100% - 20px);
	}

	#login-box:before {
		height: 56px;
		width: 64px;
	}

	#login-box h1 {
		font-size: 19px;
		margin-bottom: 12px;
	}
}