/* positions des blocs principaux ------------------------------ */
* {
 margin:0;
 padding:0;
}

img { border: 0; }

.hidden { display: none; visibility: hidden; }
.padx{
	padding: 4px;
}

html {
	height:100%;
	font-family: "Trebuchet MS", Arial, "times New Roman";
	/*font-size: 14px;
	line-height: 20px;*/

}
body {
	height:100%;

}

form {
	margin: 4px 0px 4px 4;
	border: 1px none #3F3F3F;
	padding: 4px;
	font-family: "Trebuchet MS", Arial, "times New Roman";
	font-size: 12px;
	line-height: 14px;
	/*background-color: #EBEBEB;*/
}
textarea, option, select, input { font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
textarea { width: 96%; border: 1px solid #3F3F3F; height: 128px;  margin-left: 4px;}
input { border: 1px solid #3F3F3F; margin-left: 4px;}

#wrapper {
    min-height:100%;
    text-align:left;
	margin:0 auto;
	position:relative;
	width:960px;
	border: thin none #666666;
}
#header {
 background:#FFFFFF url(../imat/bacofi_he_960_60.png) no-repeat;
 height:61px;
 left:0;
 position:absolute;
 width:960px;
 z-index:60;
}

#menu {
	height:24px;
	left:0;
	margin-top:61px;
	position:absolute;
	width:960px;
	z-index:80;
	background-color: #005454;
}

#central {
	height:100%;
	left:0;
	top:86px;
	position:absolute;
	width:960px;
	z-index:80;
	border: thin none #666666;
}
#submenu {
	position:absolute;
	left:6px;
	width:140px;
	height:100%;
	border-top: thin none #666666;
	border-bottom: thin none #666666;
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 10px;
	padding-bottom: 20px;
}
#contenu {
	width:540px;
	height:100%;
	position: absolute;
	left: 162px;
	color: #005454;
	padding-top: 10px;
	padding-left: 8px;
	padding-bottom: 20px;
	/*border-right: thin solid #666666;
	border-left: thin solid #666666;*/
}
#infos {
	width:220px;
	height:100%;
	position: absolute;
	left: 730px;
	border-top: thin none #666666;
	border-bottom: thin none #666666;
	padding-top: 10px;
	padding-bottom: 20px;
}
#footer {
 bottom:0;
 padding:5px 30px;
 position:fixed;
 width:900px;
 z-index:50; /* pour cacher le footer dans vieilles version (<=6) de explorer car s'affcihe en haut de la page ... */
 background-color:#005454;
}

/* le header --------------------------------------------------------------- */
#header h1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	margin-top: 10px;
	margin-left: 180px;
	margin-bottom: 0px;
	font-size: 18pt;
	text-decoration: none;
	color: #005454;
}
#header h2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-left: 180px;
	font-size: 10pt;
	text-decoration: none;
	color: #005454;
	font-weight: normal;

}
/* le menu ------------------------------------------------------------------- */
#menu ul {
	height:100%;
	margin:0;
	/*font-weight: bold;*/
	color: #FFFFFF;
}
#menu li {
 float:left;
 height:100%;
 line-height:18px;
 list-style:none;
 margin:2;
 width:20%;
 /*font-weight: bold;*/
}
html>* #menu li {
 width:auto;
}
#menu .last {
 background-image:none;
}
#menu a {
 color:#FFFFFF;
 display:block;
 font-size:14px;
 text-align:center;
 text-decoration:none;
 width:100%;
}
html>* #menu a {
 padding:2px 20px;
 text-align:left;
}
#menu .selected a, #menu a:hover {
 color:#D2E1BD;
}
/* le sous menu ------------------------------------------------------------- */
#submenu ul {
	width:100%;
	padding:0;
	/*font-family: "Courier New", Courier, mono;
		font-weight: bold;*/
	color: #FFFFFF;
}
#submenu li {
	line-height:14px;
	list-style:none;
	margin:2;
	padding-top: 4px;
	padding-bottom: 4px;
}
#submenu a {
 color:#FFFFFF;
 font-size:14px;
 display:block;
 padding:4px 6px;
 text-decoration:none;
 width:128px;
 background-color: #005454;
}
#submenu .selected a, #submenu a:hover {
 color:#D2E1BD;
}
#submenu .selected {
 color:#D2E1BD;
}
/* second level */
#submenu li li {
 font-size:12px;
 list-style:square;
 margin-left:16px;
}
#submenu .selected li a {
 font-size:12px;
 color:#D2E1BD;
 margin:2;
 padding:2;
 width:112px;
}
#submenu .selected li a:hover, #submenu .selected li:hover {
 color:#D2E1BD;
}
#submenu li .selectedno a {
 color:#FFFFFF;
}
#submenu li li .selectedno a {
 color:#FFFFFF;
}

#submenu .collabo{
	margin: 4px;
	padding: 6px;
	margin-top: 60px;
	width: 120px;
	border: thin solid #666666;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 9px;
	line-height: 12px;
 	text-align:center;
}
#submenu .collabo a{
	margin-top: 6px;
    width:108px;
}

/* le contenu --------------------------------------------------------------- */
#contenu a {
 color:#005454;
 text-decoration:none;
}
#contenu a:hover {
 color:#D2E1BD;
}
#contenu h1,h2,h3,h4 {
	font-family: "Trebuchet MS", Arial, "times New Roman";
	text-decoration: none;
}
#contenu .chapo {
	margin-top: 8px;
	margin-left: 20px;
	font-size: 12pt;
	border-bottom#64853D-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #005454;
	padding: 8px 2px;
	border-left-style: solid;
	border-left-color: #005454;
	border-bottom-width: 2px;
	border-left-width: 2px;
	margin-bottom: 4px;
	font-size: 12px;
	font-family: "Trebuchet MS", Arial, "times New Roman";
	line-height: 14px;
	font-weight: normal;
}
#contenu h1 {
	margin-top: 4px;
	margin-left: 0px;
	padding-bottom: 12px;
	padding-top: 12px;
	font-size: 16pt;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #005454;
	line-height: 20px;

}
#contenu h2 {
	margin-top: 12px;
	margin-left:12px;
	padding-bottom: 8px;
	padding-top: 8px;
	font-size: 14pt;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #005454;
	line-height: 18px;

}
#contenu h3 {
	margin-top: 14px;
	margin-left: 12px;
	font-size: 12pt;
}
#contenu h4 {
	margin-top: 12px;
	margin-left: 0px;
	font-size: 12pt;
}
#contenu p,#contenu .txt {
	margin-left:12px;
	margin-top: 4px;
	margin-bottom: 4px;
	padding-top: 8px;
	text-align: left;
	font-size: 13px;
	font-family: "Trebuchet MS", Arial, "times New Roman";
	line-height: 14px;
	font-weight: normal;
	margin-right: 12px;

}
#contenu ul {
	text-align: left;
	font-size: 13px;
	font-family: "Trebuchet MS", Arial, "times New Roman";
	line-height: 14px;
	margin-left:30px;
	margin-top: 6px;
	margin-bottom: 6px;
}
/* les infos --------------------------------------------------------------- */
#infos .quickbtn{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #64853D;
	text-align: center;
	margin: 4px;
	border: thin solid #64853D;
	font-weight: bold;
	padding: 12px;
	background-image: url(../imat/infos_green1.png);
	background-repeat: no-repeat;
}
#infos .quickbtn a {
	color: #64853D;
    text-decoration:none;
}

#infos .infopub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #64853D;
	text-align: center;
	margin: 4px;
	border: thin solid #64853D;
	font-weight: bold;
	padding: 4px;
}
#infos .infopub a {
	color: #64853D;
    text-decoration:none;
}

/* le footer --------------------------------------------------------------- */
#footer p {
 color:#C9DBAD;
 font-size:0.7em;
 text-align:center; 
 font-family: "Courier New", Courier, mono;
}
#footer a {
 color:#C9DBAD;  
 text-decoration:none;
}
/* specifique à la rubrique castor ------------------------------------------- 
.rubcastor #header  {background:#64853D url(../imat/he_castor_960_60.png) no-repeat;}
.rubcastor #menu {	background-color: #64853D;}
.rubcastor #footer { background-color:#64853D;}
.rubcastor #header h1 {	color: #64853D;}
.rubcastor #header h2 {	color: #64853D;}
.rubcastor #submenu a { background-color: #64853D;}
.rubcastor #contenu .chapo {	border-bottom-color: #64853D;	border-left-color: #64853D;}
.rubcastor #contenu h1 {	border-bottom-color: #64853D;}
.rubcastor #contenu h2 {	border-bottom-color: #64853D;}
.rubcastor #contenu a { color:#64853D;}
.rubclient #contenu {color: #64853D;}*/
/* specifique à la rubrique client ------------------------------------------- */
.rubclient #header  {background:#64853D url(../imat/he_castor_960_60.png) no-repeat;}
.rubclient #menu {	background-color: #64853D;}
.rubclient #footer { background-color:#64853D;}
.rubclient #header h1 {	color: #64853D;}
.rubclient #header h1 {	color: #64853D;}
.rubclient #submenu a { background-color: #64853D;}
.rubclient #contenu .chapo {	border-bottom-color: #64853D;	border-left-color: #64853D;}
.rubclient #contenu h1 {	border-bottom-color: #64853D;}
.rubclient #contenu h2 {	border-bottom-color: #64853D;}
.rubclient #contenu a { color:#64853D;}
.rubclient #contenu {color: #64853D;}