/***** preloading ******/

#preloadingnav {
	display:none;
}
#headerPrinter, #popupHeaderPrinter {
	display:none;
}
/*** Header ***/

#header #back {
	background: url("header_bg.gif") no-repeat top left;
	width: 100%;
	height: 78px;
}
/* logo */
#header #logo a {
	display:block;
	position: absolute;
	top: 18px;
	left: 25px;
	height: 52px;
	width: 150px;
}
#header #logo a img {
	display:block
}
/* navigation */
#navigation {
	float:left;
	background: url("navigation_bg.gif") no-repeat top left;
	height:28px;
	width: 100%;
}
#navigation ul.nav {
	list-style-type:none;
	height:28px;
	padding-top:3px;
	margin-left:5px;
}
#navigation #pictoLoyalty {
	position:relative;
	display:block;
	width:44px;
	height:28px;
	margin-left:2px;
	margin-right:2px;
	top:-1px;
}
#navigation ul.nav li {
	display:inline;
	float:left;
	background: url("dot.gif") no-repeat top left;
}
#navigation ul.nav li span {
	background: url("nav_separator.gif") no-repeat top left;
	display:block;
	height:18px;
	width:4px;
	float:left
}
#navigation ul.nav li a {
	display:block;
	float:left;
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
	color:#000;
	height:18px;
	vertical-align:top;
}
#navigation ul.nav li a img {
	height:18px;
	width:6px;
	vertical-align:middle;
}
#navigation ul.nav li.aon a, #navigation ul.nav li.aoff a:hover {
	background: transparent url("nav_bg_on.gif");
	color:#ffffff;
}
#navigation ul.nav li.aon a img.inter_right, #navigation ul.nav li.aoff a:hover img.inter_right {
	background: transparent url("nav_bg_right_on.gif");
}
#navigation ul.nav li.aon a img.inter_left, #navigation ul.nav li.aoff a:hover img.inter_left {
	background: transparent url("nav_bg_left_on.gif");
}
#navigation ul.nav li.aoff a img.inter_right, #navigation ul.nav li.aoff a img.inter_left {
	background: url("dot.gif");
}
#navigation ul.nav li.aon a.none, #navigation ul.nav li.aoff a.none, #navigation ul.nav li.aon a:hover.none, #navigation ul.nav li.aoff a:hover.none {
	position:relative;
	background: url("dot.gif") no-repeat top 4px;
}
#onglet {
	margin-top:10px;
	width: 570px;
	float:left;
	background: url("onglet_bg_filet.gif") no-repeat top left;
	min-height:38px;
	_height:38px;
}
#onglet ul.nav, #ongletnomargin ul.nav {
	list-style-type:none;
	width:569px;
	height:24px;
	font-size:10px;
	font-weight:bold;
	overflow: hidden;
}
#onglet ul.nav li, #ongletnomargin ul.nav li {
	display:inline;
	float:left;
	background: transparent url("onglet_bg_off.gif");
}
#onglet ul.nav li a, #ongletnomargin ul.nav li a {
	display:block;
	float:left;
	text-decoration:none;
	color:black;
	height:24px;
}
#onglet ul.nav li a img, #ongletnomargin ul.nav li a img {
	border:none;
	height:24px;
	width:9px;
	vertical-align:middle;
}
#onglet ul.nav li a img.first, #ongletnomargin ul.nav li a img.first {
	height:24px;
	width:5px;
	margin-left:0px;
	background: transparent url("onglet_first_left_off.gif");
}
#onglet ul.nav li.aoff a img.inter_right, #ongletnomargin ul.nav li.aoff a img.inter_right {
	background: transparent url("onglet_inter_right_off.gif");
}
#onglet ul.nav li.aoff a img.inter_left, #ongletnomargin ul.nav li.aoff a img.inter_left {
	background: transparent url("onglet_inter_left_off.gif");
}
#onglet ul.nav li.aoff a img.last_right, #ongletnomargin ul.nav li.aoff a img.last_right {
	background: transparent url("onglet_last_right_off.gif");
	margin-right:0px;
	width:18px;
}
#onglet ul.nav li.aon, #onglet ul.nav li.aoff a:hover, #ongletnomargin ul.nav li.aon, #ongletnomargin ul.nav li.aoff a:hover {
	background: transparent url("onglet_bg_on.gif");
}
#onglet ul.nav li.aon a img.first, #onglet ul.nav li.aoff a:hover img.first, #ongletnomargin ul.nav li.aon a img.first, #ongletnomargin ul.nav li.aoff a:hover img.first {
	height:24px;
	width:5px;
	margin-left:0px;
	background: transparent url("onglet_first_left_on.gif");
}
#onglet ul.nav li.aon a img.inter_right, #onglet ul.nav li.aoff a:hover img.inter_right, #ongletnomargin ul.nav li.aon a img.inter_right, #ongletnomargin ul.nav li.aoff a:hover img.inter_right {
	background: transparent url("onglet_inter_right_on.gif");
}
#onglet ul.nav li.aon a img.inter_left, #onglet ul.nav li.aoff a:hover img.inter_left, #ongletnomargin ul.nav li.aon a img.inter_left, #ongletnomargin ul.nav li.aoff a:hover img.inter_left {
	background: transparent url("onglet_inter_left_on.gif");
}
#onglet ul.nav li.aon a img.last_right, #onglet ul.nav li.aoff a:hover img.last_right, #ongletnomargin ul.nav li.aon a img.last_right, #ongletnomargin ul.nav li.aoff a:hover img.last_right {
	background: transparent url("onglet_last_right_on.gif");
	margin-right:0px;
	width:18px;
}
#onglet div, #ongletnomargin div {
	font-size:10px;
	margin:10px;
}
#onglet .accroche {
	color:#007800;
	font-weight:bold;
}
#onglet a {
	text-decoration:underline;
}
#ongletnomargin {
	display:block;
	width:569px;
	background: url("nav_onglet_bg.gif");
	border-bottom:0;
}
/******************************* footer ***************************************/

#footer, #instit_footer {
	display:block;
	position:relative;
	width: 770px;
	color: #646464;
	text-align: center;
	margin: 0 auto;
}
#instit_footer {
	width: 760px;
}
fieldset#footer_box {
	position:relative;
	display:block;
	float:left;
	width:157px;
}
#instit_footer fieldset#footer_box {
	width:157px;
}
ul#footerlist {
	display:block;
	position:relative;
	float:left;
	text-align: right;
	width: 610px;
	color: #646464;
}
#instit_footer ul#footerlist {
	width: 595px;
	text-align: center;
}
#footerlist li {
	display: inline;
	line-height: 20px;
	height: 20px;
	color: #646464;
	font-size: 10px;
	word-spacing:-0.5px;
}
#footerlist li a {
	color: #646464;
	font-size: 10px;
	line-height: 20px;
	text-decoration: none;
}
#footerlist li a.aon {
	text-decoration:underline;
}
#footerlist a:hover, #footerlist li.aon a {
	color: black;
	line-height: 20px;
	font-size: 10px;
	text-decoration:underline;
}
#copyright {
	position:relative;
	top:6px !important;
}
*+html #copyright {
	top:20px !important;
}
#footerlist .website, #header .website {
	float:right;
	width: 120px;
	height: 10px;
}
/* buttons */

a.buttongreen, a.buttonfastergreen {
	display:block;
	position:relative;
	margin: 0 15px 0 10px;
	height:20px;
	line-height:20px;
	font: bold 11px Helvetica, Arial, sans-serif !important;
	color: white !important;
	text-transform:uppercase;
	text-decoration:none;
	background: url("but_bg.gif") repeat-x top left;
	padding: 3px 5px 0;
	float:right;
	text-align: center;
}
a.buttongreen div.l, a.buttonfastergreen div.l {
	display:block;
	position:absolute;
	top:0;
	left:-5px;
	width:5px;
	height:20px;
	background: url("but_bg_left.gif") 0 0 no-repeat;
	color:#157400;
}
a.buttongreen div.r, a.buttonfastergreen div.r {
	display:block;
	position:absolute;
	top:0;
	right:-5px;
	width:5px;
	height:20px;
	background:url("but_bg_right.gif") 0 0 no-repeat;
	color:#157400;
}
a.buttongreen div.lblack, a.buttonfastergreen div.lblack {
	display:block;
	position:absolute;
	top:0;
	left:-5px;
	width:5px;
	height:20px;
	background: url("but_bgb_left.gif") 0 0 no-repeat;
}
a.buttongreen div.rblack, a.buttonfastergreen div.rblack {
	display:block;
	position:absolute;
	top:0;
	right:-5px;
	width:5px;
	height:20px;
	background:url("but_bgb_right.gif") 0 0 no-repeat;
}
a.buttonlgreen {
	display:block;
	position:relative;
	float:right;
	margin: 0 2px 0 10px;
	height:20px;
	line-height:20px;
	font: bold 11px Helvetica, Arial, sans-serif !important;
	color: #007800 !important;
	text-transform:uppercase;
	text-decoration:none;
	background: url("but_bgl.gif") repeat-x top left;
	padding: 3px 5px 0;
	cursor:pointer;
}
a.buttonlgreen div.l {
	display:block;
	position:absolute;
	top:0;
	left:-5px;
	width:5px;
	height:20px;
	background: url("but_bgl_left.gif") 0 0 no-repeat;
}
a.buttonlgreen div.r {
	display:block;
	position:absolute;
	top:0;
	right:-5px;
	width:6px;
	height:20px;
	background:url("but_bgl_right.gif") 0 0 no-repeat;
}
a.buttongray {
	display:block;
	position:relative;
	float:right;
	height:23px;
	line-height:23px;
	font: bold 11px Helvetica, Arial, sans-serif !important;
	color: #fff !important;
	text-transform:uppercase;
	text-decoration:none;
	background: url("but_bg_nwl.gif") repeat-x top left;
	padding: 4px 5px 0;
}
a.buttongray div.l {
	display:block;
	position:absolute;
	top:0;
	left:-5px;
	width:6px;
	height:23px;
	background: url("but_bg_left_nwl.gif") 0 0 no-repeat;
}
a.buttongray div.r {
	display:block;
	position:absolute;
	top:0;
	right:-5px;
	width:6px;
	height:23px;
	background:url("but_bg_right_nwl.gif") 0 0 no-repeat;
}
a.buttoncorp {
	display:block;
	position:relative;
	float:right;
	height:22px;
	line-height:22px;
	font: bold 11px Helvetica, Arial, sans-serif !important;
	color: #1B801B !important;
	font-weight:bold !important;
	cursor:pointer !important;
	text-decoration:none;
	background: url("but_bg_corp.gif") repeat-x top left;
	padding: 4px 5px 0;
}
a.buttoncorp div.l {
	display:block;
	position:absolute;
	top:0;
	left:-5px;
	width:5px;
	height:22px;
	background: url("but_bg_left_corp.gif") 0 0 no-repeat;
}
a.buttoncorp div.r {
	display:block;
	position:absolute;
	top:0;
	right:-5px;
	width:5px;
	height:22px;
	background:url("but_bg_right_corp.gif") 0 0 no-repeat;
}
.positionbutton {
	position:relative;
	display:block;
	right:0;
}