/* CSS Document */
body {
	margin: 0; /* pour �viter les marges */
	text-align: center; /* pour corriger le bug de centrage IE */
	background-color: #E3DFD5;
}
#principal {
	position:absolute;
	left:0;
	top:0;
	width:270px;
	height:600px;
	background-color: #ffffff;
	background-image: url(../img_generic/barre_v_rouge.gif);
	background-repeat: no-repeat;
	background-position: left 285px;
	z-index:1;
	overflow:hidden;
}
#principal a img{
	text-decoration:none;
	border:none;
}
#logo {
	position:absolute;
	left:20px;
	top:30px;
}
#logo_swf {
	position:absolute;
	left:0px;
	top:0px;
}
#bienvenue {
	position:absolute;
	left:22px;
	top:175px;
}
#bienvenue2 {
	position:absolute;
	left:22px;
	top:247px;
}
#bienvenue4 {
	position:absolute;
	left:22px;
	top:220px;
}

/* ====================== STYLES POUR TABLEAUX ==================== */
table {
	position:relative;
	left:2px;
	top:5px;
	width: 530px;
	border: medium solid #B1DAAB;
	border-collapse: collapse;
}
thead th {
	border: thin solid #B1DAAB;
	padding: 6px;
	font-family: 'Trebuchet MS', Trebuchet, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color:#000000;
	font-style: normal;
	line-height: 14px;
	background-color:#FFFFFF;
	text-align: center;
}
th {
	border: thin solid #3BA32C;
	padding: 6px;
	background-color: #3BA32C;
	font-family: 'Trebuchet MS', Trebuchet, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color:#FFFFFF;
	font-style: normal;
	line-height: 14px;
	text-align: left;
}
td {
	border: thin solid #3BA32C;
	padding: 6px;
	font-family: 'Trebuchet MS', Trebuchet, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color:#000000;
	font-style: normal;
	line-height: 14px;
	background-color:#FFFFFF;
	text-align: left;
	padding-left: 20px;
}
.rangee td {
	border: thin solid #3BA32C;
	padding: 6px;
	font-family: 'Trebuchet MS', Trebuchet, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color:#000000;
	font-style: normal;
	line-height: 14px;
	background-color:#D8EDD5;
	text-align: left;
	padding-left: 20px;
}

.case {
	font-family: 'Trebuchet MS', Trebuchet, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color:#FFFFFF;
	font-style: normal;
	line-height: 14px;
	background-color:#ED1C24;
	text-align: center;
}
/* ====================== STYLES POUR LIENS ==================== */
a {
	font-weight: normal;
}
a:link {
	text-decoration: none;
	color: #000000;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: underline;
	color: #000000;
}
a:active {
	text-decoration: none;
	color: #000000;
}
/* ====================== MENU PRINCIPAL ==================== */
#menu_princ {
	position:absolute;
	left:0px;
	/*top:448px;*/
	top:268px;
	font-family: 'Trebuchet MS', Trebuchet, Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 30px;
	color: #000000;
	text-align: left;
	list-style-type:none;
}
* #menu_princ{
	top:420px;
}
#menu_princ a{
	text-decoration: none;
	color: #000000;
	padding-left:30px;
	background-image: url(../img_generic/fleche_rouge.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#menu_princ a:hover{
	background-image:url(../img_generic/fleche_on.gif);
	color:#FF0000;
}
/* ====================== BARRE DE MENUS ==================== */
#barre {
	position:absolute;
	left:294px;
	top:5px;
	width:710px;
	font-family: 'Trebuchet MS', Trebuchet, Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #000000;
	text-align: left;
}
ul#barre {
	position:absolute; /* Positionnement pour IE5 et IE 5.5 */
	margin: 0px;
	padding: 0px;
	list-style-type: none; /* Suppression du margin, du padding et des puces du <ul> */
}
ul#barre li {
	float:left;
	display: inline; /* Correction pour IE5 et IE 5.5 */
	margin: 0px -24px 0px 0px;
	padding: 0px; /* Suppression du padding du <li> et on d�finit une marge basse de 5px pour a�rer les boutons */
}
ul#barre li a {
	display:block; /* On passe les liens en �l�ments de type block pour leur donner des propri�t�s de taille */
	line-height: 26px;
	text-indent:-5000px; /* masquer le texte dans les navigateurs graphiques */
	text-decoration: none; 
}
a#lien_1 {
	width: 264px;
	background: url(../img_generic/bt_sante.gif) no-repeat 0 0;
}
a#lien_1:hover{
	background: url(../img_generic/bt_sante.gif) no-repeat 0 -26px;
}
a#lien_2 {
	width: 277px;
	background: url(../img_generic/bt_deces.gif) no-repeat -2px 0;
}
a#lien_2:hover{
	background: url(../img_generic/bt_deces.gif) no-repeat -2px -26px;
}
a#lien_3 {
	width: 169px;
	background: url(../img_generic/bt_esmedia.gif) no-repeat -3px 0;
}
a#lien_3:hover{
	background: url(../img_generic/bt_esmedia.gif) no-repeat -3px -26px;
}

/* ====================== BAS DE PAGE ==================== */
#bas_page {
	clear:both;
	position:absolute;
	left:0px;
	top:600px;
	width:955px;
	height:18px;
	font-family: 'Trebuchet MS', Trebuchet, Helvetica, Arial, sans-serif;
	font-size: 10px;
	line-height:18px;
	color: #FFF;
	text-align: center;
	text-indent:600px;
	vertical-align:middle;
	background-color:#E3DFD5;
	background-image: url(../img_generic/bas_page.gif);
	background-repeat: no-repeat;
	background-position: right top;
	z-index:2;
	overflow:hidden;
}
#bas_page a {
	color: #FFF;
	text-decoration:none;
}
#bas_page a:hover {
	color:#FFCC66;
	text-decoration:none;
}