body,td { 
	margin:0px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000; 
	font-weight: normal;
	
}

div#centre {
background-color:#F1F1F3;
}
div#main {
	
	background-color:#F1F1F3;
	background-repeat:repeat-y;
	
	width: 773px;
	left: 50%;
}

.toptitle {
	position:absolute;
	float:left; 
	margin-left:20px; 
	font-family:Garamond, Times, serif; 
	font-size:27px; 
	margin-top:16px; 
	font-weight:bold; 
}

.toptitlebureau {
	position:absolute;
	float:left; 
	margin-left:10px; 
	font-family:Garamond, Times, serif; 
	font-size:27px; 
	margin-top:16px; 
	font-weight:bold; 
}

.compl_color_0 { color:#1A889F; }
.compl_color_1 { color:#41D700; }
.compl_color_2 { color:#D12E63; }
.compl_color_3 { color:#FFF2B9; }
.compl_color_4 { color:#3560A6; }
.compl_color_5 { color:#BDECBD; }
.compl_color_6 { color:#C1AC6C; }


ul {
	margin-left: 40px;
	padding-left: 0px;
	list-style-type: disc;
	
}

.ul_0 {list-style: disc url(/images/charte/puce_0.gif) outside;}
.ul_1 {list-style: disc url(/images/charte/puce_1.gif) outside;}
.ul_2 {list-style: disc url(/images/charte/puce_2.gif) outside;}
.ul_3 {list-style: disc url(/images/charte/puce_3.gif) outside;}
.ul_4 {list-style: disc url(/images/charte/puce_4.gif) outside;}
.ul_5 {list-style: disc url(/images/charte/puce_5.gif) outside;}
.ul_6 {list-style: disc url(/images/charte/puce_6.gif) outside;}


li {
	text-align:left;
	vertical-align: middle;
	 
	padding-left: 0px;
	margin-left: 10px;

}


.titre_fond_0 {background-image:url(/esf_images/barre_hr.jpg);	}
.titre_fond_1 {background-image:url(/esf_images/barre_hr.jpg);	}
.titre_fond_2 {background-image:url(/esf_images/barre_hr.jpg);	}
.titre_fond_3 {background-image:url(/esf_images/barre_hr.jpg);	}
.titre_fond_4 {background-image:url(/esf_images/barre_hr.jpg);	}
.titre_fond_5 {background-image:url(/esf_images/barre_hr.jpg);	}
.titre_fond_6 {background-image:url(/esf_images/barre_hr.jpg);	}
.titre_fond_6_grand {background-image:url(/images/charte/titre_fond_6_grand.jpg);	}

.menuzone {
	margin-left:12px;
	margin-right:12px;
}

div#menuzone {
	background-image:url(/esf_images/menuzone_fond.jpg);
	background-color:#EEEEEE;
	background-repeat:repeat-x;
	height: 26px;
	text-align: left;
	border: 1px none #666666; 
	margin-left: 12px;
	margin-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.menuzone2 {
	position: absolute;  /*positionnement pour IE5 et IE5.5 
	left: 20%;*/
	top: 50px;
	margin-top: 0px;
	margin-left: 13px;
	margin-right: 11px;
	z-index:100;
	background: transparent url(/esf_images/menuzone_fond.jpg) top left no-repeat; /* arrière-plan général du menu */
	height: 28px;
	text-align: left;
}

.menuzone2 a { /* dimensions et définitions des boutons */
	display: block;  /*mise en block de <a> pour lui donner des dimensions */
	height: 28px;
	line-height: 28px;  /* hauteur de ligne pour éviter les paddings */
	color: #777777;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
	border-bottom: 0px none #000;
}
/*
.menuzone2 a:hover {
color: #43271B;
border-bottom: 0px none #000;
background: transparent url(/images/charte/menu_zonefonds.jpg) top left no-repeat;
}
*/

.a_menuzone {color: #333333;}
.a_menuzone:link {color: #333333;}
.a_menuzone:visited {color: #333333;}
.a_menuzone:hover {color: #43271B; background: transparent url(/images/charte/menu_zonefonds.jpg) top left no-repeat; border-bottom: 0px none #000;}

.a_menuderoul {color: #333333;   }
.a_menuderoul:link {color: #333333;}
.a_menuderoul:visited {color: #333333;}
.a_menuderoul:hover {
	color: #888;
	border-bottom: 0px none #000;
/*	font-weight:bold;
	background-color: #FFF;
		
	background-image: url(None);
*/	
}

a#menu0:hover {
background-position: 0% -84px; }
a#menu1:hover {
background-position: 0% -28px;}
a#menu2:hover {
background-position: 0% -56px;}
a#menu3:hover {
background-position: 0% -112px;}
a#menu4:hover {
background-position: 0% -140px;}
a#menu5:hover {
background-position: 0% -168px;}


a#menu0_on {
background: transparent url(/images/charte/menu_zonefonds.jpg) top left no-repeat;
background-position: 0% -84px; }
a#menu1_on {
background: transparent url(/images/charte/menu_zonefonds.jpg) top left no-repeat;
background-position: 0% -28px;}
a#menu2_on {
background: transparent url(/images/charte/menu_zonefonds.jpg) top left no-repeat;
background-position: 0% -56px;}
a#menu3_on {
background: transparent url(/images/charte/menu_zonefonds.jpg) top left no-repeat;
background-position: 0% -112px;}
a#menu4_on {
background: transparent url(/images/charte/menu_zonefonds.jpg) top left no-repeat;
background-position: 0% -140px;}
a#menu5_on {
background: transparent url(/images/charte/menu_zonefonds.jpg) top left no-repeat;
background-position: 0% -168px;}



div#menugauche {
	margin-top: 4px;
	margin-left: 8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

.menugauche_titre_0 {	background-image:url(/images/charte/menugauche_fondtitre_0.gif); color:#EEE; }
.menugauche_titre_1 {	background-image:url(/images/charte/menugauche_fondtitre_1.gif); color:#000; }
.menugauche_titre_2 {	background-image:url(/images/charte/menugauche_fondtitre_2.gif); color:#000; }
.menugauche_titre_3 {	background-image:url(/images/charte/menugauche_fondtitre_3.gif); color:#000; }
.menugauche_titre_4 {	background-image:url(/images/charte/menugauche_fondtitre_4.gif); color:#000; }
.menugauche_titre_5 {	background-image:url(/images/charte/menugauche_fondtitre_5.gif); color:#000; }
.menugauche_titre_6 {	background-image:url(/images/charte/menugauche_fondtitre_6.gif); color:#EEE; }

.menugauche_titre_moncompte {	background-image:url(/images/charte/menugauche_fondtitre_moncompte.gif); color:#000; }

.menugauche_titre_compl_0 {	background-image:url(/images/charte/menugauche_fondtitre_compl_0.gif); color:#EEE; }
.menugauche_titre_compl_1 {	background-image:url(/images/charte/menugauche_fondtitre_compl_1.gif); color:#000; }
.menugauche_titre_compl_2 {	background-image:url(/images/charte/menugauche_fondtitre_compl_2.gif); color:#000; }
.menugauche_titre_compl_3 {	background-image:url(/images/charte/menugauche_fondtitre_compl_3.gif); color:#000; }
.menugauche_titre_compl_4 {	background-image:url(/images/charte/menugauche_fondtitre_compl_4.gif); color:#000; }
.menugauche_titre_compl_5 {	background-image:url(/images/charte/menugauche_fondtitre_compl_5.gif); color:#000; }
.menugauche_titre_compl_6 {	background-image:url(/images/charte/menugauche_fondtitre_compl_6.gif); color:#000; }


.menugauche_titre_general {
	background-repeat:no-repeat;
	font:Arial, Helvetica, sans-serif;
	font-size:13px;
	padding-top: 6px;
	padding-bottom: 5px;
	text-align:left;
	padding-left: 10px;
	font-weight:bold;
	
}

.msg {
	font:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#ff0000;
}

div#corps {
	background-image:url(/images/charte/corps_fond.jpg);
	background-repeat:no-repeat;
	margin-left: 13px;
	margin-right: 11px;
	background-color: #FFF;

}

.corpspage {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-left: 5px;
	margin-right:6px;
	margin-top:4px;
	margin-bottom:8px;
	text-align:justify;
}
.div_corpspage {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-left: 26px;
	margin-right:6px;
	margin-top:0px;
	margin-bottom:0px;
	text-align:justify;
}

.chapo {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	margin-left: 5px;
	margin-right: 30px;
	margin-top:4px;
	margin-bottom:8px;
	text-align:left;
}

.chapo_faible_retrait {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	margin-left: 15px;
	margin-right: 20px;
	margin-top:4px;
	margin-bottom:8px;
	text-align:left;
}

div#vousetesici {
	padding-left:4px;
	padding-top:2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-left: 18px;
	margin-bottom: 6px;
	margin-right: 4px;
	margin-top: 3px
}

a {
	text-decoration:none;
	color: #33C;
}
a:link { color: #33C; }
a:visited { color: #33C; }
a:hover { 
	color: #55E;
	text-decoration:underline;
}

h1 {
	background-repeat:repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	height: 20px;
	line-height:18px;
	font-weight: bold;
	margin-right: 4px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-image:url(/esf_images/barre_hr.jpg);
}

h2 {
	background-repeat:repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	height: 20px;
	line-height:18px;
	margin-right: 4px;
	font-weight: bold;
	margin-left:5px;
	margin-top: 2px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 4px;
	background-image:url(/esf_images/barre_hr.jpg);
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #2B82DB;
	font-weight: bold;
}

h4 {
	background-repeat:repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 18px;
	line-height:18px;
	margin-right: 4px;
	font-weight: bold;
	margin-left:25px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

h5 {
	background-repeat:repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 18px;
	line-height:18px;
	margin-right: 4px;
	font-weight: bold;
	margin-left: 0px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.titrebureau {
	background-repeat:repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	height: 60px;
	line-height: 30px;
	margin-right: 4px;
	font-weight: bold;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}



.petit {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.moyen {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.mini {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
select, option {
background-color:#ffffff;
font-family:  Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;

}

input {
background-color:#ffffff;
font-family:  Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
}

input.form {
border-style:solid;
border-width:1px;
border-color:#000000;
margin:1px;
}

textarea{
background-color:white;
font-family:  Arial, Helvetica, sans-serif;
font-size: 11px;
color: black;
}
textarea.form {
border-style:solid;
border-width:1px;
border-color:#000000;
margin:1px;
}
.search {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #ff0000;
font-weight: bold;
}

.arbo {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ff0000;
font-weight: bold;
}

a.lienHaut:link {font-size: 10pt; color: #ff0000; font-family: arial,verdana; text-decoration: underline;}
a.lienHaut:visited {font-size: 10pt; color: #ff0000; font-family: arial,verdana; text-decoration: underline;}
a.lienHaut:hover {font-size: 10pt; color: #ff0000; font-family: arial,verdana; text-decoration: none;}

a.lienNoir:link {font-size: 11px; color: #000000; font-family: arial,verdana; text-decoration: none;}
a.lienNoir:visited {font-size: 11px; color: #000000; font-family: arial,verdana; text-decoration: none;}
a.lienNoir:hover {font-size: 11px; color: #000000; font-family: arial,verdana; text-decoration: underline;}


a.lienArbo:link {font-size: 10pt; color: #ff0000; font-family: arial,verdana; text-decoration: underline;}
a.lienArbo:visited {font-size: 10pt; color: #ff0000; font-family: arial,verdana; text-decoration: underline;}
a.lienArbo:hover {font-size: 10pt; color: #ff0000; font-family: arial,verdana; text-decoration: none;}

.table_list_0 { background-color:#EEE; }
.table_list_0 th { background-color:#BCA55F; font-size:12px; font-weight:bold;}
.table_list_0 td { background-color:#E2D9BA; }
.table_list_0 tr { background-color:#E2D9BA; }
.table_list_1 { background-color:#EEE; }
.table_list_1 th { background-color:#CC60A9; font-size:12px; font-weight:bold;}
.table_list_1 td { background-color:#F0D2E7; }
.table_list_1 tr { background-color:#F0D2E7; }
.table_list_2 { background-color:#EEE; }
.table_list_2 th { background-color:#84D463; font-size:12px; font-weight:bold;}
.table_list_2 td { background-color:#DEF4D5; }
.table_list_2 tr { background-color:#DEF4D5; }
.table_list_3 { background-color:#EEE; }
.table_list_3 th { background-color:#6C92D0; font-size:12px; font-weight:bold;}
.table_list_3 td { background-color:#DCE5F4; }
.table_list_3 tr { background-color:#DCE5F4; }
.table_list_4 { background-color:#EEE; }
.table_list_4 th { background-color:#FDDA7B; font-size:12px; font-weight:bold;}
.table_list_4 td { background-color:#FEF4D6; }
.table_list_4 tr { background-color:#FEF4D6; }
.table_list_5 { background-color:#EEE; }
.table_list_5 th { background-color:#FB6F63; font-size:12px; font-weight:bold;}
.table_list_5 td { background-color:#FED7D4; }
.table_list_5 tr { background-color:#FED7D4; }
.table_list_6 { background-color:#EEE; }
.table_list_6 th { background-color:#7FB7C2; font-size:12px; font-weight:bold;}
.table_list_6 td { background-color:#D6E8EB; }
.table_list_6 tr { background-color:#D6E8EB; }

form {margin-top: 4px; margin-bottom:4px; }

/* Overlib */
.fgclass
	{
	background-color: #F4F4F4;  //#9FA5BD;
	}
.bgclass
	{
	background-color: #333;  //#777777;
	}
.textfontclass
	{
	color: #333;  //#E1DEB0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	}
/* Menu popup du haut */

.textfontclass a:link
	{
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFB444; 
	width: 100%;
	}
.textfontclass a:visited
	{
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFB444;
	width: 100%;
	}
.textfontclass a:hover
	{
	text-decoration: none;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5A3084;
	background-color: #EFD4A8;;
	width: 100%;
	}
/* FIN Menu popup du haut */
.captionfontclass
	{
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
	}
.closefontclass
	{
	color: #9999FF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	}
.top_indicateur
	{
	background-image : url(/images/charte/top_indicateur.gif);
	background-repeat : no-repeat;
	color : #FFFFFF;
	font-size : 16px;
	font-weight : bold;
	line-height : 28px;
	text-align : center;
	}
.corps_indicateur
	{
	background-image : url(/images/charte/corps_indicateur.gif);
	background-repeat : repeat-y;
	padding : 6px 4px 0;
	line-height : 18px;
	}
.bas_indicateur
	{
	background-image : url(/images/charte/bas_indicateur.gif);
	height : 28px;
	background-repeat : repeat-y;
	}
.icone_barre
	{
	background-repeat : no-repeat;
	float:right;
	width : 65px;
	position:relative;
	top:-50px;
	right:10px;
	line-height:47px;
	height:47px;
	}
.texte_aide
	{
	font-size : 12px;
	margin-left : 60px;
	}
.texte_titre
	{
	font-size : 18px;
	font-weight : bold;
	}