@import url("personnel.css");
@import url("groupes.css");
@import url("recherche.css");
@import url("etudiants.css");
@import url("marches.css");
@import url("fournis.css");
@import url("convention.css");

body {
	color:#444;
	font:85%/1.0 "Trebuchet MS","Lucida Grande","Lucida Sans",Tahoma,Arial,'Helvetica Neue',Helvetica,Geneva,Lucida,sans-serif;
	margin:0;
	text-align:center;
	background-color: white;
}

a {
	text-decoration: none;
	color: #278FCF;
}

a:hover {
	text-decoration: underline;
	color: #3a3a3a;
}

#page {
	position:relative;
	text-align:left;
	margin:1.5em auto;
	padding:0;
	width:98%;
	max-width:1200px;
	min-width:980px;
}

#menu-top {
	position:absolute;
	top:-1.4em;
	margin-top:0px;
	margin-left:0px;
}

#menu-top ul li {
	float:left;
	font-size:0.9em;
	font-weight:normal;
	margin:0 2px 0 0;
}

#menu-top ul { 
	line-height:1.2em;
	text-align:left;
	list-style-type:none;
	margin:0;
	padding:0;
}

#menu-top ul li a {
	text-decoration:none;
	text-align:left;
	padding:3px 10px 3px 10px;
	display:block;
	background-color:#313c72;
	color:white;
}
	
#menu-top ul li a:hover {
	background-color:#EDFBFF;
	color:maroon;
}

/**
*	Benniere avec le logo - DEBUT
*/
#banner {
	position:relative;
	height:100px;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0;
	border-width:0;
	text-align:right;
	background-color:#FFFFFF;
}

#banner .logo {
	position:relative;
	top:0;
	left:0;
	height:100%;
	text-decoration:none;
	color:#404E8C;
	font-size:1.5em;
	font-weight:bold;
	padding:0;
	background-color:transparent;
	background:url(img/banner.jpg) no-repeat left top;
}

#banner .logo span {
	position: relative;
	float : right;
	margin-top: 50px;
	margin-right: 100px;
}

/* Benniere avec le logo - FIN */

/*
*	Barre d'outils - DEBUT
*/
#tools-menu {
	position:relative;
	height: 20px;
	margin:2px 0px 2px 0px;
	padding:5px 50px 5px 5px;
	background: #ddd;
}

#tools-menu .changelang {
	position: relative;
	float : left;
	padding-left: 28px;
	background: transparent url(img/flags/locales.gif) no-repeat top left;
}

#tools-menu .divlogin {
	position: relative;
	float : right;
	padding-left: 28px;
}

#tools-menu .divlogin .login {
	background: transparent url(img/login.gif) no-repeat top left;
	padding-left : 28px;
	padding-top : 2px;
	padding-bottom : 2px;
}

#tools-menu .divlogin .logout {
	background: transparent url(img/logout.gif) no-repeat top left;
	padding-left : 28px;
	padding-top : 2px;
	padding-bottom : 2px;
}

#tools-menu .mailreaction {
	position: relative;
	float : right;
	padding-left: 28px;
}

#tools-menu .helplink {
	position: relative;
	float : right;
	padding-left: 28px;
	background: transparent url(img/help.png) no-repeat  left;	
}

/* Barre d'outils - FIN */

/** Chemin de navigation dans les rubriques d'un annuaire */

#navigation {
	position: relative;
	clear: both;
	float: left;
/*	top: 10px;*/
/*	height: 20px;*/
}

ul#navigation {
	clear:both;
	font-size:0.9em;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:5px 0pt 0pt 50px;
	padding:5pt 0pt 0pt 5px;
}

ul#navigation li {
	float: left;
	min-height: 22px;
	padding-left : 18px;
	padding-right : 4px;
}

ul#navigation li.afterindex {
 background: url(img/extender.png) no-repeat left;
}

ul#navigation li a:hover {
	border-bottom: 2px solid #3A9CFF;
	text-decoration: none;
}

ul#navigation li a.home {
	background: url(img/home.gif) no-repeat left;
	padding-left : 24px;
	text-decoration: none;
}

/** FIN - Chemin de navigation dans les rubriques d'un annuaire */

#body-bloc {
	position: relative;
	clear: both;
	float: left;
	top: 5px;
	margin:2px 0px 0px 0px;
	padding:5px 5px 5px;
}

/** liste des annuaires sur page principale */

.directories {
	width: 80%;
	margin:10px 0px 5px 100px;
	/* margin: 0 auto; */
}

.directory {
	float: left;
	height: 9em;
	width: 30%;
	padding-left: 130px;
	margin-bottom: 50px;
}
.directories a.directorytitle {
	position: absolute;
	margin-top: .6em;
	font-size: 2.1em;
}

.directorytitle {
	position: absolute;
	margin-top: .6em;
	font-size: 2.1em;
	color : #35435f;
}

.directories span.directorysubtitle {
	font-size: 1.3em;
	margin-left: 1em;
}
.directories .filters {
	margin-top: 30px;
	padding-left: 10px;
}

.directories .filters a {
	display:block;
	clear: left;
	padding-left: 22px;
}

.directories .filters a.protected {
	background : url(img/encrypted.gif) no-repeat top left;
}

.directories .filters a:hover {
	background: url(img/barrow_right.gif) no-repeat left;
	
}

/* fin DirectoryListing */

.browser {
	position: relative;
	float: left;
	margin-left: 26px;
	margin-right: 26px;
	margin-top : 0px;
}

.centeredDiv {	
	display : inline;
/*	padding-left:24px;*/
	margin-left : auto;
	margin-right : auto;
}

/** AlphabeticDataFilter */

ul.alphafilter {
 	padding: 0;
 	margin: 5px 0 0 50px;
 	clear: both;
 	list-style: none;
 	font-size: .9em;
}

ul.alphafilter li {
	float: left;
	width: 24px;
	height: 22px;
	text-align:center;
	padding-top:2px;
	background : url(img/letter.png) no-repeat;
}

ul.alphafilter li a {
	text-decoration : none;
	color : #206CAF;
	font-weight : bold;
	
}

ul.alphafilter li a:hover {
	border-bottom: 2px solid #3A9CFF;
	text-decoration: none;
}
/** Fin AlphabeticDataFilter */

/** Style pour le DTreeView */
.tbltreecontrol {
	border-collapse: collapse;
	background-color: #FFF;
}

.tbltreecontrol td {
	padding-left : 12px;
	padding-bottom : 6px;
}

/*	padding-right : 50px;
*/

.tbltreecontrol td a.selLine {
	font-weight: bold;
}

.tbltreecontrol td a:hover {
	text-decoration : none;
	color : #9653DF;
}
/** Fin style DTreeView */

/** SummaryItemsDisplay  */
table.filesdisplay {
	margin: auto;
	width: 100%;
	
	border-collapse: collapse;
	text-align: left;
	padding-left: 6px;
}

table.filesdisplay td {
	padding-right: 8px;
}

table.filesdisplay th {
	border-bottom: 1px solid #c9d0e0;
}
table.filesdisplay tr.even {
	background-color: #f9f9f9;
}
table.filesdisplay tr.odd {
	background-color: #B5CBDF;
	/* #9bb6cf */
}

table.filesdisplay tr.odd a{
	color : #28344D; 
	/* #fff */
}
table.filesdisplay tr.even a{ color : #28344D; }
/** ok */

td title{
	color : #F00;
}

table.filesdisplay ul{
	list-style-type: none;
}

.element_ident {
	text-align: center;
	color : #374562;
}

.elem_result {
/*	clear: left;*/
	text-align: center;
	color : #fff;
/*	background: url(img/menu_bg.jpg) no-repeat top center;*/
/*	margin-left: auto;
	margin-right: auto;
*/	
	padding: 0px 10px 0px 10px;
	background-color: #3066A2;
}

/*
#bdesc_id {
	background-color: #3066A2;
}
*/

.show {
	padding-left: 20px; 
	background: url(img/plus.gif) no-repeat center left;
	cursor : pointer;
	color : #E0E7EF;
}

.show:hover { color : #EFF9FF; text-decoration : none; }

.hide {
	padding-left: 20px;
	background: url(img/moins.gif) no-repeat center left;
	cursor : pointer;
	color : #E0E7EF;
}

.hide:hover { color : #EFF9FF; text-decoration : none; }

/* Titre de la recherche effectuee */
.headingtitle {
	clear:left;
	margin-bottom:10px;
	margin-top:0px;
	color:#5296FF;
	font-size:100%;
	font-weight: bold;
	text-align:left;
	margin-left: 25px;
	padding-left : 26px;
	background: url(img/rubrique.gif) no-repeat top left;
}

.detailbox {
	clear:left;
	margin-bottom:4px;
	margin-top:0px;
	margin-left: 25px;
	padding-left : 26px;
}

.smallheadingtitle {
	clear:left;
	margin-top:0px;
	color:#5296FF;
	font-size:80%;
	font-weight: bold;
	text-align:left;
	margin-left: 10px;
	padding-left : 16px;
	background: url(img/sous_rubrique.gif) no-repeat top left;
}

.smalldetailbox {
	clear:left;
	/*margin-bottom:5px;*/
	margin-top:0px;
	margin-left: 10px;
	padding-left : 16px;
}

.headingfile {
	background: url(img/plante.gif) no-repeat top right;
}

#simplesearch {
	position: relative;
	float: right;
	padding: 5px 5px 5px 5px;
	min-width: 950px;
	clear: both;
}

#simplesearch .label {
	/*float: left;*/
	display:none;
	color: #29364F;
	padding-right: 2px;
}

#simplesearch .fieldlabel {
	display:inline;
	float: left;
	color: #29364F;
	padding-right: 2px;
	margin-left : 4px;
}

#simplesearch .searchbox_l  {
	background: white url(img/searchl.gif) no-repeat top left;
	float: left;
	width: 19px; height: 19px;
}

#simplesearch .searchbox_r  {
	background: white url(img/searchr.gif) no-repeat top left;
	float: left;
	width: 19px; 
	height: 19px;
}

#simplesearch .searchbox input {
	background: transparent url(img/searchbg.gif) repeat-x top left;
	float: left;
	border: 0;
	height: 19px; width: 142px;
	padding: 3px;
	font: 11px/13px arial;
	color: #000;
}

#searchbyfunc {
	position : relative;
	display : inline;
	float : left;
	width: 500px;
}

#divlogin {
	position: absolute;
	top : 116px;
	right : 10px;
	padding-top : 6px;
	padding-bottom : 6px;
}

#divlogin .login {
	background: transparent url(img/login.gif) no-repeat top left;
	padding-left : 28px;
}

#divlogin .logout {
	background: transparent url(img/logout.gif) no-repeat top left;
	padding-left : 28px;
}

#divlogin a {
	padding-top : 2px;
	padding-bottom : 2px;
}

select.icon-menu option {
	background-repeat:no-repeat;
	background-position:bottom left;
	padding-left:30px;
	background-color: #EFF8FF;
	font: 12px normal x-small Verdana,Arial;
	color:#28344D;
}

select#countries option[value="en"] { background-image:url(img/flags/england.png); }
select#countries option[value="fr"] { background-image:url(img/flags/france.png); }
select#countries option[value="de"] { background-image:url(img/flags/germany.png); }
select#countries option[value="es"] { background-image:url(img/flags/espana.png); }

.tablesearchdiv {
	border-bottom: 1px solid #1D85CC;
	border-top: 1px solid #1D85CC;
	margin: auto;
	width: 95%;
}

#photo_empl {
	border: 1px solid #374562;
	float : right;
	width: 75px;
}


/** LoginPage */
.fldset { 
	padding: 1em; 
	margin-bottom: 4px;
}

.fldset label {
	margin-top: 5px;
	display: inline;
	float: left;
	width: 120px;
}

.fldset input {	margin-top: 5px; }

.fldset input.button { margin-left:120px; }

.authdiv {
	display:block;
	margin-left: auto;
	margin-right: auto;
	width: 400px;
	margin-top:100px;
}
	
/** end LoginPage */

.splogin {
	
	display:block;
	width:500px;
	margin-left: auto;
	margin-right: auto;
	margin-top : 4px;
	margin-bottom : 4px;
	padding-left: 50px;
	padding-right: 20px;
	padding-top: 6px;
	padding-bottom: 8px;
	border : 1px dashed #3A9CFF;
	
	background: url(img/lock.png) no-repeat center left;
}

.error {
	background: url(img/error.png) no-repeat center left; 
	border: 1px dashed #C61800;
	margin-left: 60px;
	margin-right: 60px;
	margin-top: 20px;
	padding : 20px;
	font-weight: bold;
}

.error h3 {
	color: #C61800;
}

#footer {
	position: relative;
	clear: both;
/*	color: #fff;*/
	font-weight: bold;
/*	background-color: #364461;*/
	text-align:center;
/*	height: 5%;	*/
	border-top: 1px solid #A1A6B1;
	padding: 5px;
	margin: 0;
	padding-bottom : 0;
}

#footer #fleft {
	float: left;
	padding-top : 5px;
	padding-left:6px;
}

#footer #fright {
	float: right;
	padding-top : 5px;
	padding-right: 6px;
	font-weight: normal;
}

#footer #fright a {
	color: #fff;
}