Tiny File Manager | layout.css

Back Back Up Advanced Editor

/* +--------------------------------------------------------------------------+
// 2002-2008 PMB Services / www.sigb.net pmb@sigb.net et contributeurs (voir www.sigb.net)
// +-------------------------------------------------+
// $Id: layout.css,v 1.55.4.2 2016-10-10 14:08:48 wlair Exp $
*/

/*
	Theme inspired by Launchpad : http://launchpad.net/ trademark of Canonical Ltd.
	Icons inspired by http://www.eicodesign.com/ all rights for Rokey Zhang	(for non commercial purpose)
	
	Ce theme a ete verifie sous IE6 et 7, Firefox 2 et 3.
	L'affichage n'a pu etre optimise pour IE6, car les :hover ne sont pas geres avec d'autres
	elements que les liens.
	
	> Les couleurs du theme sont interchangeable sans toucher aux icones, via
	le fichier rub_colours.css
*/

/* ---------------------------------------------------------------------------*/
/*                           	  ATTRIBUTS GENERAUX                          */
/*                                                                            */
/*  						attributs generaux de la page	  	   			  */
/*		     			html / body / frames / liens a / img           		  */
/* ---------------------------------------------------------------------------*/
html{height:100%;}

body{
	height:100%;
	padding:0 1px;
	color:#000;
	font-size:13px;
	font-family:Arial,Helvetica,Sans-serif;
	background:white;
	margin:0;
}

iframe{
	border:1px solid #bbb;
}

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

a {
	color: #00F;
	text-decoration:underline;
}

a:hover{color: #009;}
.lien_gestion{
	color:#000;
	text-decoration:none;	
}

.lien_gestion:hover{
	color:#0000ff;
	text-decoration:underline;	
}

h3{
	clear: both;
	display: block;
	margin-bottom: 2px;
	margin-top: 4px;
	padding-bottom: 1px;
	padding-top: 1px;
	font-size: 13px;
}

img {
	margin:0px;
	vertical-align: middle;
	border: none;
}

select,input{
	background:white;
	-moz-border-radius : 3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	vertical-align:middle;
}
/* ---------------------------------------------------------------------------*/
/*                         BARRE DE NAGIVATION                                */
/*                                                                            */
/* 			      #navbar / #extra  		              					  */
/* ---------------------------------------------------------------------------*/

#navbar{
	background:white;
	padding-top:15px;
	padding-bottom:26px;
	padding-left:80px;
}
	#navbar h3{
		display:none;
	}
		#navbar h3 span{
			font-size:14px;
			position:relative;
			top:-50px;
			padding-left:5px;
			color:#ddd;
			display:none;
		}
	#navbar ul{
		position:absolute;
		list-style-type:none;
		margin:1px 0 0 0;
	}
		#navbar li{
			margin-right:2px;	
		}
	/*
	 * Habillage des li
	 * On veillera a utiliser un sprite css uniquement pour les navigateurs n'ayant pas besoin 
	 * du hack de transparence "behavior" (incompatibilit� avec les background position)
	 * Le sprite trouve son utilit� pour la mise en cache d'une seule image 
	 * <=> pas de chargement sur le :hover
	*/
	#navbar-dashboard,
	#navbar-opac,
	#navbar-index,
	#navbar-circ,
	#navbar-catalog,
	#navbar-autorites,
	#navbar-edit,
	#navbar-dsi,
	#navbar-acquisition,
	#navbar-admin,
	#navbar-cms,
	#navbar-extensions,
	#navbar-demandes,
	#navbar-fichier{
		float:left;
		display:block;
		width:auto!important;
		width:10px;
		background-repeat:no-repeat;
		background:url('images/navbar.png');
		background-position:top right;
		height:25px;
	}
	
	ul>#navbar-dashboard,
	ul>#navbar-opac,
	ul>#navbar-index,
	ul>#navbar-circ,
	ul>#navbar-catalog,
	ul>#navbar-autorites,
	ul>#navbar-edit,
	ul>#navbar-dsi,
	ul>#navbar-acquisition,
	ul>#navbar-admin,
	ul>#navbar-cms,
	ul>#navbar-extensions,
	ul>#navbar-demandes,
	ul>#navbar-fichier{
		background-image:url('images/navbar_sprite.png');
		background-position:100% 0;
	}
	
	/*
	 * Habillage des li:hover
	*/
	#navbar-dashboard:hover,
	#navbar-opac:hover,
	#navbar-index:hover,
	#navbar-circ:hover,
	#navbar-catalog:hover,
	#navbar-autorites:hover,
	#navbar-edit:hover,
	#navbar-dsi:hover,
	#navbar-acquisition:hover,
	#navbar-admin:hover,
	#navbar-cms:hover,
	#navbar-extensions:hover,
	#navbar-demandes:hover,
	#navbar-fichier:hover{
		background-image:url('images/navbar_hover.png');
		background-repeat:no-repeat;
		background-position:top right;
		
		/* Gestion des png transparents (multi-niveaux) sous IE5.5 et 6 */
		behavior:url('styles/nova/iepngfix.htc');
	}
	ul>#navbar-dashboard:hover,
	ul>#navbar-opac:hover,
	ul>#navbar-index:hover,
	ul>#navbar-circ:hover,
	ul>#navbar-catalog:hover,
	ul>#navbar-autorites:hover,
	ul>#navbar-edit:hover,
	ul>#navbar-dsi:hover,
	ul>#navbar-acquisition:hover,
	ul>#navbar-admin:hover,
	ul>#navbar-cms:hover,
	ul>#navbar-extensions:hover,
	ul>#navbar-demandes:hover,
	ul>#navbar-fichier:hover{
		background-image:url('images/navbar_sprite.png');
		background-position:100% -50px;
	}
	
	/*
	* Habillage des li.current
	*/	
	#navbar-dashboard.current,
	#navbar-opac.current,
	#navbar-index.current,	
	#navbar-circ.current,
	#navbar-catalog.current,	
	#navbar-autorites.current,	
	#navbar-edit.current,	
	#navbar-dsi.current,	
	#navbar-acquisition.current,	
	#navbar-admin.current,
	#navbar-cms.current,
	#navbar-extensions.current,
	#navbar-demandes.current,
	#navbar-fichier.current{
		background-image:url('images/navbar_current.png');
		background-repeat:no-repeat;
		background-position:top right;
		height:27px;
		
		/* Gestion des png transparents (multi-niveaux) sous IE5.5 et 6 */
		behavior:url('styles/nova/iepngfix.htc');
	}
	
	ul>#navbar-dashboard.current,
	ul>#navbar-opac.current,
	ul>#navbar-index.current,	
	ul>#navbar-circ.current,
	ul>#navbar-catalog.current,	
	ul>#navbar-autorites.current,	
	ul>#navbar-edit.current,	
	ul>#navbar-dsi.current,	
	ul>#navbar-acquisition.current,	
	ul>#navbar-admin.current,
	ul>#navbar-cms.current,
	ul>#navbar-extensions.current,
	ul>#navbar-demandes.current,
	ul>#navbar-fichier.current{
		background-image:url('images/navbar_sprite.png');
		background-position:100% -100px;
	}
		/* 
		* Habillage des liens a 
		*/
		#navbar-dashboard a,
		#navbar-opac a,
		#navbar-index a,
		#navbar-circ a,
		#navbar-catalog a,
		#navbar-autorites a,
		#navbar-edit a,
		#navbar-dsi a,
		#navbar-acquisition a,
		#navbar-admin a,
		#navbar-cms a,
		#navbar-extensions a,
		#navbar-demandes a,
		#navbar-fichier a{
			height:17px;
			display:block;
			padding:6px 10px 2px 10px;
			text-decoration:none;
			color:#000;
			background-image:url('images/navbar_bord.png');
			background-repeat:no-repeat;	
		}
		#navbar-dashboard>a,
		#navbar-opac>a,
		#navbar-index>a,
		#navbar-circ>a,
		#navbar-catalog>a,
		#navbar-autorites>a,
		#navbar-edit>a,
		#navbar-dsi>a,
		#navbar-acquisition>a,
		#navbar-admin>a,
		#navbar-cms>a,
		#navbar-extensions>a,
		#navbar-demandes>a
		#navbar-fichier>a{
			background-image:url('images/navbar_sprite.png');
			background-position:0px -25px;
		}
		/* 
		* Habillage des liens a.current
		*/
		#navbar-dashboard>a:hover,
		#navbar-index>a:hover,
		#navbar-opac>a:hover,
		#navbar-circ>a:hover,
		#navbar-catalog>a:hover,
		#navbar-autorites>a:hover,
		#navbar-edit>a:hover,
		#navbar-dsi>a:hover,
		#navbar-acquisition>a:hover,
		#navbar-admin>a:hover,
		#navbar-cms>a:hover,
		#navbar-extensions>a:hover,
		#navbar-demandes>a:hover,
		#navbar-fichier>a:hover{
			background-image:url('images/navbar_sprite.png');
			background-position:0px -75px;
			background-repeat:no-repeat;
			/* Gestion des png transparents (multi-niveaux) sous IE5.5 et 6 */
			behavior:url('styles/nova/iepngfix.htc');
		}
		
		#navbar-dashboard a:hover,
		#navbar-index a.current,
		#navbar-opac a.current,
		#navbar-circ a.current,
		#navbar-catalog a.current,
		#navbar-autorites a.current,
		#navbar-edit a.current,
		#navbar-dsi a.current,
		#navbar-acquisition a.current,
		#navbar-admin a.current,
		#navbar-cms a.current,
		#navbar-extensions a.current,
		#navbar-demandes a.current,
		#navbar-fichier a.current{
			background-image:url('images/navbar_current_bord.png');
			background-repeat:no-repeat;
			/* Gestion des png transparents (multi-niveaux) sous IE5.5 et 6 */
			behavior:url('styles/nova/iepngfix.htc');
			height:19px;
		}
		
		#navbar-dashboard>a.current,
		#navbar-index>a.current,
		#navbar-opac>a.current,
		#navbar-circ>a.current,
		#navbar-catalog>a.current,
		#navbar-autorites>a.current,
		#navbar-edit>a.current,
		#navbar-dsi>a.current,
		#navbar-acquisition>a.current,
		#navbar-admin>a.current,
		#navbar-cms>a.current,
		#navbar-extensions>a.current,
		#navbar-demandes>a.current,
		#navbar-fichier>a.current{
			background-image:url('images/navbar_sprite.png');
			background-position:0px -127px;
		}

#extra{
	position:absolute;
	top:3px;
	right:15px;
	height:30px;
	font-weight:bold;
	color:#728085;
	padding:0;
	margin:0;
	display:block;
}
	#extra img{display:none;}
	
	/* Ppts generales des icones #extra */
	#extra .icon_history,
	#extra .icon_help,
	#extra .icon_param,
	#extra .icon_opac,
	#extra .icon_sauv,
	#extra .icon_quit{
		width:26px;
		height:25px;
		display:block;
		float:left;
		margin:0px 3px;
		background-repeat:no-repeat;
		cursor:pointer;
		/* Gestion des png transparents (multi-niveaux) sous IE5.5 et 6 */
		behavior:url('styles/nova/iepngfix.htc');
	}
	
	#extra .icon_history{background-image:url('images/icon_history.png');}
	#extra .icon_help{background-image:url('images/icon_help.png');}
	#extra .icon_param{background-image:url('images/icon_param.png');}
	#extra .icon_opac{background-image:url('images/icon_opac.png');}
	#extra .icon_sauv{background-image:url('images/icon_sauv.png');}
	#extra .icon_quit{background-image:url('images/icon_quit.png');}
	
	/*
		* Red�finition des ppts generales pour navigateurs recents
		* permet ainsi l'usage de sprites pour all�ger les requ�tes serveur
		* enleve l'interpretation inutile de 'behaviour' par iE7
	*/
	#extra>.icon_history,
	#extra>.icon_help,
	#extra>.icon_param,
	#extra>.icon_opac,
	#extra>.icon_sauv,
	#extra>.icon_quit{
		background-image:url('images/icon_sprite.png');
		behavior:none;
	}
	#extra>.icon_history{background-position:0 0;}
	#extra>.icon_help{background-position:0 -25px;}
	#extra>.icon_param{background-position:0 -50px;}
	#extra>.icon_opac{background-position:0 -75px;}
	#extra>.icon_sauv{background-position:0 -100px;}
	#extra>.icon_quit{background-position:0 -125px;}

#keystatus{
		font-weight:bold;
		position:absolute;
		top:0px;
		overflow:hidden;
	}

/* General bouton plus/moins */
	.img_plus{
		background:#ddd;
		margin:0 0 -1px 0;
		cursor:pointer;		
		/* Gestion des png transparents (multi-niveaux) sous IE5.5 et 6 */
		behavior:url('styles/nova/iepngfix.htc');
	}
	
	
/* ---------------------------------------------------------------------------*/
/*                                CONTENEUR		                      		  */
/*                                                                            */
/* 			      			#conteneur / #menu	 		              		  */
/* ---------------------------------------------------------------------------*/

#conteneur{
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	display:block;
	min-height:100%;
	height:auto !important;
	height:100%;
	width:100%;
	padding-bottom:20px;
}
#conteneur.extensions{
	min-height:0%;	
}
.index #noconteneur{
	background:#ede9e3;
	position:absolute;
	min-height:100%;
	height:auto !important;
	height:100%;
	width:100%;
}

/* -------- Menu ---------- */
#menu{
	position:absolute;
	left:0px;
	margin-top:18px;
	padding:3px 20px 9px 15px;
	width:150px;
	background-image:url("images/menu_fond.png");
	background-repeat:no-repeat;
	background-position:25px 100%;
}
	#menu h3{
		width:130px;
		height:18px;
		display:block;
		margin:0px;
		padding:5px 0px 0px 20px;
		color:white;
		font-size:12px;
		cursor:pointer;
		background-image:url("images/menu_h3_deplie.png");
		background-repeat:no-repeat;
		/* Gestion des png transparents (multi-niveaux) sous IE5.5 et 6 */
		behavior:url('styles/nova/iepngfix.htc');
	}
	/* classe ajoutee lors du repliement de l'element */
	#menu h3.selected{
		background-image:url("images/menu_h3_selected.png");
		background-repeat:no-repeat;
	}
	/* classe ajoutee lors de l'enregistrement des preferences de disposition */
	#menu h3.setpref{
		background-image:url("images/menu_h3_setpref.png");
		background-repeat:no-repeat;
	}
	
	/*
		* Red�finition des ppts generales pour navigateurs recents
		* permet ainsi l'usage de sprites pour all�ger les requ�tes serveur
		* enleve l'interpretation inutile de 'behaviour' par iE7
	*/
	#menu>h3{
		behavior:none;
		background-image:url("images/menu_h3_sprite.png");
		background-repeat:no-repeat;
	}
	/* classe ajoutee lors du repliement de l'element */
	#menu>h3.selected{
		background-image:url("images/menu_h3_sprite.png");
		background-position:0px -23px;
	}
	/* classe ajoutee lors de l'enregistrement des preferences de disposition */
	#menu>h3.setpref{
		background-image:url("images/menu_h3_sprite.png");
		background-position:0px -46px;
	}

#menu ul{
		list-style-type:none;
		padding:0 1px;
		margin:0 10px;
		display:block;
		border-left:1px solid #aaa;
		border-right:1px solid #aaa;
	}
	#menu li{
		padding:1px 0;
		font-size:12px;
	}
			#menu li a{
				display:block;
				color:#000;
				padding:3px 5px 3px 10px;
				text-decoration:none;
				-moz-border-radius : 2px;
			}
			#menu li a:hover{
				color:white;
				background:#756d6c url("images/menu_liens_hover.png") repeat-x;
			}
	#menu hr{margin:0;}
	#div_alert{
		margin:0 10px;
		padding:0 3px;
		border-left:1px solid #aaa;
		border-right:1px solid #aaa;
	}
	#div_alert ul{
		padding: 5px 0;
		border:none;
	}

/* ---------------------------------------------------------------------------*/
/*                                CONTENU		                      		  */
/*                                                                            */
/* 			      			#contenu / .hmenu        						  */
/* ---------------------------------------------------------------------------*/
#contenu{
	padding-top:10px;
	margin-left:195px;
	padding-right:40px;
}
	#contenu-frame{
		background:#e6e1da;
		padding:10px;
	}
	#contenu .hmenu{
		margin-bottom:10px;
		margin-left:20px;
		padding-right:15px;
		display:table;
		width:100%;
		position:relative;
		left:-16px;
		height:22px;
	}
		.hmenu span{
			display:block;
			float:left;
			margin-right:-16px;
			background-image:url('images/hmenu_item.png');
			background-repeat:no-repeat;
			/* Gestion des png transparents (multi-niveaux) sous IE5.5 et 6 */
			behavior:url('styles/nova/iepngfix.htc');
		}
		.hmenu span:hover,
		.hmenu span.selected{
			background-image:url('images/hmenu_item_selected.png');
		}
			.hmenu span a{
				display:block;
				color:#777;
				text-decoration:none;
				float:left;
				padding-left:22px;
				padding-right:22px;
				padding-top:6px;
				height:21px;
				background-repeat:no-repeat;
			}

/*
			* Red�finition des ppts pour les navigateurs recents
			* permet ainsi l'usage de sprites pour all�ger les requ�tes serveur
			* enleve l'interpretation inutile de 'behaviour' par iE7	
		*/
		.hmenu>span{
			background-image:url('images/hmenu_sprite.png');
			behavior:none;
		}	
		.hmenu>span:hover,
		.hmenu>span.selected{
			background-image:url('images/hmenu_sprite.png');
			background-position:0px -54px;
			behavior:none;
			color:#111;
		}
			.hmenu>span a{
				background-image:url('images/hmenu_sprite.png');
				background-position:100% -27px;
				behavior:none;
			}
			.hmenu>span a:hover,
			.hmenu>span.selected a{
				background-image:url('images/hmenu_sprite.png');
				background-position: 100% -81px;
				behavior:none;
			}
		.vmenu span{
			display:block;
			background-image:url('images/hmenu_item.png');
			background-repeat:no-repeat;
			/* Gestion des png transparents (multi-niveaux) sous IE5.5 et 6 */
			behavior:url('styles/nova/iepngfix.htc');
		}
		.vmenu span:hover,
		.vmenu span.selected{
			background-image:url('images/hmenu_item_selected.png');
		}
			.vmenu span a{
				display:block;
				color:#777;
				text-decoration:none;
					padding-left:22px;
				padding-top:6px;
				height:21px;
				background-repeat:no-repeat;
			}

/*
			* Red�finition des ppts pour les navigateurs recents
			* permet ainsi l'usage de sprites pour all�ger les requ�tes serveur
			* enleve l'interpretation inutile de 'behaviour' par iE7	
		*/
		.vmenu>span{
			background-image:url('images/hmenu_sprite.png');
			behavior:none;
		}	
		.vmenu>span:hover,
		.vmenu>span.selected{
			background-image:url('images/hmenu_sprite.png');
			background-position:0px -54px;
			behavior:none;
			color:#111;
		}
			.vmenu>span a{
				background-image:url('images/hmenu_sprite.png');
				background-position:100% -27px;
				behavior:none;
			}
			.vmenu>span a:hover,
			.vmenu>span.selected a{
				background-image:url('images/hmenu_sprite.png');
				background-position: 100% -81px;
				behavior:none;
			}
	h1{
		font-size:16px;
		color:#333;
	}
	#contenu h2, #contenu h3{
		font-size:13px;
		color:#444;
		padding:8px 0 0 14px;
		margin:5px 0;
		min-height:12px;
		height:auto !important;
		height:12px;
	}
	#contenu h3{
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		border-radius:4px;
		padding-bottom:6px;
	}
	#contenu h3 img{
		margin-right:3px;
		position:relative;
		top:2px;
	}

/* ------------------ formulaires --------------- */

form {
		width: 100%;
		padding:5px;
		margin:20px auto;
		background:#eee;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
	}
	.row{
		margin:4px 0;
		clear:both;
	}
	.separateur{
		border-bottom:1px solid #444;
	}
.form-contenu {
		border-bottom: 2px solid #CCCCCC;
		border-top: 2px solid #CCCCCC;
		padding: 5px;
		margin:10px 40px;
		padding-bottom: 1em;
		padding-top: 1em;
	}
		.form-contenu label{
			color:#2e3436;
			font-weight:bold;
		}
		.form-contenu td{
			margin:0;
			padding:0;
			border:none;
		}
	.form-clean{margin:0}
	.saisie-contenu, #contenu .astuce{
		font-size:11px;
		display:block;
		margin:10px 0;
		padding:10px 10px;
		background:#f1ece6;
		border:1px solid #d0ccc6;
		clear:both;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
	}
	#contenu ul{
		margin:10px 0 10px 30px;
	}
	#contenu li{
		padding:5px 2px;
	}
	#conteneur.extensions #contenu ul{
		margin: 10px;
	}
	table{
		margin:10px 0;
		border-collapse: collapse;
		width:100%;
	}
	tr {font-style: normal;}
	td.docnum{text-align: center;}
	tr.odd{background:#eee;}
	tr.even{background:#e5e5e5;}
	tr.surbrillance{background:#d3d3d3;}
	tr.justmodified{
	background:#939393;
	font-weight: bold;
	}
	td{
		border:1px solid #ccc;
		padding:3px 10px;
	}
	td a{
		text-decoration:none;
		color:#000;
	}
	#contenu-frame td{border:none;}
	th{
		border:1px solid #aaa;
		padding:3px 10px;
		background:#ccc;
	}

/*
	select{padding:1px 2px;}
	option{padding:0 5px;}

.usercheckbox{padding:0 6px;}
		.usercheckbox label{margin:-4px 0 0 3px;}
*/
	hr{
		width:100%;
		display:block;
		clear:both;
		margin:15px 0;
		border-top:1px solid #cac1b3;
		border-bottom:1px solid #fff;
		color: #ffffff;
		height: 2px;
	}
	ul{margin-left:10px;}
	ol{margin-left:20px;}
	
	
/* ------------ Login-box ---------------*/

#login-box{
	width: 60%;
	margin-left: 20%;
	margin-right: 20%;
	margin-top: 10%;
	background:#f4f0ea;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	padding:0;
	padding-bottom:15px;
}
#login-box .erreur{
	padding-left:20px;	
}
#noconteneur form{
	margin:0;
	background:none;	
}
#noconteneur .bouton{
	margin-top:10px;
	margin-left:10px;
}
#login-box h1{
	color:#3a4244;
	border-left:2px solid #ffa619;
	border-bottom:1px solid #bbb;
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
	padding:3px 0 3px 10px;
	background:#f8f5f0;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	margin:0;
}
#noconteneur .form-contenu{margin-top:0px;}
#login-box label{
	font-size: 9pt;
	font-weight: bold;
}
#noconteneur #footer{
	padding:9% 0 10px 35px;
	margin:0;
	clear:both;
	background:#ede9e3;
}

/* ------------- logo --------------- */

#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;}

/* --------------------------- */

.col{
	float: left;
	width: 100%;
	padding: 1em;
	margin: 1em;
}
.erreur{
	color: #f00;
	font-weight: bold;
	font-size: 16px;
}
.erreur-child{
	display:none;
	margin-left: 12%;
	padding:0;
	color:#000;
	font-weight:normal;
}	
.hide {display: none;}
.aide{cursor: help;}
.astuce{ 	
	font-size: 10pt;
	margin-top: 1em;
}
.bool{
	font-family: fixed;
	font-weight: bold;
}

.bouton, .bouton_small{
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	background:#666;
	color:white;
	border:1px outset #aaa;
}
.bouton:hover, .bouton_small:hover{
	border:1px inset #aaa;
	cursor:pointer;
}

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

/* -----------------------------------------------------------------------------*/
/* 																				*/
/*                            CLASSES LIEES A L'APPLICATION                     */
/*                                                                              */
/*  feuilles de styles appliqu�es � des balises sans classes ni id sp�cifi�s    */
/* 																				*/
/* -----------------------------------------------------------------------------*/

.notice-perio{
	border: 1px solid #ddd;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	padding: 1em;
	margin-bottom: 1em;
	margin-top: 1em;
}
#content_onglet_perio{
	margin-left:20px;
	margin-bottom:37px;
}
	#content_onglet_perio span{
		display:block;
		width:auto!important;
		width:10px;
		height:25px;
		float:left;
		margin-bottom:25px;
		margin-right:2px;
		cursor:pointer;
	}
	#content_onglet_perio a{
		height:17px;
		display:block;
		padding:6px 10px 2px 10px;
		text-decoration:none;
		color:#000;
		text-align:center;
	}
.onglets-perio{
	background-repeat:no-repeat;
	background-image:url('images/navbar.png');
	background-position:top right;	
}
	.onglets-perio a{	
		background-image:url('images/navbar_bord.png');
		background-repeat:no-repeat;
	}
#content_onglet_perio>.onglets-perio{
	background-image:url('images/navbar_sprite.png');
	background-position:100% 0px;	
}
	.onglets-perio>a{	
		background-image:url('images/navbar_sprite.png');
		background-position:0px -25px;
	}
.onglet-perio-selected {
	background-color:#F99C09;
	background-repeat:no-repeat;
	background-image:url('images/navbar_current.png');
	background-position:top right;
	cursor:default;
	/* Gestion des png transparents (multi-niveaux) sous IE5.5 et 6 */
	behavior:url('styles/nova/iepngfix.htc');
}
	.onglet-perio-selected a{	
		background-image:url('images/navbar_current_bord.png');
		background-repeat:no-repeat;
		/* Gestion des png transparents (multi-niveaux) sous IE5.5 et 6 */
		behavior:url('styles/nova/iepngfix.htc');
	}
	
#content_onglet_perio>.onglet-perio-selected{
	background-image:url('images/navbar_sprite.png');
	background-position:100% -100px;
}
	.onglet-perio-selected>a{	
		background-image:url('images/navbar_sprite.png');
		background-position:0px -127px;
	}

.bulletins-perio{
	border: 1px solid #ddd;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	padding: 1em;
	margin-bottom: 1em;
}

.bulletins-perio h2 blockquote {
	font-size:0.8em;
	font-weight: normal;
}	
.depouillements-perio{
	border: 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 {
	text-decoration: none;
	font-size: 10pt;
	font-weight: bold;
}
.notice-parent {
	color: #000000;
	margin-bottom: 7px;
	margin-top: 7px;
	text-decoration: none;
}
.notice-parent img {
	vertical-align: bottom;
}
.notice-parent a{
	font-weight:normal;
	color:#000;
}
.notice-child {
	font-size: 0.9em;
	margin-left: 30px;
	margin-bottom: 15px;
	margin-top:5px;
	width: 98%;
	padding: 0 6px;
	text-align: justify;
	background:#f6f2ec;
	border: 1px solid #bbb;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}

.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-child .expl-list{border:1px solid #999;}

.notice-child td,.notice-child th{border:none;}

.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;
	padding-left:3px;
}
.parent {
	color: #000000;
	margin-left:0px;
	font-size: 8pt;
	text-decoration: none;
	clear:both;
}
.child {
	margin-left: 30px;
}
.bu {
	margin-top: 15px;
}

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

#history_table {
	border:0px;
	padding:0px;
	margin:0px;
	background:transparent;
}

#history_table td {
	padding:0px;
	margin:0px;
	border:0px;
}
#contenu .parent h3 img{
	float:left;
	margin-top:-1px;
}
#addaut1,#addaut2{
	margin:5px 0 0 2px;
}
/* -----------------------------------------------------------------------------*/
/* 																				*/
/*                       MODIFICATIONS POUR L'IMRPESSION                        */
/*                                                                              */
/* pour l'impression, masquage de #navbar, #menu, #deconnexion, #extra,         */
/* iframe#alerte et des boutons de classe .bouton; #contenu coll�s à gauche   */
/* 																				*/
/* -----------------------------------------------------------------------------*/

@media print {
	#conteneur{
			position: relative;
			clear:both;
	}

#navbar{ display: none; }
	#menu{ display: none;}

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

iframe#alerte{ visibility:hidden;}
}

iframe#history {
	width:40%;
	height:97%;
	position:absolute; 
	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:#ccc;}
.message_important {
	color: #f00;
	font-weight: bold;
	font-size: 1.5em;
	padding:5px;
	margin:5px;
}
body.select{background:#e6e1da;}
body.select .row{
	background:#e6e1da;
	margin:0;
	padding:5px 15px;
}
ul.sel_navbar {
	margin:5px;
	padding:0;
	list-style:none;
	clear:right;
	height:21px;
	float:left;
	margin-bottom:4px;
}
ul.sel_navbar li {
	float:left;
	display:block;
	width:auto!important;
	width:10px;
	background-repeat:no-repeat;
	background:url('images/navbar.png');
	background-position:top right;
}
ul.sel_navbar li a {
	text-decoration:none;
	font-weight:normal;
	color:#000000;
	height:17px;
	display:block;
	padding:6px 10px 2px 10px;
	text-decoration:none;
	color:#000;
	background-image:url('images/navbar_bord.png');
	background-repeat:no-repeat;	
}
ul.sel_navbar li.sel_navbar_current {
	background-image:url('images/navbar_current.png');
	background-repeat:no-repeat;
	background-position:top right;
	height:24px;
	
	/* Gestion des png transparents (multi-niveaux) sous IE5.5 et 6 */
	behavior:url('styles/nova/iepngfix.htc');
}
ul.sel_navbar li.sel_navbar_current a {
	background-image:url('images/navbar_current_bord.png');
	background-repeat:no-repeat;
	/* Gestion des png transparents (multi-niveaux) sous IE5.5 et 6 */
	behavior:url('styles/nova/iepngfix.htc');
	height:17px;
}

.dsi table.dsi tr td:hover {background:#dc3400;}

#frame_notice_preview {
	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;
	width:680px;
	height:500px;
}

#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;
}

#frame_periodique {
	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;
	width:190px;
	height:250px;
}

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

body.pointage_exemplarise .left {
		margin-top:10px;
	}
#frame_abts {
	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;
	width:190px;
	height:250px;
}
	body.abonnement_parution_edition .left {
		margin-top:10px;
	}
#frame_trans_expls{
	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;
	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 inset #aaa;
}

.req_cell {
	table-layout:fixed;
	text-align: left;
}

.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 inset;
}
.in_cell_nb,
.in_cell_nb_ro {
	text-align:right;
}
.in_cell_ro,
.in_cell_nb_ro {	
	background-color: #90B636;
	border: 2px inset #aaa;
}

.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 {
	display:none;
	border:1px #000 solid;
	left:0px;
	top:0px;
	position:absolute;
	background-color:#FFFFFF;
	z-Index:1000;
	height:200px;
	overflow:auto;
}

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

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

.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;
}
.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 : #DDDDDD;
}
.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;
}

.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;
}

.dom_tab2 {
	display: table;
}
.dom_row2 {
	display: table-row;
	height: 100px;
}
.dom_col2 {
	display: table-cell;
}
.dom_cell2_h {
	display: block;
	width: 200px;
	height: 100px;
	overflow: hidden;
	border: 1px solid #AAAAAA;
	background-color: #CCCCCC;
	font-weight: bold;
	text-align: center;
}
.dom_cell2 {
	display: block;
	height: 100px;
	overflow: hidden;
	border: 1px solid #AAAAAA;
}
.dom_sel {
	width: 190px;
}
/*Suggestions multiples */
.tab_sug{
	table-layout: fixed;
}

.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: #EEEEEE;
	display:none;
}

/***************
 *     CMS     *
 **************/

.cms  #editorial_tree_container {
	min-height : 700px;
	overflow : visible;
}

.cms #editorial_tree_container .no_icon {
	background-image: none;
	width : 0px;
	height: 0px;	
	margin : 0px;
}

.cms form.cms_editorial_form {
	margin:0;
	width:auto;
}

.cms_logo_frame {
	vertical-align:middle;
	width:33em;
	height:3.6em;
	border:none;	
}

#f_ex_note, #f_ex_comment {
	width: 90%;
}

.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: #EEEEEE;
    box-shadow: -1px 0 3px #999999 inset;
    border-radius: 5px;
    color: #000000;
    padding: 1px 3px;
    margin: 0px;
}

body.catalog #conteneur #contenu form #speech_timeline #speech_timeline_edit_menu ul li {
	background-color: #FFFEF5;
    box-shadow: -1px 0 3px #999999 inset;
    padding: 3px 10px;
    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 {
	background: url("images/menu_liens_hover.png") repeat-x scroll 0 0 #756D6C;
    color: #FFFFFF;
}