/***** preloading ******/

#preloadingnav {
	display:none;
}

#headerPrinter, #popupHeaderPrinter {
	display:none;
}

/*** Header ***/

#header #back {
	background: url('../images/header_bg.gif') no-repeat top left;
	width: 759px;
	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('../images/navigation_bg.gif') no-repeat top left;
	height:35px;
	width: 759px;
	margin-top:12px;
}
#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('../images/dot.gif') no-repeat top left;
}
#navigation ul.nav li span
{
	background: url('../images/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(../images/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(../images/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(../images/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('../images/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('../images/dot.gif') no-repeat top 4px;
}


#onglet { 
	margin-top:10px;
	width: 570px;
	float:left;
	background: url('../images/onglet_bg_filet.gif') no-repeat top left;
	min-height:38px;
	_height:38px;
}

#onglet ul.nav, #ongletnomargin ul.nav{
	list-style-type:none;
	width:778px;
	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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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('../images/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;
	margin-top:10px;
	_margin-top:20px;
}

#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;
	float:right;
	margin: 0 2px 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('../../module/images/but_bg.gif') repeat-x top left;
	padding: 3px 5px 0;
}

a.buttongreen div.l, a.buttonfastergreen div.l {
	display:block;
	position:absolute;
	top:0;
	left:-5px;
	width:5px;
	height:20px;
	background: url('../../module/images/but_bg_left.gif') 0 0 no-repeat;
	color:#157400;
}

a.buttongreen div.l_arrow {
	display:block;
	position:absolute;
	top:0;
	left:-20px;
	width:20px;
	height:20px;
	background: url('../images/but_bg_left_arrow.gif') 0 0 no-repeat;
	color:#157400;
}

a.buttongreen div.l_lens {
	display:block;
	position:absolute;
	top:0;
	left:-22px;
	width:26px;
	height:20px;
	background: url('../images/but_bg_left_lens.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('../../module/images/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('../../module/images/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('../../module/images/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('../../module/images/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('../../module/images/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('../../module/images/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('../../module/images/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('../../module/images/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('../../module/images/but_bg_right_nwl.gif') 0 0 no-repeat;
}


a.buttonblack {
	display:block;
	position:relative;
	float:right;
	height:20px;
	line-height:20px;
	font: bold 11px Helvetica, Arial, sans-serif !important;
	color: #fff !important;
	text-transform:uppercase;
	text-decoration:none;
	background: url('../../module/images/but_bg_blk.gif') repeat-x top left;
	padding: 3px 5px 0;
}

a.buttonblack div.l {
	display:block;
	position:absolute;
	top:0;
	left:-10px;
	width:11px;
	height:20px;
	background: url('../../module/images/but_bg_left_blk.gif') 0 0 no-repeat;
}

a.buttonblack div.r {
	display:block;
	position:absolute;
	top:0;
	right:-10px;
	width:11px;
	height:20px;
	background:url('../../module/images/but_bg_right_blk.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('../../module/images/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('../../module/images/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('../../module/images/but_bg_right_corp.gif') 0 0 no-repeat;
}






.positionbutton {
	position:relative;
	display:block;
	right:0;
}


