/* CSS Document */ body{margin:0 auto; background-color:#135784;} div, h1, h2, p, form, label, input, textarea, img, span{margin:0; padding:0;} ul{ margin:0; padding:0; list-style-type:none; font-size:0;} .spacer{clear:both; font-size:0; line-height:0;} /*------------------------------------------------body--------------------*/ a:focus { outline:none; } #global{margin: 0 auto;text-align:left; width: 1011px; background:url(images/bg_body.gif) center top repeat-y #135784;} /*----TOP PANEL----*/ #topPan{width:971px; height:97px; background:url(images/top_banner.png) no-repeat; margin:0 auto; text-align:right;} /*------------------------------------------------top part--------------------*/ #top{width:971px;height:450px;margin:0 auto;} #bodyx2{width:971px;margin:0 auto;padding:0;background-color:#000;color:#fff;} #bodyx2 ul.nav{ display:block;height:43px; padding-left:260px; color:#999999; background-color:#000000;} #bodyx2 ul.nav li.navLink{float:left;height:23px;} #bodyx2 ul.nav li.navLink a.service{padding:0 15px 0 15px;font:12px/46px Arial, Helvetica, sans-serif;color:#999999;text-transform:uppercase; text-decoration:none; border-right:#999 solid 1px; height:23px; } #bodyx2 ul.nav li.navLink a.service:hover{color:#FFCC00; border-right:#FFCC00 solid 1px; height:23px;} #bodyx2 ul.nav li.navLink a.contact{padding:0 15px 0 15px; font:12px/46px Arial, Helvetica, sans-serif;color:#999999;text-transform:uppercase; text-decoration:none; height:23px;} #bodyx2 ul.nav li.navLink a.contact:hover{color:#FFCC00; height:23px;} #bodyx{width:971px;margin:0 auto;padding:0;background: #FFFFFF url(images/bg_body.png) bottom left no-repeat;color:#fff; } #bodyx ul.nav{ display:block;height:43px; padding-left:260px; color:#999999; background:url(images/bg_menu.png) left top repeat-x;} #bodyx ul.nav li.navLink{float:left;height:23px;} #bodyx ul.nav li.navLink a.service{padding:0 15px 0 15px;font:12px/46px Arial, Helvetica, sans-serif;color:#fff;text-transform:uppercase; text-decoration:none; border-right:#fff solid 1px; height:23px; } #bodyx ul.nav li.navLink a.service:hover{color: #FFCC00; border-right:#FFCC00 solid 1px; height:23px;} #bodyx ul.nav li.navLink a.contact{padding:0 15px 0 15px; font:12px/46px Arial, Helvetica, sans-serif;color:#fff;text-transform:uppercase; text-decoration:none; height:23px;} #bodyx ul.nav li.navLink a.contact:hover{color:#FFCC00; height:23px;} #bodyx3{width:971px;margin:0 auto;padding:0;color:#fff; } #bodyx3 ul.nav{ display:block;height:43px; padding-left:260px; color:#999999; background:url(images/bg_menu.png) left top repeat-x;} #bodyx3 ul.nav li.navLink{float:left;height:23px;} #bodyx3 ul.nav li.navLink a.service{padding:0 15px 0 15px;font:12px/46px Arial, Helvetica, sans-serif;color:#fff;text-transform:uppercase; text-decoration:none; border-right:#fff solid 1px; height:23px; } #bodyx3 ul.nav li.navLink a.service:hover{color: #FFCC00; border-right:#FFCC00 solid 1px; height:23px;} #bodyx3 ul.nav li.navLink a.contact{padding:0 15px 0 15px; font:12px/46px Arial, Helvetica, sans-serif;color:#fff;text-transform:uppercase; text-decoration:none; height:23px;} #bodyx3 ul.nav li.navLink a.contact:hover{color:#FFCC00; height:23px;} /*------------------------------------------------top part--------------------*/ /*----Body Bottom Panel----*/ #bodybottomPan{width:751px; float:right; margin:0 auto; } #bodybottomPan2{width:971px; position: relative; margin:0 auto; padding-left:5px; background-color:#FFFFFF;border:1px solid #FFCC00;} #bodybottomPan3{width:971px; position:relative; margin:0 auto; padding-left:5px;} /*----/baki page----*/ #bottomrightPanL{width:957px; float:left; margin:auto; color:#09203B; border:1px solid #143760; background:#FFFFFF url(images/visite-bg.png) repeat-x;} /*----/Bottom Left Panel----*/ #bottomleftPan form{width:400px; padding:0px 0 0 70px; font-size:0; height:84px;margin:0; } #bottomleftPan form label{ font-size:10px; line-height:14px; color:#313131; text-transform:uppercase; display:block; float:left; width:140px; margin-right:18px; } #bottomleftPan form label.re{ font-size:10px; line-height:14px; color:#313131; text-transform:uppercase; background-color:#FDFDFE; display:block; float:left; padding:2px 0 0 0; margin:5px 0 0 0; } #bottomleftPan form input{ background:url(images/input_box.gif) no-repeat 0 0 ; color:#000000; border:1px solid #09203B; float:left; height:18px; padding:0 1px 0 1px; display:block; width:140px; margin:4px 16px 0 0; } #bottomleftPan form select{ background:url(images/input_box.gif) no-repeat 0 0 #fff; color:#000000; border:1px solid #09203B; float:left; display:block; width:140px; margin:4px 16px 10px 0; } #bottomleftPan form input.checkbox{ width:10px; height:10px; margin:9px 5px 0 0; padding:0 0 0 0; float:left; } #bottomleftPan form input.login{background:url(images/login_bu.png) no-repeat 0 0; float:left; margin:7px 0 64px 125px; width:71px; height:20px;cursor:pointer; border:none; font-size:0; } #bottomleftPan{width:475px; height:218px; float:left; color:#09203B; border:1px solid #143760; background:#FFFFFF url(images/search-bg.png) repeat-x;} #bottomleftPan h2{width:250px; font:20px Arial, Helvetica, sans-serif; margin:12px 0 0 15px; text-transform:uppercase;} #bottomleftPan ul{width:290px; margin:15px 0 0 50px;} #bottomleftPan ul li{width:290px; height:30px;} #bottomleftPan ul li a{width:210px; height:30px; display:block; background:url(images/bullet1.png) 0 10px no-repeat ; color:#163C7B; font-size:14px; line-height:30px; text-decoration:none; padding:0 0 0 20px;} #bottomleftPan ul li a:hover{display:block;background:url(images/bullet2.png) 0 10px no-repeat ; color:#1D8DE3; line-height:30px;} #bottomleftPan table{ width:470px; margin-left:5px;} #bottomleftPan a{ height:20px; display:block; background:url(images/bullet1.png) 0 9px no-repeat ; color:#163C7B; font-size:10px; line-height:30px; text-decoration:none; padding:0 0 0 20px;} #bottomleftPan a:hover{display:block;background:url(images/bullet2.png) 0 9px no-repeat ; color:#1D8DE3; line-height:30px;} #bottomleftPanSearch{width:750px; float:left; color:#09203B; border:1px solid #2CA4B7; padding-left:10px; } #bottomleftPanH{width:745px; float:left; color: #000000; border:1px solid #000; padding-top:10px; } #bottomleftPanH h2{width:550px; height:39px; display:block; color:#000; font:18px Arial, Helvetica, sans-serif; line-height:39px; text-decoration:none; padding:0 0 0 10px; margin:5px 0 10px 5px; text-transform:uppercase;} #bottomleftPanH p{display:block; color:#000; font:12px Arial, Helvetica, sans-serif; padding:0 10px 5px 10px; text-align:justify;line-height: 20px; } #bottomleftSejour{width:745px; float:left; color: #000000; border:1px solid #000; padding-top:10px; } #bottomleftSejour h2{width:350px; height:39px; display:block; color:#000; font:18px Arial, Helvetica, sans-serif; line-height:39px; text-decoration:none; padding:0 0 0 10px; margin:5px 0 10px 5px; text-transform:uppercase;} #bottomleftPanHO{width:707px; float:left; color:#09203B; border:1px solid #163C7B; } #bottomleftPanHO h2{width:350px; height:30px; display:block; background:url(images/puceBlue.png) 0 0 no-repeat ; color:#163C7B; font:18px Arial, Helvetica, sans-serif; line-height:30px; text-decoration:none; padding:0 0 0 25px; margin:5px 0 10px 5px; text-transform:uppercase;} #bottomleftPanHF{width:707px; float:left; color:#163C7B; border:1px solid #163C7B; background:#FFFFFF url(images/search-bg.png) repeat-x; padding-bottom:10px;} #bottomleftPanHF p{ display:block; color:#000; font:12px Arial, Helvetica, sans-serif; padding:0 10px 5px 10px; text-align:justify; background:url(images/rayaume-Maroc.jpg) center center no-repeat; line-height: 20px;} #bottomleftPanHF h2{width:350px; height:30px; display:block; background:url(images/puceBlue.png) 0 0 no-repeat ; color:#163C7B; font:18px Arial, Helvetica, sans-serif; line-height:30px; text-decoration:none; padding:0 0 0 25px; margin:0 0 10px 5px; text-transform:uppercase;} #bottomleftPanHF h3{width:350px; height:20px; display:block; background:url(images/puceBlue3.png) 0 0 no-repeat ; color:#163C7B; font:14px Arial, Helvetica, sans-serif; line-height:20px; text-decoration:none; padding:0 0 0 25px; margin:5px 0 10px 5px; text-transform:uppercase;} #bottomleftPanHFv{width:707px; float:left; color:#163C7B; border:1px solid #163C7B; background:url(images/rayaume-Maroc.jpg) center center no-repeat;padding-bottom:10px;} #bottomleftPanHFv p{ display:block; color:#000; font:12px Arial, Helvetica, sans-serif; padding:0 10px 5px 10px; text-align:justify; line-height: 20px;} #bottomleftPanHFv h3{width:520px; height:20px; display:block; background:url(images/puceBlue3.png) 0 0 no-repeat ; color:#163C7B; font:14px Arial, Helvetica, sans-serif; line-height:20px; text-decoration:none; padding:0 0 0 25px; margin:5px 0 10px 5px; text-transform:uppercase;} #bottomleftPanHFv h2{width:350px; height:30px; display:block; background:url(images/puceBlue.png) 0 0 no-repeat ; color:#163C7B; font:18px Arial, Helvetica, sans-serif; line-height:30px; text-decoration:none; padding:0 0 0 25px; margin:0 0 10px 5px; text-transform:uppercase;} #bottomleftPanE{width:475px; float:left; color:#09203B; border:1px solid #143760;} #bottomleftPanE p{ display:block; color:#000; font:12px Arial, Helvetica, sans-serif; padding:5px 5px 5px 5px; text-align:justify;} #bottomleftPanE h2{height:30px; display:block; background:url(images/puceBlue.png) 0 0 no-repeat ; color:#163C7B; font:18px Arial, Helvetica, sans-serif; line-height:30px; text-decoration:none; padding:0 0 0 25px; text-transform:uppercase;} #bottomleftPanV h2{width:350px; height:30px; display:block; background:url(images/puceOrange.png) 0 0 no-repeat ; color:#FF9900; font:18px Arial, Helvetica, sans-serif; line-height:30px; text-decoration:none; padding:0 0 0 25px; margin:5px 0 10px 5px; text-transform:uppercase;} #bottomleftPanH ul{width:290px; margin:15px 0 0 50px;} #bottomleftPanH ul li{width:290px;} #bottomleftPanH ul li a{width:210px; display:block; color:#163C7B; font-size:14px; line-height:30px; text-decoration:none; padding:0 0 0 20px;} #bottomleftPanH ul li a:hover{display:block; color:#1D8DE3; line-height:30px;} #bottomleftPan p.more{width:270px; height:21px; padding:0px; margin:10px 0 25px 50px;} #bottomleftPan p.more a{width:270px; height:21px; display:block; background:url(images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#fff; font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;} #bottomleftPan p.more a:hover{background:url(images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#FDF6B6; text-decoration:none;} /*----Bottom Right Panel----*/ #bottomrightPanG{width:274px; float:left; color:#09203B; margin-left:5px;} #bottomrightPan{width:365px; float:left; color:#09203B; border:1px solid #0066CC; margin-left:5px;background:#FFFFFF url(images/visite-bg.png) repeat-x;} #bottomrightPan h2{width:300px; height:39px; display:block; color:#0066CC; font:18px Arial, Helvetica, sans-serif; line-height:39px; text-decoration:none; padding:0 0 0 10px; margin:5px 0 10px 5px;text-transform:uppercase;} #bottomrightPan ul{width:320px; margin:11px 0 10px 15px;} #bottomrightPan ul li{width:320px; height:20px; } #bottomrightPan ul li a{width:320px; text-transform:uppercase; height:20px; display:block; color: #135784; font-size:13px; line-height:20px; text-decoration:none; padding:0 0 0 10px;} #bottomrightPan ul li a:hover{display:block;color:#000; line-height:20px;} #bottomrightPan p.more{width:270px; height:21px; padding:0px; margin:10px 0 25px 50px;} #bottomrightPan p.more a{width:270px; height:21px; display:block; background:url(images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#fff; font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;} #bottomrightPan p.more a:hover{background:url(images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#FDF6B6; text-decoration:none;} .divider1{position: relative;height: 10px; width:960px; clear: both; margin:0 auto;} .divider2{position: relative;height: 5px; width:243px; clear: both; margin:0 auto;} /*----/Bottom Left Panel----*/ .offre-col a img.photo { width: 124px; height: 90px; border: 0; } .offre-col .destination a{ float: left; width: 100%; text-decoration:none; font: bold 12px Trebuchet MS, Verdana, sans-serif; line-height: 15px; color:#000; } /*.offre-col .libre { float: left; width: 100%; font: bold 14px Trebuchet MS, Verdana, sans-serif; line-height: 14px; color: #f60; }*/ .offre-col .detail a { float: left; width: 100%; line-height:11px;} .offre-col .detail a .descriptif-link { color:#01f; text-decoration: underline; white-space:nowrap;} .offre-col .detail a .descriptif-link:hover { color:#f60; text-decoration: underline; white-space:nowrap;} .offre-col .duree a {font-size: 10px; } .offre-col .apartirde { font-size: 10px; margin: 0px 0px 0px 5px; } .offre-col .prix { width: auto; color: #000033; font-size: 19px; font-weight: bold; line-height: 16px;} .offre-col .prix a span.ttc { padding: 0px 1px 0px 2px; color: #fff; text-decoration:none; font-size: 20px; font-weight: bold;} #bottomleftPanH dl.offre-col { float: left; width: 227px; } #bottomleftPanH dl.offre-col dt { width: 98px; padding: 0; float: left; margin: 0; } #bottomleftPanH dl.offre-col dd { width: 100px; margin-left: 7em; padding: 0px 0px 0px 5px !important;} #bottomleftPanH dl.offre-col dt a img.photo { width: 100px; height: 72px; border: 0; } #bottomleftPanH dl.offre-col dd.libre { color: #000000; } #bottomleftPanH dl.spec1 {margin: 10px 0px 5px 10px !important; } #bottomleftPanH a dl.offre { float: left; width: 398px; height: 49px; margin: 0px 0px 0px 0px; padding: 5px 0px 0px 5px; } #bottomleftPanH .offre .destination { float: left; width: 296px; text-align: left; } #bottomleftPanH .offre .detail { float: left; width: 296px; } /*--- Cas particuliers ---*/ #bottomrightPanR dl.spec1 { margin: 8px 0px 0px 10px; } #bottomrightReser{width:243px; float:left; color:#09203B; margin:5px 0 0 5px; text-align:center;} #bottomrightPanREC{width:243px; float:left; color:#09203B; border:1px solid #FF9900;margin:0 0 0 5px; text-align:center;} #bottomrightPanREC h2{width:210px; height:30px; display:block; background:url(images/puceOrange.png) 0 0 no-repeat ; color:#FF9900; font:13px Arial, Helvetica, sans-serif; line-height:30px; text-decoration:none; padding:0 0 0 25px; margin:5px 0 10px 5px;text-transform:uppercase; font-weight:bold;} #bottomrightPanVille{width:121px; float:left; color:#09203B; border:1px solid #000000;margin:0 5px 0 5px; text-align:center; } #bottomrightPanVilleL{width:181px; float:left; color:#09203B; border:1px solid #000000;margin:0 5px 0 10px; text-align:center;} #bottomrightPanHotel{width:247px; color:#09203B; border:1px solid #FF9900;margin:0 0 0 5px; text-align:center;} .photoVille1{ display:block; width:239px; padding:2px 0 5px 2px; } .photoVille{ display:block; width:156px; padding:2px 0 5px 2px; } .photoVille a{ display:block; color:#FF9900; font-size:10px; text-decoration:none;} .photoVille a:hover{ display:block; color:#163C7B; } #bottomleftPanVille{width:368px; float:left; color:#163C7B; border:1px solid #0066CC; background:#FFFFFF url(images/search-bg.png) repeat-x; padding-bottom:22px; padding-left:5px;} #bottomleftPanVille p{ display:block; color:#000; font:12px Arial, Helvetica, sans-serif; padding:5px 10px 5px 10px; text-align:justify; background:url(images/rayaume-Maroc.jpg) center center no-repeat; line-height: 20px;} #bottomleftPanVille h2{width:300px; height:39px; display:block; color:#0066CC; font:18px Arial, Helvetica, sans-serif; line-height:39px; text-decoration:none; padding:0 0 0 10px; margin:5px 0 10px 5px; text-transform:uppercase;} #bottomleftPanHotel2{width:700px; float:left; color:#163C7B; border:1px solid #163C7B; background:#FFFFFF url(images/search-bg.png) repeat-x; padding-bottom:10px; padding-left:5px; } #bottomleftPanHotel{width:700px; float:left; color:#163C7B; border:1px solid #163C7B; background:#FFFFFF url(images/search-bg.png) repeat-x; padding-bottom:10px; padding-left:5px; } #bottomleftPanHotel a{ background:#FF9900 url(images/bg_description.png) 0 0 no-repeat ;padding:0 15px 0 15px;font:12px Arial, Helvetica, sans-serif;color:#fff;text-transform:uppercase; text-decoration:none; height:40px;} #bottomleftPanHotel a:hover{ background-color:#FF9900; color:#000;} #bottomleftPanHotel p{ display:block; color:#000; font:12px Arial, Helvetica, sans-serif; padding:5px 10px 5px 10px; text-align:justify; background:url(images/rayaume-Maroc.jpg) center center no-repeat; line-height: 20px;} #bottomleftPanHotel h2{width:350px; height:30px; display:block; background:url(images/puceBlue.png) 0 0 no-repeat ; color:#163C7B; font:18px Arial, Helvetica, sans-serif; line-height:30px; text-decoration:none; padding:0 0 0 25px; margin:5px 0 10px 5px; text-transform:uppercase;} #bottomrightPanREC2{width:230px; float:left; color:#09203B; border:1px solid #29C3F4;margin:5px 0 0 5px; font:bold 10px Arial, Helvetica, sans-serif; padding:5px;} #bottomrightPanREC2 h2{padding:0 0 0 55px;} #bottomleftPanH .liste a{ height:30px; display:block; background:url(images/bg_menunoir.gif) 0 9px no-repeat ; color:#000000; font-size:10px; line-height:30px; text-decoration:none; padding:0 0 0 20px;} #bottomleftPanH .liste a:hover{display:block;background:url(images/bg_puceorg.gif) 0 9px no-repeat ; color:#ff9900; line-height:30px;} #bottomrightPanRECDevis{width:233px; float:left; color:#163C7B; border:1px solid #163C7B;margin:5px 0 0 5px;font:bold 10px Arial, Helvetica, sans-serif; padding:5px; text-align:justify;} #bottomrightPanRECDevis h2{width:210px; height:30px; display:block; background:url(images/puceBlue.png) 0 0 no-repeat ; color:#163C7B; font:13px Arial, Helvetica, sans-serif; line-height:30px; text-decoration:none; padding:0 0 0 25px; margin:5px 0 10px 5px;text-transform:uppercase; font-weight:bold;} .sstitredevis { color: #163C7B; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; } #bottomrightPanR{width:475px; float:left; color:#09203B; border:1px solid #FF9900;margin:0 0 0 5px;} #bottomrightPanR h2{width:400px; height:30px; display:block; background:url(images/puceOrange.png) 0 0 no-repeat ; color:#FF9900; font:18px Arial, Helvetica, sans-serif; line-height:30px; text-decoration:none; padding:0 0 0 25px; margin:5px 0 10px 5px;text-transform:uppercase;} #bottomrightPanR p{ display:block; color:#000; font:12px Arial, Helvetica, sans-serif; padding:5px 5px 5px 5px; text-align:justify;} #bottomrightPanET h2{width:800px; height:30px; display:block; background:url(images/puceBlue.png) 0 0 no-repeat ; color:#163C7B; font:18px Arial, Helvetica, sans-serif; line-height:30px; text-decoration:none; padding:0 0 0 25px; margin:5px 0 10px 5px;text-transform:uppercase;} #bottomrightPanRE{width:475px; float:left; color:#09203B; border:1px solid #143760;margin:0 0 0 5px;} #bottomrightPanRE h2{width:200px; height:30px; display:block; background:url(images/puceBlue.png) 0 0 no-repeat ; color:#163C7B; font:18px Arial, Helvetica, sans-serif; line-height:30px; text-decoration:none; padding:0 0 0 25px; margin:5px 0 10px 5px;text-transform:uppercase;} #bottomrightPanRE p{ display:block; color:#000; font:12px Arial, Helvetica, sans-serif; padding:5px 5px 5px 5px; text-align:justify;} #bottomrightPanR dl.offre-col { float: left; width: 227px; } #bottomrightPanR div.content {background: transparent url(/z/go/resources/images/bg/bg-bonsplans-vide.gif) left top no-repeat; width: 452px; height: 849px;} #bottomrightPanR dl.offre-col dt { width: 98px; padding: 0; float: left; margin: 0; } #bottomrightPanR dl.offre-col dd { width: 100px; margin-left: 7em; padding: 0px 0px 0px 5px !important;} #bottomrightPanR dl.offre-col dt a img.photo { width: 100px; height: 72px; border: 0; } #bottomrightPanR dl.offre-col dd.libre { color: #f60; } #bottomrightPanR dl.spec1 {margin: 10px 0px 5px 10px !important; } #bottomrightPanR a dl.offre { float: left; width: 398px; height: 49px; margin: 0px 0px 0px 0px; padding: 5px 0px 0px 5px; } #bottomrightPanR .offre .destination { float: left; width: 296px; text-align: left; } #bottomrightPanR .offre .detail { float: left; width: 296px; } /*--- Cas particuliers ---*/ #bottomrightPanR dl.spec1 { margin: 8px 0px 0px 10px; } /*list hotels*/ #bottomrightPanL{width:957px; float:left; margin:auto; color:#09203B; border:1px solid #143760;} #bottomrightPanL table{ width:952px; margin-left:5px;} #bottomrightPanL h2{width:400px; height:30px; display:block; background:url(images/puceBlue.png) 0 0 no-repeat ; color:#163C7B; font:18px Arial, Helvetica, sans-serif; line-height:30px; text-decoration:none; padding:0 0 0 25px; margin:5px 0 10px 5px;text-transform:uppercase;} #bottomrightPanL a{ height:20px; display:block; background:url(images/bullet1.png) 0 12px no-repeat ; color:#163C7B; font-size:11px; line-height:30px; text-decoration:none; padding:0 0 0 12px; text-transform:uppercase;} #bottomrightPanL a:hover{display:block;background:url(images/bullet2.png) 0 12px no-repeat ; color:#1D8DE3; line-height:30px;} #bottomrightPanT{width:957px; float:left; margin:auto; color:#09203B; border:1px solid #143760; background:#FFFFFF url(images/visite-bg.png) repeat-x;} #bottomrightPanT a{ height:20px; color:#163C7B; font-size:10px; line-height:10px; text-decoration:none;} #bottomrightPanT a:hover{color:#1D8DE3; line-height:10px;} #bottomrightPanT h2{width:450px; font:20px Arial, Helvetica, sans-serif; margin:12px 0 0 15px; text-transform:uppercase;} #bottomleftPanS{width:370px; height:236px; float:left; color:#09203B; border:1px solid #3652A4;} #bottomleftPanS h2{width:300px; height:30px; display:block; background:url(images/puceBlue.png) 0 0 no-repeat ; color:#163C7B; font:18px Arial, Helvetica, sans-serif; line-height:30px; text-decoration:none; padding:0 0 0 25px; margin:5px 0 10px 5px;text-transform:uppercase;} #bottomleftPanS a{ height:20px; margin-left:13px; display:block; background:url(images/bullet1.png) 0 4px no-repeat ; color:#163C7B; font-size:12px; text-decoration:none; padding:0 0 0 15px; text-transform:uppercase; width:85px;} #bottomleftPanS a:hover{display:block;background:url(images/bullet2.png) 0 4px no-repeat ; color:#1D8DE3; margin-left:13px; } #bottomleftPanF{width:761px;height:115px; margin-left:100px; float:left; color:#09203B; border:1px solid #143760; background:#FFFFFF url(images/search-bg.png) repeat-x;} /*Detail hotels*/ .imghotel { margin-bottom:5px; margin-right:5px; margin-left:10px;} .imghotel2 { margin-bottom:5px; margin-right:5px;} .titreprod2 { font-family:Arial, Helvetica, sans-serif; color:#000066; font-size:12px; margin-left:10px;} .titreprod { font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:12px; margin-left:10px;} .titreprod a{ font-family:Arial, Helvetica, sans-serif; color:#1D8DE3; text-decoration:none; } .titreprod a:hover{ font-family:Arial, Helvetica, sans-serif; color:#09203B; text-decoration:none;} .texterech2 {color:#135784; font:13px/28px Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; text-transform:uppercase;} .texterech2 a{color:#09203B; font:13px/28px Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none;} .texterech2 a:hover{color:#09203B; font:13px/28px Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none;} .texterech1 {color:#09203B; font:11px Arial, Helvetica, sans-serif;text-decoration:none;} .texterech1 a{ color:#09203B; font:11px Arial, Helvetica, sans-serif; text-decoration:none;} .texterech1 a:hover{color:#2F2A28; text-decoration:none;} h3{height:30px; display:block; background:url(images/puceOrange.png) 0 0 no-repeat ; color:#FF9900; font:18px Arial, Helvetica, sans-serif; line-height:30px; text-decoration:none; padding:0 0 0 25px; margin:5px 0 10px 5px; text-transform:uppercase;} h4{width:550px; font:35px Arial, Helvetica, sans-serif; color:#000000; text-transform:uppercase; font-weight:bold; margin-top:35px;} .milevel2 {color:#000000; font:13px Arial, Helvetica, sans-serif; padding:10px;} .milevel1 {color:#000000; font:13px Arial, Helvetica, sans-serif; margin-top:10px; padding-left:10px; padding-right:10px; vertical-align:top; padding-bottom:10px; text-align:justify;} .milevel5 {color:#FF9900; font: bold 11px Arial, Helvetica, sans-serif; margin-top:10px; padding-left:10px; padding-right:10px; vertical-align:top; padding-bottom:10px; text-align:justify;} .milevel3 {color:#000000; font:13px Arial, Helvetica, sans-serif; padding-left:10px; padding-right:10px; border:1px solid #143760; height:240px; vertical-align:top; width:707px;} .milevel4 {color:#000000; font:13px Arial, Helvetica, sans-serif; padding-left:5px; border:1px solid #163C7B; vertical-align:top;} .checkword {width:209px; color:#000000; font:12px Arial, Helvetica, sans-serif; font-weight:bold; line-height:20px; padding-left:10px;} .equipements {color:#09203B; font:13px Arial, Helvetica, sans-serif;text-decoration:none; font-weight:bold; line-height:20px; padding-bottom:10px;} .equipements a{color:#09203B; font:13px Arial, Helvetica, sans-serif;text-decoration:none; font-weight:bold; line-height:20px; padding-bottom:10px;} .equipements a:hover{color:#1D8DE3; font:13px Arial, Helvetica, sans-serif;text-decoration:none; font-weight:bold; line-height:20px; padding-bottom:10px;} img.stars { border: 0; padding-left:5px;} .voyage {color:#09203B; font:12px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold;} .titrehotel { background:#FF9900; height:25px;} .destination {background:#4681A3; color:#135784; font:13px Arial, Helvetica, sans-serif; text-decoration:none; height:20px;} .destination a{color:#FFF; font:13px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; text-transform:uppercase; padding-left:5px;} .destination a:hover{ color:#FFCC00; font:13px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; padding-left:5px;} .destination2 {color:#FFFFFF; font:13px Arial, Helvetica, sans-serif; text-decoration:none;} .destination2 a{color:#FFFFFF; font:13px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; text-transform:uppercase;} .destination2 a:hover{color:#FFFFFF; font:13px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold;} .destinationH a{color:#FFFFFF; font:13px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; text-transform:uppercase; padding:3px;} .destinationH a:hover{color:#000; font:13px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold;} .destinationE a{color:#FFFFFF; font:11px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; text-transform:uppercase; padding:3px;} .destinationE a:hover{color:#000; font:11px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold;} .plushotel a{padding:3px; color:#fff; font:10px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; text-transform:uppercase;} .plushotel a:hover{color:#000; font:10px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold;} .destinationMap a{color:#163C7B; font:13px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; text-transform:uppercase; width:450px; clear:both;} .destinationMap a:hover{width:450px; color:#0099FF; font:13px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; clear:both;} .photo { width:200px; height:122px; border:1px solid #000000;} .photo2 { width:210px; height:170px; border:1px solid #000000;} .photo3 { width:180px; height:122px; border:1px solid #000000;} .apartirde {FONT: 12px Trebuchet MS, Verdana, sans-serif; margin-left:5px; width:80px;} .prix {FONT: bold 35px Trebuchet MS, Verdana, sans-serif; margin-left:5px;} .libre {FONT: bold 13px Trebuchet MS, Verdana, sans-serif; COLOR:#000; padding-left:5px;} .somhotel {FONT: 12px Trebuchet MS, Verdana, sans-serif; COLOR:#000; padding-left:5px; text-align:justify;} .tarifsEx p{display:block; color:#000; font:12px Arial, Helvetica, sans-serif; padding:5px 10px 5px 10px; text-align:justify;line-height: 20px;} .libredesc {FONT: 11px Trebuchet MS, Verdana, sans-serif; COLOR: #000000;} img.starsdesc { border: 0; } .titrechambre1{ background-color:#FFEED5; padding:3px; color:#000000; font:10px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; text-transform:uppercase; line-height:20px;} .titreTarif{ height:20px; background-color:#3B6D8E; color:#FFFFFF;} .titreDevis{ height:20px; background-color:#fff; color:#000; font-weight:bold;} .titreDevis2{ height:20px; background-color:#fff; color:#000;} .titreDevis4{ height:20px; background-color:#fff; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold;} .titreDevis3{ height:20px;color:#000; font-family:Arial, Helvetica, sans-serif; font-size:14px;} .titreDevis5{ height:20px;color:#000; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;} .reserve { padding:3px; FONT-WEIGHT: bold; FONT-SIZE: 12px; WIDTH: auto; COLOR: #000; LINE-HEIGHT: 16px; BACKGROUND-COLOR: #135784;text-decoration:none; } .reserve a{ padding:3px; FONT-WEIGHT: bold; FONT-SIZE: 12px; WIDTH: auto; COLOR: #000; LINE-HEIGHT: 16px; BACKGROUND-COLOR: #FF9900; text-decoration:none;} .reserve a:hover{padding:3px; FONT-WEIGHT: bold; FONT-SIZE: 12px; WIDTH: auto; COLOR: #000; LINE-HEIGHT: 16px; BACKGROUND-COLOR: #FF9900; text-decoration:none;} .tarifs { margin-top:10px; padding-left:10px; padding-right:10px; vertical-align:top; } .tarifsEx { margin-top:10px; padding-left:10px; padding-right:10px; border:1px solid #143760; vertical-align:top; } .info { padding-left:10px; padding-right:10px; border:1px solid #1d8de3; vertical-align:top; background:#FFEED5;} .leftLogin form{width:220px; margin-left:5px; margin-right:3px;height:90px; float:left; color:#333227;} .leftLogin form label{width:85px; display:block; float:left; padding:14px 15px 0 6px; color:#FFFFFF; } .leftLogin form label.emailpadding{padding:12px 15px 0 6px; } .leftLogin form input{ float:left; display:block; width:101px; height:16px; margin:14px 0 9px 0;} form input.fieldpadding{ border:1px solid #4EA5E7; color:#747B4F; height:15px; background:#ACDAFE; } .leftLogin{ width:237px; height:150px; float:left; margin: 3px 0 0 0; background:#85ADC4 url(images/bg_login.gif) repeat-x;} .leftLogin2{ width:237px; float:left; background:#FFEED5; border: 1px solid #FF9900;} .leftLogin form input.gobutton{float:right; background-color:#000033; border:none; width:45px; height:21px; margin:2px 10px 0 0; padding:0 0 0 5px; text-decoration:none; color:#fff; font:14px/21px "Trebuchet MS",Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:left;} .leftLogin input.fieldsearch{ border:1px solid #747B4F; color:#747B4F; height:15px; margin-left:15px; margin-top:10px; } .leftLogin h3{height:20px; background:#FCFAE6; display:block; float:right; margin:12px 0 22px 13px; font:28px/48px Georgia, "Times New Roman", Times, serif; color:#3D3C2C;} .textbox{ border:1px solid #FF9900; color:#747B4F; height:20px; background:#FFF0D9; } .textareabox{width: 260px;height: 120px; border:1px solid #FF9900; color:#747B4F; background:#FFF0D9;} .btnSubmit input.login{ width:45px; background-color:#4EA5E7;height:19px;border:none;cursor:pointer;float:right; padding-right:50px; padding-bottom:5px; color:#09203B; } /*------------navigation à gauche-------------*/ .tourismania { font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#0450CE; font-size:18px; padding-left:120px; line-height:60px; } .menud { font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#135784; font-size:12px;} .menuc { font-family:Arial, Helvetica, sans-serif; color:#143760; font-size:11px; text-transform:uppercase; height:20px; } .menuc a{ font-family:Arial, Helvetica, sans-serif; color:#143760; text-decoration:none;} .menuc a:hover{ font-family:Arial, Helvetica, sans-serif; color:#143760; text-decoration:none;} .allezala { font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:12px; text-transform:uppercase; height:20px; padding-right:10px; } .allezala a{ font-family:Arial, Helvetica, sans-serif; color:#000000; text-decoration:none;padding-right:10px;} .allezala a:hover{ font-family:Arial, Helvetica, sans-serif; color:#ff9900; text-decoration:none;padding-right:10px;} .selected { width:20px; height:20px; background:url(images/bg_selected.png); padding:2px 5px 2px 5px; } .menuLeft a{height:20px; display:block; background:url(images/bg_menunoir.gif) 0 0 no-repeat ; color:#000000; font-size:14px; line-height:20px; text-decoration:none; padding:0 0 0 20px; text-transform:uppercase;} .menuLeft a:hover{display:block;background:url(images/bg_puceorg.gif) 0 0 no-repeat ; color:#FF9900; line-height:20px; height:20px; font-size:14px; text-decoration:none; padding:0 0 0 20px;text-transform:uppercase;} .reservetext { padding:3px; color:#000; font:10px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; text-transform:uppercase; } .reservetext a{ padding:3px; color:#000; font:10px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; text-transform:uppercase;} .reservetext a:hover{ padding:3px; color:#FF9900; font:10px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; text-transform:uppercase;} .sidenav { width: 217px; margin-left:10px;} .sidenav ul {padding: 0;border-top: 1px solid #FF9900;} .sidenav li {border-bottom: 1px solid #FF9900;} .sidenav li a {font-size: 1.1em;color: #fff;display: block; padding: 4px 0 4px 5%; text-decoration: none;width: 207px;} .sidenav li a:hover {background: #FF9900;color: #000;font-size: 1.1em;width: 207px;} .sidenav a {background:url(images/puceOrange3.png) 0 0 no-repeat ; color:#FF9900; font-size:12px;display: block; height:20px; text-decoration: none;width: 200px; padding:3px 0 0 20px; margin:2px 0 5px 5px; text-transform:uppercase;} .sidenav a:hover {font-size:12px;background:url(images/puceNoir3.png) 0 0 no-repeat ;height:20px; color:#000000;width: 200px; padding:3px 0 0 20px;display: block; margin:2px 0 5px 5px;} .sidenav h3 { margin-top:10px; margin-bottom:5px;} /*cuisine*/ #bottomrightPanC ul{width:290px; margin:11px 0 10px 30px;} #bottomrightPanC ul li{width:290px; height:20px; } #bottomrightPanC ul li a{width:290px; height:20px; display:block; background:url(images/bullet1.png) 0 5px no-repeat ; color:#163C7B; font-size:12px; line-height:20px; text-decoration:none; padding:0 0 0 20px;} #bottomrightPanC ul li a:hover{display:block;background:url(images/bullet2.png) 0 5px no-repeat ; color:#1D8DE3; line-height:20px;} /*------------calendrier-------------*/ .ds_box {background-color: #FFF; border: 1px solid #000; position: absolute; z-index: 32767;} .ds_tbl {background-color: #FFF;} .ds_head {background-color: #333; color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 13px;font-weight: bold; text-align: center; letter-spacing: 2px;} .ds_subhead {background-color: #CCC; color: #000; font-size: 12px; font-weight: bold; text-align: center; font-family: Arial, Helvetica, sans-serif; width: 32px;} .ds_cell {background-color: #EEE; color: #000; font-size: 13px; text-align: center; font-family: Arial, Helvetica, sans-serif; padding: 5px; cursor: pointer;} .ds_cell:hover {background-color: #F3F3F3;} /* This hover code won't work for IE */ .txtforma { FONT-SIZE: 9px;COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #FFFFFF; border: 1px #395898 solid; } .menul { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none; font-style: normal; } /*-------------------mod menu------------*/ .home{background:url(graphics/home.gif) 10px no-repeat ; } .home a:hover{background:url(graphics/homeh.gif) 10px no-repeat ; } .contenu{background:url(graphics/contenu.gif) 10% 40% no-repeat } .contenu a:hover{background:url(graphics/contenuh.gif) 14% 70% no-repeat;} .menu{background:url(graphics/menu.gif) 14% 45% no-repeat;} .menu a:hover{background:url(graphics/menuh.gif) 23% 80% no-repeat ;} .outil{background:url(graphics/outils.gif) 10% 50% no-repeat ;} .outil a:hover{background:url(graphics/outilsh.gif) 21% 80% no-repeat ;} .mnuTitre a{height:27px; padding-left: 35px;color:#000; text-align:center; font:11px Verdana, Arial, Helvetica, sans-serif; text-decoration:none;letter-spacing:2px; padding-top:5px;} .mnuTitre a:hover{ color:#000; text-decoration:none; font:11px Verdana, Arial, Helvetica, sans-serif;} img{ border:none;} .titre a{width:108px; height:21px; color:#000; font:11px Arial, Helvetica, sans-serif; text-decoration:none;} .titre a:hover{color:#97ACC9; text-decoration:none;} .bottomSpace { padding-bottom:5px;} .cadreIntro { padding-top:5px; padding-left:5px; border-bottom:1px solid #E7E7E7; border-left:1px solid #E7E7E7; border-right:1px solid #E7E7E7; border-top:1px solid #E7E7E7;} /*-------------------salon------------*/ .etw {font-size:12pt;color:#ffffff;font-family:Verdana,Arial,Helvetica,sans-serif; background-color:#3B6D8E;} .mt {font-size:8pt;color:#000000;font-weight:normal;font-family:Verdana,Arial,Helvetica,sans-serif;} /*-------------------liste produit------------*/ .contentarea ul {font-family: Arial;font-size: 12px;text-transform: none; color: #898889; text-decoration: none;padding: 15px 0 0 0; } .contentarea li a{ font-family: Arial;font-size: 10px;text-transform: none;color: #333333;text-decoration: none;display: block; } .contentarea li a:hover{font-family: Arial;font-size: 10px;text-transform: none; color: #003277; text-decoration: none;display:block;} .listPro{ float:left; width:139px; text-align:center; padding-bottom:15px; margin-right:20px;} .alaLigne { position: relative;height: 4px; width:603px; clear: both;} .fond { background-color:#163C7B; } .corps { background-color:#D8E9EC; } .titre { color: #FFFFFF; } .sstitre { color: #0099FF; } .emptycadre { height:282px;} .emptycadre2 { height:217px;} /*formulaire*/ div.row {clear: both; padding-top: 10px; } div span.label {float: left; width: 95px; text-align: right;font: 12px Arial, Helvetica, sans-serif; color:#000; } div.row span.label {float: left; text-align: right;font: 12px Arial, Helvetica, sans-serif; color:#000; } div.row span.formw {float: right; width: 335px; text-align: left; } div.row span.formw input{border: 1px solid #323232; float: left; text-align: left; } div.row span.formw textarea{border: 1px solid #323232; float: left; text-align: left; } div.row span.formr {float: right; text-align: left; } .button {border: 1px solid #006; background: #FF9900; color:#FFFFFF;} .button a:hover{border: 1px solid #006; background: #FF9900; color:#000; text-decoration:none;} .buttonr {border: 1px solid #006; background: #323232;} .cadreform{width: 450px;border: 1px solid #163C7B; padding: 5px; margin: 0px auto;} .formw2 input{border: 1px solid #323232; float: left; text-align: left; background:#FF9900; color:#FFFFFF; } .dhtmlgoodies_question{ /* Styling question */ /* Start layout CSS */ color:#FFF; font-size:0.9em; background-color:#163C7B; margin-bottom:2px; margin-top:2px; padding-left:2px; background-repeat:no-repeat; background-position:top right; height:20px; /* End layout CSS */ overflow:hidden; cursor:pointer; } .dhtmlgoodies_answer{ /* Parent box of slide down content */ visibility:hidden; height:0px; overflow:hidden; position:relative; text-align:justify; } .dhtmlgoodies_answer_content{ /* Content that is slided down */ padding:1px; font-size:0.9em; position:relative; } /*#contenu{ width:680px; border: 1px solid #FF9900; display:block; color:#000; font:12px Arial, Helvetica, sans-serif; padding:5px 5px 5px 5px; text-align:justify; }*/ .cachediv{ width:680px; border: 1px solid #FF9900; display:none; color:#000; font:12px Arial, Helvetica, sans-serif; padding:5px 5px 5px 5px; text-align:justify; } .cachediv2{ width:680px; border: 1px solid #FF9900;color:#000; font:12px Arial, Helvetica, sans-serif; padding:5px 5px 5px 5px; text-align:justify; } .TDatePicker_default { border: 1px solid #919EA9; background-color: White; text-align: center; font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif; cursor: default; } .TDatePicker_default .selected { background-color: #FF9900; border: 1px solid #FF9900; color: white; } .TDatePicker_default .today { font-weight: bold; } .tourismania { font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#0450CE; font-size:18px; padding-left:220px; line-height:60px; } .menud { font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#FF9900; font-size:12px;} .menuc { font-family:Arial, Helvetica, sans-serif; color:#143760; font-size:11px; text-transform:uppercase; height:20px; padding-left:100px; } .menuc a{ font-family:Arial, Helvetica, sans-serif; color:#143760; text-decoration:none;} .menuc a:hover{ font-family:Arial, Helvetica, sans-serif; color:#143760; text-decoration:none;} .menut { font-family:Arial, Helvetica, sans-serif; color:#143760; font-size:11px; text-transform:uppercase; height:20px;} .menut a{ font-family:Arial, Helvetica, sans-serif; color:#143760; text-decoration:none;} .menut a:hover{ font-family:Arial, Helvetica, sans-serif; color:#143760; text-decoration:none;} .footerh { height:26px; background:url(images/footer_hotel.png) left top repeat-x;} .cadreform{width: 450px;border: 1px solid #163C7B; padding: 5px; margin: 0px auto;} .formw2 input{border: 1px solid #323232; float: left; text-align: left; background:#FF9900; color:#FFFFFF; } div.row {clear: both; padding-top: 10px; } div span.label {float: left; width: 95px; text-align: right;font: 12px Arial, Helvetica, sans-serif; color:#000; } div.row span.label {float: left; text-align: right;font: 12px Arial, Helvetica, sans-serif; color:#000; } div.row span.formw {float: right; width: 335px; text-align: left; } div.row span.formw input{border: 1px solid #323232; float: left; text-align: left; } div.row span.formw textarea{border: 1px solid #323232; float: left; text-align: left; } div.row span.formr {float: right; text-align: left; } .button {border: 1px solid #006; background: #FF9900; color:#FFFFFF;} .button a:hover{border: 1px solid #006; background: #FF9900; color:#000; text-decoration:none;} .buttonr {border: 1px solid #006; background: #323232;} /*----FOOTER PANEL----*/ #footermainPan{height:108px; background: #135784 url(images/footerbg.png) 0 0 repeat-x; color:#fff; font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; position:relative; margin:0 auto; clear:both;} #footerPan{width:971px; position:relative; margin:0 auto; padding-top:15px;} #footerPan ul{width:530px; height:20px; position:relative; margin:0 auto;} #footerPan li{float:left; color:#000; } #footerPan ul li a{padding:0 10px 0; color:#FFCC00; text-decoration:none; font-size:12px;} #footerPan ul li a:hover{text-decoration:underline; color:#FFFFFF;} #footerPan p.copyright{text-align:center; margin:0 auto; color:#fff; font-size:11px;} #footerPan p.destination {color:#1D8DE3; font:13px Arial, Helvetica, sans-serif; text-decoration:none;text-align:center;} #footerPan p.destination a{color: #FFFFFF; font:13px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; text-transform:uppercase;} #footerPan p.destination a:hover{color:#0099FF; font:13px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold;} #footerPan p.iata{color:#fff; font:10px Arial, Helvetica, sans-serif;text-align:center;} #footerPan p.webM {color:#fff; font:10px Arial, Helvetica, sans-serif; text-align:center; margin:0 auto; text-decoration:none;} #footerPan p.webM a{color:#fff; font:10px Arial, Helvetica, sans-serif; text-align:center; margin:0 auto; text-decoration:none;} #footerPan p.webM ul li a:hover{color:#FFCC00; text-decoration:none; text-align:center; margin:0 auto;} /*----/FOOTER PANEL----*/