body {
    margin:0;
    padding:0;
	background-color:#2B498C;
	font-family:arial,sans-serif;
	font-size:10pt;
}

#container {
    width:998px;
    margin:0 auto;
    padding:0;
    background:#fff;
}

#header {
    height:104px;
    background:url(../images/header.jpg) center center;
    border:2px solid #fff;
}

#header h1 {
    display:none;
}

#navbar {
    padding:2px 5px;
    background-color:#EEEEEE;
    border-bottom:1px solid #CCCCCC;
}

#content {
    overflow: hidden;
    padding: 0 10px 10px;
}

table {
    margin:0;
    padding:0;
}

p, td {
	font-family:arial,sans-serif;
	font-size:10pt;
}

th {
	font-family:arial,sans-serif;
	font-size:10pt;
	background-color:#EEEEEE;
}

table.card th {
    width:              20%;
    text-align:         left;
}

a {
	color:#000066;
}

fieldset {
    margin:             20px 0;
    padding:            15px;
}

fieldset#log_form {
	width:				400px;
}

legend {
    font-weight:        bold;
}

/*
html * fieldset {
    position:           relative;
}

html * legend {
    position:           absolute;
    margin-top:         -25px;
    padding-left:       0;
}
*/

h1 {
    position:           relative;
    margin:             20px 0 15px 0;
    padding:            2px 5px;
    background:         #F09101;
    border:             1px solid #C6974F;
	color:              #ffffff;
	font-size:          16px;
}

h2 {
    position:           relative;
    margin:             15px 0;
	padding:            2px 2px;
    font-size:          14px;
	background:         #DDE8F9;
	border:             1px solid #AACBFD;
    color:              #000000;
}

h3 {
    position:           relative;
    margin:             0px 0;
    font-size:          13px;
    border-bottom: 		1px solid #BFBFBF;
    color:              #000000;
}

optgroup {
    font-style:     normal;
}

table.header-top {
	width:100%;
	background-color:#2B498C;
}
table.header-top td  {
	color:#FFFFFF;
}

table.header-top a {
	color:#FFFFFF;
	padding:2px;
	text-decoration:underline;
}

ul.mainmenu {
    margin:                 0;
    padding:                2px 0;
    list-style:             none;
    background:             #2B498C;
    border-top:             1px solid #2B498C;
    border-bottom:          1px solid #2B498C;
}

ul.mainmenu li {
    display:                inline;
    
}

ul.mainmenu li a {
    margin:                 0;
    padding:                2px 5px;
    border-left:            1px solid #fff;
    color:                  #fff;
    text-decoration:        none;
}

ul.mainmenu li a#home {
    border:                 0;
}

ul.mainmenu li a:hover {
	background-color:      #fff;
	color:                 #2B498C;
}


div.panel {
}

/* GESTION DES IMAGES BOUTONS */
img.button {
	border:1px solid #F9F9F9;
}
img.button:hover {
	background-color:#C1D2EE;
	border:1px solid #316AC5;
}

/* GESTION DES LISTES D'ENREGISTREMENTS */
table.list {
	border-top:1px solid #EEEEEE;
	border-bottom:1px solid #EEEEEE;
}

table.list th {
    padding:    3px;
	color:#000000;
}

table.list th a {
	color:#000000;
}

table.list td {
    padding:    3px;
}

table.card {
	border:1px solid #999999;
}

table.card td {
    padding:    3px;
	background-color:#FAFAFA;
}

/* ELEMENTS de PAGE */
.title {
	font-family:arial;
	font-size:11pt;
	color:#0362C1;
	font-weight:bold;
	letter-spacing:1pt;
	/* background-color:#99CCCC;
	color:#FFFFFF; */
}

.title2 {
	font-family:arial;
	font-size:9pt;
	color:#3A8BA5;
	font-weight:bold;
	letter-spacing:1pt;
	/* background-color:#99CCCC;
	color:#FFFFFF; */
}

.warning {
    padding:                20px 20px 20px 55px;
    background:             #FFf7f7 url(../images/pictos/delete.gif) no-repeat 20px 14px;
    border:                 2px solid #FFDDDD;
    color:                  #c00;
}

p.buttons {
    text-align:             center;
}

/** membres *******************************************************************/

td.menu ul {
    margin:                 0;
    padding:                10px 40px;
}

td.menu ul ul {
    padding:                0 0 0 40px;
}

td.menu li {
    position:               relative;
    margin:                 3px 0;
    padding:                2px 0 0;
    border-top:             1px solid #ccc;
}

td.menu li span {
    position:               absolute;
    right:                  20px;
}

td.menu div {
    margin-right:           40px;
    text-align:             right;
}


/** menu **********************************************************************/

ul.menu {
    margin:             10px 0;
    padding:            5px;
    background:         #F4F8FE;
    -moz-border-radius: 5px;
    cursor:             pointer;
}

ul.menu ul {
    margin:             2px 0 3px 0;
    padding:            0;
}

ul.menu li {
    list-style:         none;
    position:           relative;
    margin:             0;
    padding:            2px 0 2px 18px;
}

ul.menu li.parent {
    background:         url(images/_plus.gif) no-repeat 3px 6px;
}

ul.menu li.opened {
    background:         url(images/_moins.gif) no-repeat 3px 6px;
}

ul.menu li:hover, 
ul.menu li.itemHover {
    background-color:   #eee;
    -moz-border-radius: 5px;
}

ul.menu li li:hover, 
ul.menu li li.itemHover {
    background-color:   #ddd;
}

ul.menu li li li:hover, 
ul.menu li li li.itemHover {
    background-color:   #ccc;
}

ul.menu li span {
    position:           absolute;
    right:              3px;
}

ul.menu li img {
    border:             0;
}