html { margin:0; padding:0; font:normal 12px Arial; color:#1E1E1E; } body { margin:0; padding:0; background: #88A551 url('/image/ESH/Global/bg.gif') repeat-y center top;} input, select, textarea { font:normal 11px Arial; } img { border:none; } a, a:link, a:visited, body a:link, body a:visited { color:#013064; text-decoration:underline; } a:hover, body a:hover { color:#89A550; text-decoration:underline; } /* Page */ #page{ width:970px; margin:0px auto; position:relative; padding:10px; display:block; } /* Header */ #page #header { width:970px; height:90px; font-size:11px; } #page #header #headertop { width:970px; height:80px; clear:both; padding-bottom:9px; border-bottom:1px solid #9E9E9E; } #page #header #headertop #logo { display:block; float:left; width:300px; height:80px; padding-right:9px; border-right:1px solid #9E9E9E; } #page #header #headertop #logo .left { display:block; float:left; width:80px; height:80px; background:url('/image/ESH/Global/Header/logo.gif') no-repeat top left; } #page #header #headertop #logo .left a { display:block; width:80px; height:80px; text-decoration:none; } #page #header #headertop #logo .right { display:block; float:left; width:220px; height:80px; padding:4px 0px; } #page #header #headertop #logo .right ul { margin:0; padding:0; list-style:none; } #page #header #headertop #logo .right li { display:block; margin:0; padding:0; width:180px; height:24px; } #page #header #headertop #logo .right li a { display:block; width:180px; height:24px; text-decoration:none; } #page #header #headertop #logo .right li #logoitem1 { background:url('/image/ESH/Global/Header/logementrural.gif'); background-repeat:no-repeat; background-position:bottom left; } #page #header #headertop #logo .right li #logoitem2 { background:url('/image/ESH/Global/Header/logifim.gif'); background-repeat:no-repeat; background-position:bottom left; } #page #header #headertop #logo .right li #logoitem3 { background:url('/image/ESH/Global/Header/saduhainaut.gif'); background-repeat:no-repeat; background-position:bottom left; } #page #header #headertop #logo .right li #logoitem1.selected, #page #header #headertop #logo .right li #logoitem2.selected, #page #header #headertop #logo .right li #logoitem3.selected { background-position:top left; } #page #header #headertop #text { display:block; float:right; width:650px; height:80px; padding-left:10px; color:#747577; } #page #header #headertop #text h3 { font-size:11px; line-height:12px; font-weight:normal; padding:4px 0px 3px 0px; margin:0px; } #page #header #headertop #text ul { margin:0; padding:0; list-style:none; } #page #header #headertop #text li { margin:5px 0px 0px 0px; padding:0; list-style:none; } /* HeaderBlock */ #page #headerblock { width:970px; padding-bottom:9px; border-bottom:1px solid #9E9E9E; margin-top:10px; } #page #headerblock #blockleft { display:block; float:left; width:300px; height:180px; padding-right:9px; border-right:1px solid #9E9E9E; } #page #headerblock #blockcenter { display:block; float:left; width:280px; height:180px; padding-right:9px; border-right:1px solid #9E9E9E; padding-left:10px; } #page #headerblock #blockright { display:block; float:left; width:350px; height:180px; padding-left:10px; } /*Main */ #page #main { width:970px; margin-top:20px; } #page #mainleft { float:left; width:300px; padding-right:9px; min-height:450px; } #page #maincenter { float:right; width:650px; padding-left:10px; min-height:450px; border-left:1px solid #9E9E9E; } /*Footer*/ #page #footer { width:970px; clear:both; display:block; padding-top:30px; font-size:11px; color:#747577;} #page #footer .left { float:left; display:block; width:310px; } #page #footer .left ul { margin:0; padding:0; list-style:none; } #page #footer .left li { margin:0; padding:0px 2px; float:left; line-height:50px; } #page #footer .left li a { color:#747577; text-decoration:none; } #page #footer .left li a:hover { color:#89A550; } #page #footer .right { float:left; width:660px; } #page #footer .right ul { margin:0; padding:0; list-style:none; } #page #footer .right li { margin:0; padding:0; float:left; width:220px; height:50px; text-align:center; } #page #footer .right li img { height:50px; } /* Status */ #statusmessage { display:block; font-size:11px; width:648px; border:1px solid #000000; margin-bottom:20px; } #statusmessage UL { display:block; margin:0px; padding:0px; } #statusmessage UL LI { list-style-position:outside; list-style-type:none; margin:2px 0px 0px 0px; font-weight:bold; text-align:left; } #statusmessage.error { background-color:#FFE1F0; border:1px solid #DD1377; } #statusmessage.error td { color:#DD1377; } #statusmessage.valid { background-color:#D4E6F1; border:1px solid #84A1B3; } #statusmessage.valid td { color:#597688; } /* Pagination */ #pagination { margin:10px 0px 10px 0px; width:100%; height:15px; clear:both; display:block; } #pagination img { border:0px; } #pagination .left { height:15px; line-height:15px; display:block; float:left; } #pagination .right { height:15px; line-height:15px; display:block; float:right; } #pagination .right ul { height:15px; margin:0; padding:0; float:right; display:inline; } #pagination .right ul li { height:15px; line-height:15px; margin:0; padding:0px 2px; list-style:none; display:block; float:left; text-align:center;} #pagination .right ul li.selected { font-weight:bold;} #pagination .right ul li.separator { width:0px; padding:0px; } #pagination .right ul li.first a, #pagination .right ul li.previous a, #pagination .right ul li.next a, #pagination .right ul li.last a { display:block; height:15px; background-position:top left; background-repeat:no-repeat; } #pagination .right ul li.first a:hover, #pagination .right ul li.previous a:hover, #pagination .right ul li.next a:hover, #pagination .right ul li.last a:hover { background-position: top right; } #pagination .right ul li.first a { background-image:url('/image/ESH/global/first.gif'); width:12px;} #pagination .right ul li.previous a { background-image:url('/image/ESH/global/previous.gif'); width:5px;} #pagination .right ul li.next a { background-image:url('/image/ESH/global/next.gif'); width:5px;} #pagination .right ul li.last a { background-image:url('/image/ESH/global/last.gif'); width:12px;} /* SiteMap */ #sitemap { padding-bottom:15px; } #sitemap ul { list-style:none; padding:0; margin:0; } #sitemap li { list-style:none; float:left; padding:0; margin:0px 8px 0px 0px; display:block; font-size:12px; color:#87888A; line-height:22px; } #sitemap li a { color:#87888A; text-decoration:none; } #sitemap li a:hover { color:#87888A; } #sitemap li span { font-size:20px; color:#E5007B; } #sitemap li span a { color:#E5007B;} #sitemap li span a:hover { color:#E5007B;} /*Form */ #form { background-color:#F0F1F6; padding:10px; } #form #statusmessage { width:628px; } #form fieldset { padding:0px 0px; margin:0px 0px 10px 0px; border:0px; font-size:11px; } #form fieldset p { margin:0px 0px 0px 0px; padding:1px 0px 2px 0px; clear:both; } #form fieldset label { display:block; float:left; width:150px; text-align:right; line-height:20px; padding-right:3px; } #form fieldset input { margin:0px 0px 1px 0px; padding:1px 2px; } #form fieldset select { margin:1px 0px 1px 0px; } #form fieldset span { display:block; text-align:left; line-height:20px; float:left; } #form fieldset span.option input { height:20px; display:block; margin-right:3px; } #form fieldset span.title { font-weight:bold;} #form fieldset span.red { color:#CC0000; font-weight:bold; font-size:12px; padding-left:5px; } #form fieldset span.info { font-size:10px; padding-left:5px; } #form .form { } #form .form .header { background:url('/image/ESH/global/dotted.gif') repeat-x scroll bottom center; padding-bottom:10px; margin-bottom:10px; } #form .form .header h2 { color:#000000; font-weight:normal; font-size:20px; padding:0px; margin:0px 0px 5px 0px;} #form .form .body { } #form .form .body h2 { text-transform:uppercase; font-weight:bold; font-size:12px; padding:3px; margin:10px 0px 10px 0px; } #form .form .body .left { float:left; width:310px; } #form .form .body .right { float:left; width:310px; margin-left:10px; } #form .form .footer { } #form .message { } #form .message .header { background:url('/image/ESH/global/dotted.gif') repeat-x scroll bottom center; padding-bottom:10px; margin-bottom:10px; } #form .message .header h2 { color:#000000; font-weight:normal; font-size:20px; padding:0px; margin:0px;} #form .message .body { text-align:center; padding:20px 0px; clear:both;} #form .message .footer { text-align:center; } #form .message .footer #button { padding:10px 0px 10px 0px; } /* Button */ #button { font-size:12px;} #button ul { list-style:none; padding:0px; margin:0px; } #button ul li { float:left; padding:0px; margin:0px 5px 0px 0px;} #button a, #button a:link, #button a:visited { display:block; height:26px; line-height:26px; text-decoration:none; text-align:center; font-weight:bold; background-color:#96BF0D; color:#FFFFFF; } #button a:hover { background-color:#013064; color:#FFFFFF; } /* Modal Popup */ #modalpopup {} #modalpopup .modalbackground { background-color:Gray; opacity:0.7; filter:alpha(opacity=70); } #modalpopup .modalpopup { display:block; width:710px; padding:10px; position:relative; left:0px; background-color:#F0F1F6; } #modalpopup .modalclose { text-align:right; display:block; height:25px; } #modalpopup .modalclose a, #modalpopup .modalclose a:link, #modalpopup .modalclose a:visited { } #modalpopup .modalclose a:hover { } #updateprogress { width:450px; z-index:999999; position:absolute; padding-left:200px; padding-top:50px; } #updateprogress .item { display:block; width:298px; background-color:#FFFFFF; color:#597385; } #updateprogress .item .top { width:298px; padding-top:20px; font-weight:bold; text-align:center; } #updateprogress .item .bottom { width:298px; padding-top:10px; padding-bottom:25px; text-align:center; } #page #mainleft #updateprogress { width:300px; z-index:999999; position:absolute; padding-top:50px; padding-left:0px; } #page #mainleft #updateprogress .item { display:block; width:278px; background-color:#FFFFFF; color:#597385; } #page #mainleft #updateprogress .item .top { width:278px; padding-top:20px; font-weight:bold; text-align:center; } #page #mainleft #updateprogress .item .bottom { width:278px; padding-top:10px; padding-bottom:25px; text-align:center; }