/* CSS Document */

body {margin: 0px; padding: 0px; background: #98989E url(../images/background.png) repeat-y center top; width: 100%; height: 100%}


/* Header */
table#header {background: url(../images/header.png) no-repeat; height:146px;}
table#header a {font-weight: normal; color: #0000FF; text-decoration: none;}
table#header a:hover {ont-weight: normal; color: #0000FF; text-decoration: none;}
table#header p{font: 0.8em Arial; color: #333; text-align: right; margin: 115px 20px 10px 0px;}
table#header .login {font-weight: bold; color: #333;}
/*table#header .menu {background:url(../images/menu.png) no-repeat; font: 0.8em Arial; font-weight: bold; color:#fff; height: 41px; text-align:center;}
table#header .menu a {color: #fff; font-weight: bold;}
table#header .menu a:hover {color: #fff; font-weight: bold;}
table#header .menuselect  {text-decoration: underline;}
table#header .menunoselect {text-decoration: none; }*/

	td#menu {background:url(../images/menu.png) no-repeat; font: 0.8em Arial; font-weight: bold; color:#fff; height: 43px;}
	td#menu ul {margin: 0px 14px; padding: 0px; list-style: none;}
	td#menu li {display: inline; margin: 0px; padding: 0px;}
	td#menu a {color: #fff; text-decoration: none; font-weight: bold; display: block; float: left; padding: 3px 14px 5px; margin: 6px 0px 0px; background: url(../images/menuspacer.gif) no-repeat right center;}
	.li {padding: 0px 5px 5px 5px; text-align: justify;}
	td#menu a:hover {text-decoration: underline; color: #fff;}
	td#menu .msel {background: url(../images/msel.gif) repeat-x right top!important;}


/* Bloc gauche */
.body_left_header {background: url(../images/left_bloc_title.png) no-repeat top; width: 272px; height: 66px; font: bold 0.9em Arial; color: #FF0000;}
.body_left_bloc {background: url(../images/left_bloc.png) repeat-y top; width: 272px; font: 0.85em Arial; color: #000; vertical-align: top;}
.body_left_background {background: url(../images/left_background.png) repeat-y top; width: 272px; vertical-align: top;}
.body_left_footer {background: url(../images/left_bloc_footer.png) no-repeat top; width: 272px; height: 28px;}

#left_menu ul {list-style-image: none; margin: 0px; padding-left: 10px; font-weight: bold;}
#left_menu li {list-style-image: url(../images/puce_v.gif);}
#left_menu .ul {list-style-image: none; margin: 0px; padding: 0px; padding-bottom: 8px; font-weight: normal;}
#left_menu .li {list-style-image: url(../images/puce.gif); margin-left: 10px;}
#left_menu a, #left_menu a:hover {color: #0000ff; text-decoration: none;}


/* Bloc droit */
.body_right_header {background: url(../images/right_bloc_title.png) no-repeat top; width:777px; height: 27px; font: bold 0.9em Arial; color: #dedede;}
.body_right {font: 11px Arial; color: #000; text-align:justify; vertical-align: top; padding: 5px 20px 0px 10px;}

.title {background: url(../images/puce.gif) no-repeat left center; text-indent: 10px; float: left; font: bold 16px Arial; color: #FF0000; background-color: #fff; padding-right: 10px;}
.trait {height: 1px; background: #FF0000 repeat-x; max-width: 760px; margin-top: 8px;} 

#navigation {padding: 5px 20px 4px 20px; font: bold 0.85em Arial;}
#navigation a, #navigation a:hover {color: #fff;}

table#tableau {border: 1px solid #333; width: 350px; float: left;}
table#tableau .header {background:url(../images/cadre_title.png) repeat-x; height: 25px; font: bold 1.1em Arial; color: #0000ff; vertical-align: middle; padding-left: 20px;}
table#tableau .body {padding: 5px; font: 0.85em Arial; color: #333;}


/* Footer */
#footer {background: url(../images/footer.png) no-repeat; height: 111px;}
#footer .mentions {font: 0.7em Arial; padding-left: 20px;}


/* Boutons */
#buton_grey {background: url(../images/buton_grey.gif) no-repeat 0px 0px; display: block; padding: 2px 0px 0px 0px; width: 100px; height:19px; text-decoration: none; font: bold 1.1em Arial; color: #000; text-align: center;}
#buton_grey a,#buton_grey a:hover {text-decoration: none; color: #000;}

#buton_red {background: url(../images/buton_red.gif) no-repeat 0px 0px; display: block; padding: 2px 0px 0px 0px; width: 100px; height:19px; text-decoration: none; font: bold 1.1em Arial; color: #fff; text-align: center;}
#buton_red a,#buton_red a:hover {text-decoration: none; color: #fff;}


/* Documents legaux */
div.legals {font: normal 10px Arial; text-align: justify; margin: 0px 10px;}
div.legals h2 {text-align: center;}