body{
  font-family: verdana, helvetica, arial, sans-serif;
  font-size:62.5%;
  background:#ECEBF0 url(images/fond_body.jpg) top left repeat-x;
  color:#37535B;
}

body, html, fieldset {
border:0pt none;
}

h1, h2, h3, h4, h5, h6, pre, code {
font-size:1em;
}

ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, blockquote, fieldset, input {
margin:0pt;
padding:0pt;
}

a img, *:link img, *:visited img {
border:medium none;
vertical-align:middle;
}


img {
 border: none;
}

a {
color:#003592;/*C02C5B;*/
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

a:focus {
text-decoration:underline;
}

ul {
 margin: 0;
 padding: 0;
}

.login_iframe {
 width: 138px;
 height: 120px;
}

.titOr {
 color: #fdf0bc;
 font-weight: bold;
}

.txt9 {
 font-size: 8px;
}

.frmident {
 font-size: 11px;
 border: 1px solid #000000;
 padding: 2px;
 width: 100px;
}

.frmcheck {
 margin: 0px 5px 0px 0px;
}

.frmrech {
 font-size: 11px;
 border: 1px solid #000000;
 margin: 5px 0px 5px 15px;
 padding: 2px;
 width: 120px;
}



/* page
---------------------------*/

#page{
	position: relative;
	float: center;
        display: block;
	width: 953px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: 0px solid;
	background: #FFFFFF;
	overflow: hidden;
	/*background: #FFFFFF url(images/fond_accueil.jpg) no-repeat left top;*/
}


#header {
	position: relative;
	display: block;
	width: 955px;
	height: 135px;
	color: #fff;
	border: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: transparent;
	background: url(images/bandeau_hcl.jpg) no-repeat left top;
}

#logo {
left:7px;
position:absolute;
top:13px;
}

#logo_portail {
width: 104px;
height: 80px;
left:838px;
position:absolute;
top:27px;
background: url(images/logo_HCL.gif) no-repeat left top;
}

#login {
left:740px;
width: 200px;
text-align: right;
position:absolute;
top:105px;
color: #000000;
font-size: 11px;
}
#login_info {
 height: 11px;
}
#login_link {
 height: 11px;
}


#main{
	position: relative;
        display: block;
	width: 985px;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: 0px solid;
	background-color: transparent;
	/*background: #FFFFFF url(images/fond_accueil.jpg) no-repeat left top;*/
}

#central {
	position: relative;
	display: block;
	float: left;
	width: 600px;
/*	height: 490px;
	overflow: hidden;*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
/*	padding-left: 20px;*/
	border: none;
	font-size: 1em;
	background: transparent;
}

/*#central a {
  color: #582d36;
  text-decoration: underline;
}

#central a:hover {
 text-decoration: underline;
}*/


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

/* menu
---------------------------*/

#menu {
  position: relative;
  display : table;
  width: 1000px;
  /*width: 175px;*//*185px;*/
  margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: left;
	background-color: transparent;/*#000000;*//*#582d36;*/
	text-decoration: none;
}

#menutop {
  position: relative;
  display: block;
  width: 100%;
  height: 10px;/*80px;*/
	text-align: left;
	background-color: transparent;
/*	background: #582d36 url(images/fond_page_menutop_haut.gif) repeat-y right top;*/
}

#menucontent {
  position: relative;
  display: block;
  float: left;
  width: 200px;
  height: auto;
/*  height: 365px;*/
/*  color: #d4b9c0;*/
  margin: 0 0 0 0;
  padding: 0 0 0 0;
/*	font: 12px arial;
	text-align: left;*/
  background-color: transparent; /*#000000;*/
  text-decoration: none;
}

/* menu niveau 1
---------------------------*/

#menu_gauche {
	position:relative;
	display: block;
	float: left;
	width: 200px;
	height: auto;
	margin: 0;
	padding: 0;
	padding-bottom: 60px;
	margin-top: 5px;	
	text-align: left;
	color: #FFFFFF;
	background: #F6F7F9 url(images/) no-repeat left top;
	overflow: hidden;
}

#menu_gauche_icons {
 position: relative;
/* display: inline;*/
 width: 199px;
/* height: 22px;*/
 padding: 0;
/* margin: 0;
 margin-top: 1px; */
 padding-left: 4px;
 background-color: transparent;
}

#menu_gauche_icons .entry {
 position: relative;
 display: inline;
 float: left;
 padding: 0;
 margin: 0;
 margin-left: 4px;
 height: 20px;
 background-color: transparent;
}

#menu_gauche_icons a.entry {
 padding-left: 15px;
 padding-right: 15px;
 height: 20px;

}

#menu_gauche_icons a.entry:hover {
 background-color: #FFFFFF;
 height: 20px;
}


#menu_gauche_content {
 position: relative;
 display: block;
 top: 5px;
 margin-bottom: 25px;
}

div.menu_gauche_entry {
  display: block;
  color: #003592;
  padding: 0;
/*  line-height: 12px;*/
  margin: 0px 0px 0px 4px;
}

div.menu_gauche_entry a {
	color: #003592;
 	padding: 0 0 0 11px;
	margin: 0;
	font-size: 1.3em;
	font-weight: bold;
	text-decoration: none;
}

div.menu_gauche_entry a:hover {
  text-decoration: underline;
}


div.menu_gauche_entry_on {
  display: block;
  padding: 0;
  margin: 0px 0px 0px 3px;
}

div.menu_gauche_entry_on a {
  color: #003592;
  padding-left: 12px;
	font-size: 1.3em;
	font-weight: bold;
	text-decoration: none;
  background: url(images/puce-menu3.gif) center left no-repeat;
}

div.menu_gauche_entry_spc {
  display: block;
  padding: 0;
  margin: 0px 0px 10px 5px;
}



div.menu_gauche_entry_sub {
  display: block;
  padding: 0px;
  margin: 0px 0px 0px 4px;
  padding-left: 9px;
}

div.menu_gauche_entry_sub a {
  color: #5C637F;
  font-size: 1.1em;
  font-weight: normal;
  text-decoration: none;
  padding-left: 7px;
}

div.menu_gauche_entry_sub a:hover {
  text-decoration: underline;
}

div.menu_gauche_entry_sub_on {
  display: block;
  padding: 0px;
  margin: 0px 0px 0px 0px;
  padding-left: 10px;
  background-color: #FFFFFF;
}

div.menu_gauche_entry_sub_on a {
  color: #5C637F;
  font-size: 1.1em;
  font-weight: normal;
  text-decoration: none;
  padding-left: 10px;
  background: url(images/fleche.gif) center left no-repeat;
}

div.menu_gauche_entry_sub_spc {
  display: block;
  padding: 0;
  margin: 0px 0px 5px 5px;
}

div.menu_gauche_entry_sub_sub {
  display: block;
  padding: 0px;
  margin: 0px 0px 0px 0px;
}

div.menu_gauche_entry_sub_sub_hide {
  display: none;
  padding: 0px;
  margin: 0px 0px 0px 0px;
}


div.menu_gauche_entry_sub_sub_on {
  display: block;
  padding: 0px;
  margin: 0px 0px 0px 0px;
  padding-left: 20px;
  background-color: #FFFFFF;
}

div.menu_gauche_entry_sub_sub_on a {
  color: #5C637F;
  font-size: 1.1em;
  font-weight: normal;
  text-decoration: none;
  padding-left: 7px;
  background: url(images/fleche.gif) center left no-repeat;
}

div.menu_gauche_entry_sub_sub_off {
  display: block;
  padding: 0px;
  margin: 0px 0px 0px 0px;
  padding-left: 20px;
  background-color: transparent;
}

div.menu_gauche_entry_sub_sub_off a {
  color: #5C637F;
  font-size: 1.1em;
  font-weight: normal;
  text-decoration: none;
  padding-left: 7px;
}

div.menu_gauche_entry_sub_sub_spc {
  display: block;
  padding: 0;
  margin: 0px 0px 5px 5px;
}


div.menu_gauche_list {
  font-size: 11px;
  font-weight: normal;
  padding-left: 10px
  color: #FFFFFF;
}

div.menu_gauche_list a {
  color: #FFFFFF;
  text-decoration: none;
}

div.menu_gauche_list a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}


#menu_gauche_separateur {
	width: 160px;
	background-image: url(images/separateur.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-top: 10px;
	margin-left: 20px;
	height: 3px;
	margin-bottom: 10px;
}


#recherche label {
padding:5px;
color:#37535B;
font-size: 11px;
}

#recherche input, select {
border-style:none;
border-width:0pt;
color:#7E7D7B;
font-size:0.9em;
}

#recherche input {
border:1px solid silver;
padding:0pt;
}

#recherche, #liste-structures {
background:transparent url(images/tirets_h.gif) no-repeat scroll 50% 0pt;
margin-bottom:10px;
padding-top:15px;
}

#recherche .champ-saisie, select {
vertical-align:middle;
}
#recherche .champ-saisie {
vertical-align:text-bottom;
width:152px;
}

#recherche {
padding-left:20px;
}

#recherche .ok {
border:1px solid silver;
vertical-align:text-bottom;
}


/* MENU DROITE
**********************************/
#menu_droite {
	position:relative;
	display: inline;
	float: left;
	width: 130px;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	left: -10px;
	text-align: left;
	color: #FFFFFF;
	font-size: 12px;
/*	background: #transparent url(images/) no-repeat left top;*/
	background: #transparent;
}

#menu_droite_content {
	position:relative;
	display: inline;
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	padding-top: 30px;
	margin-top: 40px;
	text-align: left;
	color: #FFFFFF;
	font-size: 12px;
	background: transparent url(images/tit_ressources.gif) no-repeat left top;
	border-bottom: #000000 solid 1px;
}

div.menu_droite_entry {
	border-top: #000000 solid 1px;
	color: #FFFFFF;
	display: block;
	padding: 5px 0px;
	line-height: 12px;
}

div.menu_droite_entry a {
  color: #FFFFFF;
  text-decoration: none;
}

div.menu_droite_entry a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}

div.menu_droite_sep {
 height: 1px;
 background-color: #000000;
}

/* MENU HAUT
**********************************/

#menu_haut {
  position: relative;
  display: inline;
  float: left;
  left: 203px;
  top: 77px;
  width: 796px;
  height: 40px;
  line-height: 12px;
  background: transparent url(images/acc_fond_topnavbar.gif) no-repeat left top;
}

#menu_haut_block {
	position: relative;
	display: inline;
	float: left;
	width: 85px;
	height: 40px;
	color: #FFFFFF;
	background-color: transparent;
	padding: 0 0 0 0;
	margin: 10px 5px 0px 7px;
	text-align: center;
	font-size: 12px;
	line-height: 12px;
}

#menu_haut_block a {
  color: #FFFFFF;
  text-decoration: none;
}

#menu_haut_block a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}





#sous-menu_gauche_01 {
	width: 150px;
	padding-left: 20px;
	background-position: left center;
	color: #FFFFFF;
	margin-top: 7px;
	margin-left: 15px;
}

#sous-menu a {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
#sous-menu a:hover {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFCC00;
	text-decoration: none;
}




#menucontent ul {
  position: relative;
  display: block;
  margin: 3px 0 0 0; 
  padding: 0 0 0 8px;
  list-style: none;
	font: bold 10px arial;
	text-align: left;
}

#menucontent ul li {
  display: block;
  padding: 0 0 0 5px;
}

#menucontent ul li.menugauche-level1-no a {
  display: block;
  color: #d4b9c0;
  text-decoration: none;
}

#menucontent ul li.menugauche-level1-no a:hover {
  display: block;
  color: #d4b9c0;
  text-decoration: underline;
  background: none;
  cursor: hand;
}

#menucontent ul li.menugauche-level1-act a {
  display: block;
  color: #d4b9c0;
  background: url(images/fond_page_menu_lien.gif) repeat-y left top;
}

#menucontent ul li.menugauche-level1-act a:hover {
  display: block;
  color: #d4b9c0;
  text-decoration: none;
  cursor: hand;
}

/* menu niveau 1 fin
---------------------------*/

/* menu niveau 2
---------------------------*/

#menucontent ul ul{
  position: relative;
  display: block;
  margin: 2px 0 5px 17px; 
  padding: 0 0 0 0px;
	text-align: left;
	border-left: #7e2a41 1px solid;
}

#menucontent ul li.menugauche-level2-no a {
  display: block;
  margin: 0 0 0 0;
  padding: 0 0 0 0px;
  color: #d4b9c0;
  text-decoration: none;
}

#menucontent ul li.menugauche-level2-no a:hover {
  display: block;
  color: #d4b9c0;
  text-decoration: underline;
  background: none;
  cursor: hand;
}

#menucontent ul li.menugauche-level2-act a {
  display: block;
  color: #d4b9c0;
}

#menucontent ul li.menugauche-level2-act a:hover {
  display: block;
  color: #d4b9c0;
  text-decoration: none;
  cursor: hand;
}

/* menu niveau 2 fin
---------------------------*/

/* menu delimiteur
---------------------------*/

#menucontent ul li.menugauchesep {
  display: block;
  * display: inline;
  * width: 100%;
  height: 5px;
  line-height: 2px;
  margin: 3px 0 3px 3px; 
  padding: 0;
  border-bottom: #724750 1px solid;
}

/* menu delimiteur fin
---------------------------*/

#menulogo {
  margin: 5px 0 10px 15px;
  padding: 0 0 10px 0;
}

#menulogo p {
  position: relative;
  float: left;
  display: block;
  margin: 10px 0 0 5px; 
  color: #fff;
  font:12px arial;
}

#menulogo p a {
  color: #fff;
  text-decoration: none; 
}

#menulogo img {
  position: relative;
  float: left;
  display: block;	
  margin: 0 0 0 0;
  vertical-align: center;
}

/* menu fin
---------------------------*/

/* contenu central
---------------------------*/
#recapnav {
  position: relative;
  display: block;
  float: left;
  width: 745px;
  height: 0px;/*27px;*/
  margin: 0px 0px 0 0px;
  padding: 0px 0px 0 0px;
  text-align: left;
/*  font-size: 1em;
  color: #332E44;
  */
  color:#5C637F;
  font-size:xx-small;
  margin-left:5px;
  padding:5px 10px 5px;
}

#recapnav a {
  color:#5C637F;
  text-decoration: none;
}

#recapnav a:hover {
color:#5C637F;
text-decoration:underline;
}

#recapnav .elementparticulier a {
font-weight:bold;
}
#recapnav h2 {
display:none;
}



#centraltitre {
  position: relative;
  display: block;
  float: left;
  width: 750px;
  height: 0px;/*27px;*/
  margin: 10px 0px 0px 5px;
  padding: 0px 0px 0 0px;
  padding: 5px 0px 6px 10px;
  padding-left:4px;
  text-align: left;
  font-size: 1.6em;
  color: #5C637F;
  font-family:verdana, helvetica, arial, sans-serif;
  font-weight:normal;
}

#centralblock {
  position: relative;
 /* display: block;*/
  float: left;
  width: 730px;
  height: auto;
  overflow-y: auto;
  overflow-x: hidden;
/*  font-family: arial;*/
  margin: 0px 5px 0 0px;
	padding: 2px 0px 0 1px;
	font: 12px arial;
	text-align: left;
	border: none;
	background-color: transparent;
}

#centralblock_content {
  position: relative;
  display: block;
  float: left;
  margin-left: 14px;
  margin-top: 0px;
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 0.9em;
  background-color: transparent;
  width: 691px;
  text-align: justify;
}

#centralblock_content a.acc_link {
 text-decoration: none;
 font-family: arial;
 font-size: 11px;
 color: #AE1215;
}


/*#centralblock texte {
	font-family: "arial", "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}*/

#centralblock h1 {

  align: center;
  height: 26px;
  background-color: #005896;
  color: #FFFFFF;
  font-family: "arial", "Times New Roman", Times, serif;
  font-size: 12px;
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: left center;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  padding-left: 10px;
}

#centralblock h2 {
/*	margin: 15px 0 10px 10px;
	padding: 6px 0 24px 80px;
	font: bold 15px arial;
	color: #777777;
	background: url(images/fond_page_central_titre2a.jpg) no-repeat left top;
*/
	font-family: "arial", "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}

#centralblock h3 {
	margin: 10px 0 5px 0;
	padding: 0 0 0 15px;
	font: bold 13px arial;
	color: #777777;/*#582d36;*/
}

#centralblock ul {
  margin: 0 0 0 24px;
  padding: 0 0 6px 0;
  list-style: none;
}

#centralblock ul li {
  margin: 0 0 0 0;
  padding: 0 0 6px 8px;
  list-style: none;
  font-weight: normal;
  color: #000;
  background: url(images/puce_rose.gif) no-repeat 0px 7px;
}

#centralblock p {
/*	display: block;
  margin: 4px 5px 4px 5px;
	padding: 0 0 10px 0;
	font: 12px arial;
	color: #FF0000;
	text-align: justify;
	border: none;
	*/
/*  margin: 0px 0px 0px 0px;
	padding: 0 0 0px 0;
	font-family: "arial", "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
*/
	
}

#centralblock img {
	display: block;
	margin: 0px 5px 4px 5px;
/*  * margin: 5px 0px 4px 5px;*/
  border: none;
}




/* formulaire accueil
---------------------------*/
/*
.formaccueil {
  margin: 0 0 30px 20px;
  padding: 0 0 0 0;
}

.formparagraphe {
  display: block;
  margin: 0 0 2px 10px;
  padding: 0 0 0 0;
}

.formchamp a {
  margin: 0px 0 0 20px;
  padding: 0 0 0 8px;
  background: url(images/puce_violet.gif) no-repeat 0px 6px;
}

.champtextaccueil {
  height: 24px;
  margin: 0 0 0 10px;
  vertical-align: middle;
  border: #c496a0 3px solid;
}

.buttonaccueil {
  display: inline;
  width: 60px;
  height: 22px;
  margin: 0 0 0 8px;
  vertical-align: middle;
  font: bold 12px arial;
  color: #fff;
  text-align: center;
  border: #c496a0 1px solid;
  background-color: #7e2a41;
  cursor: hand;
}
*/
/* formulaire accueil fin
---------------------------*/


/* contenu central fin
---------------------------*/







/*
#drapeau_fr {
	position:absolute;
	width: 29px;
	height: 15px;
	left: 961px;
	top: 17px;
	background-image: url(images/drapfr.gif);
}#drapeau_ang {
	position:absolute;
	width: 29px;
	height: 15px;
	left: 961px;
	top: 48px;
	background-image: url(images/drapang.gif);
}#logo_mejanes {
	position:absolute;
	width: 70px;
	height: 51px;
	left: 657px;
	top: 15px;
	background-image: url(images/logo_mejanes.gif);
}#logo_aix {
	position:absolute;
	width: 42px;
	height: 24px;
	left: 12px;
	top: 553px;
	background-image: url(images/logo_aix.gif);
}
*/

/*

#menu_login {
	position:absolute;
	width: 120px;
	height: 34px;
	background-image: url(images/sidentifier_02.gif);
	background-repeat: no-repeat;
	left: 827px;
	top: 44px;
}
#menu_login_titre {
	position:absolute;
	width: 117px;
	height: 20px;
	left: 2px;
	top: 15px;
}

#menu_login_02 {

	position:absolute;
	width: 99px;
	height: 34px;
	background-image: url(images/sidentifier.gif);
	background-repeat: no-repeat;
	left: 741px;
	top: 18px;
}
#menu_login_titre_02 {

	position:absolute;
	width: 72px;
	height: 20px;
	left: 12px;
	top: 15px;
}


.menu-autre-identifie {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	color: #706CB8;
	text-decoration: none;
	font-style: italic;
	margin-top: 20px;
	padding-top: 20px;
}
a.menu-autre-identifie:hover {
	color: #FF881E;
	text-decoration: none;
}


*/





.TABLE#entrypage {
	width: 400px;
}

.TABLE#entrypage TR TD{
	width: 160px;
	margin-left:10px;
	margin-right:10px;
}

.TABLE.entrypageitem {
	border: silver solid 1px;
	margin-bottom:20px;
}

.TABLE.entrypageitem TR TD{
	padding:10px;
}

.TABLE.entrypageitem TR.titlerow{
	height:20px;
}

.TABLE.entrypageitem TR TD.itemtitle{
	background-color: silver;
	color: white;
	font-weight: bold;
	font-size:10px;
}