/***** 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; }